From 93f8c736fd50a80a72d633e888e2d65904bcd7fc Mon Sep 17 00:00:00 2001
From: sen <sen@qq.com>
Date: 星期日, 01 二月 2026 18:34:27 +0800
Subject: [PATCH] 修改

---
 ui/admin-ui3/src/views/cwgl/payableBillManagement/index.vue |  341 ++++++++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 289 insertions(+), 52 deletions(-)

diff --git a/ui/admin-ui3/src/views/cwgl/payableBillManagement/index.vue b/ui/admin-ui3/src/views/cwgl/payableBillManagement/index.vue
index 45ba622..42ad2e9 100644
--- a/ui/admin-ui3/src/views/cwgl/payableBillManagement/index.vue
+++ b/ui/admin-ui3/src/views/cwgl/payableBillManagement/index.vue
@@ -6,27 +6,71 @@
       @search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange"
       @size-change="sizeChange" @on-load="onLoad">
       <template #menu-left>
-        <el-button type="success" icon="Edit" :disabled="pageF.single" v-hasPermi="['cwgl:payableBillManagement:edit']"
+        <!-- <el-button type="success" icon="Edit" :disabled="pageF.single" v-hasPermi="['cwgl:payableBillManagement:edit']"
           @click="handleUpdate">淇敼
         </el-button>
         <el-button type="danger" icon="Delete" :disabled="pageF.multiple" @click="handleDelete"
           v-hasPermi="['cwgl:payableBillManagement:remove']">鍒犻櫎
-        </el-button>
+        </el-button> -->
         <el-button type="warning" plain icon="Download" @click="handleExport"
           v-hasPermi="['cwgl:payableBillManagement:export']">瀵煎嚭
         </el-button>
       </template>
+
+      <template #menu="{ size, row, index }">
+        <el-link class="link-btn" type="primary" v-if="row.status == 0 || row.status == 1" :underline="false" plain
+          :size="size" @click="handleSettle(row)" v-hasPermi="['cwgl:payableBillManagement:receivableBillSettlementDetail']"> 缁撶畻
+        </el-link>
+        <el-link class="link-btn" type="primary" v-if="row.status == 0 || row.status == 1" :underline="false" plain :size="size" @click="makeInvoice(row)"
+          v-hasPermi="['cwgl:payableBillManagement:invoice']"> 寮�绁�
+        </el-link>
+           <el-link class="link-btn" type="primary" v-if="row.status == 0 || row.status == 1" :underline="false" plain :size="size" @click="makeParticulars(row)"
+          v-hasPermi="['cwgl:payableBillManagement:amount']"> 寮�绁ㄦ槑缁�
+        </el-link>
+        <el-link class="link-btn" type="primary" v-if="row.status == 0 || row.status == 1 || row.status == 3"
+          :underline="false" plain :size="size" @click="handleViewHistory(row)"
+          v-hasPermi="['cwgl:payableBillManagement:list']"> 缁撶畻鏄庣粏
+        </el-link>
+        <el-link class="link-btn" type="primary" :underline="false" plain :size="size" @click="handleViewFeeDetail(row)"
+          v-hasPermi="['cwgl:payableBillManagement:view']"> 璇︽儏
+        </el-link>
+
+        <el-link class="link-btn" v-if="row.status == 0" type="primary" :underline="false" plain
+          @click="handleInvalid(row)" v-hasPermi="['cwgl:payableBillManagement:invalid']"> 浣滃簾
+        </el-link>
+
+        <el-button type="text" icon="View" @click="handleFlow(row)"
+          v-hasPermi="['cwgl:payableBillManagement:flow']">鏃ュ織</el-button>
+
+      </template>
     </avue-crud>
   </basicContainer>
+  <SettlementDialog ref="settleDialogRef" :type="currentType" @success="handleRefresh" />
+  <BillSettlementHistory ref="historyRef" :type="activeType" />
+  <NestedDetailDialog ref="feeDetailRef" :type="activeType" />
+  <OperationLogModal ref="logModalRef" />
+  <!-- 寮�绁� -->
+  <makeOutInvoice ref="makeOutInvoiceRef" :type="makeType"  :InvoiceDetails="InvoiceDetails" @success="makeOutInvoiceFresh" />
+
+
 </template>
 
 <script setup name="payableBillManagement" lang="ts">
-import { PayableBillManagementI, addPayableBillManagement, delPayableBillManagement, exportPayableBillManagement, getPayableBillManagement, listPayableBillManagement, updatePayableBillManagement } from "@/api/cwgl/payableBillManagement";
+import { payableBillManagementInvoice,invoiceAmount,PayableBillManagementI,payableBillManagementVoid, addPayableBillManagement, delPayableBillManagement, exportPayableBillManagement, getPayableBillManagement, listPayableBillManagement, updatePayableBillManagement } from "@/api/cwgl/payableBillManagement";
 import useCurrentInstance from "@/utils/useCurrentInstance";
+import { listPayableInvoiceBusiness,} from "@/api/cwgl/payableInvoiceBusiness";
+
 import { computed, reactive, ref, toRefs } from "vue";
 import { PagesInterface, PageQueryInterface } from "@/utils/globalInterface";
 import { usePagePlus } from "@/hooks/usePagePlus";
 import { hasPermission } from "@/utils/permissionUtils";
+import { listPayableBillManagementLog } from "@/api/cwgl/payableBillManagementLog";
+import SettlementDialog from '@/components/SettlementDialog/index.vue';
+import { addPayableBillSettlementDetail, } from "@/api/cwgl/payableBillSettlementDetail";
+import OperationLogModal from '@/components/OperationLogModal/index.vue';
+import BillSettlementHistory from '../../../components/BillSettlementHistory/index.vue';
+import NestedDetailDialog from '../../../components/NestedDetailDialog/index.vue';
+import makeOutInvoice from '@/components/makeOutInvoice/index.vue';
 
 const { proxy } = useCurrentInstance();
 const crudRef = ref();
@@ -54,12 +98,21 @@
 const option = ref({
   pageKey: 'PayableBillManagement',
   rowKey: 'id',
+  delBtn: false,
+  addBtn: false,
+  viewBtn: false,
+  editBtn: false,
+  labelWidth: 150,
+  searchLabelWidth: 120,
   column: {
-    id: {
-      label: 'ID',
-    },
+    // id: {
+    //   label: 'ID',
+    // },
     systemNo: {
       label: '绯荤粺缂栧彿',
+      minWidth: 150,
+      search: true,
+
       rules: [
         {
           required: true,
@@ -69,6 +122,9 @@
     },
     billName: {
       label: '璐﹀崟鍚嶇О',
+      minWidth: 150,
+      search: true,
+
       rules: [
         {
           required: true,
@@ -78,6 +134,9 @@
     },
     supplierName: {
       label: '渚涘簲鍟嗗悕绉�',
+      minWidth: 150,
+      search: true,
+
       rules: [
         {
           required: true,
@@ -87,42 +146,67 @@
     },
     isInternalSettlement: {
       label: '鏄惁鍐呴儴缁撶畻',
+      minWidth: 120,
+      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_whether_type',
       rules: [
         {
           required: true,
-          message: "鏄惁鍐呴儴缁撶畻涓嶈兘涓虹┖", trigger: "blur"
+          message: "鏄惁鍐呴儴缁撶畻涓嶈兘涓虹┖", trigger: "change"
         }
       ],
     },
     internalSettlementUnit: {
       label: '鍐呴儴缁撶畻鍗曚綅',
+      minWidth: 120,
+
     },
     documentCount: {
       label: '鍗曟嵁鏁伴噺',
+      minWidth: 120,
+
     },
     totalAmount: {
       label: '搴旂粨绠楅噾棰�',
+      minWidth: 120,
+
     },
+    // currency: {
+    //   label: '甯佸埗',
+
+    // },
     currency: {
       label: '甯佸埗',
+      minWidth: 120,
+      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_currency',
+      rules: [
+        {
+          required: true,
+          message: "甯佸埗涓嶈兘涓虹┖", trigger: "change"
+        }
+      ],
     },
     discountAmount: {
       label: '鍑忓厤閲戦',
+      minWidth: 120,
+
     },
     paidAmount: {
       label: '宸蹭粯閲戦',
+      minWidth: 120,
     },
     pendingAmount: {
       label: '寰呬粯閲戦',
+      minWidth: 120,
     },
-    exchangeRate: {
-      label: '姹囩巼',
-    },
-    cnyAmount: {
-      label: '浜烘皯甯侀噾棰�',
-    },
+    // exchangeRate: {
+    //   label: '姹囩巼',
+    // },
+    // cnyAmount: {
+    //   label: '浜烘皯甯侀噾棰�',
+    // },
     periodType: {
       label: '鍛ㄦ湡绫诲瀷',
+      minWidth: 120,
       rules: [
         {
           required: true,
@@ -130,44 +214,49 @@
         }
       ],
     },
-    businessStartDate: {
-      label: '涓氬姟鏈熼棿寮�濮嬫棩鏈�',
-      rules: [
-        {
-          required: true,
-          message: "涓氬姟鏈熼棿寮�濮嬫棩鏈熶笉鑳戒负绌�", trigger: "blur"
+    businessStartDateArray: {
+      label: '涓氬姟鏈熼棿',
+      minWidth: 200,
+      formatter: (row) => {
+        if (row.businessEndDate && row.businessStartDate) {
+          return `${row.businessStartDate} 鑷� ${row.businessEndDate}`;
         }
-      ],
+        return row.periodType || '-';
+      }
     },
-    businessEndDate: {
-      label: '涓氬姟鏈熼棿缁撴潫鏃ユ湡',
-      rules: [
-        {
-          required: true,
-          message: "涓氬姟鏈熼棿缁撴潫鏃ユ湡涓嶈兘涓虹┖", trigger: "blur"
+    businessDateArray: {
+      label: '璐﹀崟鍛ㄦ湡',
+      minWidth: 200,
+
+      formatter: (row) => {
+        if (row.billingStartDate && row.billingEndDate) {
+          return `${row.billingStartDate} 鑷� ${row.billingEndDate}`;
         }
-      ],
+        return row.periodType || '-';
+      }
     },
-    billingStartDate: {
-      label: '璐︽湡寮�濮嬫棩鏈�',
-      rules: [
-        {
-          required: true,
-          message: "璐︽湡寮�濮嬫棩鏈熶笉鑳戒负绌�", trigger: "blur"
-        }
-      ],
-    },
-    billingEndDate: {
-      label: '璐︽湡缁撴潫鏃ユ湡',
-      rules: [
-        {
-          required: true,
-          message: "璐︽湡缁撴潫鏃ユ湡涓嶈兘涓虹┖", trigger: "blur"
-        }
-      ],
-    },
+    // businessStartDate: {
+    //   label: '涓氬姟鏈熼棿寮�濮嬫棩鏈�',
+    //   rules: [
+    //     {
+    //       required: true,
+    //       message: "涓氬姟鏈熼棿寮�濮嬫棩鏈熶笉鑳戒负绌�", trigger: "blur"
+    //     }
+    //   ],
+    // },
+    // businessEndDate: {
+    //   label: '涓氬姟鏈熼棿缁撴潫鏃ユ湡',
+    //   rules: [
+    //     {
+    //       required: true,
+    //       message: "涓氬姟鏈熼棿缁撴潫鏃ユ湡涓嶈兘涓虹┖", trigger: "blur"
+    //     }
+    //   ],
+    // },
     billGenerateDate: {
       label: '璐﹀崟鐢熸垚鏃ユ湡',
+      minWidth: 200,
+
       rules: [
         {
           required: true,
@@ -175,11 +264,34 @@
         }
       ],
     },
+    // billingStartDate: {
+    //   label: '璐︽湡寮�濮嬫棩鏈�',
+    //   rules: [
+    //     {
+    //       required: true,
+    //       message: "璐︽湡寮�濮嬫棩鏈熶笉鑳戒负绌�", trigger: "blur"
+    //     }
+    //   ],
+    // },
+    // billingEndDate: {
+    //   label: '璐︽湡缁撴潫鏃ユ湡',
+    //   rules: [
+    //     {
+    //       required: true,
+    //       message: "璐︽湡缁撴潫鏃ユ湡涓嶈兘涓虹┖", trigger: "blur"
+    //     }
+    //   ],
+    // },
+
     billSendDate: {
       label: '璐﹀崟鍙戦�佹棩鏈�',
+      minWidth: 200,
+
     },
     billDueDate: {
       label: '璐﹀崟鍒版湡鏃ユ湡',
+      minWidth: 200,
+
       rules: [
         {
           required: true,
@@ -189,28 +301,44 @@
     },
     status: {
       label: '鐘舵��',
+      minWidth: 120,
+      fixed: 'right',
+      type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/sys_bill_status',
+      search: true,
+      rules: [
+        {
+          required: true,
+          message: "鐘舵�佷笉鑳戒负绌�", trigger: "blur"
+        }
+      ],
     },
-    remark: {
-      label: '澶囨敞',
-      type: 'textarea', minRows: 3, maxRows: 5,
-    },
+    // remark: {
+    //   label: '澶囨敞',
+    //   type: 'textarea', minRows: 3, maxRows: 5,
+    // },
     createBy: {
       label: '鍒涘缓浜�',
     },
     createTime: {
       label: '鍒涘缓鏃堕棿',
+      minWidth: 200,
+
     },
     updateBy: {
       label: '鏇存柊浜�',
     },
     updateTime: {
       label: '鏇存柊鏃堕棿',
+      minWidth: 200,
+
     },
-    deleted: {
-      label: '鍒犻櫎鏍囪(0:姝e父;1:鍒犻櫎)',
-    },
+    // deleted: {
+    //   label: '鍒犻櫎鏍囪(0:姝e父;1:鍒犻櫎)',
+    // },
   }
 })
+
+import { onMounted } from "vue";
 
 const { tableData, pageF, rowSave, rowUpdate, rowDel, beforeOpen, searchChange,
   searchReset, selectionChange, onLoad, currentChange, sizeChange, handleDelete, handleExport, handleUpdate, refreshChange } = usePagePlus({
@@ -232,6 +360,115 @@
       selectionList.value = selection;
     }
   })
+/* 缁撶畻 */
+const settleDialogRef = ref()
+const currentType = ref<'receivable' | 'payable'>('receivable')
+const ids = ref('')
+const handleSettle = (row) => {
+  currentType.value = 'payable'
+  ids.value = row.id
+  getPayableBillManagement(row.id).then((res) => {
+    if (res.code === 200) {
+      settleDialogRef.value.open(res.data)
+    }
+  })
+
+}
 
 
+const handleRefresh = (data) => {
+  // ids.value 
+  data.billId = ids.value
+  addPayableBillSettlementDetail(data).then((res) => {
+    if (res.code == 200) {
+      settleDialogRef.value.openIshpw()
+      proxy.$modal.msgSuccess(res.msg);
+      onLoad(page.value)
+
+    }
+  })
+}
+
+// 缁撶畻鍘嗗彶寮圭獥寮曠敤
+const historyRef = ref();
+const activeType = ref('payable');
+/** 鏌ョ湅缁撶畻璁板綍 */
+const handleViewHistory = (row: any) => {
+  // 鍋囪鐖剁粍浠堕�氳繃鏌愮鏂瑰紡鐭ラ亾褰撳墠鏄簲鏀惰繕鏄簲浠橀�昏緫
+  // 鎴栬�呯洿鎺ヤ粠 row 閲岀殑鏌愪釜瀛楁鍒ゆ柇
+  historyRef.value.open(row);
+};
+const feeDetailRef = ref();
+
+/** 鏌ョ湅璐圭敤鏄庣粏鎸夐挳鐐瑰嚮浜嬩欢 */
+const handleViewFeeDetail = (row: any) => {
+  // 璁剧疆褰撳墠涓氬姟绫诲瀷锛堝簲鏀堕〉闈紶 'receivable'锛屽簲浠橀〉闈紶 'payable'锛�
+  activeType.value = 'payable';
+  feeDetailRef.value.open(row);
+
+};
+
+
+const logModalRef = ref(null);
+const handleFlow = (row: any,) => {
+  // 杩欓噷鍙互浠� row 涓洿鎺ヨ幏鍙栨棩蹇楋紝鎴栬�呰皟鐢ㄥ悗绔帴鍙f煡璇�
+  listPayableBillManagementLog({ billId: row.id }).then((res) => {
+    if (res.code == 200) {
+      logModalRef.value.open(res.rows, 'payable');
+
+    }
+  });
+}
+
+const handleInvalid = (row: any) => {
+  proxy.$modal.confirm(`鏄惁浣滃簾璇ョ郴缁熺紪鍙� 锛�${row.systemNo}?`).then(function () {
+    return payableBillManagementVoid(row.id);
+  }).then((res) => {
+    onLoad(page.value);
+    proxy.$modal.msgSuccess(res.msg);
+  })
+
+}
+
+/* 寮�绁� */
+const makeOutInvoiceRef = ref()
+const makeType = ref<'搴斾粯璐﹀崟寮�绁�' | '搴旀敹璐﹀崟寮�绁�'>('搴斾粯璐﹀崟寮�绁�')
+const InvoiceDetails = ref('')
+
+const makeInvoice =(row) =>{
+  currentType.value = '搴斾粯璐﹀崟寮�绁�'
+  InvoiceDetails.value = '鏈寮�绁ㄤ俊鎭�'
+  ids.value = row.id
+  invoiceAmount(row.id).then((res)=>{
+    if(res.code==200){
+      row.invoicedAmount=res.data
+     makeOutInvoiceRef.value.open(row)
+      
+    }
+  })
+ 
+}
+
+const makeOutInvoiceFresh = (submitData: any) => {
+  payableBillManagementInvoice(submitData,submitData.id).then(res => {
+    if (res.code == 200) {
+      proxy.$modal.msgSuccess(res.msg);
+      makeOutInvoiceRef.value.openIshpw()
+      onLoad(page.value); // 鍒锋柊鍒楄〃
+    }
+  })
+
+}
+
+const makeParticulars =(row) =>{
+  currentType.value = '搴斾粯璐﹀崟寮�绁ㄨ褰�'
+  InvoiceDetails.value = '寮�绁ㄦ槑缁�'
+  ids.value = row.id
+  listPayableInvoiceBusiness({headId: row.id}).then((res) => {
+    if (res.code === 200) {
+      row.recordList=res.rows
+      makeOutInvoiceRef.value.open(row)
+    }
+  })
+}
 </script>

--
Gitblit v1.8.0