feat(供应商管理): 添加应付详情和开票详情弹窗

src/views/purchasingManage/supplierManage/components/contactDetailDialog.vue

@@ -559,6 +559,18 @@
       ref="contactDetailDialogRef4"
       :modal="false"
     ></detail-dialog4>
+    <!-- 应付详情 -->
+    <detail-dialog5
+      ref="detailDialogRef5"
+      v-if="detailDialogFlag5"
+      :detail-dialog-flag.sync="detailDialogFlag5"
+    ></detail-dialog5>
+    <!--开票详情-->
+    <invoice-detail-dialog
+      ref="invoiceDetailDialogRef"
+      v-if="invoiceDetailDialogFlag"
+      :detailDialogFlag.sync="invoiceDetailDialogFlag"
+    ></invoice-detail-dialog>
   </ele-modal>
 </template>
 
@@ -567,10 +579,12 @@
   import detailDialog2 from '@/views/contractManage/contractBook/components/detailDialog.vue';
   import detailDialog3 from '@/views/purchasingManage/purchaseOrder/invoice/components/detailDialog.vue';
   import detailDialog4 from '@/views/purchasingManage/purchaseOrder/returnGoods/components/detailDialog.vue';
+  // 应付详情
+  import detailDialog5 from '@/views/financialManage/payableManage/components/detailDialog.vue';
   //  import orderDetailDialog from '@/views/purchasingManage/purchaseOrder/components/detailDialog.vue';
     // import sendDetailDialog from '@/views/purchasingManage/purchaseOrder/invoice/components/detailDialog.vue';
       // import orderDetailDialog from '@/views/purchasingManage/purchaseOrder/components/detailDialog.vue';
-
+  import invoiceDetailDialog from '@/views/financialManage/invoiceManage/components/detailDialog.vue';
   import {
     contactDetail,
     contactQcPackPageAPI
@@ -607,7 +621,9 @@
       detailDialog1,
       detailDialog2,
       detailDialog3,
-      detailDialog4
+      detailDialog4,
+      detailDialog5,
+      invoiceDetailDialog
     },
     data() {
       let formDef = {
@@ -655,6 +671,8 @@
       return {
         visible: false,
         certificateQualificationsDialogFlag: false,
+        detailDialogFlag5: false,
+        invoiceDetailDialogFlag: false,
         title: '供应商详情',
         row: {},
         activeName: 'base',
@@ -1484,6 +1502,22 @@
           this.reload();
         }
       },
+
+      handleDetail(row = {}, type) {
+        this.detailDialogFlag5 = true;
+        this.$nextTick(() => {
+          this.$refs.detailDialogRef5.init(row.id);
+        });
+      },
+      handleInvoiceDetail(row = {}, type) {
+        this.invoiceDetailDialogFlag = true;
+        this.$nextTick(() => {
+          let params = {
+            id: row.invoiceId
+          };
+          this.$refs.invoiceDetailDialogRef.init(params, type);
+        });
+      },
       // //新增/查看/修改资质
       // addCertificate(type, row) {
       //   this.certificateQualificationsDialogFlag = true