更新

src/views/natural-resources/components/share-resources/index.module.less

@@ -110,4 +110,8 @@
       }
     }
   }
-}
+}
+
+.teachingModal {
+  width: 1100px;
+}

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

@@ -4,7 +4,7 @@ import CardType from '/src/components/card-type';
 import Pagination from '/src/components/pagination';
 import SearchGroupResources from './search-group-resources';
 import { materialQueryPage } from '../../api';
-import { NSpin } from 'naive-ui';
+import { NModal, NSpin } from 'naive-ui';
 import TheEmpty from '/src/components/TheEmpty';
 import CardPreview from '/src/components/card-preview';
 
@@ -27,6 +27,7 @@ export default defineComponent({
         sourceType: 2
       },
       tableList: [] as any,
+      teachingStatus: false,
       show: false,
       item: {} as any
     });
@@ -57,7 +58,10 @@ export default defineComponent({
     });
     return () => (
       <>
-        <SearchGroupResources onSearch={(item: any) => onSearch(item)} />
+        <SearchGroupResources
+          onSearch={(item: any) => onSearch(item)}
+          onAdd={() => (state.teachingStatus = true)}
+        />
 
         <NSpin v-model:show={state.loading}>
           <div class={styles.list}>
@@ -97,6 +101,17 @@ export default defineComponent({
 
         {/* 弹窗查看 */}
         <CardPreview v-model:show={state.show} item={state.item} />
+
+        {/* 添加自定义教材 */}
+        <NModal
+          v-model:show={state.teachingStatus}
+          preset="card"
+          showIcon={false}
+          class={['modalTitle background', styles.teachingModal]}
+          title={'自定义教材'}
+          blockScroll={false}>
+          1212
+        </NModal>
       </>
     );
   }

src/views/natural-resources/components/share-resources/search-group-resources.tsx

@@ -7,7 +7,7 @@ import { resourceTypeArray } from '/src/utils/searchArray';
 
 export default defineComponent({
   name: 'search-group',
-  emits: ['search'],
+  emits: ['search', 'add'],
   setup(props, { emit }) {
     const forms = reactive({
       type: 'MUSIC', //
@@ -44,7 +44,8 @@ export default defineComponent({
             type="primary"
             class={styles.addTrain}
             focusable={false}
-            strong>
+            strong
+            onClick={() => emit('add')}>
             <img src={iconAdd} />
             添加自定义教材
           </NButton>

src/views/natural-resources/index.tsx

@@ -10,7 +10,7 @@ export default defineComponent({
     return () => (
       <div class={styles.listWrap}>
         <NTabs
-          defaultValue="myResources"
+          defaultValue="shareResources"
           paneClass={styles.paneTitle}
           justifyContent="center"
           animated