|
@@ -75,7 +75,31 @@
|
|
|
filterable
|
|
|
remote
|
|
|
clearable
|
|
|
- :remote-method="checkDealerList"
|
|
|
+ :remote-method="(e)=>checkDealerList(e,1)"
|
|
|
+ @change="changeDealer(scope.$index)">
|
|
|
+ <el-option
|
|
|
+ v-for="item in dealerList"
|
|
|
+ :key="item.number"
|
|
|
+ :label="item.number"
|
|
|
+ :value="item.number">
|
|
|
+ <span>{{ item.number }}</span>
|
|
|
+ <span style="color: #8492a6; font-size: 13px; margin-left: 6px">{{ item.name }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div v-if="scope.row.orderId || listItem">{{scope.row.customerName}}</div>
|
|
|
+ <el-select
|
|
|
+ v-else
|
|
|
+ v-model="scope.row.customerName"
|
|
|
+ placeholder="选择经销商"
|
|
|
+ size="small"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ clearable
|
|
|
+ :remote-method="(e)=>checkDealerList(e,2)"
|
|
|
@change="changeDealer(scope.$index)">
|
|
|
<el-option
|
|
|
v-for="item in dealerList"
|
|
@@ -88,7 +112,6 @@
|
|
|
</el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
<el-table-column align="center" label="物料编码" prop="materialCode" min-width="140" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
<div v-if="scope.row.orderId || listItem">{{scope.row.materialCode}}</div>
|
|
@@ -100,7 +123,7 @@
|
|
|
filterable
|
|
|
remote
|
|
|
clearable
|
|
|
- :remote-method="checkMaterialList"
|
|
|
+ :remote-method="(e)=>checkMaterialList(e,1)"
|
|
|
@change="changeMaterial(scope.$index)">
|
|
|
<el-option
|
|
|
v-for="item in materialList"
|
|
@@ -115,7 +138,30 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="产品编码" prop="materialOldNumber" min-width="120" show-overflow-tooltip></el-table-column>
|
|
|
<el-table-column align="center" label="产品名称" prop="materialName" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="规格型号" prop="specification" min-width="200" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column align="center" label="规格型号" prop="specification" min-width="200" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div v-if="scope.row.orderId || listItem">{{scope.row.specification}}</div>
|
|
|
+ <el-select
|
|
|
+ v-else
|
|
|
+ v-model="scope.row.specification"
|
|
|
+ placeholder="选择规格型号"
|
|
|
+ size="small"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ clearable
|
|
|
+ :remote-method="(e)=>checkMaterialList(e,2)"
|
|
|
+ @change="changeDealer(scope.$index)">
|
|
|
+ <el-option
|
|
|
+ v-for="item in dealerList"
|
|
|
+ :key="item.number"
|
|
|
+ :label="item.number"
|
|
|
+ :value="item.number">
|
|
|
+ <span>{{ item.number }}</span>
|
|
|
+ <span style="color: #8492a6; font-size: 13px; margin-left: 6px">{{ item.name }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column align="center" label="单位" prop="unit" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
<!-- <el-table-column align="center" label="原预留数量" prop="oldNum" min-width="100" show-overflow-tooltip></el-table-column> -->
|
|
|
<el-table-column align="center" label="预留数量" prop="reservedNum" min-width="100" show-overflow-tooltip>
|
|
@@ -548,9 +594,12 @@ export default {
|
|
|
},
|
|
|
|
|
|
// 查询经销商列表
|
|
|
- checkDealerList(query) {
|
|
|
+ checkDealerList(query,type) {
|
|
|
+
|
|
|
checkDealerList({
|
|
|
- number: query,
|
|
|
+ number:type==1 ? query :'',
|
|
|
+ name:type ==2 ? query :'',
|
|
|
+
|
|
|
}).then(res => {
|
|
|
this.dealerList = res.data || [];
|
|
|
})
|
|
@@ -569,9 +618,10 @@ export default {
|
|
|
},
|
|
|
|
|
|
// 查询产品
|
|
|
- checkMaterialList(query) {
|
|
|
+ checkMaterialList(query,type) {
|
|
|
checkMaterialList({
|
|
|
- number: query,
|
|
|
+ number: type ==1 ?query:'',
|
|
|
+ specification:type ==2 ?query:''
|
|
|
}).then(res => {
|
|
|
this.materialList = res.data || [];
|
|
|
})
|