销售发票-打开列表弹窗问题

src/views/saleCode/salesInvoice/salesInvoiceList.vue

@@ -125,11 +125,11 @@
       </template>
     </BasicTable>
     <!-- 表单区域 -->
-    <saleInvoiceFormModal @register="registerModal" @success="handleSuccess" v-if="viewType == ''" />
-    <SaleOrderFormList @register="registerModal" v-if="viewType == 'saleOrder'" @visible-change="changeVisi" />
-    <PurchaseOrderFormList @register="registerModal" v-if="viewType == 'purchaseOrder'" @visible-change="changeVisi" />
+    <saleInvoiceFormModal @register="registerModal" @success="handleSuccess"  />
+    <SaleOrderFormList @register="registerModal1"  @visible-change="changeVisi" />
+    <PurchaseOrderFormList @register="registerModal2"  @visible-change="changeVisi" />
     <ViewFileListModal ref="ViewFileListModalRef" @success="handleSuccess"></ViewFileListModal>
-    <SaleContractList @register="registerModal" v-if="viewType == 'saleContract'" @visible-change="changeVisi" />
+    <SaleContractList @register="registerModal3"  @visible-change="changeVisi" />
   </div>
 </template>
 
@@ -137,7 +137,6 @@
   import { ref, reactive, computed, unref, onMounted } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { useListPage } from '/@/hooks/system/useListPage';
-  import { useModal } from '/@/components/Modal';
   import { columns } from './salesInvoiceForm.data';
   import {
     list,
@@ -162,15 +161,19 @@
   import PurchaseOrderFormList from '../../purchase/purchaseOrder/components/PurchaseOrderFormModal.vue';
   import SaleContractList from '../saleContract/components/SaleContractModal.vue';
   import ViewFileListModal from './components/ViewFileListModal.vue';
+  import { useModal } from '/@/components/Modal';
   import { message } from 'ant-design-vue';
   import { useMethods } from '/@/hooks/system/useMethods';
   const { handleExportXlsx, } = useMethods();
   const formRef = ref();
   const queryParam = reactive<any>({});
+  var viewType = ref('');
   //注册model
-  const [registerModal, { openModal }] = useModal();
+  var [registerModal, { openModal}] = useModal();
+  var [registerModal1, { openModal:openSaleOrder}] = useModal();
+  var [registerModal2, { openModal:openPurOrder}] = useModal();
+  var [registerModal3, { openModal:openSaleContract}] = useModal();
   var classOption = ref([]);
-  var viewType = ref('');
   var showField = ref('currency_dictText+name');
   var ViewFileListModalRef = ref();
   //注册table数据
@@ -377,21 +380,33 @@
       viewType.value = 'saleOrder';
       param.id = prop.record.id;
       param.type = 'saleOrder';
+      var record = await getListDetail(param);
+      openSaleOrder(true, {
+        record,
+        isUpdate: true,
+        showFooter: false,
+      });
     } else if (prop.column.dataIndex == 'purchaseOrder') {
       viewType.value = 'purchaseOrder';
       param.id = prop.record.id;
       param.type = 'purchaseOrder';
+      var record = await getListDetail(param);
+      openPurOrder(true, {
+        record,
+        isUpdate: true,
+        showFooter: false,
+      });
     } else if (prop.column.dataIndex == 'saleContract') {
       viewType.value = 'saleContract';
       param.id = prop.record.id;
       param.type = 'saleContract';
-    }
-    var record = await getListDetail(param);
-    openModal(true, {
-      record,
-      isUpdate: true,
-      showFooter: false,
-    });
+      var record = await getListDetail(param);
+      openSaleContract(true, {
+        record,
+        isUpdate: true,
+        showFooter: false,
+      });
+    }    
   }
   function changeVisi(data) {
     if (!data) {