|
@@ -103,6 +103,7 @@
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="上级菜单">
|
|
|
<treeselect
|
|
|
+ style="width:500px;"
|
|
|
v-model="form.parentId"
|
|
|
:options="menuOptions"
|
|
|
:normalizer="normalizer"
|
|
@@ -114,9 +115,10 @@
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="菜单类型" prop="menuType">
|
|
|
<el-radio-group v-model="form.menuType" >
|
|
|
- <el-radio v-for="item in menuTypeList"
|
|
|
- :disabled="item.disabled"
|
|
|
- :label="item.label">
|
|
|
+ <el-radio
|
|
|
+ v-for="item in menuTypeList"
|
|
|
+ :disabled="item.disabled"
|
|
|
+ :label="item.label">
|
|
|
{{item.value}}
|
|
|
</el-radio>
|
|
|
</el-radio-group>
|
|
@@ -126,12 +128,16 @@
|
|
|
<el-form-item v-if="form.menuType != '2'" label="菜单图标">
|
|
|
<el-popover
|
|
|
placement="bottom-start"
|
|
|
- width="460"
|
|
|
+ width="500"
|
|
|
trigger="click"
|
|
|
@show="$refs['iconSelect'].reset()"
|
|
|
>
|
|
|
<IconSelect ref="iconSelect" @selected="selected" />
|
|
|
- <el-input slot="reference" v-model="form.icon" placeholder="点击选择图标" readonly>
|
|
|
+ <el-input slot="reference"
|
|
|
+ style="width:500px;"
|
|
|
+ v-model="form.icon"
|
|
|
+ placeholder="点击选择图标"
|
|
|
+ readonly>
|
|
|
<svg-icon
|
|
|
v-if="form.icon"
|
|
|
slot="prefix"
|
|
@@ -146,25 +152,26 @@
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="菜单名称" prop="menuName">
|
|
|
- <el-input v-model="form.menuName" placeholder="请输入菜单名称" />
|
|
|
+ <el-input v-model="form.menuName" placeholder="请输入菜单名称" style="width:200px;" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="显示排序" prop="orderNum">
|
|
|
- <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
|
|
|
+ <el-input-number v-model="form.orderNum" controls-position="right" :min="0"
|
|
|
+ style="width:180px;"/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item v-if="form.menuType != '2'">
|
|
|
<span slot="label">
|
|
|
<el-tooltip content="选择是外链则路由地址需要以`http(s)://`开头" placement="top">
|
|
|
- <i class="el-icon-question"></i>
|
|
|
+ <i class="el-icon-question" style="color:#999;"></i>
|
|
|
</el-tooltip>
|
|
|
是否外链
|
|
|
</span>
|
|
|
<el-radio-group v-model="form.isFrame">
|
|
|
- <el-radio :label="true">是</el-radio>
|
|
|
- <el-radio :label="false">否</el-radio>
|
|
|
+ <el-radio :label="true" style="width:60px;">是</el-radio>
|
|
|
+ <el-radio :label="false" style="width:60px;">否</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -172,18 +179,18 @@
|
|
|
<el-form-item v-if="form.menuType != '2'" prop="path">
|
|
|
<span slot="label">
|
|
|
<el-tooltip content="访问的路由地址,如:`user`,如外网地址需内链访问则以`http(s)://`开头" placement="top">
|
|
|
- <i class="el-icon-question"></i>
|
|
|
+ <i class="el-icon-question" style="color:#999;"></i>
|
|
|
</el-tooltip>
|
|
|
路由地址
|
|
|
</span>
|
|
|
- <el-input v-model="form.path" placeholder="请输入路由地址" />
|
|
|
+ <el-input v-model="form.path" placeholder="请输入路由地址" style="width:180px;"/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12" v-if="form.menuType == '1'">
|
|
|
<el-form-item prop="component">
|
|
|
<span slot="label">
|
|
|
<el-tooltip content="访问的组件路径,如:`system/user/index`,默认在`views`目录下" placement="top">
|
|
|
- <i class="el-icon-question"></i>
|
|
|
+ <i class="el-icon-question" style="color:#999;"></i>
|
|
|
</el-tooltip>
|
|
|
组件路径
|
|
|
</span>
|
|
@@ -192,10 +199,10 @@
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item v-if="form.menuType != '0'">
|
|
|
- <el-input v-model="form.perms" placeholder="请输入权限标识" maxlength="100" />
|
|
|
+ <el-input v-model="form.perms" placeholder="请输入权限标识" maxlength="100" style="width:200px;"/>
|
|
|
<span slot="label">
|
|
|
<el-tooltip content="控制器中定义的权限字符,如:@PreAuthorize(`@ss.hasPermi('system:user:list')`)" placement="top">
|
|
|
- <i class="el-icon-question"></i>
|
|
|
+ <i class="el-icon-question" style="color:#999;"></i>
|
|
|
</el-tooltip>
|
|
|
权限字符
|
|
|
</span>
|
|
@@ -205,12 +212,13 @@
|
|
|
<el-form-item v-if="form.menuType != '2'">
|
|
|
<span slot="label">
|
|
|
<el-tooltip content="选择隐藏则路由将不会出现在侧边栏,但仍然可以访问" placement="top">
|
|
|
- <i class="el-icon-question"></i>
|
|
|
+ <i class="el-icon-question" style="color:#999;"></i>
|
|
|
</el-tooltip>
|
|
|
显示状态
|
|
|
</span>
|
|
|
<el-radio-group v-model="form.visible">
|
|
|
<el-radio
|
|
|
+ style="width:60px;"
|
|
|
v-for="dict in visibleOptions"
|
|
|
:key="dict.dictValue"
|
|
|
:label="dict.dictValue"
|
|
@@ -222,12 +230,13 @@
|
|
|
<el-form-item v-if="form.menuType != '2'">
|
|
|
<span slot="label">
|
|
|
<el-tooltip content="选择停用则路由将不会出现在侧边栏,也不能被访问" placement="top">
|
|
|
- <i class="el-icon-question"></i>
|
|
|
+ <i class="el-icon-question" style="color:#999;"></i>
|
|
|
</el-tooltip>
|
|
|
菜单状态
|
|
|
</span>
|
|
|
<el-radio-group v-model="form.status">
|
|
|
<el-radio
|
|
|
+ style="width:60px;"
|
|
|
v-for="dict in statusOptions"
|
|
|
:key="dict.dictValue"
|
|
|
:label="dict.dictValue"
|
|
@@ -239,13 +248,13 @@
|
|
|
<el-form-item v-if="form.menuType == '1'">
|
|
|
<span slot="label">
|
|
|
<el-tooltip content="选择是则会被`keep-alive`缓存,需要匹配组件的`name`和地址保持一致" placement="top">
|
|
|
- <i class="el-icon-question"></i>
|
|
|
+ <i class="el-icon-question" style="color:#999;"></i>
|
|
|
</el-tooltip>
|
|
|
是否缓存
|
|
|
</span>
|
|
|
<el-radio-group v-model="form.isCache">
|
|
|
- <el-radio :label="true">缓存</el-radio>
|
|
|
- <el-radio :label="false">不缓存</el-radio>
|
|
|
+ <el-radio :label="true" style="width:60px;">缓存</el-radio>
|
|
|
+ <el-radio :label="false" style="width:60px;">不缓存</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -253,13 +262,13 @@
|
|
|
<el-form-item>
|
|
|
<span slot="label">
|
|
|
<el-tooltip content="选择是后在权限配置时此项为选中并且无法操作" placement="top">
|
|
|
- <i class="el-icon-question"></i>
|
|
|
+ <i class="el-icon-question" style="color:#999;"></i>
|
|
|
</el-tooltip>
|
|
|
是否必选
|
|
|
</span>
|
|
|
<el-radio-group v-model="form.isRequired">
|
|
|
- <el-radio :label="true">是</el-radio>
|
|
|
- <el-radio :label="false">否</el-radio>
|
|
|
+ <el-radio :label="true" style="width:60px;">是</el-radio>
|
|
|
+ <el-radio :label="false" style="width:60px;">否</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|