客户自定义表单流程

src/views/sales/Customer/components/bankListModal.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="bankListTb">
-    <BasicModal v-bind="$attrs" @register="registerModal" width="60%" :title="getTitle" @ok="handleSubmit" >
+    <BasicModal v-bind="$attrs" :zIndex="2000" @register="registerModal" width="60%" :title="getTitle" @ok="handleSubmit"
+      @visible-change="handleVisibleChange" >
         <BasicTable @register="registerTable" class="bankListModal">
   
         </BasicTable>
@@ -9,7 +10,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-    import { ref, computed, unref } from 'vue';
+    import { ref, computed, unref, nextTick  } from 'vue';
     import { BasicModal, useModalInner, useModal } from '/@/components/Modal';
     import { BasicForm, useForm } from '/@/components/Form/index';
     import { BasicTable, useTable, FormSchema, BasicColumn, TableAction } from '/@/components/Table';
@@ -111,7 +112,7 @@
         }
     });
 
-    const [registerTable, { getDataSource, setTableData, updateTableDataRecord }] = useTable({
+    const [registerTable, { getDataSource, setTableData, updateTableDataRecord, reload  }] = useTable({
         title: t('银行列表'),
         api: getLngBBankPage,
         columns,
@@ -124,6 +125,7 @@
           schemas: codeFormSchema,
           showResetButton: true,
         },
+        immediate: false, // 设置为不立即调用
         beforeFetch: (params) => {
           return { ...params, valid: 'Y'};
         },
@@ -132,6 +134,13 @@
           onChange: onSelectChange
         },
     });
+    const handleVisibleChange = (visible: boolean) => {
+      if (visible) {
+        nextTick(() => {
+          reload();
+        });
+      }
+    };
     function onSelectChange(rowKeys: string[], e) {
       selectedKeys.value = rowKeys;
       selectedValues.value = e