From f8bf51983e7ec19fb1032d6975552f0d0c4ea052 Mon Sep 17 00:00:00 2001
From: zzyuan <781948537@qq.com>
Date: Tue, 12 Aug 2025 16:06:43 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=A7=E5=93=81=E4=BE=9B=E5=BA=94=E5=95=86?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=87=8D=E5=81=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/foodManage/supplierManage.js          |  25 +-
 .../stockManage/warehouseOut/edit.vue         |   3 +-
 .../supplierManage/goodsSupplier/index.vue    | 314 +++++++++++-------
 3 files changed, 226 insertions(+), 116 deletions(-)

diff --git a/src/api/foodManage/supplierManage.js b/src/api/foodManage/supplierManage.js
index 7db8cb76..88515cbf 100644
--- a/src/api/foodManage/supplierManage.js
+++ b/src/api/foodManage/supplierManage.js
@@ -88,7 +88,7 @@ export function supplyStatisticsPageApi(data) {
 
 
 // 货品供应商关联list
-export function supplierBindMaterialListApi(data) {
+export function materialBindSupplierPageApi(data) {
   return request({
     url: '/smart-canteen/ims_supplier_bind_material/list',
     method: 'get',
@@ -98,6 +98,29 @@ export function supplierBindMaterialListApi(data) {
     params:data
   })
 }
+// 货品类别供应商关联list
+export function materialTypeBindSupplierPageApi(data) {
+  return request({
+    url: '/smart-canteen/ims_supplier_bind_material/list_type',
+    method: 'get',
+    headers: {
+        //"merchant-id":"378915229716713472",
+    },
+    params:data
+  })
+}
+
+// 货品供应商-关联
+export function supplierBindMaterialApi(data) {
+    return request({
+        url: '/smart-canteen/ims_supplier_bind_material/bind_material_category',
+        method: 'post',
+        headers: {
+            //"merchant-id":"378915229716713472",
+        },
+        data: data
+    })
+}
 
 // 货品供应商-新增
 export function addSupplierBindMaterialApi(data) {
diff --git a/src/views/foodManage/stockManage/warehouseOut/edit.vue b/src/views/foodManage/stockManage/warehouseOut/edit.vue
index 65d622f2..5833fe61 100644
--- a/src/views/foodManage/stockManage/warehouseOut/edit.vue
+++ b/src/views/foodManage/stockManage/warehouseOut/edit.vue
@@ -75,7 +75,8 @@
                     <el-table-column label="库存数量" align="center" prop="materialNum" :show-overflow-tooltip="true"/>
                     <el-table-column label="出库数量" align="center" prop="fetchNum" :show-overflow-tooltip="true">
                         <template slot-scope="scope">
-                            <el-input v-model="scope.row.fetchNum" placeholder="请输入" maxlength="8" clearable @change="patternValue(scope.row)"/>
+                            <el-input v-if="!baseInfo.fetchMaterialId" v-model="scope.row.fetchNum" placeholder="请输入" maxlength="8" clearable @change="patternValue(scope.row)"/>
+                            <span v-else>{{ scope.row.fetchNum }}</span>
                         </template>
                     </el-table-column>  
                 </el-table>
diff --git a/src/views/foodManage/supplierManage/goodsSupplier/index.vue b/src/views/foodManage/supplierManage/goodsSupplier/index.vue
index ec62b765..34f6bddf 100644
--- a/src/views/foodManage/supplierManage/goodsSupplier/index.vue
+++ b/src/views/foodManage/supplierManage/goodsSupplier/index.vue
@@ -41,9 +41,9 @@
                     </el-col>  
                     <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
                 </el-row> 
-                <el-table v-loading="loading" :data="tableListData" height="550" :row-key="(row)=>{return row.id}" @selection-change="handleSelectionChange">
+                <el-table v-loading="loading" :data="tableListData" height="550" :row-key="(row)=>{return row.materialId}" @selection-change="handleSelectionChange">
                     <el-table-column type="selection" width="50" align="center" :reserve-selection="true" />
-                    <el-table-column label="序号" align="center" width="80" type="index" fixed="left">
+                    <el-table-column label="序号" align="center" width="80" type="index">
                         <template slot-scope="scope">
                         <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
                         </template>
@@ -63,8 +63,9 @@
                     </el-table-column> -->
                     <el-table-column label="首选供应商" align="center" prop="supplierId" :show-overflow-tooltip="true" width="180">
                         <template slot-scope="scope">  
-                            <el-select v-model="scope.row.supplierId" placeholder="请选择供应商" style="width: 100%;" @change="changSupplier(scope.row)">
+                            <el-select v-model="scope.row.supplierId" placeholder="请选择供应商" style="width: 100%;" @change="changSupplier(scope.row)" @clear="clearSupplier(scope.row)" clearable>
                                 <el-option v-for="item in supplierOptions"
+                                    :disabled="checkDisabled(item,scope.row)"
                                     :key="item.supplierId"
                                     :label="item.supplierName"
                                     :value="item.supplierId"
@@ -74,8 +75,9 @@
                     </el-table-column>
                     <el-table-column label="备选供应商" align="center" prop="supplierIdList" :show-overflow-tooltip="true" width="240">
                         <template slot-scope="scope"> 
-                            <el-select v-model="scope.row.supplierIdList" multiple collapse-tags :multiple-limit="3" placeholder="请选择供应商" style="width: 100%;" @change="changSupplierList(scope.row)">
+                            <el-select v-model="scope.row.supplierIdList" multiple collapse-tags :multiple-limit="3" placeholder="请选择供应商" style="width: 100%;" @change="changSupplierList(scope.row)" @clear="changSupplierList(scope.row)" clearable>
                                 <el-option v-for="item in supplierOptions"
+                                    :disabled="checkDisabled2(item,scope.row)"
                                     :key="item.supplierId"
                                     :label="item.supplierName"
                                     :value="item.supplierId"
@@ -100,7 +102,7 @@
                     @pagination="getList"
                 />
             </el-tab-pane>
-            <!-- <el-tab-pane label="货品类别" name="category">
+            <el-tab-pane label="货品类别" name="category">
                 <el-form :model="queryParams2" ref="queryForm2" size="small" :inline="true" v-show="showSearch" label-width="90px"> 
                     <el-form-item label="货品类别" prop="materialTypeIds"> 
                         <el-cascader
@@ -121,32 +123,47 @@
                         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery2">重置</el-button>
                     </el-form-item>
                 </el-form> 
-                <el-row :gutter="10" class="mb8"> 
-                    <right-toolbar :showSearch.sync="showSearch" @queryTable="getList2"></right-toolbar>
+                <el-row :gutter="10" class="mb8">
+                    <el-col :span="1.5">
+                        <el-button
+                        type="primary"
+                        plain
+                        size="mini"
+                        @click="handleBatch"
+                        >批量关联供应商</el-button>
+                    </el-col>  
+                    <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
                 </el-row> 
-                <el-table v-loading="loading" :data="tableListData2" height="800">
-                    <el-table-column label="序号" align="center" width="80" type="index" fixed="left">
+                <el-table v-loading="loading" :data="tableListData2" height="800" :row-key="(row)=>{return row.materialTypeId}" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="50" align="center" :reserve-selection="true" />
+                    <el-table-column label="序号" align="center" width="80" type="index">
                         <template slot-scope="scope">
                         <span>{{(queryParams2.pageNum - 1) * queryParams2.pageSize + scope.$index + 1}}</span>
                         </template>
                     </el-table-column> 
-                    <el-table-column label="货品类别" align="center" prop="categoryName" :show-overflow-tooltip="true"/> 
-                    <el-table-column label="首选供应商" align="center" prop="supplierName" :show-overflow-tooltip="true">
+                    <el-table-column label="货品类别" align="center" prop="materialTypeName" :show-overflow-tooltip="true"/> 
+                    <el-table-column label="首选供应商" align="center" prop="supplierId" :show-overflow-tooltip="true">
                         <template slot-scope="scope">  
-                            <el-select v-model="scope.row.supplierId" placeholder="首选供应商" style="width: 100%;">
-                                <el-option label="是" :value="1"></el-option>
-                                <el-option label="否" :value="2"></el-option>  
-                            </el-select>    
+                             <el-select v-model="scope.row.supplierId" placeholder="请选择供应商" style="width: 100%;" @change="changSupplier(scope.row)" @clear="clearSupplier(scope.row)" clearable>
+                                <el-option v-for="item in supplierOptions"
+                                    :disabled="checkDisabled(item,scope.row)"
+                                    :key="item.supplierId"
+                                    :label="item.supplierName"
+                                    :value="item.supplierId"
+                                ></el-option>
+                            </el-select>  
                         </template>
                     </el-table-column>
-                    <el-table-column label="备选供应商" align="center" prop="telephone" :show-overflow-tooltip="true">
+                    <el-table-column label="备选供应商" align="center" prop="supplierIdList" :show-overflow-tooltip="true">
                         <template slot-scope="scope"> 
-                            <el-button
-                                size="mini"
-                                type="text"
-                                icon="el-icon-edit"
-                                @click="handleUpdate(scope.row)" 
-                            >选择</el-button> 
+                            <el-select v-model="scope.row.supplierIdList" multiple collapse-tags :multiple-limit="3" placeholder="请选择供应商" style="width: 100%;" @change="changSupplierList(scope.row)" @clear="changSupplierList(scope.row)" clearable>
+                                <el-option v-for="item in supplierOptions"
+                                    :disabled="checkDisabled2(item,scope.row)"
+                                    :key="item.supplierId"
+                                    :label="item.supplierName"
+                                    :value="item.supplierId"
+                                ></el-option>
+                            </el-select>  
                         </template>
                     </el-table-column> 
                  
@@ -158,7 +175,7 @@
                 :limit.sync="queryParams2.pageSize"
                 @pagination="getList2"
                 />
-            </el-tab-pane>  -->
+            </el-tab-pane> 
         </el-tabs>
 
 
@@ -194,8 +211,9 @@
                 <el-row> 
                     <el-col :span="24">
                         <el-form-item label="首选供应商" prop="supplierId">
-                            <el-select v-model="batchForm.supplierId" placeholder="请选择首选供应商" style="width: 100%;">
+                            <el-select v-model="batchForm.supplierId" placeholder="请选择首选供应商" style="width: 100%;" @change="dialogChangeSupplier">
                                 <el-option v-for="item in supplierOptions"
+                                    :disabled="checkDisabled(item,batchForm)"
                                     :key="item.supplierId"
                                     :label="item.supplierName"
                                     :value="item.supplierId"
@@ -205,8 +223,9 @@
                     </el-col>
                     <el-col :span="24">
                         <el-form-item label="备选供应商" prop="supplierIdList">
-                            <el-select v-model="batchForm.supplierIdList" multiple :multiple-limit="3" collapse-tags placeholder="请选择备选供应商" style="width: 100%;">
+                            <el-select v-model="batchForm.supplierIdList" multiple :multiple-limit="3" collapse-tags placeholder="请选择备选供应商" style="width: 100%;" @change="dialogChangeSupplierList">
                                 <el-option v-for="item in supplierOptions"
+                                    :disabled="checkDisabled2(item,batchForm)"
                                     :key="item.supplierId"
                                     :label="item.supplierName"
                                     :value="item.supplierId"
@@ -214,14 +233,14 @@
                             </el-select>    
                         </el-form-item> 
                     </el-col> 
-                    <el-col :span="24">
+                    <!-- <el-col :span="24">
                         <el-form-item label="是否供应" prop="ifSupply">
                              <el-select v-model="batchForm.ifSupply" placeholder="是否供应" style="width: 100%;">
                                 <el-option label="是" :value="1"></el-option>
                                 <el-option label="否" :value="2"></el-option>
                             </el-select>   
                         </el-form-item> 
-                    </el-col> 
+                    </el-col>  -->
                 </el-row>
             </el-form>
             <div slot="footer" class="dialog-footer">
@@ -237,7 +256,7 @@
 
 <script> 
 import { systemMaterialTreeApi } from "@/api/dish/material"; 
-import { supplierBindMaterialListApi,supplierPageApi,addSupplierBindMaterialApi, editSupplierBindMaterialApi } from "@/api/foodManage/supplierManage";
+import { materialBindSupplierPageApi,materialTypeBindSupplierPageApi,supplierPageApi,supplierBindMaterialApi,addSupplierBindMaterialApi, editSupplierBindMaterialApi } from "@/api/foodManage/supplierManage";
 
 export default {
     name: "",
@@ -358,6 +377,12 @@ export default {
         },
         /** 重置按钮操作 */
         resetQuery() { 
+            this.queryParams={
+                pageNum: 1,
+                pageSize: 10,
+                supplierName: undefined, 
+                materialTypeIds:[]
+            }
             this.resetForm("queryForm");
             this.handleQuery();
         }, 
@@ -370,7 +395,7 @@ export default {
                 "supplierName": this.queryParams.supplierName, 
                 "materialTypeIds": this.queryParams.materialTypeIds, 
             }
-            supplierBindMaterialListApi(param).then(response => {
+            materialBindSupplierPageApi(param).then(response => {
                 this.tableListData = response.rows;
                 this.tableListData.forEach(item=>{
                     let arr=[]
@@ -385,74 +410,116 @@ export default {
                 this.loading = false;
             });
         },
+
+        //首选供应商-单选
         changSupplier(row){
             console.log(row)
-            if(row.ifSupply){
-                let param = [   
-                    {   
-                        "id":row.id,
-                        "canteenId": row.canteenId,
-                        "supplierId": row.supplierId,
-                        "materialId": row.materialId,
-                        "alternativeSuppliers": row.alternativeSuppliers,
-                        "ifSupply": row.ifSupply
-                    } 
-                ]
-                editSupplierBindMaterialApi(param).then(response => {
-                    this.$modal.msgSuccess("修改成功");
-                }); 
-            }else{
-                let param = [   
-                    {   
-                        "id":row.id,
-                        "canteenId": row.canteenId,
-                        "supplierId": row.supplierId,
-                        "materialId": row.materialId,
-                        "alternativeSuppliers": row.alternativeSuppliers,
-                        "ifSupply": row.ifSupply
-                    } 
-                ]
-                addSupplierBindMaterialApi(param).then(response => {
-                    this.getList();
-                }); 
+            let param = {   
+                "materialId":null, 
+                "materialIds":null,
+                "categoryId":null, 
+                "categoryIds":null,
+                "canteenId": row.canteenId,
+                "supplierId": row.supplierId, 
+                "alternativeSuppliers": row.alternativeSuppliers,
+                "ifSupply": row.ifSupply
+            }  
+            if(!row.materialId){//类别
+                param.categoryId = row.materialTypeId
+            }else{//名称
+                param.materialId = row.materialId 
             }
-       
+            supplierBindMaterialApi(param).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.getList()
+            });  
         },
+        //首选供应商-清空
+        clearSupplier(row){
+            let param = {   
+                "materialId":null, 
+                "materialIds":null,
+                "categoryId":null, 
+                "categoryIds":null,
+                "supplierId": null, 
+                "canteenId": row.canteenId,
+                "alternativeSuppliers": row.alternativeSuppliers,
+                "ifSupply": row.ifSupply
+            }  
+            if(!row.materialId){//类别
+                param.categoryId = row.materialTypeId
+            }else{//名称
+                param.materialId = row.materialId 
+            }
+            supplierBindMaterialApi(param).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.getList()
+            });  
+        },
+        //备选供应商-多选
         changSupplierList(row){
             console.log(row)
-            let param = [   
-                {   
-                    "id":row.id,
-                    "canteenId": row.canteenId,
-                    "supplierId": row.supplierId,
-                    "materialId": row.materialId,
-                    "alternativeSuppliers": [],
-                    "ifSupply": row.ifSupply
-                } 
-            ] 
+            let param = {    
+                "materialId":null, 
+                "materialIds":null,
+                "categoryId":null, 
+                "categoryIds":null, 
+                "canteenId": row.canteenId,
+                "supplierId": row.supplierId,
+                "materialId": row.materialId,
+                "alternativeSuppliers": [],
+                "ifSupply": row.ifSupply
+            }
+            if(!row.materialId){//类别
+                param.categoryId = row.materialTypeId
+            }else{//名称
+                param.materialId = row.materialId 
+            }
             if(row.supplierIdList&&row.supplierIdList.length>0){
                 row.supplierIdList.forEach(item => {
-                    param[0].alternativeSuppliers.push({"supplierId":item})
+                    param.alternativeSuppliers.push({"supplierId":item})
                 })  
             }else{
-                param[0].alternativeSuppliers=[]
-            } 
-            if(row.ifSupply){ 
-                editSupplierBindMaterialApi(param).then(response => {
-                    // this.$modal.msgSuccess("修改成功"); 
-                    // this.getList();
-                });  
-            }else{
-                addSupplierBindMaterialApi(param).then(response => {
-                    // this.$modal.msgSuccess("修改成功"); 
-                    this.getList();
-                });  
-            } 
+                param.alternativeSuppliers=null
+            }  
+            supplierBindMaterialApi(param).then(response => { 
+                this.$modal.msgSuccess("修改成功");
+                this.getList();
+            });   
         },
+        //备选选过的供应商，不能在首选里选
+        checkDisabled(item,row){
+            // 定义变量
+            let flag = false;
+            if(row.alternativeSuppliers&&row.alternativeSuppliers.length>0){
+                let index = row.alternativeSuppliers.findIndex(v=>v.supplierId==item.supplierId)
+                if(index==-1){
+                    flag=false
+                }else{
+                    flag=true
+                }
+            }
+            return flag;
+        },
+        //首选选过的供应商，不能在备选里选
+        checkDisabled2(item,row){
+            // 定义变量
+            let flag = false;
+            if(row.supplierId&&row.supplierId!=""){
+                if(item.supplierId==row.supplierId){
+                    flag=true
+                }else{
+                    flag=false
+                } 
+            }
+            return flag;
+        }, 
+        
         // 多选框选中数据
         handleSelectionChange(selection) {
             this.batchRows = selection
         },
+        //打开批量关联弹窗
         handleBatch(){
             if(this.batchRows.length==0){
                 this.$modal.msgError("请先选择货品！");  
@@ -462,6 +529,7 @@ export default {
                 this.openBatch=true 
             }
         },
+        //确认批量关联
         confirmBatchEdit(){
             this.$refs["batchForm"].validate(valid => {
                 if (valid) {
@@ -469,32 +537,48 @@ export default {
                     this.batchForm.supplierIdList.forEach(item => {
                         arr.push({"supplierId":item})
                     })
-                    let param =[]
+                    let param = {
+                        "materialId":null, 
+                        "materialIds":[],
+                        "categoryId":null, 
+                        "categoryIds":[], 
+                        "canteenId": null,
+                        "supplierId": this.batchForm.supplierId, 
+                        "alternativeSuppliers": arr,
+                        "ifSupply": "1"
+                    }
                     this.batchRows.forEach(item=>{
-                        let obj =  {   
-                            "id":item.id,
-                            "canteenId": item.canteenId,
-                            "supplierId": this.batchForm.supplierId,
-                            "materialId": item.materialId,
-                            "alternativeSuppliers": arr,
-                            "ifSupply": this.batchForm.ifSupply
+                        if(!item.materialId){
+                            param.categoryIds.push(item.materialTypeId)
+                            param.materialIds=null 
+                        }else{
+                            param.materialIds.push(item.materialId)
+                            param.categoryIds=null
                         } 
-                        param.push(obj)
                     })
                     console.log(param)
-                     editSupplierBindMaterialApi(param).then(response => {
-                        this.$modal.msgSuccess("修改成功"); 
-                        this.openBatch=false 
+                    supplierBindMaterialApi(param).then(response => {
+                        this.$modal.msgSuccess("修改成功");
+                        this.openBatch=false;
                         this.getList();
+                        this.getList2();
                     });   
                 }
             })
         },
-
-
-
-
-
+        
+        //弹窗select操作
+        dialogChangeSupplier(e){
+            console.log(e)
+            this.$set(this.batchForm,"supplierId",e)
+            this.$set(this.batchForm,"supplierIdList",[])
+        },
+        //弹窗select操作
+        dialogChangeSupplierList(e){
+            console.log(e)
+            this.$set(this.batchForm,"supplierIdList",e)
+        },
+ 
         //-----货品类别------
         /** 搜索按钮操作 */
         handleQuery2() {
@@ -503,9 +587,10 @@ export default {
         },
         /** 重置按钮操作 */
         resetQuery2() { 
-            this.queryParams2 = {
+            this.queryParams2={
                 pageNum: 1,
-                pageSize: 10, 
+                pageSize: 10,    
+                materialTypeIds:[]
             }
             this.resetForm("queryForm2");
             this.handleQuery2();
@@ -518,21 +603,22 @@ export default {
                 "pageSize": this.queryParams2.pageSize, 
                 "materialTypeIds": this.queryParams2.materialTypeIds, 
             }
-            // supplierBindMaterialListApi(param).then(response => {
-            //     this.tableListData2 = response.rows;
-            //     this.total2 = Number(response.total);
+            materialTypeBindSupplierPageApi(param).then(response => {
+                this.tableListData2 = response.rows;
+                this.tableListData2.forEach(item=>{
+                    let arr=[]
+                    if(item.alternativeSuppliers&&item.alternativeSuppliers.length>0){
+                        item.alternativeSuppliers.forEach(sub=>{
+                            arr.push(sub.supplierId)
+                        })
+                    }
+                    this.$set(item,"supplierIdList",arr)
+                }) 
+                this.total2 = Number(response.total);
                 this.loading = false;
-            // });
+            });
         },
-
-
-
-
-
-
-
-
-
+ 
 
 
         /** 新增按钮操作 */