You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
139 lines
4.2 KiB
139 lines
4.2 KiB
<template>
|
|
<section>
|
|
<el-row class="page-container border padding">
|
|
<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editForm">
|
|
<el-form-item label="参数代码" prop="id">
|
|
<el-input v-model="editForm.id" auto-complete="off"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="参数名称" prop="optionName">
|
|
<el-input v-model="editForm.optionName" auto-complete="off"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="参数值" prop="optionValue">
|
|
<el-input v-model="editForm.optionValue" auto-complete="off"></el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="" prop="isShow">
|
|
<el-switch
|
|
v-model="editForm.isShow"
|
|
active-value="1"
|
|
inactive-value="0"
|
|
active-text="有效"
|
|
inactive-text="无效"
|
|
>
|
|
</el-switch>
|
|
</el-form-item>
|
|
<el-form-item label="显示顺序" prop="seqOrder">
|
|
<el-input v-model="editForm.seqOrder" auto-complete="off"></el-input><el-tag>为空，则后台自动计算</el-tag>
|
|
</el-form-item>
|
|
<el-form-item label="第一扩展字段" prop="fp">
|
|
<el-input v-model="editForm.fp" auto-complete="off"></el-input>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-col :span="4" :offset="16">
|
|
<el-button @click.native="handleCancel">取消</el-button>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<el-button v-loading="load.edit" type="primary" @click.native="editSubmit" >提交</el-button>
|
|
</el-col>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-row>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
import util from '@/common/js/util';//全局公共库
|
|
import { editItemOption } from '@/api/mdp/meta/itemOption';
|
|
import { mapGetters } from 'vuex'
|
|
|
|
export default {
|
|
|
|
computed: {
|
|
...mapGetters([
|
|
'userInfo'
|
|
])
|
|
},
|
|
props:['itemOption','visible'],
|
|
watch: {
|
|
'itemOption':function( itemOption ) {
|
|
this.editForm = itemOption;
|
|
},
|
|
'visible':function(visible) {
|
|
if(visible==true){
|
|
//从新打开页面时某些数据需要重新加载，可以在这里添加
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
options:{},//下拉选择框的所有静态数据
|
|
load:{ list: false, add: false, del: false, edit: false },//查询中...
|
|
editFormRules: {
|
|
id: [
|
|
{ required: true, message: '参数代码不能为空', trigger: 'blur' }
|
|
],
|
|
optionValue: [
|
|
{ required: true, message: '参数值不能为空', trigger: 'blur' }
|
|
],
|
|
optionName: [
|
|
{ required: true, message: '参数名称不能为空', trigger: 'blur' }
|
|
]
|
|
},
|
|
//新增界面数据 数据项取值列表
|
|
editForm: {
|
|
itemId:'',id:'',optionValue:'',optionName:'',keys:'',isShow:'',seqOrder:'',fp:'',tp:'',sp:'',isDefault:'',cdate:'',branchId:'',deptid:''
|
|
}
|
|
/**begin 在下面加自定义属性,记得补上面的一个逗号**/
|
|
|
|
/**end 在上面加自定义属性**/
|
|
}//end return
|
|
},//end data
|
|
methods: {
|
|
// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听
|
|
handleCancel:function(){
|
|
this.$emit('cancel');
|
|
},
|
|
//新增提交ItemOption 数据项取值列表 父组件监听@submit="afterEditSubmit"
|
|
editSubmit: function () {
|
|
|
|
this.$refs.editForm.validate((valid) => {
|
|
if (valid) {
|
|
|
|
this.$confirm('确认提交吗？', '提示', {}).then(() => {
|
|
this.load.edit=true
|
|
let params = Object.assign({}, this.editForm);
|
|
editItemOption(params).then((res) => {
|
|
this.load.edit=false
|
|
var tips=res.data.tips;
|
|
if(tips.isOk){
|
|
this.$refs['editForm'].resetFields();
|
|
this.$emit('submit');// @submit="afterEditSubmit"
|
|
}
|
|
this.$message({showClose: true, message: tips.msg, type: tips.isOk?'success':'error' });
|
|
}).catch(() => {
|
|
this.load.edit=false
|
|
});
|
|
});
|
|
}
|
|
});
|
|
}
|
|
/**begin 在下面加自定义方法,记得补上面的一个逗号**/
|
|
|
|
/**end 在上面加自定义方法**/
|
|
|
|
},//end method
|
|
components: {
|
|
//在下面添加其它组件 'item-option-edit':ItemOptionEdit
|
|
},
|
|
mounted() {
|
|
this.editForm=Object.assign(this.editForm, this.itemOption);
|
|
/**在下面写其它函数***/
|
|
|
|
}//end mounted
|
|
}
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|