rht

apps/web/src/components/common/uploader/ResourceShower.tsx

@@ -7,8 +7,10 @@ import { formatFileSize, getCompressedImageUrl } from "@nice/utils";
 
 export default function ResourcesShower({
 	resources = [],
+	isShowImage
 }: {
 	resources: ResourceDto[];
+	isShowImage?: boolean;
 }) {
 	const { resources: dealedResources } = useMemo(() => {
 		if (!resources) return { resources: [] };
@@ -36,7 +38,7 @@ export default function ResourcesShower({
 	const fileResources = dealedResources.filter((res) => !res.isImage);
 	return (
 		<div className="space-y-3">
-			{imageResources.length > 0 && (
+			{imageResources.length > 0 && isShowImage && (
 				<Row gutter={[16, 16]} className="mb-6">
 					<Image.PreviewGroup>
 						{imageResources.map((resource) => (

apps/web/src/components/models/course/detail/CourseDetailDisplayArea.tsx

@@ -14,7 +14,7 @@ import CourseDetailTitle from "./CourseDetailTitle";
 export const CourseDetailDisplayArea: React.FC = () => {
 	// 创建滚动动画效果
 	const {
-		
+
 		isLoading,
 		canEdit,
 		lecture,
@@ -48,18 +48,22 @@ export const CourseDetailDisplayArea: React.FC = () => {
 				)}
 			{!lectureIsLoading &&
 				selectedLectureId &&
-				lecture?.meta?.type === LectureType.ARTICLE && (
+				(
 					<div className="flex justify-center flex-col items-center gap-2 w-full my-2 ">
 						<div className="w-full   rounded-lg      ">
-							<CollapsibleContent
-								content={lecture?.content || ""}
-								maxHeight={500} // Optional, defaults to 150
-							/>
+							{lecture?.meta?.type === LectureType.ARTICLE && (
+								<CollapsibleContent
+									content={lecture?.content || ""}
+									maxHeight={500} // Optional, defaults to 150
+								/>
+							)}
 							<div className="px-6">
 								<ResourcesShower
 									resources={
 										lecture?.resources
-									}></ResourcesShower>
+									}
+									isShowImage = {lecture?.meta?.type === LectureType.ARTICLE}
+								></ResourcesShower>
 							</div>
 						</div>
 					</div>

apps/web/src/components/models/course/editor/form/CourseContentForm/SortableLecture.tsx

@@ -175,22 +175,30 @@ export const SortableLecture: React.FC<SortableLectureProps> = ({
 							/>
 						</Form.Item>
 					</div>
-					<div className="mt-4 flex flex-1 ">
+					<div className="mt-4 flex flex-2 flex-col gap-y-5 ">
 						{lectureType === LectureType.VIDEO ? (
-							<Form.Item
-								name={["meta", "videoIds"]}
-								className="mb-0 flex-1"
-								rules={[
-									{
-										required: true,
-										message: "请传入视频",
-									},
-								]}>
-								<TusUploader
-									allowTypes={videoMimeTypes}
-									multiple={false}
-								/>
-							</Form.Item>
+							<>
+								<Form.Item
+									name={["meta", "videoIds"]}
+									className="mb-0 flex-1"
+									rules={[
+										{
+											required: true,
+											message: "请传入视频",
+										},
+									]}>
+									<TusUploader
+										allowTypes={videoMimeTypes}
+										multiple={false}
+									/>
+								</Form.Item>
+								<Form.Item
+									name={["meta", "fileIds"]}
+									className="mb-0 flex-1">
+									<TusUploader multiple={true} />
+								</Form.Item>
+							</>
+							
 						) : (
 							<div>
 								<Form.Item