指令权限

src/views/sys/menus/list.vue

@@ -13,10 +13,10 @@
       <el-table-column label="序号" align="center" width="50">
         <template slot-scope="scope">{{ scope.$index + 1 }}</template>
       </el-table-column>
-      <el-table-column label="菜单ID" align="center" width="100">
+      <el-table-column label="菜单ID" align="center">
         <template slot-scope="{row}">{{ row.id }}</template>
       </el-table-column>
-      <el-table-column label="菜单名称" width="150" align="center">
+      <el-table-column label="菜单名称" align="center">
         <template slot-scope="{row}">{{ row.title }}</template>
       </el-table-column>
       <el-table-column label="路由名称" align="center">
@@ -40,10 +40,9 @@
       </el-table-column>
       <el-table-column label="设置" width="250" align="center">
         <template slot-scope="{row}">
-          <el-button plain size="mini" :disabled="row.childCount | disableNextLevel" @click="handleShowNextLevel(row)">查看子菜单
-          </el-button>
-          <el-button plain size="mini" @click="handleCreateNextLevel(row)">添加子菜单
-          </el-button>
+          <el-button plain size="mini" :disabled="row.childCount | disableNextLevel" @click="handleShowNextLevel(row)">查看子菜单</el-button>
+          <el-button plain size="mini" @click="handleCreateNextLevel(row)">添加子菜单</el-button>
+          <!-- <el-button plain size="mini" @click="handleCreatePermission(row)">添加按钮权限</el-button> -->
         </template>
       </el-table-column>
       <el-table-column label="操作" width="150" align="center">
@@ -58,13 +57,35 @@
 
     <pagination v-show="total>0" :total="total" :page.sync="listQuery.pageNum" :limit.sync="listQuery.pageSize" @pagination="getList" />
 
+    <!-- <el-dialog title="添加按钮权限" :visible.sync="dialogFormVisible">
+      <el-form :model="permission">
+        <el-form-item label="当前菜单:" label-width="150px">
+          <el-input v-model="menuTitle" readonly />
+          <input v-model="menuId" type="hidden">
+        </el-form-item>
+        <el-form-item label="权限名称:" label-width="150px">
+          <el-input v-model="form.name" autocomplete="off" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submitPermission">确 定</el-button>
+      </div>
+    </el-dialog> -->
+
   </div>
 </template>
 
 <script>
 import { fetchList, deleteMenu, updateSelective } from '@/api/sys/menu'
 import Pagination from '@/components/Pagination'
-
+// const defaultPermission = {
+//   id: 0,
+//   name: '',
+//   desc: '',
+//   menuId: 0,
+//   menuTitle: ''
+// }
 export default {
   name: 'SysMenuList',
   components: { Pagination },
@@ -105,6 +126,9 @@ export default {
         { label: '启用', key: '0' },
         { label: '停用', key: '1' }
       ]
+      // ,
+      // dialogFormVisible: false,
+      // permission: Object.assign({}, defaultPermission)
     }
   },
   watch: {
@@ -165,6 +189,17 @@ export default {
     handleCreateNextLevel(row) {
       this.$router.push({ path: '/sys/menus/add', query: { parentId: row.id, title: row.title }})
     },
+    // handleCreatePermission(row) {
+    //   // 添加按钮权限
+    //   this.permission.menuId = row.id
+    //   this.permission.menuTitle = row.title
+    //   this.dialogFormVisible = true
+    // },
+    // submitPermission() {
+    //   // 提交菜单权限
+    //   // todo
+
+    // },
     handleDelete(row) {
       this.$confirm('是否要删除该菜单', '提示', {
         confirmButtonText: '确定',