合并

src/components/card-preview/index.tsx

@@ -4,6 +4,7 @@ import styles from './index.module.less';
 import VideoModal from './video-modal';
 import SongModal from './song-modal';
 import AudioModal from './audio-modal';
+import TheEmpty from '../TheEmpty';
 
 export default defineComponent({
   name: 'card-preview',
@@ -50,8 +51,12 @@ export default defineComponent({
           {item.value.type === 'VIDEO' && (
             <VideoModal poster={item.value.url} src={item.value.content} />
           )}
-          {item.value.type === 'SONG' && <SongModal item={item.value} />}
-          {item.value.type === 'AUDIO' && <AudioModal item={item.value} />}
+          {item.value.type === 'MUSIC' && <SongModal item={item.value} />}
+          {item.value.type === 'SONG' && <AudioModal item={item.value} />}
+
+          {!['VIDEO', 'MUSIC', 'SONG'].includes(item.value.type) && (
+            <TheEmpty />
+          )}
         </NModal>
       </>
     );

src/views/natural-resources/components/share-resources/index.tsx

@@ -6,6 +6,7 @@ import SearchGroupResources from './search-group-resources';
 import { materialQueryPage } from '../../api';
 import { NSpin } from 'naive-ui';
 import TheEmpty from '/src/components/TheEmpty';
+import CardPreview from '/src/components/card-preview';
 
 export default defineComponent({
   name: 'share-resources',
@@ -25,7 +26,9 @@ export default defineComponent({
         subjectId: null,
         sourceType: 2
       },
-      tableList: [] as any
+      tableList: [] as any,
+      show: false,
+      item: {} as any
     });
     const getList = async () => {
       try {
@@ -65,9 +68,18 @@ export default defineComponent({
                 type: item.type,
                 title: item.name,
                 isCollect: !!item.favoriteFlag,
-                isSelected: item.sourceFrom === 'PLATFORM' ? true : false
+                isSelected: item.sourceFrom === 'PLATFORM' ? true : false,
+                content: item.content
               };
-              return <CardType item={tmpItem} />;
+              return (
+                <CardType
+                  item={tmpItem}
+                  onClick={(val: any) => {
+                    state.show = true;
+                    state.item = val;
+                  }}
+                />
+              );
             })}
 
             {!state.loading && state.tableList.length <= 0 && (
@@ -82,6 +94,9 @@ export default defineComponent({
           v-model:pageTotal={state.pageTotal}
           onList={getList}
         />
+
+        {/* 弹窗查看 */}
+        <CardPreview v-model:show={state.show} item={state.item} />
       </>
     );
   }