<template>
|
<win-md :title="setting.title" @close="close" :width="'800px'">
|
<el-form ref="ruleForm" :model="formData" :rules="rules" class="demo-ruleForm" label-width="100px">
|
<el-form-item label="物品编号">
|
<el-input v-model="formData.goodsCode" disabled clearable maxlength="20" show-word-limit style="width: 100%"/>
|
</el-form-item>
|
<el-form-item label="物品名称" prop="goodsName">
|
<el-input v-model="formData.goodsName" clearable maxlength="20" show-word-limit style="width: 100%"/>
|
</el-form-item>
|
<el-form-item label="分类" prop="categoryId">
|
<el-select v-model="formData.categoryId" clearable placeholder="请选择" style="width: 100%">
|
<el-option v-for="item in categoryList" :key="item.id" :label="item.categoryName" :value="item.id"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item style="margin-left: -100px;" v-for="(m, i) in formData.models">
|
<el-form-item label="规格型号" prop="modelName" style="float: left;">
|
<el-input v-model="m.modelName" clearable maxlength="20" show-word-limit style="width: 100%"/>
|
</el-form-item>
|
<el-form-item label="单位" prop="unit" style="float: left;">
|
<el-input v-model="m.unit" clearable maxlength="20" show-word-limit style="width: 100%"/>
|
</el-form-item>
|
<my-button name="新增型号" type="" @click="addCode"/>
|
<my-button name="删除" type="" @click="delCode(i)"/>
|
</el-form-item>
|
<el-form-item label="状态" prop="states">
|
<el-radio-group v-model="formData.states">
|
<el-radio :label="1" border>启用</el-radio>
|
<el-radio :label="0" border>禁用</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" align="center" class="dialog-footer">
|
<my-button name="取消" site="form" @click="close"/>
|
<my-button name="保存" site="form" @click="save"/>
|
</div>
|
</win-md>
|
</template>
|
|
<script>
|
import winMd from '@/components/win/win-md'
|
import myButton from '@/components/myButton/myButton'
|
import * as finsystenant from '@/api/baseSetting/finsystenant'
|
|
export default {
|
components: {winMd, myButton},
|
props: {
|
setting: {
|
type: Object,
|
default: () => {
|
}
|
}
|
},
|
data() {
|
return {
|
categoryList:[],
|
checkAll: false,
|
checkedList: [],
|
formData: {
|
radio1: '',
|
code: '',
|
name: '',
|
states: '',
|
summary: '',
|
categoryId: null,
|
models:[
|
{
|
modelName:'',
|
unit:''
|
}
|
]
|
},
|
rules: {
|
name: [
|
{required: true, message: '请输入物品名称', trigger: 'blur'}
|
]
|
}
|
}
|
},
|
created() {
|
this.tree_List()
|
if(this.setting.info){
|
this.formData = Object.assign({},JSON.parse(this.setting.info))
|
}
|
},
|
methods: {
|
tree_List (){
|
finsystenant.treeList().then(res => {
|
if (res) {
|
console.log(res,'res');
|
this.categoryList = res
|
}
|
})
|
},
|
addCode(){
|
this.formData.models.push(
|
{
|
modelName:'',
|
unit:''
|
}
|
)
|
},
|
delCode(index){
|
this.formData.models.splice(index, 1)
|
},
|
getEditInfo(id){
|
|
},
|
close() {
|
this.$emit('close')
|
},
|
save() {
|
this.$refs.ruleForm.validate((valid) => {
|
if (valid) {
|
const params = Object.assign({}, this.formData)
|
if(this.setting.id){
|
// 编辑接口
|
finsystenant.editcode(params).then(res => {
|
if (res) {
|
this.$message.success('保存成功！')
|
this.close()
|
this.$emit('search')
|
} else {
|
this.$message.error('保存失败')
|
}
|
})
|
}else{
|
params.orgId = this.setting.orgId
|
finsystenant.addcode(params).then(res => {
|
if (res) {
|
this.$message.success('保存成功！')
|
this.close()
|
this.$emit('search')
|
} else {
|
this.$message.error('保存失败')
|
}
|
})
|
}
|
} else {
|
this.$message.error('校验未通过，请检查。')
|
}
|
})
|
}
|
}
|
}
|
</script>
|
