|
|
@@ -68,9 +68,8 @@
|
|
|
default-expand-all
|
|
|
@close="onFormClose('ruleForm')"
|
|
|
width="500px">
|
|
|
- <el-form :model="form"
|
|
|
- ref="ruleForm">
|
|
|
- <el-form-item label="菜单名"
|
|
|
+ <el-form :model="form" :rules="rules" ref="ruleForm">
|
|
|
+ <el-form-item label="菜单名" prop="name"
|
|
|
:label-width="formLabelWidth">
|
|
|
<el-input v-model.trim="form.name"
|
|
|
autocomplete="off"></el-input>
|
|
|
@@ -80,12 +79,12 @@
|
|
|
<el-input v-model.trim="form.path"
|
|
|
autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="接口权限"
|
|
|
+ <el-form-item label="接口权限" prop="permission"
|
|
|
:label-width="formLabelWidth">
|
|
|
<el-input v-model.trim="form.permission"
|
|
|
autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="页面权限"
|
|
|
+ <el-form-item label="页面权限" prop="memo"
|
|
|
:label-width="formLabelWidth">
|
|
|
<el-input v-model.trim="form.memo"
|
|
|
autocomplete="off"></el-input>
|
|
|
@@ -100,7 +99,7 @@
|
|
|
<el-input v-model.trim="form.component"
|
|
|
autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="父元素ID"
|
|
|
+ <el-form-item label="父元素ID" prop="parentId"
|
|
|
:label-width="formLabelWidth">
|
|
|
<el-input v-model.trim="form.parentId"
|
|
|
autocomplete="off"></el-input>
|
|
|
@@ -168,6 +167,12 @@ export default {
|
|
|
type: 1,
|
|
|
parentPermission: null,
|
|
|
keepAlive: '0'
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ name: [{ required: true, message: "请输入菜单名", trigger: "blur" }],
|
|
|
+ permission: [{ required: true, message: "请输入接口权限", trigger: "blur" }],
|
|
|
+ memo: [{ required: true, message: "请输入页面权限", trigger: "blur" }],
|
|
|
+ parentId: [{ required: true, message: "请输入父元素ID", trigger: "blur" }],
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
@@ -209,36 +214,44 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
onBranchSubmit (type) {
|
|
|
- let form = this.form
|
|
|
- if (this.operationType == 'create') {
|
|
|
- addSilder({
|
|
|
- path: form.path,
|
|
|
- component: form.component,
|
|
|
- name: form.name,
|
|
|
- permission: form.permission,
|
|
|
- sort: form.sort,
|
|
|
- parentId: form.parentId,
|
|
|
- hid: form.hid,
|
|
|
- type: form.type,
|
|
|
- parentPermission: form.parentPermission,
|
|
|
- keepAlive: form.keepAlive,
|
|
|
- memo: form.memo
|
|
|
- }).then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.$message.success('添加成功')
|
|
|
- this.lookSilder()
|
|
|
- this.branchStatus = false
|
|
|
+ // ruleForm
|
|
|
+ this.$refs["ruleForm"].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ let form = this.form
|
|
|
+ if (this.operationType == 'create') {
|
|
|
+ addSilder({
|
|
|
+ path: form.path,
|
|
|
+ component: form.component,
|
|
|
+ name: form.name,
|
|
|
+ permission: form.permission,
|
|
|
+ sort: form.sort,
|
|
|
+ parentId: form.parentId,
|
|
|
+ hid: form.hid,
|
|
|
+ type: form.type,
|
|
|
+ parentPermission: form.parentPermission,
|
|
|
+ keepAlive: form.keepAlive,
|
|
|
+ memo: form.memo
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message.success('添加成功')
|
|
|
+ this.lookSilder()
|
|
|
+ this.branchStatus = false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else if (this.operationType == 'update') {
|
|
|
+ resetSilder(form).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message.success('修改成功')
|
|
|
+ this.lookSilder()
|
|
|
+ this.branchStatus = false
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
- })
|
|
|
- } else if (this.operationType == 'update') {
|
|
|
- resetSilder(form).then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.$message.success('修改成功')
|
|
|
- this.lookSilder()
|
|
|
- this.branchStatus = false
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
},
|
|
|
|
|
|
lookSilder () {
|
