| | |
| | | :title="title" |
| | | width="500px" |
| | | :before-close="handleClose" |
| | | :close-on-press-escape="false" |
| | | :close-on-click-modal="false" |
| | | > |
| | | <el-form :model="state.form" size="default" ref="busRef" :rules="state.formRules" label-width="150px" > |
| | | <el-form-item label="上级分类:" prop="name" v-if="!state.isFirst"> |
| | | <el-input v-model.trim="state.form.parentName" disabled></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="名称:" prop="name"> |
| | | <el-input v-model.trim="state.form.name"></el-input> |
| | | </el-form-item> |
| | |
| | | form: { |
| | | id: '', |
| | | name: '', |
| | | parentName: '', |
| | | sort: 0, |
| | | parentId: null, |
| | | status: true |
| | |
| | | formRules:{ |
| | | name: [{ required: true, trigger: "blur", validator: validateName }], |
| | | }, |
| | | isFirst: true |
| | | }) |
| | | |
| | | |
| | | const openDialog = async (type, value) => { |
| | | length.value = value.listLength |
| | | title.value = type === 'addFirst' || type === 'add' ? '新增' : type ==='edit' ? '编辑' : '' ; |
| | | if(type === 'edit') { |
| | | state.isFirst = true; |
| | | state.form = value; |
| | | state.form.status = value.status == 0; |
| | | state.form.sort = value.sort; |
| | | state.form.parentId = value.parentId; |
| | | state.form.parentName = value.name; |
| | | startUsername.value = value.username; |
| | | }else if(type === 'add' && value ){ |
| | | state.form.parentId = value.id |
| | | state.isFirst = false; |
| | | state.form.parentId = value.id; |
| | | state.form.parentName = value.name; |
| | | }else { |
| | | state.isFirst = true; |
| | | } |
| | | dialogVisible.value = true; |
| | | } |
| | |
| | | state.form = { |
| | | id: '', |
| | | name: '', |
| | | parentName: '', |
| | | sort: 0, |
| | | parentId: null, |
| | | status: true |