|
|
|
@ -1,31 +1,40 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<Modal :width="62" loading title="产品组合" :value.sync="isShow" @on-visible-change="$emit('update:isShow',$event)" @on-ok="submit" @on-cancel="reset">
|
|
|
|
<Modal :width="62" title="产品组合" :value.sync="isShow" @on-visible-change="$emit('update:isShow',$event)" @on-cancel="reset">
|
|
|
|
<Form :model="form" ref="form">
|
|
|
|
<Form :model="form" ref="form">
|
|
|
|
<FormItem
|
|
|
|
<FormItem
|
|
|
|
prop="products"
|
|
|
|
prop="products"
|
|
|
|
v-for="(item, index) in form.products"
|
|
|
|
v-for="(item, index) in form.products"
|
|
|
|
:key="index"
|
|
|
|
:key="index">
|
|
|
|
:label="'产品'+item.index">
|
|
|
|
<div class="product">
|
|
|
|
<Row>
|
|
|
|
<div class="product-content">
|
|
|
|
<Col span="6" offset="1">
|
|
|
|
<div style="width: 60px">{{'产品'+item.index}}</div>
|
|
|
|
<Select type="text" v-model="item.value" placeholder="选择产品">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="product-content">
|
|
|
|
|
|
|
|
<Select type="text" v-model="item.value" placeholder="选择产品" style="width: 140px;">
|
|
|
|
<Option v-for="pro in products" :key="pro.id" :value="pro.id">{{pro.name}}</Option>
|
|
|
|
<Option v-for="pro in products" :key="pro.id" :value="pro.id">{{pro.name}}</Option>
|
|
|
|
</Select>
|
|
|
|
</Select>
|
|
|
|
</Col>
|
|
|
|
</div>
|
|
|
|
<Col span="3" offset="1">
|
|
|
|
<div class="product-content">
|
|
|
|
<InputNumber :min="0" v-model="item.num" placeholder="数量"></InputNumber>
|
|
|
|
<InputNumber :min="0" v-model="item.num" placeholder="数量" style="width: 80px;"></InputNumber>
|
|
|
|
</Col>
|
|
|
|
</div>
|
|
|
|
<Col span="3" offset="1" >
|
|
|
|
<div class="product-content">
|
|
|
|
<Input type="text" v-model="item.unit" placeholder="单位"></Input>
|
|
|
|
<Input type="text" v-model="item.unit" placeholder="单位" style="width: 80px;"></Input>
|
|
|
|
</Col>
|
|
|
|
</div>
|
|
|
|
<Col span="3" offset="1">
|
|
|
|
<div class="product-content">
|
|
|
|
<InputNumber :precision="2" type="text" v-model="item.price" placeholder="价格"></InputNumber>
|
|
|
|
<InputNumber :precision="2" type="text" v-model="item.price" placeholder="价格" style="width: 100px;"></InputNumber>
|
|
|
|
</Col>
|
|
|
|
</div>
|
|
|
|
<Col span="3" offset="1">
|
|
|
|
<template v-if="!item.id">
|
|
|
|
<Button icon="md-remove" type="primary" @click="removeProduct(item.index,item.id)">移除</Button>
|
|
|
|
<div class="product-content">
|
|
|
|
</Col>
|
|
|
|
<Button icon="md-add" type="primary" @click="submit(item)" style="width: 80px;">确认</Button>
|
|
|
|
</Row>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
|
|
|
<div class="product-content">
|
|
|
|
|
|
|
|
<Button icon="md-remove" type="primary" @click="removeProduct(item.index,item.id)" style="width: 80px;">移除</Button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</FormItem>
|
|
|
|
</FormItem>
|
|
|
|
<FormItem style="display: flex;justify-content: center;">
|
|
|
|
<FormItem style="display: flex;justify-content: center;">
|
|
|
|
<Button style="width: 200px;" type="dashed" @click="addProduct" icon="md-add">新增</Button>
|
|
|
|
<Button style="width: 200px;" type="dashed" @click="addProduct" icon="md-add">新增</Button>
|
|
|
|
@ -57,7 +66,6 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
removeProduct(index,id){
|
|
|
|
removeProduct(index,id){
|
|
|
|
console.log(index,id)
|
|
|
|
|
|
|
|
if(id){
|
|
|
|
if(id){
|
|
|
|
deleteItems({
|
|
|
|
deleteItems({
|
|
|
|
deleting_ids:[{id}]
|
|
|
|
deleting_ids:[{id}]
|
|
|
|
@ -106,6 +114,7 @@ export default {
|
|
|
|
const res = await getItems({package_id:this.id})
|
|
|
|
const res = await getItems({package_id:this.id})
|
|
|
|
this.form.products.push(...(res.map(item => {
|
|
|
|
this.form.products.push(...(res.map(item => {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
|
|
|
|
id:item.id,
|
|
|
|
value:item.product_type_id,
|
|
|
|
value:item.product_type_id,
|
|
|
|
index:++this.productIndex,
|
|
|
|
index:++this.productIndex,
|
|
|
|
num:item.num,
|
|
|
|
num:item.num,
|
|
|
|
@ -115,17 +124,18 @@ export default {
|
|
|
|
})))
|
|
|
|
})))
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
submit(){
|
|
|
|
submit(item){
|
|
|
|
saveItems({
|
|
|
|
saveItems({
|
|
|
|
save_rows:this.form.products.map(item => {
|
|
|
|
save_rows:[{package_id:this.id,unit:item.unit,num:item.num,product_type_id:item.value,price:item.price}]
|
|
|
|
return {package_id:this.id,unit:item.unit,num:item.num,product_type_id:item.value,price:item.price}
|
|
|
|
// this.form.products.map(item => {
|
|
|
|
})
|
|
|
|
// return {package_id:this.id,unit:item.unit,num:item.num,product_type_id:item.value,price:item.price}
|
|
|
|
|
|
|
|
// })
|
|
|
|
}).then(res => {
|
|
|
|
}).then(res => {
|
|
|
|
Message({
|
|
|
|
Message({
|
|
|
|
type:'success',
|
|
|
|
type:'success',
|
|
|
|
message:'产品组合更改完成'
|
|
|
|
message:'产品组合更改完成'
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.$emit('update:isShow',false)
|
|
|
|
this.getItems()
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -144,4 +154,14 @@ export default {
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
|
|
|
.product{
|
|
|
|
|
|
|
|
min-width: 700px;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
justify-content: space-evenly;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
::v-deep .ivu-modal-body{
|
|
|
|
|
|
|
|
overflow: scroll;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
|
