From fab461c10d3358e3adfaa31ad06e13073f3bc0f3 Mon Sep 17 00:00:00 2001
From: feng <1304903146@qq.com>
Date: Tue, 13 Jun 2023 11:29:59 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=BF=9E=E6=8E=A5=E6=96=B9=E5=BC=8F=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=AF=A6=E6=83=85=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/console/acls.js                    |  2 +-
 .../ConnectMethodAclDetail/Detail.vue         | 48 +++++++++++++++++
 .../ConnectMethodAclDetail/index.vue          | 54 +++++++++++++++++++
 3 files changed, 103 insertions(+), 1 deletion(-)
 create mode 100644 src/views/acl/ConnectMethodAcl/ConnectMethodAclDetail/Detail.vue
 create mode 100644 src/views/acl/ConnectMethodAcl/ConnectMethodAclDetail/index.vue

diff --git a/src/router/console/acls.js b/src/router/console/acls.js
index ab4093e77..b7fbcb016 100644
--- a/src/router/console/acls.js
+++ b/src/router/console/acls.js
@@ -218,7 +218,7 @@ export default [
       {
         path: ':id',
         name: 'ConnectMethodAclDetail',
-        component: () => import('@/views/acl/AssetLoginAcl/AssetLoginAclDetail/index'),
+        component: () => import('@/views/acl/ConnectMethodAcl/ConnectMethodAclDetail/index'),
         hidden: true,
         meta: { title: i18n.t('route.AssetAclDetail') }
       },
diff --git a/src/views/acl/ConnectMethodAcl/ConnectMethodAclDetail/Detail.vue b/src/views/acl/ConnectMethodAcl/ConnectMethodAclDetail/Detail.vue
new file mode 100644
index 000000000..10f1eade3
--- /dev/null
+++ b/src/views/acl/ConnectMethodAcl/ConnectMethodAclDetail/Detail.vue
@@ -0,0 +1,48 @@
+<template>
+  <el-row :gutter="20">
+    <el-col :md="14" :sm="24">
+      <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import AutoDetailCard from '@/components/DetailCard/auto'
+
+export default {
+  name: 'Detail',
+  components: {
+    AutoDetailCard
+  },
+  props: {
+    object: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  data() {
+    return {
+      url: `/api/v1/acls/connect-method-acls/${this.object.id}/`,
+      detailFields: [
+        'name',
+        {
+          key: this.$t('acl.action'),
+          value: this.object.action.label
+        },
+        {
+          key: this.$t('acl.reviewer'),
+          value: this.object.reviewers.map(item => item.name).join(', ')
+        },
+        'priority', 'date_created', 'created_by'
+      ]
+    }
+  },
+  computed: {
+  }
+}
+</script>
+
+<style lang='less' scoped>
+
+</style>
diff --git a/src/views/acl/ConnectMethodAcl/ConnectMethodAclDetail/index.vue b/src/views/acl/ConnectMethodAcl/ConnectMethodAclDetail/index.vue
new file mode 100644
index 000000000..0c5397478
--- /dev/null
+++ b/src/views/acl/ConnectMethodAcl/ConnectMethodAclDetail/index.vue
@@ -0,0 +1,54 @@
+<template>
+  <GenericDetailPage :active-menu.sync="config.activeMenu" :object.sync="TaskDetail" v-bind="config" v-on="$listeners">
+    <keep-alive>
+      <component :is="config.activeMenu" :object="TaskDetail" />
+    </keep-alive>
+  </GenericDetailPage>
+</template>
+
+<script>
+import { GenericDetailPage } from '@/layout/components'
+import Detail from './Detail.vue'
+import UserJsonTab from '@/components/ManyJsonTabs/UserJsonTab.vue'
+import AssetJsonTab from '@/components/ManyJsonTabs/AssetJsonTab.vue'
+
+export default {
+  components: {
+    GenericDetailPage,
+    Detail,
+    UserJsonTab,
+    AssetJsonTab
+  },
+  data() {
+    return {
+      TaskDetail: {},
+      config: {
+        activeMenu: 'Detail',
+        submenu: [
+          {
+            title: this.$t('acl.RuleDetail'),
+            name: 'Detail'
+          },
+          {
+            title: this.$t('users.Users'),
+            name: 'UserJsonTab'
+          },
+          {
+            title: this.$t('assets.Assets'),
+            name: 'AssetJsonTab'
+          }
+        ],
+        hasRightSide: true,
+        actions: {
+          detailApiUrl: `/api/v1/acls/connect-method-acls/${this.$route.params.id}/`,
+          deleteApiUrl: `/api/v1/acls/connect-method-acls/${this.$route.params.id}/`
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>