修改我申请的数据集

src/views/mallResourceDevelopment/dataSet/dataSetByApply/index.vue

@@ -3,11 +3,7 @@
     <template #headerContent>
       <div class="modal_top">
         <div>
-          <Icon
-            icon="material-symbols-light:dataset-linked-outline-sharp"
-            :size="50"
-            :color="'#64c6e9'"
-          />
+          <Icon icon="hugeicons:file-euro" :size="50" :color="'#64c6e9'" />
         </div>
         <div>
           <div class="title">我申请的</div>
@@ -23,13 +19,52 @@
     </template>
     <div class="pt-4 m-4 desc-wrap">
       <template v-if="currentKey == '1'">
-        <BasicTable @register="registerApplySuccessTable" />
+        <BasicTable @register="registerApplySuccessTable">
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'action'">
+              <TableAction
+                :actions="[
+                  {
+                    label: '详情',
+                    onClick: handleDetail.bind(null, record),
+                  },
+                ]"
+              />
+            </template>
+          </template>
+        </BasicTable>
       </template>
       <template v-if="currentKey == '2'">
-        <BasicTable @register="registerApplyTable" />
+        <BasicTable @register="registerApplyTable">
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'action'">
+              <TableAction
+                :actions="[
+                  {
+                    label: '详情',
+                    onClick: handleDetail.bind(null, record),
+                  },
+                ]"
+              />
+            </template>
+          </template>
+        </BasicTable>
       </template>
       <template v-if="currentKey == '3'">
-        <BasicTable @register="registerApplyFailedTable" />
+        <BasicTable @register="registerApplyFailedTable">
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'action'">
+              <TableAction
+                :actions="[
+                  {
+                    label: '详情',
+                    onClick: handleDetail.bind(null, record),
+                  },
+                ]"
+              />
+            </template>
+          </template>
+        </BasicTable>
       </template>
     </div>
   </PageWrapper>
@@ -42,7 +77,7 @@
   import { Tabs } from 'ant-design-vue';
   import { useMessage } from '@/hooks/web/useMessage';
   import Icon from '@/components/Icon/Icon.vue';
-  import { BasicTable, useTable } from '@/components/Table';
+  import { BasicTable, TableAction, useTable } from '@/components/Table';
   import {
     applyColumns,
     applyFormSchema,
@@ -52,6 +87,7 @@
     applyFailedData,
     applySuccessData,
   } from '@/views/mallResourceDevelopment/dataSet/dataSetByApply/datasetByApplyData';
+  import { router } from '@/router';
 
   defineOptions({ name: 'AccountDetail' });
 
@@ -60,7 +96,7 @@
   const ATabPane = Tabs.TabPane;
   const currentKey = ref('1');
   const { setTitle } = useTabs();
-  setTitle('数据集详情');
+  setTitle('我申请的');
 
   const [registerApplySuccessTable] = useTable({
     dataSource: applySuccessData,
@@ -71,6 +107,11 @@
       schemas: applyFormSchema,
       autoSubmitOnEnter: true,
     },
+    actionColumn: {
+      width: 120,
+      title: '操作',
+      dataIndex: 'action',
+    },
     pagination: true,
     showIndexColumn: false,
   });
@@ -84,6 +125,11 @@
       schemas: applyFormSchema,
       autoSubmitOnEnter: true,
     },
+    actionColumn: {
+      width: 120,
+      title: '操作',
+      dataIndex: 'action',
+    },
     pagination: true,
     showIndexColumn: false,
   });
@@ -97,9 +143,24 @@
       schemas: applyFormSchema,
       autoSubmitOnEnter: true,
     },
+    actionColumn: {
+      width: 120,
+      title: '操作',
+      dataIndex: 'action',
+    },
     pagination: true,
     showIndexColumn: false,
   });
+
+  function handleDetail(record: Recordable) {
+    router.push({
+      path: '/file/fileByApply/fileByApplyDetail',
+      query: {
+        name: record.name,
+      },
+    });
+  }
+
   onMounted(() => {});
 </script>