前端页面布局修改,后台数据库结构变化，需要重新导入数据库才可使用

QMPlusVuePage/src/view/superAdmin/api/api.vue

@@ -1,17 +1,18 @@
 <template>
   <div>
     <div class="button-box clearflex">
-      <el-button @click="openDialog('addApi')" type="primary">新增api</el-button>
     </div>
         <div class="search-term">
       <el-form :inline="true" :model="searchInfo" class="demo-form-inline">
   <el-form-item label="路径">
     <el-input v-model="searchInfo.path" placeholder="路径"></el-input>
   </el-form-item>
- 
   <el-form-item>
     <el-button type="primary" @click="onSubmit">查询</el-button>
   </el-form-item>
+   <el-form-item >
+      <el-button @click="openDialog('addApi')" type="primary">新增api</el-button>
+  </el-form-item>
 </el-form>
   </div>
     <el-table :data="tableData" border stripe>

QMPlusVuePage/src/view/superAdmin/authority/authority.vue

@@ -90,8 +90,8 @@ import {
   createAuthority
 } from '@/api/authority'
 import { getBaseMenuTree, addMenuAuthority, getMenuAuthority } from '@/api/menu'
-import { getAllApis, getAuthAndApi, setAuthAndApi } from '@/api/api'
-import { casbinPUpdata,getPolicyPathByAuthorityId } from '@/api/casbin'
+import { getAllApis } from '@/api/api'
+import { casbinPUpdata, getPolicyPathByAuthorityId } from '@/api/casbin'
 import infoList from '@/components/mixins/infoList'
 export default {
   name: 'Authority',
@@ -235,7 +235,9 @@ export default {
     },
     // 关联用户api关系
     async addAuthApi(row) {
-      const res = await  getPolicyPathByAuthorityId({ authorityId: row.authorityId })
+      const res = await getPolicyPathByAuthorityId({
+        authorityId: row.authorityId
+      })
       this.activeUserId = row.authorityId
       this.apiTreeIds = res.data.paths || []
       this.apiDialogFlag = true
@@ -243,9 +245,12 @@ export default {
     // 关联关系确定
     async authApiEnter() {
       const checkArr = this.$refs.apiTree.getCheckedKeys(true)
-      const res = await casbinPUpdata({ authorityId: this.activeUserId,paths:checkArr})
-      if(res.success){
-        this.$message({type:"success",message:res.msg})
+      const res = await casbinPUpdata({
+        authorityId: this.activeUserId,
+        paths: checkArr
+      })
+      if (res.success) {
+        this.$message({ type: 'success', message: res.msg })
         this.closeDialog()
       }
     }

QMPlusVuePage/src/view/superAdmin/menu/menu.vue

@@ -3,23 +3,23 @@
     <div class="button-box clearflex">
       <el-button @click="addMenu('0')" type="primary">新增根菜单</el-button>
     </div>
-    <el-table :data="tableData" border stripe>
-      <el-table-column label="ID" min-width="40" prop="ID"></el-table-column>
-      <el-table-column label="路径" min-width="100" prop="path"></el-table-column>
-      <el-table-column label="名称" min-width="100" prop="name"></el-table-column>
+    <el-table :data="tableData" border stripe row-key="ID">
+      <el-table-column label="ID" min-width="100" prop="ID"></el-table-column>
+      <el-table-column label="路由Name" min-width="160" prop="name"></el-table-column>
       <el-table-column label="是否隐藏" min-width="80" prop="hidden">
         <template slot-scope="scope">
           <span>{{scope.row.hidden?"隐藏":"显示"}}</span>
         </template>
       </el-table-column>
-      <el-table-column label="父节点Id" min-width="70" prop="parentId"></el-table-column>
-      <el-table-column label="文件路径" min-width="250" prop="component"></el-table-column>
-      <el-table-column label="展示名称" min-width="80" prop="authorityName">
+      <el-table-column label="父节点" min-width="70" prop="parentId"></el-table-column>
+      <el-table-column label="排序" min-width="70" prop="sort"></el-table-column>
+      <el-table-column label="文件路径" min-width="400" prop="component"></el-table-column>
+      <el-table-column label="展示名称" min-width="120" prop="authorityName">
         <template slot-scope="scope">
           <span>{{scope.row.meta.title}}</span>
         </template>
       </el-table-column>
-      <el-table-column label="图标" min-width="180" prop="authorityName">
+      <el-table-column label="图标" min-width="140" prop="authorityName">
         <template slot-scope="scope">
           <span>{{scope.row.meta.icon}}</span>
         </template>
@@ -43,7 +43,7 @@
       layout="total, sizes, prev, pager, next, jumper"
     ></el-pagination>
 
-    <el-dialog :visible.sync="dialogFormVisible" title="新增角色">
+    <el-dialog :visible.sync="dialogFormVisible" title="新增菜单">
       <el-form :inline="true" :model="form" label-width="80px">
         <el-form-item label="路径">
           <el-input autocomplete="off" v-model="form.path"></el-input>
@@ -69,6 +69,9 @@
         <el-form-item label="图标">
           <el-input autocomplete="off" v-model="form.meta.icon"></el-input>
         </el-form-item>
+        <el-form-item label="排序标记">
+          <el-input autocomplete="off" v-model="form.sort"></el-input>
+        </el-form-item>
       </el-form>
       <div class="dialog-footer" slot="footer">
         <el-button @click="closeDialog">取 消</el-button>
@@ -113,6 +116,22 @@ export default {
     }
   },
   methods: {
+    // 懒加载子菜单
+    load(tree, treeNode, resolve) {
+          resolve([
+            {
+              id: 31,
+              date: '2016-05-01',
+              name: '王小虎',
+              address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+              id: 32,
+              date: '2016-05-01',
+              name: '王小虎',
+              address: '上海市普陀区金沙江路 1519 弄'
+            }
+          ])
+      },
     // 删除菜单
     deleteMenu(ID) {
       this.$confirm('此操作将永久删除所有角色下该菜单, 是否继续?', '提示', {