|
@@ -1,9 +1,6 @@
|
|
|
<template>
|
|
|
<div class="slider-container">
|
|
|
<el-button @click='onOperation("create")'>添加按钮</el-button>
|
|
|
- <!-- <el-button @click='removeSilder'>删除按钮</el-button> -->
|
|
|
- <!-- <el-button @click='resetSilder'>修改按钮</el-button> -->
|
|
|
- <!-- <el-button @click="lookSilder" type='error'>查询</el-button> -->
|
|
|
|
|
|
<el-table :data="tableList"
|
|
|
style="width: 100%;margin-bottom: 20px;"
|
|
@@ -13,19 +10,21 @@
|
|
|
<el-table-column prop="name"
|
|
|
label="菜单名称">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="hid"
|
|
|
- label="是否隐藏">
|
|
|
- </el-table-column>
|
|
|
<el-table-column prop="id"
|
|
|
label="元素ID">
|
|
|
</el-table-column>
|
|
|
+ <el-table-column prop="type"
|
|
|
+ label="菜单类型">
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="path"
|
|
|
label="文件路径">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="permission"
|
|
|
label="权限标识">
|
|
|
</el-table-column>
|
|
|
-
|
|
|
+ <el-table-column prop="hid"
|
|
|
+ label="是否隐藏">
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="操作">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button @click="onOperation('update', scope.row)"
|
|
@@ -69,8 +68,17 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="是否隐藏"
|
|
|
:label-width="formLabelWidth">
|
|
|
- <el-input v-model="form.hid"
|
|
|
- autocomplete="off"></el-input>
|
|
|
+ <el-select v-model="form.hid">
|
|
|
+ <el-option label="否" :value="0"></el-option>
|
|
|
+ <el-option label="是" :value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="菜单类型"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-select v-model="form.type">
|
|
|
+ <el-option label="菜单" :value="0"></el-option>
|
|
|
+ <el-option label="按钮" :value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="排序"
|
|
|
:label-width="formLabelWidth">
|
|
@@ -103,7 +111,8 @@ export default {
|
|
|
parentId: null,
|
|
|
sort: 1,
|
|
|
component: null,
|
|
|
- hid: 0
|
|
|
+ hid: 0,
|
|
|
+ type: 0
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -136,7 +145,8 @@ export default {
|
|
|
sort: row.sort,
|
|
|
component: row.component,
|
|
|
id: row.id,
|
|
|
- hid: row.hid
|
|
|
+ hid: row.hid,
|
|
|
+ type: row.type
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -150,7 +160,8 @@ export default {
|
|
|
permission: form.permission,
|
|
|
sort: form.sort,
|
|
|
parentId: form.parentId,
|
|
|
- hid: form.hid
|
|
|
+ hid: form.hid,
|
|
|
+ type: form.type
|
|
|
}).then(res => {
|
|
|
if (res.code == 200) {
|
|
|
this.$message({
|
|
@@ -195,7 +206,8 @@ export default {
|
|
|
parentId: res.parentId,
|
|
|
component: res.component,
|
|
|
sort: res.sort,
|
|
|
- hid: res.hid
|
|
|
+ hid: res.hid,
|
|
|
+ type: res.type
|
|
|
}
|
|
|
if (res.sysMenus && res.sysMenus.length > 0) {
|
|
|
tempList.children = this.setTableData(res.sysMenus)
|
|
@@ -224,22 +236,10 @@ export default {
|
|
|
parentId: null,
|
|
|
sort: 1,
|
|
|
component: null,
|
|
|
+ hid: 0,
|
|
|
+ type: 0
|
|
|
}
|
|
|
this.$refs[formName].resetFields()
|
|
|
- },
|
|
|
- // 修改菜单栏
|
|
|
- resetSilder () {
|
|
|
- resetSilder({
|
|
|
- // path: 'insideSetting',
|
|
|
- // component: 'insideSetting',
|
|
|
- // name: '分部内部设置',
|
|
|
- // permission: '/insideSetting',
|
|
|
- // sort: '1',
|
|
|
- // parentId: '21',
|
|
|
- // id: '24'
|
|
|
- }).then(res => {
|
|
|
- console.log(res)
|
|
|
- })
|
|
|
}
|
|
|
|
|
|
},
|