From 0a31fa89ef2c5bf8e8a13d901b0ad0982ac5a984 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Mon, 22 Sep 2025 11:01:04 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E5=BA=94=E4=BB=98=E6=AC=BE?=
 =?UTF-8?q?=E5=85=B3=E8=81=94=E9=87=87=E8=B4=AD=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gear-ui3/src/views/oms/order/panels/pay.vue | 23 ++++++++++++++++++---
 gear-ui3/src/views/oms/pay/index.vue        | 23 ++++++++++++++++++---
 2 files changed, 40 insertions(+), 6 deletions(-)

diff --git a/gear-ui3/src/views/oms/order/panels/pay.vue b/gear-ui3/src/views/oms/order/panels/pay.vue
index 450aa8a..c9664b9 100644
--- a/gear-ui3/src/views/oms/order/panels/pay.vue
+++ b/gear-ui3/src/views/oms/order/panels/pay.vue
@@ -45,6 +45,7 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="应付ID" align="center" prop="payableId" v-if="false"/>
       <el-table-column label="供应商" align="center" prop="supplierName" />
+      <el-table-column label="关联采购单" align="center" prop="detailCode" />
       <el-table-column label="到期日" align="center" prop="dueDate" width="180">
         <template #default="scope">
           <span>{{ parseTime(scope.row.dueDate, '{y}-{m}-{d}') }}</span>
@@ -93,9 +94,14 @@
     <!-- 添加或修改应付款管理（宽松版）对话框 -->
     <el-dialog :title="title" v-model="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="供应商ID" prop="supplierId">
+        <el-form-item label="供应商" prop="supplierId">
           <VendorSelect v-model="form.supplierId" />
         </el-form-item>
+        <el-form-item label="关联采购单" prop="detailId">
+          <el-select v-model="form.detailId" placeholder="请选择采购单">
+            <el-option v-for="item in purchaseOrderList" :key="item.detailId" :label="item.detailCode" :value="item.detailId" />
+          </el-select>
+        </el-form-item>
         <el-form-item label="到期日" prop="dueDate">
           <el-date-picker clearable
             v-model="form.dueDate"
@@ -139,6 +145,7 @@
 <script>
 import { listPayable, getPayable, delPayable, addPayable, updatePayable, updatePaidAmount } from "@/api/finance/payable";
 import VendorSelect from '@/components/VendorSelect/index.vue';
+import { listPurchasePlanDetail } from '@/api/oa/purchasePlanDetail';
 
 export default {
   name: "Payable",
@@ -193,11 +200,14 @@ export default {
       // 付款表单参数
       payForm: {},
       // 是否显示付款弹出层
-      payOpen: false
+      payOpen: false,
+      // 采购单列表
+      purchaseOrderList: []
     };
   },
   created() {
     this.getList();
+    this.getPurchaseOrderList();
   },
   watch: {
     orderId(newVal) {
@@ -236,7 +246,8 @@ export default {
         createTime: undefined,
         createBy: undefined,
         updateTime: undefined,
-        updateBy: undefined
+        updateBy: undefined,
+        detailId: undefined
       };
       this.resetForm("form");
     },
@@ -348,6 +359,12 @@ export default {
       }).finally(() => {
         this.buttonLoading = false;
       });
+    },
+    // 获取采购单列表
+    getPurchaseOrderList() {
+      listPurchasePlanDetail({ pageNum: 1, pageSize: 1000 }).then(response => {
+        this.purchaseOrderList = response.rows;
+      });
     }
   }
 };
diff --git a/gear-ui3/src/views/oms/pay/index.vue b/gear-ui3/src/views/oms/pay/index.vue
index f45564a..6cb00c9 100644
--- a/gear-ui3/src/views/oms/pay/index.vue
+++ b/gear-ui3/src/views/oms/pay/index.vue
@@ -73,6 +73,7 @@
       <el-table-column label="应付ID" align="center" prop="payableId" v-if="false"/>
       <el-table-column label="供应商" align="center" prop="supplierName" />
       <el-table-column label="订单ID" align="center" prop="orderId" />
+      <el-table-column label="关联采购单" align="center" prop="detailCode" />
       <el-table-column label="到期日" align="center" prop="dueDate" width="180">
         <template #default="scope">
           <span>{{ parseTime(scope.row.dueDate, '{y}-{m}-{d}') }}</span>
@@ -121,12 +122,17 @@
     <!-- 添加或修改应付款管理（宽松版）对话框 -->
     <el-dialog :title="title" v-model="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="供应商ID" prop="supplierId">
+        <el-form-item label="供应商" prop="supplierId">
           <VendorSelect v-model="form.supplierId" />
         </el-form-item>
         <el-form-item label="订单ID" prop="orderId">
           <el-input v-model="form.orderId" placeholder="请输入订单ID" />
         </el-form-item>
+        <el-form-item label="关联采购单">
+          <el-select v-model="form.detailId" placeholder="请选择采购单">
+            <el-option v-for="item in purchaseOrderList" :key="item.detailId" :label="item.detailCode" :value="item.detailId" />
+          </el-select>
+        </el-form-item>
         <el-form-item label="到期日" prop="dueDate">
           <el-date-picker clearable
             v-model="form.dueDate"
@@ -171,6 +177,7 @@
 <script>
 import { listPayable, getPayable, delPayable, addPayable, updatePayable, updatePaidAmount } from "@/api/finance/payable";
 import VendorSelect from '@/components/VendorSelect/index.vue';
+import { listPurchasePlanDetail } from '@/api/oa/purchasePlanDetail';
 
 export default {
   name: "Payable",
@@ -219,11 +226,14 @@ export default {
       // 付款表单参数
       payForm: {},
       // 是否显示付款弹出层
-      payOpen: false
+      payOpen: false,
+      // 采购单列表
+      purchaseOrderList: []
     };
   },
   created() {
     this.getList();
+    this.getPurchaseOrderList();
   },
   methods: {
     /** 查询应付款管理（宽松版）列表 */
@@ -256,7 +266,8 @@ export default {
         createTime: undefined,
         createBy: undefined,
         updateTime: undefined,
-        updateBy: undefined
+        updateBy: undefined,
+        detailId: undefined
       };
       this.resetForm("form");
     },
@@ -368,6 +379,12 @@ export default {
       }).finally(() => {
         this.buttonLoading = false;
       });
+    },
+    // 获取采购单列表
+    getPurchaseOrderList() {
+      listPurchasePlanDetail({ pageNum: 1, pageSize: 1000 }).then(response => {
+        this.purchaseOrderList = response.rows;
+      });
     }
   }
 };