fix 菜单缺少权限标识

This commit is contained in:
2021-04-28 21:21:12 +08:00
parent 22b521ae41
commit ebd7d303dd

View File

@@ -13,15 +13,10 @@
<a-form-model-item label="菜单类型" prop="type"> <a-form-model-item label="菜单类型" prop="type">
<template slot="help"> <template slot="help">
目录默认添加在顶级 目录默认添加在顶级
<br />菜单 <br />菜单 <br />按钮
<br />按钮
</template> </template>
<a-radio-group @change="onTypeChange" v-model="form.type"> <a-radio-group @change="onTypeChange" v-model="form.type">
<a-radio-button <a-radio-button :key="type.code" :value="type.code" v-for="type in codes.menuType">{{ type.value }}</a-radio-button>
:key="type.code"
:value="type.code"
v-for="type in codes.menuType"
>{{type.value}}</a-radio-button>
</a-radio-group> </a-radio-group>
</a-form-model-item> </a-form-model-item>
<a-form-model-item label="名称" prop="name"> <a-form-model-item label="名称" prop="name">
@@ -32,21 +27,12 @@
</a-form-model-item> </a-form-model-item>
<a-form-model-item label="所属应用" prop="application"> <a-form-model-item label="所属应用" prop="application">
<a-select @change="onLoadMenuTree" placeholder="请选择所属应用" v-model="form.application"> <a-select @change="onLoadMenuTree" placeholder="请选择所属应用" v-model="form.application">
<a-select-option <a-select-option :key="item.code" :value="item.code" v-for="item in appList">{{ item.name }}</a-select-option>
:key="item.code"
:value="item.code"
v-for="item in appList"
>{{item.name}}</a-select-option>
</a-select> </a-select>
</a-form-model-item> </a-form-model-item>
<!-- 父级菜单只有[目录]不可用 --> <!-- 父级菜单只有[目录]不可用 -->
<a-form-model-item label="父级菜单" prop="pid" v-if="form.type != 0"> <a-form-model-item label="父级菜单" prop="pid" v-if="form.type != 0">
<a-tree-select <a-tree-select :dropdown-style="{ maxHeight: '300px', overflow: 'auto' }" :tree-data="parentTreeData" placeholder="请选择父级菜单" v-model="form.pid" />
:dropdown-style="{ maxHeight: '300px', overflow: 'auto' }"
:tree-data="parentTreeData"
placeholder="请选择父级菜单"
v-model="form.pid"
/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -54,20 +40,11 @@
<div class="yo-form-group"> <div class="yo-form-group">
<a-form-model-item label="打开方式" prop="openType" v-if="form.type == 1"> <a-form-model-item label="打开方式" prop="openType" v-if="form.type == 1">
<a-radio-group @change="onOpenTypeChange" v-model="form.openType"> <a-radio-group @change="onOpenTypeChange" v-model="form.openType">
<a-radio-button <a-radio-button :key="type.code" :value="type.code" v-for="type in codes.openType">{{ type.value }}</a-radio-button>
:key="type.code"
:value="type.code"
v-for="type in codes.openType"
>{{type.value}}</a-radio-button>
</a-radio-group> </a-radio-group>
</a-form-model-item> </a-form-model-item>
<!-- 前端组件只有[菜单][组件]可用 --> <!-- 前端组件只有[菜单][组件]可用 -->
<a-form-model-item <a-form-model-item label="前端组件" prop="component" v-if="form.type == 1 && form.openType == 1" v-show="form.type == 1 && form.openType == 1">
label="前端组件"
prop="component"
v-if="form.type == 1 && form.openType == 1"
v-show="form.type == 1 && form.openType == 1"
>
<a-input placeholder="请输入前端组件" v-model="form.component" /> <a-input placeholder="请输入前端组件" v-model="form.component" />
</a-form-model-item> </a-form-model-item>
<!-- 内链地址只有[菜单][内链]可用 --> <!-- 内链地址只有[菜单][内链]可用 -->
@@ -91,6 +68,9 @@
>{{type.value}}</a-radio-button> >{{type.value}}</a-radio-button>
</a-radio-group> </a-radio-group>
</a-form-model-item>--> </a-form-model-item>-->
<a-form-model-item label="权限标识" prop="permission" v-if="form.type == 2">
<a-input placeholder="请输入权限标识" v-model="form.permission" />
</a-form-model-item>
<a-form-model-item label="可见性"> <a-form-model-item label="可见性">
<a-switch checked-children="可见" un-checked-children="隐藏" v-model="form.visible" /> <a-switch checked-children="可见" un-checked-children="隐藏" v-model="form.visible" />
</a-form-model-item> </a-form-model-item>
@@ -102,13 +82,7 @@
</a-input> </a-input>
</a-form-model-item> </a-form-model-item>
<a-form-model-item label="排序"> <a-form-model-item label="排序">
<a-input-number <a-input-number :max="1000" :min="0" class="w-100-p" placeholder="请输入排序" v-model="form.sort" />
:max="1000"
:min="0"
class="w-100-p"
placeholder="请输入排序"
v-model="form.sort"
/>
</a-form-model-item> </a-form-model-item>
<a-form-model-item label="备注信息"> <a-form-model-item label="备注信息">
<a-textarea placeholder="请输入备注信息" v-model="form.remark" /> <a-textarea placeholder="请输入备注信息" v-model="form.remark" />
@@ -154,6 +128,7 @@ export default {
component: [{ required: true, message: '请输入前端组件' }], component: [{ required: true, message: '请输入前端组件' }],
router: [{ required: true, message: '请输入内链地址' }], router: [{ required: true, message: '请输入内链地址' }],
link: [{ required: true, message: '请输入外链地址' }], link: [{ required: true, message: '请输入外链地址' }],
permission: [{ required: true, message: '请输入权限标识' }],
}, },
/** 加载异步数据状态 */ /** 加载异步数据状态 */
@@ -258,19 +233,13 @@ export default {
/** 当前组件的其他方法 */ /** 当前组件的其他方法 */
/** ... */ /** ... */
onLoadCodes() { onLoadCodes() {
return this.$api return this.$api.$queue([this.$api.sysDictTypeDropDownAwait({ code: 'menu_type' }), this.$api.sysDictTypeDropDownAwait({ code: 'menu_weight' }), this.$api.sysDictTypeDropDownAwait({ code: 'open_type' })]).then(([menuType, menuWerght, openType]) => {
.$queue([ return {
this.$api.sysDictTypeDropDownAwait({ code: 'menu_type' }), menuType: menuType.data,
this.$api.sysDictTypeDropDownAwait({ code: 'menu_weight' }), menuWerght: menuWerght.data,
this.$api.sysDictTypeDropDownAwait({ code: 'open_type' }), openType: openType.data,
]) };
.then(([menuType, menuWerght, openType]) => { });
return {
menuType: menuType.data,
menuWerght: menuWerght.data,
openType: openType.data,
};
});
}, },
onLoadSysApplist() { onLoadSysApplist() {