|
@@ -1,74 +1,79 @@
|
|
|
<template>
|
|
|
- <div class="slider-container">
|
|
|
- <div style="position: fixed; z-index: 100; top: 100px;left: 185px;right: 30px">
|
|
|
- <el-input placeholder="请输入关键词" v-model="keyword" clearable>
|
|
|
- <el-button
|
|
|
- @click='onOperation("create")'
|
|
|
- slot="append"
|
|
|
- >添加按钮</el-button>
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
-
|
|
|
- <el-table :data="tableList"
|
|
|
+ <div class="m-container">
|
|
|
+ <!-- <h2><div class="squrt"></div>侧边栏管理
|
|
|
+ </h2> -->
|
|
|
+ <div class="m-core slider-container">
|
|
|
+ <div style="position: fixed; z-index: 100; top: 100px;left: 245px;right: 30px">
|
|
|
+ <el-input placeholder="请输入关键词" v-model="keyword" clearable>
|
|
|
+ <el-button
|
|
|
+ v-permission="'menu/add'"
|
|
|
+ @click='onOperation("create")'
|
|
|
+ slot="append"
|
|
|
+ >添加按钮</el-button>
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ <div class="tableWrap">
|
|
|
+ <el-table :data="tableList"
|
|
|
style="width: 100%;margin-bottom: 20px;margin-top: 40px;"
|
|
|
row-key="id"
|
|
|
border
|
|
|
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
|
|
|
- <el-table-column width="300px"
|
|
|
- prop="name"
|
|
|
- label="菜单名称">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="id"
|
|
|
- width="100px"
|
|
|
- label="元素ID">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="菜单类型"
|
|
|
- width="100px">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.type == 1 ? '按钮' : '菜单' }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="sort"
|
|
|
- width="100px"
|
|
|
- label="排序">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="path"
|
|
|
- label="文件路径">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="parentPermission"
|
|
|
- label="高亮路径">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="permission"
|
|
|
- label="接口权限">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="memo"
|
|
|
- label="页面权限">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="hid"
|
|
|
- width="100px"
|
|
|
- label="是否隐藏">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.hid == 1 ? '隐藏' : '不隐藏' }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="100px"
|
|
|
- label="是否缓存">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div>
|
|
|
- {{ parseInt(scope.row.keepAlive) == '0' ? '缓存' : '不缓存' }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button @click="onOperation('update', scope.row)"
|
|
|
- type="text">修改</el-button>
|
|
|
- <el-button @click="onDelete(scope.row)"
|
|
|
- type="text">删除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-dialog title="侧边栏管理"
|
|
|
+ <el-table-column width="300px"
|
|
|
+ prop="name"
|
|
|
+ label="菜单名称">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="id"
|
|
|
+ width="100px"
|
|
|
+ label="元素ID">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="菜单类型"
|
|
|
+ width="100px">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.type == 1 ? '按钮' : '菜单' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="sort"
|
|
|
+ width="100px"
|
|
|
+ label="排序">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="path"
|
|
|
+ label="文件路径">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="parentPermission"
|
|
|
+ label="高亮路径">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="permission"
|
|
|
+ label="接口权限">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="memo"
|
|
|
+ label="页面权限">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="hid"
|
|
|
+ width="100px"
|
|
|
+ label="是否隐藏">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.hid == 1 ? '隐藏' : '不隐藏' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="100px"
|
|
|
+ label="是否缓存">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div>
|
|
|
+ {{ parseInt(scope.row.keepAlive) == '0' ? '缓存' : '不缓存' }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button @click="onOperation('update', scope.row)" v-permission="'menu/update'"
|
|
|
+ type="text">修改</el-button>
|
|
|
+ <el-button @click="onDelete(scope.row)" v-permission="'menu/del'"
|
|
|
+ type="text">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <el-dialog title="侧边栏管理"
|
|
|
:close-on-click-modal="false"
|
|
|
:visible.sync="branchStatus"
|
|
|
default-expand-all
|
|
@@ -160,6 +165,7 @@
|
|
|
type="primary">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|