|  |  |  | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <p class="tip" v-if="form.parent != null && form.id == null">为 <em>{{parentName}}</em> 新建子菜单</p> | 
|---|
|  |  |  | <el-form :model="form" ref="form" :rules="rules"> | 
|---|
|  |  |  | <el-form-item label="上级菜单" prop="parentId"> | 
|---|
|  |  |  | <el-form-item label="上级菜单" prop="parentId"  v-if="form.type !== 1"> | 
|---|
|  |  |  | <MenuSelect v-if="visible" v-model="form.parentId" placeholder="请选择上级菜单" :exclude-id="excludeMenuId" clearable :inline="false"/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="菜单名称" prop="name" required> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-form-item label="访问路径" prop="path"> | 
|---|
|  |  |  | <el-input v-model="form.path" placeholder="请输入访问路径" v-trim maxlength="200"/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="图标" prop="icon" class="form-item-icon"> | 
|---|
|  |  |  | <el-form-item label="携带参数" prop="params"> | 
|---|
|  |  |  | <el-input v-model="form.params" placeholder="请输入携带参数" v-trim maxlength="200"/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="菜单类型" prop="linkType" > | 
|---|
|  |  |  | <el-radio-group v-model="form.linkType"> | 
|---|
|  |  |  | <el-radio :label="0" :value="0" >内部菜单</el-radio> | 
|---|
|  |  |  | <el-radio :label="1" :value="1" >外部系统</el-radio> | 
|---|
|  |  |  | </el-radio-group> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="图标" prop="icon" class="form-item-icon" v-if="form.type !== 1"> | 
|---|
|  |  |  | <el-radio-group v-model="form.icon"> | 
|---|
|  |  |  | <el-radio :label="icon" v-for="icon in icons" :key="icon"> | 
|---|
|  |  |  | <i :class="{[icon]: true}"></i> | 
|---|
|  |  |  | 
|---|
|  |  |  | id: null, | 
|---|
|  |  |  | parentId: null, | 
|---|
|  |  |  | name: '', | 
|---|
|  |  |  | params: '', | 
|---|
|  |  |  | path: '', | 
|---|
|  |  |  | icon: '', | 
|---|
|  |  |  | type: '', | 
|---|
|  |  |  | linkType: 0, | 
|---|
|  |  |  | remark: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 验证规则 | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | name: [ | 
|---|
|  |  |  | { required: true, message: '请输入菜单名称' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | linkType: [ | 
|---|
|  |  |  | { required: true, message: '请输入菜单名称' } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | * @target: 编辑的菜单对象 | 
|---|
|  |  |  | * @parent: 新建时的上级菜单 | 
|---|
|  |  |  | */ | 
|---|
|  |  |  | open (title, target, parent) { | 
|---|
|  |  |  | open (title, target, parent,type) { | 
|---|
|  |  |  | this.title = title | 
|---|
|  |  |  | this.visible = true | 
|---|
|  |  |  | this.form.type = type || 0 | 
|---|
|  |  |  | // 新建,menu为空时表示新建菜单 | 
|---|
|  |  |  | if (target == null) { | 
|---|
|  |  |  | this.excludeMenuId = null | 
|---|
|  |  |  | 
|---|
|  |  |  | this.form.id = null | 
|---|
|  |  |  | this.form.parentId = parent == null ? null : parent.id | 
|---|
|  |  |  | this.parentName = parent == null ? null : parent.name | 
|---|
|  |  |  | // this.form.type = parent == null ? 0 : parent.type | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | for (const key in this.form) { | 
|---|
|  |  |  | this.form[key] = target[key] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.form.type = this.form.type || 0 | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|