权限设置样式调整

src/components/index.vue

@@ -2018,7 +2018,7 @@
       this.allWindowWidth = allWindowWidth - 50 - 220 - 60;
       let maxLength = parseInt(allWindowWidth / 110);
       this.maxLength = maxLength;
-      this.testApi();
+      //this.testApi();
       //this.testEmp();
       let userinfo = this.getLocalStorage();
       let ActionMenuCode = userinfo.ActionMenuCode;
@@ -2194,7 +2194,7 @@
       //测试方法
       testEmp() {
         var postMsg = {
-          EmPassword: "US9TjP7aGsU="
+          EmPassword: ""
         };
         this.apipost(
           "admin_get_AnalysisPassword", postMsg,

src/components/platformModule/versionspermissionList.vue

@@ -27,6 +27,7 @@
   .per_first_menu li {
     float: left;
     margin-right: 30px;
+    margin-top: 5px;
     position: relative;
     cursor: pointer;
     background: #fff;
@@ -141,54 +142,102 @@
     float: right;
   }
 
+  .per_first_menu-set {
+    overflow: hidden;
+  }
+
+  .per_first_menu-set li {
+    float: left;
+    margin-right: 30px;
+    margin-top: 5px;
+    position: relative;
+    cursor: pointer;
+    background: #fff;
+    color: #999;
+    width: 140px;
+    font-size: 12px;
+    height: 80px;
+    padding: 0 10px;
+    border-radius: 4px;
+    border-bottom: 1px solid #eee
+  }
+
+  .per_first_menu-set li.FirsrMenuCked {
+    background: #e95252;
+    color: #f1f1f1;
+  }
+
+  .per_first_menu-set li i {
+    font-size: 30px;
+  }
+
 </style>
 <template>
-
   <div>
     <div class="per_title">{{$t('objFill.quanxianshezhi')}}</div>
     <div class="per_first_menu">
       <ul>
-        <li v-model="item.IsShow" v-for="(item,index) in MenuList" @click="getSecondLevelMenu(index)"
-          :class="{FirsrMenuCked:index==firstLevel}">
-          <i :class="[fontPub,item.icon]"></i><br />{{item.MenuName}}
-          <el-checkbox :indeterminate="item.choseParent" class="per_firstLevelCkbox" type="checkbox"
-            :value="item.IsShow" v-model="item.IsShow" @change="firstCheckAll" v-bind:checked="item.IsShow">
-          </el-checkbox>
-        </li>
-
-        <input type="button" :value="$t('pub.saveBtn')" class="normalBtn per_SaveBtn" @click="updateMenu()" />
-        <!-- <input type="button" :value="$t('pub.returnBack')" class="hollowFixedBtn per_SaveBtn" @click="goback"/>-->
+        <template v-for="(item,index) in MenuList">
+          <li v-model="item.IsShow" @click="getSecondLevelMenu(index)" :key="`f_`+index"
+            :class="{FirsrMenuCked:index==firstLevel}">
+            <i :class="[fontPub,item.icon]"></i><br />{{item.MenuName}}
+            <el-checkbox :indeterminate="item.choseParent" class="per_firstLevelCkbox" type="checkbox"
+              :value="item.IsShow" v-model="item.IsShow" @change="firstCheckAll" v-bind:checked="item.IsShow">
+            </el-checkbox>
+          </li>
+        </template>
+        <el-tooltip class="item" effect="dark" content="保存菜单权限" placement="top-start">
+          <el-button type="primary" class="normalBtn per_SaveBtn" :loading="saveLoading" @click="updateMenu()">
+            {{$t('pub.saveBtn')}}</el-button>
+        </el-tooltip>
       </ul>
     </div>
     <div class="per_detail_menu">
       <div class="per_secondMenu" v-if="MenuList.length>0 && MenuList[firstLevel].ChildMenu!=null">
-        <li v-model="item.IsShow" :class="{per_secondLevelCked:index==secondLevel}"
-          v-for="(item,index) in MenuList[firstLevel].ChildMenu" @click="getThirdLevelMenu(index)">{{item.MenuName}}
-          <div></div><span class="liSplit"></span></li>
+        <template v-for="(item,index) in MenuList[firstLevel].ChildMenu">
+          <li v-model="item.IsShow" :class="{per_secondLevelCked:index==secondLevel}" :key="`f_`+firstLevel+`_s_`+index"
+            @click="getThirdLevelMenu(index)">{{item.MenuName}}
+            <div></div><span class="liSplit"></span></li>
+        </template>
         <el-checkbox class='per_thirdLevelAllCked' @change='checkedAll($event)' v-model='secondChkAllState'>全选
         </el-checkbox>
       </div>
       <div class="per_thirdMenu" v-if="MenuList.length>0 && MenuList[firstLevel].ChildMenu!=null">
-        <li v-model="item.IsShow" @click="thirdLevelMenuCked(item)" :class="{thirdLevelMenuCked:item.IsShow}"
-          v-for="(item,index) in MenuList[firstLevel].ChildMenu[secondLevel].ChildMenu">{{item.MenuName}}<i
-            :class="[fontPub,item.icon]"></i></li>
+        <template v-for="(item,index) in MenuList[firstLevel].ChildMenu[secondLevel].ChildMenu">
+          <li v-model="item.IsShow" @click="thirdLevelMenuCked(item)" :class="{thirdLevelMenuCked:item.IsShow}"
+            :key="`f_`+firstLevel+`_s_`+secondLevel+`_t_`+index">{{item.MenuName}}<i :class="[fontPub,item.icon]"></i>
+          </li>
+        </template>
       </div>
     </div>
-
-    <div class="per_title">{{$t('objFill.gongnenggl')}}</div>
-    <div class="per_first_menu">
+    <el-row>
+      <el-col :span="12">
+        <div class="per_title">{{$t('objFill.gongnenggl')}}</div>
+      </el-col>
+      <el-col :span="12">
+        <el-tooltip class="item" effect="dark" content="保存功能权限" placement="top-start">
+          <el-button type="primary" class="normalBtn per_SaveBtn" :loading="saveLoading" @click="saveAction()">
+            {{$t('pub.saveBtn')}}</el-button>
+        </el-tooltip>
+      </el-col>
+    </el-row>
+    <div class="per_first_menu-set">
       <ul>
-        <li v-model="item.IsShow" v-for="(item,index) in actionList" @click="item.IsShow = !item.IsShow;">
-          <i :class="[fontPub,item.icon]"></i><br />{{item.ActionName}}
-          <el-checkbox class="per_firstLevelCkbox" type="checkbox" :value="item.IsShow" v-model="item.IsShow"
-            v-bind:checked="item.IsShow"></el-checkbox>
-        </li>
-        <input type="button" :value="$t('pub.saveBtn')" class="normalBtn per_SaveBtn" @click="saveAction()" />
+        <template v-for="(item,index) in actionList">
+          <el-tooltip :key="`a_t_`+index" class="item" effect="dark" :content="item.Remarks" v-if="item.Remarks!=''"
+            placement="top-start">
+            <li v-model="item.IsShow" @click="item.IsShow = !item.IsShow" :key="`a_`+index">
+              <el-checkbox type="checkbox" :value="item.IsShow" v-model="item.IsShow" v-bind:checked="item.IsShow">
+              </el-checkbox>
+              <i :class="[fontPub,item.icon]"></i>{{item.ActionName}}
+              <div></div>
+              <span>{{ item.ActionCode }}</span>
+            </li>
+          </el-tooltip>
+        </template>
       </ul>
     </div>
-
   </div>
-
 </template>
 
 <script>
@@ -208,10 +257,9 @@
         firstLevel: 0,
         secondLevel: 0,
         secondChkAllState: false,
-
         //功能菜单
         actionList: [],
-
+        saveLoading: false,
       }
     },
     mounted() {
@@ -226,7 +274,7 @@
           if (res.data.resultCode == 1) {
             let tempList = res.data.data;
             this.actionList = tempList;
-          } else {}
+          }
         }, err => {})
       },
       getMenu() {
@@ -250,29 +298,35 @@
         this.MenuList.forEach(x => {})
         this.updateMsg.Permission = []
         this.getCkdId(this.MenuList);
+        this.saveLoading = true;
         this.apipost("admin_post_UpdateVersionsPermission", this.updateMsg, res => {
+          this.saveLoading = false;
           if (res.data.resultCode == 1) {
             this.$message.success('保存成功！')
           } else {
             this.$message.error('保存失败！')
           }
-        }, err => {})
+        }, err => {
+          this.saveLoading = false;
+        })
       },
       //保存功能管理
       saveAction() {
         this.updateMsg.Permission = []
         this.getCkdActionId(this.actionList);
+        this.saveLoading = true;
         this.apipost("admin_post_UpdateVersionsPermissionAction", this.updateMsg, res => {
+          this.saveLoading = false;
           if (res.data.resultCode == 1) {
             this.$message.success('保存成功！')
           } else {
             this.$message.error('保存失败！')
           }
-        }, err => {})
+        }, err => {
+          this.saveLoading = false;
+        })
       },
-
       getSecondLevelMenu(index) {
-
         this.firstLevel = index;
         this.secondLevel = 0;
         this.threeChange();
@@ -319,7 +373,6 @@
           })
         }
         this.threeChange()
-
       },
       threeChange() {
         let chkCount = 0
@@ -341,7 +394,6 @@
           }
           x.IsShow = secondCheckCount > 0
         })
-
         this.MenuList[this.firstLevel].IsShow = chkCount > 0
         this.MenuList[this.firstLevel].choseParent = chkCount > 0 && chkCount < count
       },