|
|
|
@ -13,10 +13,13 @@ |
|
|
|
<el-input v-model="dataForm.categoryName" |
|
|
|
placeholder="类别名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="类别编码" |
|
|
|
prop="categoryCode"> |
|
|
|
<el-input v-model="dataForm.categoryCode" |
|
|
|
placeholder="类别编码"></el-input> |
|
|
|
<el-form-item label="类别编码" prop="categoryCode"> |
|
|
|
<el-input v-model="dataForm.categoryCode" v-bind:readonly = "codeReadOnly" placeholder="类别编码"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="独立功能" prop="independentFlag"> |
|
|
|
<el-select v-model="dataForm.independentFlag" v-bind:disabled = "codeReadOnly" placeholder="是否关联独立功能"> |
|
|
|
<el-option v-for="item in yesOrNoContains" :key="item.id" :label="item.name" :value="item.id"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="描述" |
|
|
|
prop="description"> |
|
|
|
@ -50,8 +53,11 @@ export default { |
|
|
|
categoryName: '', |
|
|
|
categoryCode: '', |
|
|
|
description: '', |
|
|
|
independentFlag: '', |
|
|
|
sort: 0 |
|
|
|
} |
|
|
|
}, |
|
|
|
yesOrNoContains: [{ id: '0', name: '否' }, { id: '1', name: '是' }], |
|
|
|
codeReadOnly: false |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
@ -65,6 +71,9 @@ export default { |
|
|
|
], |
|
|
|
sort: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
], |
|
|
|
independentFlag: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
] |
|
|
|
} |
|
|
|
} |
|
|
|
@ -89,6 +98,9 @@ export default { |
|
|
|
...this.dataForm, |
|
|
|
...res.data |
|
|
|
} |
|
|
|
if (res.data.independentFlag === '1') { |
|
|
|
this.codeReadOnly = true |
|
|
|
} |
|
|
|
}).catch(() => { }) |
|
|
|
}, |
|
|
|
// 表单提交 |
|
|
|
|