角色管理

src/pages/modules/login/login.vue

@@ -40,10 +40,6 @@
         </div>
       </div>
     </div>
-    <div class="footer_wraper">
-      <div class="footer_p1">Copyright © www.noblelift.cn, All Rights Reserved.</div>
-      <div class="footer_p2">国内唯一（全球仅四家）能够同时提供物料搬运设备、智能立体仓库、智能输送分拣系统、AGV及其系统、供应链综合系统软件以及智能制造全系统整体解决方案的公司。</div>
-    </div>
     <vue-touch-keyboard id="keyboard" :options="options" v-if="visible" :layout="layout" :cancel="hide" :accept="accept" :input="input" :next="next" />
   </div>
 </template>
@@ -133,6 +129,7 @@ export default {
         this.$router.push('/index/home')
       } catch (err) {
         this.disabled = false
+        this.toast(err)
       }
     },
     show (e) {

src/pages/modules/systemmanage/role.vue

@@ -15,13 +15,13 @@
               <th>创建日期</th>
               <th width="330px">操作</th>
             </tr>
-            <tr v-for="(e, i) in datalist" :key="i" :class="{'tr_selected': pkId === e.roleId}" @click="toCheck(e)">
+            <tr v-for="(e, i) in datalist" :key="i" :class="{'tr_selected': pkId === e.roleId}">
               <!-- <td>
                 <div class="radio__input icon_radio_checked"><i class="icon_radio"></i></div>
               </td> -->
-              <td>{{ e.name }}</td>
-              <td>{{ e.remark }}</td>
-              <td>{{ e.createTime }}</td>
+              <td @click="toCheck(e)">{{ e.name }}</td>
+              <td @click="toCheck(e)">{{ e.remark }}</td>
+              <td @click="toCheck(e)">{{ e.createTime }}</td>
               <td width="330px">
                 <div class="row">
                   <button class="button button--primary grid_button" @click="showDialog('2', e)">修改</button>
@@ -67,14 +67,10 @@
     <div v-show="active1" class="dialog_wrapper">
       <div class="dialog dialog_1">
         <div class="dialog_header">
-          <span class="dialog_title">角色名称</span>
+          <span class="dialog_title">{{ pkObj.name }}</span>
         </div>
         <div class="dialog_body dialog_body_1">
           <div class="tree_wrapper">
-            <!-- <div class="tree_header">
-              <span>角色名称</span>
-              <button class="button button--primary grid_button button1" :class="{'button--info': pkId === '' || $refs.tree.getCheckedKeys().length === 0}" :disabled="disabled" @click="toSave">保存</button>
-            </div> -->
             <div class="tree_body_container">
               <el-tree
                 :data="tree"
@@ -280,16 +276,17 @@ export default {
           this.toast(res.desc)
           this.pkId = ''
           this.checkedKeys = []
-          this.tree.map(e => {
-            this.$refs.tree.setChecked(e, false, true)
-          })
           this._sysRoleQuery()
         } else {
           this.toast(res.desc)
+          this.pkId = ''
+          this.checkedKeys = []
         }
         this.disabled = false
       } catch (e) {
         this.disabled = false
+        this.pkId = ''
+        this.checkedKeys = []
       }
     },
     toSave () {
@@ -297,7 +294,6 @@ export default {
         return
       }
       this.active1 = false
-      this.pkId = ''
       let arr1 = this.$refs.tree.getCheckedKeys()
       let arr2 = this.$refs.tree.getHalfCheckedKeys()
       arr2.map((e, i) => {
@@ -317,20 +313,17 @@ export default {
     },
     toCheck (e) {
       this.pkId = this.pkId === e.roleId ? '' : e.roleId
+      this.pkObj = this.pkId === e.roleId ? e : []
       this.active1 = this.pkId === e.roleId
-      this.checkedKeys = this.pkId === e.roleId ? e.menus1 : []
-      this.tree.map(e => {
-        this.$refs.tree.setChecked(e, false, true)
+      this.checkedKeys = [...e.menus1]
+      this.$nextTick(() => {
+        this.$refs.tree.setCheckedKeys(this.checkedKeys)
       })
-      if (this.pkId === e.roleId) {
-        this.checkedKeys = e.menus1
-      } else {
-        this.checkedKeys = []
-      }
     },
     toCancle1 () {
       this.active1 = false
       this.pkId = ''
+      this.checkedKeys = []
     },
     show (e) {
       this.input = e.target