|
|
|
@ -15,22 +15,22 @@ |
|
|
|
|
|
|
|
<div class="listconadd"> |
|
|
|
|
|
|
|
<el-form ref="form_obj" :model="formobj" class="formaddcopy02"> |
|
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
|
|
|
<div class="title"> |
|
|
|
<div>基础信息</div> |
|
|
|
</div> |
|
|
|
<el-row class="first_row"> |
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">商品名称</div> |
|
|
|
<el-form-item> |
|
|
|
<div class="span-sty"><span class="must">*</span> 商品名称</div> |
|
|
|
<el-form-item prop="goodsName"> |
|
|
|
<el-input v-model="formobj.goodsName" placeholder="商品名称" class="addinputw addinputInfo" clearable /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">商品编码</div> |
|
|
|
<el-form-item> |
|
|
|
<div class="span-sty"><span class="must">*</span> 商品编码</div> |
|
|
|
<el-form-item prop="goodsCode"> |
|
|
|
<el-input v-model="formobj.goodsCode" placeholder="商品编码" class="addinputw addinputInfo" clearable /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
@ -55,9 +55,9 @@ |
|
|
|
<el-row> |
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">商品单位</div> |
|
|
|
<el-form-item> |
|
|
|
<el-select v-model="formobj.goodsUnitName" placeholder="请选择商品单位" class="addinputw" |
|
|
|
<div class="span-sty"><span class="must">*</span> 计量单位</div> |
|
|
|
<el-form-item prop="goodsUnitName"> |
|
|
|
<el-select v-model="formobj.goodsUnitName" placeholder="请选择计量单位" class="addinputw" |
|
|
|
@change="selectunitNameChange"> |
|
|
|
<el-option v-for="item in unitNameList" :key="item.sid" :label="item.unitName" :value="item.sid" /> |
|
|
|
</el-select> |
|
|
|
@ -65,8 +65,8 @@ |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">商品类别</div> |
|
|
|
<el-form-item> |
|
|
|
<div class="span-sty"><span class="must">*</span> 商品类别</div> |
|
|
|
<el-form-item prop="goodsTypeName"> |
|
|
|
<el-select v-model="formobj.goodsTypeName" placeholder="请选择商品类别" class="addinputw" |
|
|
|
@change="selectCateChange"> |
|
|
|
<el-option v-for="item in cateList" :key="item.sid" :label="item.goodsTypeName" :value="item.sid" /> |
|
|
|
@ -95,8 +95,8 @@ |
|
|
|
<el-row> |
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">商品品牌</div> |
|
|
|
<el-form-item> |
|
|
|
<div class="span-sty"><span class="must">*</span> 商品品牌</div> |
|
|
|
<el-form-item prop="brandName"> |
|
|
|
<el-select v-model="formobj.brandName" placeholder="请选择商品品牌" class="addinputw" |
|
|
|
@change="selectBrandChange"> |
|
|
|
<el-option v-for="item in brandList" :key="item.sid" :label="item.brandName" :value="item.sid" /> |
|
|
|
@ -105,8 +105,8 @@ |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="12"> |
|
|
|
<div class="span-sty">商品厂家</div> |
|
|
|
<el-form-item> |
|
|
|
<div class="span-sty"><span class="must">*</span> 商品厂家</div> |
|
|
|
<el-form-item prop="manufacturerName"> |
|
|
|
<el-select v-model="formobj.manufacturerName" placeholder="请选择商品厂家" class="addinputw" |
|
|
|
@change="selectfacturerChange"> |
|
|
|
<el-option v-for="item in facturerList" :key="item.sid" :label="item.manufacturerName" |
|
|
|
@ -130,8 +130,8 @@ |
|
|
|
<el-row> |
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
|
<div class="span-sty">商品排序</div> |
|
|
|
<el-form-item> |
|
|
|
<div class="span-sty"><span class="must">*</span> 商品排序</div> |
|
|
|
<el-form-item prop="sortNo"> |
|
|
|
<el-input v-model="formobj.sortNo" placeholder="商品排序" class="addinputw addinputInfo" clearable |
|
|
|
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" /> |
|
|
|
</el-form-item> |
|
|
|
@ -149,16 +149,16 @@ |
|
|
|
<el-row> |
|
|
|
|
|
|
|
<el-col :span="16"> |
|
|
|
<div class="span-sty">库存上限</div> |
|
|
|
<el-form-item> |
|
|
|
<div class="span-sty"><span class="must">*</span> 库存上限</div> |
|
|
|
<el-form-item prop="inventoryAlertUpperLimit"> |
|
|
|
<el-input v-model="formobj.inventoryAlertUpperLimit" placeholder="库存上限" class="addinputw addinputInfo" |
|
|
|
clearable oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="18"> |
|
|
|
<div class="span-sty">库存下限</div> |
|
|
|
<el-form-item> |
|
|
|
<div class="span-sty"><span class="must">*</span> 库存下限</div> |
|
|
|
<el-form-item prop="inventoryAlertLowerLimit"> |
|
|
|
<el-input v-model="formobj.inventoryAlertLowerLimit" placeholder="库存下限" class="addinputw addinputInfo" |
|
|
|
clearable oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" /> |
|
|
|
</el-form-item> |
|
|
|
@ -276,6 +276,53 @@ |
|
|
|
cateList: [], |
|
|
|
facturerList: [], |
|
|
|
unitNameList: [], |
|
|
|
rules: { |
|
|
|
goodsName: [{ |
|
|
|
required: true, |
|
|
|
message: '商品名称不能为空', |
|
|
|
trigger: 'blur' |
|
|
|
}], |
|
|
|
goodsCode: [{ |
|
|
|
required: true, |
|
|
|
message: '商品编码不能为空', |
|
|
|
trigger: 'blur' |
|
|
|
}], |
|
|
|
goodsUnitName: [{ |
|
|
|
required: true, |
|
|
|
message: '请选择计量单位', |
|
|
|
trigger: 'change' |
|
|
|
}], |
|
|
|
goodsTypeName: [{ |
|
|
|
required: true, |
|
|
|
message: '请选择商品类别', |
|
|
|
trigger: 'change' |
|
|
|
}], |
|
|
|
brandName: [{ |
|
|
|
required: true, |
|
|
|
message: '请选择商品品牌', |
|
|
|
trigger: 'change' |
|
|
|
}], |
|
|
|
manufacturerName: [{ |
|
|
|
required: true, |
|
|
|
message: '请选择商品厂家', |
|
|
|
trigger: 'change' |
|
|
|
}], |
|
|
|
sortNo: [{ |
|
|
|
required: true, |
|
|
|
message: '商品排序不能为空', |
|
|
|
trigger: 'blur' |
|
|
|
}], |
|
|
|
inventoryAlertUpperLimit: [{ |
|
|
|
required: true, |
|
|
|
message: '商品上限不能为空', |
|
|
|
trigger: 'blur' |
|
|
|
}], |
|
|
|
inventoryAlertLowerLimitt: [{ |
|
|
|
required: true, |
|
|
|
message: '商品下限不能为空', |
|
|
|
trigger: 'blur' |
|
|
|
}], |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
@ -283,16 +330,19 @@ |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
initData() { |
|
|
|
req2.getAllBrand().then(resp => { |
|
|
|
var parpams = { |
|
|
|
orgPath: window.sessionStorage.getItem('defaultOrgPath'), |
|
|
|
} |
|
|
|
req2.getAllBrand(parpams).then(resp => { |
|
|
|
this.brandList = resp.data |
|
|
|
}) |
|
|
|
req3.getAllType().then(resp => { |
|
|
|
req3.getAllType(parpams).then(resp => { |
|
|
|
this.cateList = resp.data |
|
|
|
}) |
|
|
|
req4.getAllFacturer().then(resp => { |
|
|
|
req4.getAllFacturer(parpams).then(resp => { |
|
|
|
this.facturerList = resp.data |
|
|
|
}) |
|
|
|
req5.getAllUnit().then(resp => { |
|
|
|
req5.getAllUnit(parpams).then(resp => { |
|
|
|
this.unitNameList = resp.data |
|
|
|
}) |
|
|
|
}, |
|
|
|
@ -306,20 +356,26 @@ |
|
|
|
|
|
|
|
saveOrUpdate() { |
|
|
|
console.log('>>>>>>>>>saveOrUpdate', this.formobj) |
|
|
|
req.saveGoods(this.formobj) |
|
|
|
.then(resp => { |
|
|
|
if (resp.success) { |
|
|
|
this.$message({ |
|
|
|
showClose: true, |
|
|
|
type: 'success', |
|
|
|
message: resp.msg |
|
|
|
this.$refs['form_obj'].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
|
|
|
|
req.saveGoods(this.formobj) |
|
|
|
.then(resp => { |
|
|
|
if (resp.success) { |
|
|
|
this.$message({ |
|
|
|
showClose: true, |
|
|
|
type: 'success', |
|
|
|
message: resp.msg |
|
|
|
}) |
|
|
|
this.handleReturn('true') |
|
|
|
} else { |
|
|
|
// 根据resp.code进行异常情况处理 |
|
|
|
} |
|
|
|
}) |
|
|
|
this.handleReturn('true') |
|
|
|
} else { |
|
|
|
// 根据resp.code进行异常情况处理 |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => {}) |
|
|
|
.catch(() => {}) |
|
|
|
|
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleReturn(isreload) { |
|
|
|
if (isreload === 'true') this.$emit('reloadlist') |
|
|
|
@ -405,6 +461,14 @@ |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
/deep/ .el-form-item__error { |
|
|
|
margin-left: 120px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.must { |
|
|
|
color: #f00; |
|
|
|
} |
|
|
|
|
|
|
|
.span-sty { |
|
|
|
width: 130px !important; |
|
|
|
} |
|
|
|
|
