前端ui样式优化

web/src/view/superAdmin/authority/authority.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="authority">
-    <div class="button-box clearflex">
+    <div class="gva-btn-list">
       <el-button size="mini" type="primary" icon="el-icon-plus" @click="addAuthority('0')">新增角色</el-button>
     </div>
     <el-table
@@ -13,7 +13,7 @@
     >
       <el-table-column label="角色id" min-width="180" prop="authorityId" />
       <el-table-column label="角色名称" min-width="180" prop="authorityName" />
-      <el-table-column fixed="right" label="操作" width="460">
+      <el-table-column label="操作" width="460">
         <template #default="scope">
           <el-button size="mini" type="primary" @click="opdendrawer(scope.row)">设置权限</el-button>
           <el-button
@@ -369,16 +369,10 @@ export default {
       display: none;
     }
   }
-  .button-box {
-    padding: 10px 20px;
-    .el-button {
-      float: right;
-    }
-  }
 }
 .role-box {
   .el-tabs__content {
-    height: calc(100vh - 150px);
+    height: calc(100vh - 72px);
     overflow: auto;
   }
 }

web/src/view/superAdmin/authority/components/apis.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="clearflex">
-      <el-button class="fl-right" size="small" type="primary" @click="authApiEnter">确 定</el-button>
+      <el-button class="fl-right" size="mini" type="primary" @click="authApiEnter">确 定</el-button>
     </div>
     <el-tree
       ref="apiTree"

web/src/view/superAdmin/authority/components/datas.vue

@@ -1,14 +1,17 @@
 <template>
   <div>
     <div class="clearflex" style="margin:18px">
-      <el-button class="fl-right" size="small" type="primary" @click="authDataEnter">确 定</el-button>
-      <el-button class="fl-left" size="small" type="primary" @click="all">全选</el-button>
-      <el-button class="fl-left" size="small" type="primary" @click="self">本角色</el-button>
-      <el-button class="fl-left" size="small" type="primary" @click="selfAndChildren">本角色及子角色</el-button>
+      <el-button class="fl-right" size="mini" type="primary" @click="authDataEnter">确 定</el-button>
+      <el-button class="fl-left" size="mini" type="primary" @click="all">全选</el-button>
+      <el-button class="fl-left" size="mini" type="primary" @click="self">本角色</el-button>
+      <el-button class="fl-left" size="mini" type="primary" @click="selfAndChildren">本角色及子角色</el-button>
     </div>
     <el-checkbox-group v-model="dataAuthorityId" @change="selectAuthority">
       <el-checkbox v-for="(item,key) in authoritys" :key="key" :label="item">{{ item.authorityName }}</el-checkbox>
     </el-checkbox-group>
+    <span>
+      此功能仅用于创建角色和角色的many2many关系表，具体使用还须自己结合表实现业务，详情参考示例代码（客户示例）
+    </span>
   </div>
 </template>
 

web/src/view/superAdmin/authority/components/menus.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="clearflex">
-      <el-button class="fl-right" size="small" type="primary" @click="relation">确 定</el-button>
+      <el-button class="fl-right" size="mini" type="primary" @click="relation">确 定</el-button>
     </div>
     <el-tree
       ref="menuTree"