| | |
| | | </el-table>
|
| | |
|
| | | <!-- 添加或修改菜单对话框 -->
|
| | | <el-dialog :title="title" v-model="open" width="680px" append-to-body>
|
| | | <el-form ref="menuRef" :model="form" :rules="rules" label-width="100px">
|
| | | <el-dialog :title="title" v-model="open" width="880px" append-to-body>
|
| | | <el-form ref="menuRef" :model="form" :rules="rules" label-width="130px">
|
| | | <el-row>
|
| | | <el-col :span="24">
|
| | | <el-form-item label="上级菜单">
|
| | |
| | | <el-input v-model="form.component" placeholder="请输入组件路径" />
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :span="12" v-if="form.menuType == 'C'">
|
| | | <el-form-item prop="appComponent">
|
| | | <template #label>
|
| | | <span>
|
| | | <el-tooltip content="APP 端访问的组件路径,如:`app/system/user/index`" placement="top">
|
| | | <el-icon><question-filled /></el-icon>
|
| | | </el-tooltip>
|
| | | APP组件路径
|
| | | </span>
|
| | | </template>
|
| | | <el-input v-model="form.appComponent" placeholder="请输入 APP 组件路径(可选)" />
|
| | | </el-form-item>
|
| | | </el-col>
|
| | | <el-col :span="12" v-if="form.menuType != 'M'">
|
| | | <el-form-item>
|
| | | <el-input v-model="form.perms" placeholder="请输入权限标识" maxlength="100" />
|
| | |
| | | import { addMenu, delMenu, getMenu, listMenu, updateMenu } from "@/api/system/menu"
|
| | | import SvgIcon from "@/components/SvgIcon"
|
| | | import IconSelect from "@/components/IconSelect"
|
| | | import {onMounted} from "vue";
|
| | |
|
| | | const { proxy } = getCurrentInstance()
|
| | | const { sys_show_hide, sys_normal_disable } = proxy.useDict("sys_show_hide", "sys_normal_disable")
|
| | |
| | | rules: {
|
| | | menuName: [{ required: true, message: "菜单名称不能为空", trigger: "blur" }],
|
| | | orderNum: [{ required: true, message: "菜单顺序不能为空", trigger: "blur" }],
|
| | | path: [{ required: true, message: "路由地址不能为空", trigger: "blur" }]
|
| | | path: [{ required: true, message: "路由地址不能为空", trigger: "blur" }],
|
| | | appComponent: [{ required: false, message: "APP组件路径不能为空", trigger: "blur" }]
|
| | | },
|
| | | })
|
| | |
|
| | |
| | | isFrame: "1",
|
| | | isCache: "0",
|
| | | visible: "0",
|
| | | status: "0"
|
| | | status: "0",
|
| | | appComponent: undefined
|
| | | }
|
| | | proxy.resetForm("menuRef")
|
| | | }
|
| | |
| | | }).catch(() => {})
|
| | | }
|
| | |
|
| | | getList()
|
| | | onMounted(() => {
|
| | | getList();
|
| | | });
|
| | | </script>
|