From 405e6ae9d507d19ea4457992bc4b49e65bd48f73 Mon Sep 17 00:00:00 2001
From: xinwen <coderWen@126.com>
Date: Thu, 28 May 2020 16:34:40 +0800
Subject: [PATCH] =?UTF-8?q?[Update]=20=E6=9D=83=E9=99=90=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?->=20=E8=BF=9C=E7=A8=8B=E5=BA=94=E7=94=A8=E5=92=8C=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DatabaseAppPermissionList.vue             | 24 ++++++++++++++++---
 .../RemoteAppPermissionList.vue               | 19 ++++++++++++---
 2 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/src/views/perms/DatabaseAppPermission/DatabaseAppPermissionList.vue b/src/views/perms/DatabaseAppPermission/DatabaseAppPermissionList.vue
index e7548b522..de1dd3ec1 100644
--- a/src/views/perms/DatabaseAppPermission/DatabaseAppPermissionList.vue
+++ b/src/views/perms/DatabaseAppPermission/DatabaseAppPermissionList.vue
@@ -4,6 +4,7 @@
 
 <script>
 import { GenericListPage } from '@/layout/components'
+import { DetailFormatter } from '@/components/ListTable/formatters'
 
 export default {
   components: {
@@ -15,14 +16,31 @@ export default {
         url: '/api/v1/perms/database-app-permissions/',
         columns: ['name', 'users_amount', 'user_groups_amount', 'database_apps_amount', 'system_users_amount', 'is_valid', 'actions'],
         columnsMeta: {
+          name: {
+            routeQuery: {
+              activeTab: 'DatabaseAppPermissionDetail'
+            }
+          },
           users_amount: {
-            label: this.$t('perms.User')
+            label: this.$t('perms.User'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'DatabaseAppPermissionUser'
+            }
           },
           user_groups_amount: {
-            label: this.$t('perms.UserGroups')
+            label: this.$t('perms.UserGroups'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'DatabaseAppPermissionUser'
+            }
           },
           database_apps_amount: {
-            label: this.$t('perms.databaseApp')
+            label: this.$t('perms.databaseApp'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'DatabaseAppPermissionDatabaseApp'
+            }
           },
           system_users_amount: {
             label: this.$t('perms.SystemUser')
diff --git a/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue b/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue
index 25b04ad90..6d262b0d8 100644
--- a/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue
+++ b/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue
@@ -4,6 +4,7 @@
 
 <script>
 import { GenericListPage } from '@/layout/components'
+import { DetailFormatter } from '@/components/ListTable/formatters'
 
 export default {
   components: {
@@ -20,13 +21,25 @@ export default {
         ],
         columnsMeta: {
           users_amount: {
-            label: this.$t('users.Users')
+            label: this.$t('users.Users'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'RemoteAppPermissionUser'
+            }
           },
           user_groups_amount: {
-            label: this.$t('users.UserGroups')
+            label: this.$t('users.UserGroups'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'RemoteAppPermissionUser'
+            }
           },
           remote_apps_amount: {
-            label: this.$t('assets.RemoteApps')
+            label: this.$t('assets.RemoteApps'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'RemoteAppPermissionRemoteApp'
+            }
           },
           system_users_amount: {
             label: this.$t('assets.SystemUsers')