diff --git a/server/api/v1/sys_menu.go b/server/api/v1/sys_menu.go
index fa1da790d1eb7c73b2d2435700e9111e215df5dd..533dca31b1ac54c389afdee37972314205954c97 100644
--- a/server/api/v1/sys_menu.go
+++ b/server/api/v1/sys_menu.go
@@ -70,7 +70,7 @@ func AddBaseMenu(c *gin.Context) {
var menu model.SysBaseMenu
_ = c.ShouldBindJSON(&menu)
MenuVerify := utils.Rules{
- "Path": {"notEmpty"},
+ "Path": {utils.NotEmpty()},
"ParentId": {utils.NotEmpty()},
"Name": {utils.NotEmpty()},
"Component": {utils.NotEmpty()},
diff --git a/web/src/view/superAdmin/menu/menu.vue b/web/src/view/superAdmin/menu/menu.vue
index 27d5ac77eb3c0d0e887dabc6265a02355c7ed478..dd74582d30015f2cde0ce9766412902b78c9ab58 100644
--- a/web/src/view/superAdmin/menu/menu.vue
+++ b/web/src/view/superAdmin/menu/menu.vue
@@ -8,6 +8,7 @@
+
{{scope.row.hidden?"隐藏":"显示"}}
@@ -36,17 +37,36 @@
-
+
+
-
+
+
+
+
+ 路由path
+ 添加参数
+
+
+
@@ -57,11 +77,11 @@
@@ -72,7 +92,7 @@
- el-icon-
+ el-icon-
@@ -103,203 +123,207 @@ import {
addBaseMenu,
deleteBaseMenu,
getBaseMenuById
-} from "@/api/menu";
-import infoList from "@/components/mixins/infoList";
-import icon from '@/view/superAdmin/menu/icon';
+} from '@/api/menu'
+import infoList from '@/components/mixins/infoList'
+import icon from '@/view/superAdmin/menu/icon'
export default {
- name: "Menus",
+ name: 'Menus',
mixins: [infoList],
data() {
return {
+ checkFlag: false,
listApi: getMenuList,
dialogFormVisible: false,
- dialogTitle: "新增菜单",
+ dialogTitle: '新增菜单',
menuOption: [
{
- ID: "0",
- title: "根菜单"
+ ID: '0',
+ title: '根菜单'
}
],
form: {
ID: 0,
- path: "",
- name: "",
- hidden: "",
- parentId: "",
- component: "",
+ path: '',
+ name: '',
+ hidden: '',
+ parentId: '',
+ component: '',
meta: {
- title: "",
- icon: "",
+ title: '',
+ icon: '',
defaultMenu: false,
keepAlive: false
}
},
rules: {
- path: [{ required: true, message: "请输入菜单name", trigger: "blur" }],
+ path: [{ required: true, message: '请输入菜单name', trigger: 'blur' }],
component: [
- { required: true, message: "请输入文件路径", trigger: "blur" }
+ { required: true, message: '请输入文件路径', trigger: 'blur' }
],
- "meta.title": [
- { required: true, message: "请输入菜单展示名称", trigger: "blur" }
+ 'meta.title': [
+ { required: true, message: '请输入菜单展示名称', trigger: 'blur' }
]
},
isEdit: false,
- test:''
- };
+ test: ''
+ }
},
- components:{
+ components: {
icon
},
methods: {
+ changeName() {
+ this.form.path = this.form.name
+ },
setOptions() {
this.menuOption = [
{
- ID: "0",
- title: "根目录"
+ ID: '0',
+ title: '根目录'
}
- ];
- this.setMenuOptions(this.tableData, this.menuOption, false);
+ ]
+ this.setMenuOptions(this.tableData, this.menuOption, false)
},
setMenuOptions(menuData, optionsData, disabled) {
menuData &&
menuData.map(item => {
- if (item.children&&item.children.length) {
+ if (item.children && item.children.length) {
const option = {
title: item.meta.title,
ID: String(item.ID),
disabled: disabled || item.ID == this.form.ID,
children: []
- };
+ }
this.setMenuOptions(
item.children,
option.children,
disabled || item.ID == this.form.ID
- );
- optionsData.push(option);
+ )
+ optionsData.push(option)
} else {
const option = {
title: item.meta.title,
ID: String(item.ID),
disabled: disabled || item.ID == this.form.ID
- };
- optionsData.push(option);
+ }
+ optionsData.push(option)
}
- });
+ })
},
handleClose(done) {
- this.initForm();
- done();
+ this.initForm()
+ done()
},
// 懒加载子菜单
load(tree, treeNode, resolve) {
resolve([
{
id: 31,
- date: "2016-05-01",
- name: "王小虎",
- address: "上海市普陀区金沙江路 1519 弄"
+ date: '2016-05-01',
+ name: '王小虎',
+ address: '上海市普陀区金沙江路 1519 弄'
},
{
id: 32,
- date: "2016-05-01",
- name: "王小虎",
- address: "上海市普陀区金沙江路 1519 弄"
+ date: '2016-05-01',
+ name: '王小虎',
+ address: '上海市普陀区金沙江路 1519 弄'
}
- ]);
+ ])
},
// 删除菜单
deleteMenu(ID) {
- this.$confirm("此操作将永久删除所有角色下该菜单, 是否继续?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning"
+ this.$confirm('此操作将永久删除所有角色下该菜单, 是否继续?', '提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning'
})
.then(async () => {
- const res = await deleteBaseMenu({ ID });
+ const res = await deleteBaseMenu({ ID })
if (res.code == 0) {
this.$message({
- type: "success",
- message: "删除成功!"
- });
- this.getTableData();
+ type: 'success',
+ message: '删除成功!'
+ })
+ this.getTableData()
}
})
.catch(() => {
this.$message({
- type: "info",
- message: "已取消删除"
- });
- });
+ type: 'info',
+ message: '已取消删除'
+ })
+ })
},
// 初始化弹窗内表格方法
initForm() {
- this.$refs.menuForm.resetFields();
+ this.checkFlag = false
+ this.$refs.menuForm.resetFields()
this.form = {
ID: 0,
- path: "",
- name: "",
- hidden: "",
- parentId: "",
- component: "",
+ path: '',
+ name: '',
+ hidden: '',
+ parentId: '',
+ component: '',
meta: {
- title: "",
- icon: "",
+ title: '',
+ icon: '',
defaultMenu: false,
- keepAlive: ""
+ keepAlive: ''
}
- };
+ }
},
// 关闭弹窗
closeDialog() {
- this.initForm();
- this.dialogFormVisible = false;
+ this.initForm()
+ this.dialogFormVisible = false
},
// 添加menu
async enterDialog() {
this.$refs.menuForm.validate(async valid => {
if (valid) {
- let res;
- this.form.name = this.form.path;
+ let res
if (this.isEdit) {
- res = await updateBaseMenu(this.form);
+ res = await updateBaseMenu(this.form)
} else {
- res = await addBaseMenu(this.form);
+ res = await addBaseMenu(this.form)
}
if (res.code == 0) {
this.$message({
- type: "success",
- message: this.isEdit ? "编辑成功" : "添加成功!"
- });
- this.getTableData();
+ type: 'success',
+ message: this.isEdit ? '编辑成功' : '添加成功!'
+ })
+ this.getTableData()
}
- this.initForm();
- this.dialogFormVisible = false;
+ this.initForm()
+ this.dialogFormVisible = false
}
- });
+ })
},
// 添加菜单方法，id为 0则为添加根菜单
addMenu(id) {
- this.dialogTitle = "新增菜单";
- this.form.parentId = String(id);
- this.isEdit = false;
- this.setOptions();
- this.dialogFormVisible = true;
+ this.dialogTitle = '新增菜单'
+ this.form.parentId = String(id)
+ this.isEdit = false
+ this.setOptions()
+ this.dialogFormVisible = true
},
// 修改菜单方法
async editMenu(id) {
- this.dialogTitle = "编辑菜单";
- const res = await getBaseMenuById({ id });
- this.form = res.data.menu;
- this.isEdit = true;
- this.setOptions();
- this.dialogFormVisible = true;
+ this.dialogTitle = '编辑菜单'
+ const res = await getBaseMenuById({ id })
+ this.form = res.data.menu
+ this.isEdit = true
+ this.setOptions()
+ this.dialogFormVisible = true
}
},
async created() {
- this.pageSize = 999;
- await this.getTableData();
+ this.pageSize = 999
+ await this.getTableData()
}
-};
+}