From 3f3c98956ea6da68af9610fa2237dd9ec91e6757 Mon Sep 17 00:00:00 2001
From: liweilong <515897141@qq.com>
Date: 星期一, 28 十二月 2020 18:33:44 +0800
Subject: [PATCH] 角色管理使用keepalive

---
 src/pages/system/role.vue   |   10 +++++++++-
 src/pages/system/admin.vue  |   16 +++++++++-------
 src/router/system_router.js |    4 ++--
 3 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/pages/system/admin.vue b/src/pages/system/admin.vue
index 1c98754..9217881 100644
--- a/src/pages/system/admin.vue
+++ b/src/pages/system/admin.vue
@@ -85,7 +85,7 @@
     />
 
     <!-- 鏂板&缂栬緫 -->
-    <el-dialog :title="adminDialogData.type=='add'?'鏂板绠＄悊鍛�':'缂栬緫绠＄悊鍛�'" width="500px" :visible.sync="adminDialogVisible" append-to-body :before-close="hideDialog">
+    <el-dialog :title="adminDialogData.type==='add'?'鏂板绠＄悊鍛�':'缂栬緫绠＄悊鍛�'" width="500px" :visible.sync="adminDialogVisible" append-to-body>
       <el-form ref="adminDialog" :model="adminDialogData" label-width="80px" :rules="rules" size="small">
         <el-form-item label="鍚嶇О" prop="name">
           <el-input v-model="adminDialogData.name" placeholder="璇疯緭鍏ュ悕绉�" />
@@ -93,10 +93,10 @@
         <el-form-item label="璐﹀彿" prop="account">
           <el-input v-model="adminDialogData.account" placeholder="璇疯緭鍏ュ笎鍙�" :disabled="adminDialogData.type!='add'" />
         </el-form-item>
-        <el-form-item label="瀵嗙爜" :prop="adminDialogData.type=='add'?'password':''">
+        <el-form-item label="瀵嗙爜" :prop="adminDialogData.type==='add'?'password':'none'">
           <el-input v-model="adminDialogData.password" type="password" placeholder="璇疯緭鍏ュ瘑鐮�" />
         </el-form-item>
-        <el-form-item label="纭瀵嗙爜" :prop="adminDialogData.type=='add'?'passwordSure':''">
+        <el-form-item label="纭瀵嗙爜" :prop="adminDialogData.type==='add'?'passwordSure':'none'">
           <el-input v-model="adminDialogData.passwordSure" type="password" placeholder="璇疯緭鍏ョ‘璁ゅ瘑鐮�" />
         </el-form-item>
         <!-- 璐﹀彿绫诲瀷 -->
@@ -222,10 +222,12 @@
         mockData: {
           code: 100,
           msg: '',
-          data: [{
-            id: 'xxx',
-            name: '閲庨┈鍙�'
-          }]
+          data: {
+            list: [{
+              id: 'xxx',
+              name: '閲庨┈鍙�'
+            }]
+          }
         }
       }, (inf) => {
         this.roleArr = inf.list || []
diff --git a/src/pages/system/role.vue b/src/pages/system/role.vue
index 4d29728..b3fdecc 100644
--- a/src/pages/system/role.vue
+++ b/src/pages/system/role.vue
@@ -70,8 +70,10 @@
 
 <script>
 
+import mixin_keepAlive from '@/mixins/keepAlive.js' // 椤甸潰缂撳瓨
 export default {
   name: 'Role',
+  mixins: [mixin_keepAlive],
   data() {
     return {
       showSearch: true, // 鏄惁鏄剧ず鎼滅储鍖�
@@ -87,11 +89,17 @@
     }
   },
   mounted() {
-    this.init()
+    // 鍦╩ixin_keepAlive => activated鍒濆鍖�
   },
   methods: {
     // 鍒濆鍖�
     init() {
+      // keepalive閲嶇疆鍒濆鍊�
+      this.resetHandle()
+    },
+
+    // 杩斿洖鍒锋柊
+    regInit() {
       this.getList()
     },
 
diff --git a/src/router/system_router.js b/src/router/system_router.js
index 66fcab1..61be657 100644
--- a/src/router/system_router.js
+++ b/src/router/system_router.js
@@ -22,14 +22,14 @@
       path: 'role',
       component: () => import('@/pages/system/role'),
       name: 'systemRole',
-      meta: { title: '瑙掕壊绠＄悊' },
+      meta: { title: '瑙掕壊绠＄悊', keepAlive: true },
       auth: 'sys_admin_role_see'
     },
     {
       path: 'banner',
       component: () => import('@/pages/system/banner'),
       name: 'systemBanner',
-      meta: { title: '杞挱鍥剧鐞�', keepAlive: true },
+      meta: { title: '杞挱鍥剧鐞�' },
       auth: 'banner_see'
     },
     {

--
Gitblit v1.8.0