修改商城订单页面

src/views/dataSharingAndExchange/shoppingOrder/index.vue

@@ -22,26 +22,16 @@
     </template>
     <template #footer>
       <BasicTable @register="registerTable" ref="table">
-        <!--        <template #bodyCell="{ column, record }">-->
-        <!--          <template v-if="column.key === 'action'">-->
-        <!--            <TableAction-->
-        <!--              v-if="record.progress === '待支付'"-->
-        <!--              :actions="[-->
-        <!--                {-->
-        <!--                  label: '支付',-->
-        <!--                  color: 'error',-->
-        <!--                  onClick: handlePay.bind(null, record),-->
-        <!--                },-->
-        <!--                {-->
-        <!--                  label: '取消订单',-->
-        <!--                  popConfirm: {-->
-        <!--                    title: '是否确认取消订单',-->
-        <!--                    placement: 'left',-->
-        <!--                    confirm: handleRemove.bind(null, record),-->
-        <!--                  },-->
-        <!--                },-->
-        <!--              ]"-->
-        <!--            />-->
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'action'">
+            <TableAction
+              :actions="[
+                { label: '详情', onClick: handleDetail.bind(null, record) },
+                { label: '审核', onClick: handleDetail.bind(null, record) },
+              ]"
+            />
+          </template>
+        </template>
         <!--            <TableAction-->
         <!--              v-if="record.progress === '已完成' && record.type === '数据集'"-->
         <!--              :actions="[-->
@@ -73,7 +63,7 @@
         <!--                },-->
         <!--              ]"-->
         <!--            />-->
-        <!--          </template>-->
+
         <!--        </template>-->
         <template #name="{ text, record }">
           <a @click="handleDetail(record)">{{ text }}</a>
@@ -94,8 +84,7 @@
   import { FormProps } from '@/components/Form';
   import { ref } from 'vue';
   import { useMessage } from '@/hooks/web/useMessage';
-  import BasicTable from '@/components/Table/src/BasicTable.vue';
-  import { BasicTableProps, useTable } from '@/components/Table';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
   import { orderFormSchema, orderTableColumn } from './order.data';
   import { orderData } from './orderData';
   import { useModal } from '@/components/Modal';
@@ -170,7 +159,10 @@
   /**
    * table
    */
-  const [registerTable, { getSelectRows }] = useTable({
+  const [
+    registerTable,
+    { reload, updateTableDataRecord, getSearchInfo, getForm, getRowSelection },
+  ] = useTable({
     title: '',
     api: async (params) => {
       console.log('params', params);
@@ -197,13 +189,13 @@
     bordered: true,
     striped: false,
     showIndexColumn: false,
-    // actionColumn: {
-    //   width: 200,
-    //   title: '操作',
-    //   dataIndex: 'action',
-    //   // slots: { customRender: 'action' },
-    //   fixed: undefined,
-    // },
+    actionColumn: {
+      width: 200,
+      title: '操作',
+      dataIndex: 'action',
+      // slots: { customRender: 'action' },
+      fixed: undefined,
+    },
   } as BasicTableProps);
 </script>
 
@@ -212,25 +204,31 @@
     display: flex;
     flex-direction: row;
     gap: 10px;
+
     .h-back {
       font-size: 20px;
     }
+
     .h-icon {
-      font-size: 30px;
       color: #0a208a;
+      font-size: 30px;
     }
+
     .h-txt {
       display: flex;
       flex-direction: column;
+
       .h-des {
         font-size: 20px;
         font-weight: bolder;
       }
+
       .h-path {
         color: #a4a8b6;
       }
     }
   }
+
   .h-group {
     display: flex;
     gap: 10px;