|
|
@@ -57,11 +57,13 @@ export default {
|
|
|
set(){},
|
|
|
}
|
|
|
},
|
|
|
- watch: {},
|
|
|
+ watch: {
|
|
|
+ },
|
|
|
methods: {
|
|
|
//
|
|
|
async open(prop) {
|
|
|
this.visible = await this.fetchItem(prop);
|
|
|
+ this.supplier = '';
|
|
|
},
|
|
|
//
|
|
|
hide() {
|
|
|
@@ -85,9 +87,8 @@ export default {
|
|
|
})),
|
|
|
}));
|
|
|
|
|
|
- this.showData = _.cloneDeep(this.data);
|
|
|
-
|
|
|
console.log(this.data,'this.data');
|
|
|
+ this.showData = _.cloneDeep(this.data);
|
|
|
return true;
|
|
|
} else {
|
|
|
return false;
|
|
|
@@ -111,7 +112,7 @@ export default {
|
|
|
}))
|
|
|
.filter((item) => item.orderPriceVos.length);
|
|
|
console.log(params,'params');
|
|
|
- try {
|
|
|
+ try {
|
|
|
// try
|
|
|
const { msg, code } = await ADD(params);
|
|
|
if (code === 200) {
|
|
|
@@ -153,7 +154,39 @@ export default {
|
|
|
},
|
|
|
|
|
|
handleSelect(prop){
|
|
|
- console.log(prop,'prop');
|
|
|
+ console.log(this.data,'handleSelect');
|
|
|
+
|
|
|
+ // this.tableColumns = this.tableColumns.map(({ item, attr }) =>{
|
|
|
+
|
|
|
+ // if(item['key'] === 'supplierName'){
|
|
|
+ // item.filter = [prop.value];
|
|
|
+ // }
|
|
|
+
|
|
|
+ // return {
|
|
|
+ // item: {...item},
|
|
|
+ // attr: {...attr},
|
|
|
+ // }
|
|
|
+
|
|
|
+ // })
|
|
|
+
|
|
|
+ // this.$refs.superTable.forEach(item =>{
|
|
|
+
|
|
|
+ // let { onFilter, onFilters } = item;
|
|
|
+
|
|
|
+ // let supplierFilter = {
|
|
|
+ // item:{
|
|
|
+ // key: 'supplierName',
|
|
|
+ // title: '供应商',
|
|
|
+ // filterabled:true,
|
|
|
+
|
|
|
+ // },
|
|
|
+ // attr: {}
|
|
|
+ // }
|
|
|
+
|
|
|
+ // onFilters(supplierFilter);
|
|
|
+ // onFilter();
|
|
|
+ // })
|
|
|
+
|
|
|
this.showData = this.data.map(item => {
|
|
|
return {
|
|
|
...item,
|
|
|
@@ -162,13 +195,86 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
handleClear(){
|
|
|
- this.showData = _.cloneDeep(this.data);
|
|
|
+ this.showData = _.cloneDeep(this.data);
|
|
|
},
|
|
|
// 对象数组去重
|
|
|
uniqueFunc(arr, uniId){
|
|
|
const res = new Map();
|
|
|
return arr.filter((item) => !res.has(item[uniId]) && res.set(item[uniId], 1));
|
|
|
},
|
|
|
+ changeQuantity(prop,value){
|
|
|
+
|
|
|
+ this.data = this.data.map(item =>{
|
|
|
+
|
|
|
+ if(item.id === prop.id){
|
|
|
+
|
|
|
+ item.orderPriceVos = item.orderPriceVos.map(order =>{
|
|
|
+
|
|
|
+ if(order.id === value.id){
|
|
|
+
|
|
|
+ return value;
|
|
|
+ }
|
|
|
+
|
|
|
+ return order;
|
|
|
+ })
|
|
|
+
|
|
|
+ // item.orderPriceVos.forEach(order =>{
|
|
|
+
|
|
|
+ // if(order.id === value.id){
|
|
|
+
|
|
|
+ // let change = prop.orderPriceVos.filter(order => order.id === value.id);
|
|
|
+
|
|
|
+ // order = {...change};
|
|
|
+
|
|
|
+ // }
|
|
|
+
|
|
|
+ // })
|
|
|
+ }
|
|
|
+ return item;
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ changeDatePlan(prop,value){
|
|
|
+
|
|
|
+ this.data = this.data.map(item =>{
|
|
|
+
|
|
|
+ if(item.id === prop.id){
|
|
|
+
|
|
|
+ item.orderPriceVos = item.orderPriceVos.map(order =>{
|
|
|
+
|
|
|
+ if(order.id === value.id){
|
|
|
+
|
|
|
+ return value;
|
|
|
+ }
|
|
|
+
|
|
|
+ return order;
|
|
|
+ })
|
|
|
+
|
|
|
+ }
|
|
|
+ return item;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ changeNote(prop,value){
|
|
|
+
|
|
|
+ this.data = this.data.map(item =>{
|
|
|
+
|
|
|
+ if(item.id === prop.id){
|
|
|
+
|
|
|
+ item.orderPriceVos = item.orderPriceVos.map(order =>{
|
|
|
+
|
|
|
+ if(order.id === value.id){
|
|
|
+
|
|
|
+ return value;
|
|
|
+ }
|
|
|
+
|
|
|
+ return order;
|
|
|
+ })
|
|
|
+
|
|
|
+ }
|
|
|
+ return item;
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
},
|
|
|
created() {},
|
|
|
mounted() {},
|
|
|
@@ -210,7 +316,7 @@ export default {
|
|
|
|
|
|
</template>
|
|
|
|
|
|
- <!-- <el-row style="padding: 0 16px;">
|
|
|
+ <el-row style="padding: 0 16px;">
|
|
|
<el-col>
|
|
|
<el-autocomplete
|
|
|
class="inline-input"
|
|
|
@@ -223,13 +329,13 @@ export default {
|
|
|
@clear="handleClear"
|
|
|
></el-autocomplete>
|
|
|
</el-col>
|
|
|
- </el-row> -->
|
|
|
+ </el-row>
|
|
|
|
|
|
|
|
|
- <div v-for="(item, index) in data" :key="index" class="m-4">
|
|
|
+ <div v-for="(item, index) in showData" :key="index" class="m-4">
|
|
|
|
|
|
<template v-if="item.orderPriceVos.length">
|
|
|
- <el-descriptions>
|
|
|
+ <el-descriptions :column="4">
|
|
|
<template slot="title" >
|
|
|
<template>
|
|
|
<span style="margin-right: 10px">{{ item.materialName }}</span>
|
|
|
@@ -255,6 +361,7 @@ export default {
|
|
|
</el-descriptions>
|
|
|
|
|
|
<el-super-table
|
|
|
+ ref="superTable"
|
|
|
v-model="item.orderPriceVos"
|
|
|
:columns="tableColumns"
|
|
|
:size="$attrs.size"
|
|
|
@@ -267,6 +374,25 @@ export default {
|
|
|
v-model="scope.row[scope.item.key]"
|
|
|
:size="$attrs.size"
|
|
|
:max="scope.attr.max(scope.row)"
|
|
|
+ @change="changeQuantity(item,scope.row)"
|
|
|
+ >
|
|
|
+ </component>
|
|
|
+ </template>
|
|
|
+ <template slot="arrivalDatePlan" slot-scope="scope">
|
|
|
+ <component
|
|
|
+ v-bind="scope.attr"
|
|
|
+ v-model="scope.row[scope.item.key]"
|
|
|
+ :size="$attrs.size"
|
|
|
+ @change="changeDatePlan"
|
|
|
+ >
|
|
|
+ </component>
|
|
|
+ </template>
|
|
|
+ <template slot="note" slot-scope="scope">
|
|
|
+ <component
|
|
|
+ v-bind="scope.attr"
|
|
|
+ v-model="scope.row[scope.item.key]"
|
|
|
+ :size="$attrs.size"
|
|
|
+ @change="changeNote"
|
|
|
>
|
|
|
</component>
|
|
|
</template>
|
黄梓星