销售审批

src/components/common/approStatusModal.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <BasicModal v-bind="$attrs" @register="registerModal" width="60%" :title="getTitle" :showOkBtn="false" :showCancelBtn="false">
+    <BasicModal v-bind="$attrs" @register="registerModal" width="60%" :title="getTitle" :showOkBtn="false" :showCancelBtn="false" @visible-change="handleVisibleChange">
         <BasicTable @register="registerTable"></BasicTable>
     </BasicModal>
   </div>
@@ -16,10 +16,10 @@
 
     const { t } = useI18n();
     const columns: BasicColumn[] = [
-      { dataIndex: 'suCode', title: '审批人', align: 'left', sorter: true },
-      { dataIndex: 'suName', title: '审批时间', align: 'left', sorter: true },
-      { dataIndex: 'suSname', title: '通过/驳回', align: 'left', sorter: true },
-      { dataIndex: 'dI', title: '驳回原因', align: 'left', sorter: true },
+      { dataIndex: 'userName', title: '审批人', align: 'left', sorter: true },
+      { dataIndex: 'createDate', title: '审批时间', align: 'left', sorter: true },
+      { dataIndex: 'cfmRej', title: '通过/驳回', align: 'left', sorter: true },
+      { dataIndex: 'reply', title: '驳回原因', align: 'left', sorter: true },
     ];
 
     const emit = defineEmits(['success', 'register']);
@@ -33,7 +33,7 @@
         id.value = data.id
     });
 
-    const [registerTable, {}] = useTable({
+    const [registerTable, {reload}] = useTable({
         title: t('审批状态'),
         api: getLngPngApproRecords,
         columns,
@@ -51,11 +51,18 @@
         canResize: false,
         useSearchForm: false,
         showTableSetting: false,
-        immediate: true, // 设置为不立即调用
+        immediate: false, // 设置为不立即调用
         beforeFetch: (params) => {
           return (id.value);
         },
     });
+     const handleVisibleChange = (visible: boolean) => {
+      if (visible) {
+        nextTick(() => {
+          reload();
+        });
+      }
+    };
     const getTitle = computed(() => (!unref(isUpdate) ? t('审批状态') : t('')));
 </script>
 <style lang="less" scoped>