1
0
mirror of https://github.com/zclzone/vue-naive-admin.git synced 2026-01-22 23:50:22 +08:00

feat: 资源管理新增支持按钮权限

This commit is contained in:
zclzone
2024-04-01 16:00:44 +08:00
parent 763b5f1295
commit 8f715925c7
4 changed files with 160 additions and 15 deletions

View File

@@ -1,7 +1,7 @@
<!--------------------------------
- @Author: Ronnie Zhang
- @LastEditor: Ronnie Zhang
- @LastEditTime: 2023/12/12 09:03:43
- @LastEditTime: 2024/04/01 15:52:31
- @Email: zclzone@outlook.com
- Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
--------------------------------->
@@ -20,6 +20,7 @@
<n-tree-select
v-model:value="modalForm.parentId"
:options="menuOptions"
:disabled="parentIdDisabled"
label-field="name"
key-field="id"
placeholder="根菜单"
@@ -39,6 +40,7 @@
<n-input v-model:value="modalForm.code" />
</n-form-item-gi>
<n-form-item-gi
v-if="modalForm.type === 'MENU'"
:span="12"
path="path"
:rule="{
@@ -58,7 +60,7 @@
</template>
<n-input v-model:value="modalForm.path" />
</n-form-item-gi>
<n-form-item-gi :span="12" path="icon">
<n-form-item-gi v-if="modalForm.type === 'MENU'" :span="12" path="icon">
<template #label>
<QuestionLabel
label="菜单图标"
@@ -67,7 +69,7 @@
</template>
<n-select v-model:value="modalForm.icon" :options="iconOptions" clearable filterable />
</n-form-item-gi>
<n-form-item-gi :span="12" path="layout">
<n-form-item-gi v-if="modalForm.type === 'MENU'" :span="12" path="layout">
<template #label>
<QuestionLabel
label="layout"
@@ -76,7 +78,7 @@
</template>
<n-select v-model:value="modalForm.layout" :options="layoutOptions" clearable />
</n-form-item-gi>
<n-form-item-gi :span="24" path="component">
<n-form-item-gi v-if="modalForm.type === 'MENU'" :span="24" path="component">
<template #label>
<QuestionLabel
label="组件路径"
@@ -92,7 +94,7 @@
/>
</n-form-item-gi>
<n-form-item-gi :span="12" path="show">
<n-form-item-gi v-if="modalForm.type === 'MENU'" :span="12" path="show">
<template #label>
<QuestionLabel label="显示状态" content="控制是否在菜单栏显示,不影响路由注册" />
</template>
@@ -113,7 +115,7 @@
<template #unchecked>禁用</template>
</n-switch>
</n-form-item-gi>
<n-form-item-gi :span="12" path="enable">
<n-form-item-gi v-if="modalForm.type === 'MENU'" :span="12" path="enable">
<template #label>
<QuestionLabel
label="KeepAlive"
@@ -126,6 +128,7 @@
</n-switch>
</n-form-item-gi>
<n-form-item-gi
v-if="modalForm.type === 'MENU'"
:span="12"
label="排序"
path="order"
@@ -186,10 +189,12 @@ const [modalFormRef, modalForm, validation] = useForm(defaultForm)
const [modalRef, okLoading] = useModal()
const modalAction = ref('')
const parentIdDisabled = ref(false)
function handleOpen(options = {}) {
const { action, row = {}, ...rest } = options
modalAction.value = action
modalForm.value = { ...row }
parentIdDisabled.value = !!row.parentId
modalRef.value.open({ ...rest, onOk: onSave })
}