|
|
|
@ -13,55 +13,79 @@ |
|
|
|
|
|
|
|
<div class="listconadd"> |
|
|
|
|
|
|
|
<el-card class="box-card"> |
|
|
|
<el-card class="box-card" > |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">品牌名称：</span> |
|
|
|
<el-select v-model="form.name" placeholder="请选择品牌名称" class="item_input" @change="getType"> |
|
|
|
<el-option v-for="(item,i) in crudeList" :key="i" :label="item.name" :value="item.number" /> |
|
|
|
</el-select> |
|
|
|
<span class="item_text">商品名称：</span> |
|
|
|
<el-input v-model="form.name" placeholder="" class="item_input" clearable /> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">品牌编号：</span> |
|
|
|
<el-input v-model="form.number" placeholder="" :readonly="true" class="item_input" clearable /> |
|
|
|
<span class="item_text">名称编号：</span> |
|
|
|
<el-input v-model="form.number" placeholder="" class="item_input" clearable /> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">产品名称：</span> |
|
|
|
<el-select v-model="form.prodSid" placeholder="请选择产品名称" class="item_input" > |
|
|
|
<el-option v-for="(item,i) in sidlist" :key="i" :label="item.name" :value="item.prodSid" /> |
|
|
|
<span class="item_text">品牌名称：</span> |
|
|
|
<el-select v-model="form.prodSid" placeholder="" class="item_input" > |
|
|
|
<el-option v-for="(item,i) in sidlist" :key="i" :label="item.name" :value="item.sid" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item_text">类别名称：</span> |
|
|
|
<el-input v-model="form.typeList.name" placeholder="" class="item_input" clearable /> |
|
|
|
|
|
|
|
<div class="item" > |
|
|
|
<span style="font-size: 18px;margin-left: 90px;padding-right: 10px;">添加类别：</span> |
|
|
|
<el-button @click="caozuo" type="primary">操作</el-button> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
</div> |
|
|
|
<el-dialog title="添加商品类别" :visible.sync="entry" width="60%"> |
|
|
|
<el-form ref="form" :inline="true" :model="form" label-width="80px"> |
|
|
|
<div v-for="(item, index) in form.typeList" :key="index"> |
|
|
|
<el-form-item |
|
|
|
label="类别名称" |
|
|
|
:prop="'typeList.' + index + '.name'" |
|
|
|
for="inputID" |
|
|
|
> |
|
|
|
<el-input id="inputID" v-model="item.name"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="类别编码" |
|
|
|
:prop="'typeList.' + index + '.number'" |
|
|
|
for="inputIDs" |
|
|
|
> |
|
|
|
<el-input id="inputIDs" v-model="item.number"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button v-if="index+1 == form.typeList.length" @click="addItem(item,index)" size="small" type="primary">增加</el-button> |
|
|
|
<el-button v-if="index !== 0" @click="deleteItem(item, index)" size="small" type="danger">删除</el-button> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div style="margin-top: 20px;margin-left: 40px; "> |
|
|
|
<el-button type="primary" @click="trues()">确定</el-button> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import req from '@/api/baseInfo/commodityBrand/index.js' |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
submitdisabled: false, |
|
|
|
crudeList: [], |
|
|
|
crudeLists: [], |
|
|
|
flowmeterLists: [], |
|
|
|
flowmeterList: [], |
|
|
|
entry: false, |
|
|
|
sidlist: [], |
|
|
|
form: { |
|
|
|
name: "", |
|
|
|
number: "", |
|
|
|
prodSid:'', |
|
|
|
typeList:[ |
|
|
|
{ |
|
|
|
typeList:[{ |
|
|
|
name: "", |
|
|
|
number: "" |
|
|
|
}] |
|
|
|
}, |
|
|
|
arry: { |
|
|
|
name:'', |
|
|
|
number:'' |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
listQuery: { |
|
|
|
current: 1, |
|
|
|
@ -69,72 +93,107 @@ |
|
|
|
params: { |
|
|
|
name:'' |
|
|
|
}, |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.getlist() |
|
|
|
this.getSid() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
saveOrUpdate() { |
|
|
|
// req.save(this.formobj) |
|
|
|
// .then(resp => { |
|
|
|
// if (resp.success) { |
|
|
|
// this.$message({ |
|
|
|
// showClose: true, |
|
|
|
// type: 'success', |
|
|
|
// message: resp.msg |
|
|
|
// }) |
|
|
|
// this.handleReturn("true") |
|
|
|
// } else { |
|
|
|
// // 根据resp.code进行异常情况处理 |
|
|
|
// } |
|
|
|
// }) |
|
|
|
// .catch(() => {}) |
|
|
|
console.log(this.form) |
|
|
|
|
|
|
|
}, |
|
|
|
handleReturn(isreload) { |
|
|
|
if (isreload === 'true') this.$emit('reloadlist') |
|
|
|
this.form = { |
|
|
|
let arrlist=this.form.typeList |
|
|
|
let lastlist=arrlist.slice(-1) |
|
|
|
if(this.form.name && this.form.number && this.form.prodSid){ |
|
|
|
if(lastlist[0].name && lastlist[0].number){ |
|
|
|
req.saveList(this.form) |
|
|
|
.then(resp => { |
|
|
|
if (resp.success) { |
|
|
|
this.$message({ |
|
|
|
showClose: true, |
|
|
|
type: 'success', |
|
|
|
message: resp.msg |
|
|
|
}) |
|
|
|
this.handleReturn("true") |
|
|
|
} else { |
|
|
|
// 根据resp.code进行异常情况处理 |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => {}) |
|
|
|
this.form= { |
|
|
|
name: "", |
|
|
|
number: "", |
|
|
|
prodSid:'', |
|
|
|
typeList:[{ |
|
|
|
name: "", |
|
|
|
number: "" |
|
|
|
}] |
|
|
|
} |
|
|
|
}else{ |
|
|
|
this.$alert('检测到您未输入类别内容，请输入或删除', '提示信息', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
callback: action => { |
|
|
|
this.entry=true |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
}else{ |
|
|
|
this.$message({ |
|
|
|
message: '请检查内容是否填写', |
|
|
|
type: 'warning' |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
handleReturn(isreload) { |
|
|
|
if (isreload === 'true') this.$emit('reloadlist') |
|
|
|
this.$emit('doback') |
|
|
|
}, |
|
|
|
getlist(){ |
|
|
|
req.selectList().then((res)=>{ |
|
|
|
if (res.success) { |
|
|
|
this.crudeLists = res.data |
|
|
|
for (var i = 0; i < this.crudeLists.length; i++) { |
|
|
|
|
|
|
|
let item = { |
|
|
|
name: this.crudeLists[i].name, |
|
|
|
number: this.crudeLists[i].number, |
|
|
|
|
|
|
|
this.sidlist = res.data |
|
|
|
} |
|
|
|
this.crudeList.push(item) |
|
|
|
}) |
|
|
|
}, |
|
|
|
addItem(item) { |
|
|
|
if(item.name && item.number){ |
|
|
|
this.form.typeList.push({ |
|
|
|
name: "", |
|
|
|
number: "" |
|
|
|
}); |
|
|
|
}else{ |
|
|
|
this.$message({ |
|
|
|
message: '请输入内容后在添加', |
|
|
|
type: 'warning' |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
sure(form) { |
|
|
|
console.log(this.form.typeList.length, "length"); |
|
|
|
this.$refs[form].validate(valid => { |
|
|
|
if (valid) { |
|
|
|
alert("submit!"); |
|
|
|
} else { |
|
|
|
console.log("error submit!!"); |
|
|
|
return false; |
|
|
|
} |
|
|
|
}) |
|
|
|
}); |
|
|
|
}, |
|
|
|
getType(value) { |
|
|
|
const choose = this.crudeLists.filter((item) => item.number === value) |
|
|
|
this.form.name = choose[0].name |
|
|
|
this.form.number = value |
|
|
|
console.log(this.form); |
|
|
|
deleteItem(item, index) { |
|
|
|
this.form.typeList.splice(index, 1); |
|
|
|
console.log(this.form.typeList, "删除"); |
|
|
|
}, |
|
|
|
getSid(){ |
|
|
|
req.listPages(this.listQuery).then((res)=>{ |
|
|
|
this.sidlist = res.data.records |
|
|
|
}) |
|
|
|
caozuo(){ |
|
|
|
this.entry=true |
|
|
|
}, |
|
|
|
trues(){ |
|
|
|
this.entry=false |
|
|
|
console.log(this.form); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style lang="scss"> |
|
|
|
</script> |
|
|
|
<style lang="scss"> |
|
|
|
.box-card { |
|
|
|
margin-left: 60px; |
|
|
|
margin-right: 60px; |
|
|
|
@ -148,7 +207,6 @@ |
|
|
|
margin-top: 15px; |
|
|
|
height: 40px; |
|
|
|
line-height: 40px; |
|
|
|
|
|
|
|
.item_text { |
|
|
|
flex: 0.8; |
|
|
|
font-size: 18px; |
|
|
|
@ -196,5 +254,4 @@ |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
</style> |
|
|
|
|
