From 21373574defcf7d1363756b667a1a471578678b7 Mon Sep 17 00:00:00 2001
From: feng <1304903146@qq.com>
Date: Fri, 9 Jun 2023 18:31:54 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E7=94=A8=E6=88=B7=E6=89=8B=E6=9C=BA?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=BB=98=E8=AE=A4=E5=80=BC=E5=8F=8A=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E6=A8=A1=E7=89=88=E8=AF=A6=E6=83=85=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E8=87=B3=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FormFields/PhoneInput.vue      |  2 +-
 src/i18n/langs/en.json                        |  3 ++-
 src/i18n/langs/ja.json                        |  3 ++-
 src/i18n/langs/zh.json                        |  1 +
 .../AccountTemplateDetail/Detail.vue          | 22 ++++++++++++++-----
 5 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/components/FormFields/PhoneInput.vue b/src/components/FormFields/PhoneInput.vue
index cf61cec63..46c3edc67 100644
--- a/src/components/FormFields/PhoneInput.vue
+++ b/src/components/FormFields/PhoneInput.vue
@@ -30,7 +30,7 @@ export default {
   props: {
     value: {
       type: [Object, String],
-      default: () => ({ 'code': '', 'phone': '' })
+      default: () => ({ 'code': '+86', 'phone': '' })
     }
   },
   data() {
diff --git a/src/i18n/langs/en.json b/src/i18n/langs/en.json
index 77a6b30fa..b8155363e 100644
--- a/src/i18n/langs/en.json
+++ b/src/i18n/langs/en.json
@@ -1,6 +1,7 @@
 {
   "": "",
   "accounts": {
+    "SuFrom": "Su from",
     "GenerateSuccessMsg": "Accounts generated successfully",
     "GenerateAccounts": "Regenerate accounts",
     "AccountTemplateUpdateSecretHelpText": "The account list displays accounts created through templates. When updating ciphertext, the ciphertext of the account created through the template will be updated.",
@@ -2174,4 +2175,4 @@
     "PublishStatus": "Publish status",
     "NoPublished": "Unpublished"
   }
-}
\ No newline at end of file
+}
diff --git a/src/i18n/langs/ja.json b/src/i18n/langs/ja.json
index a4fa69ab2..d51429b91 100644
--- a/src/i18n/langs/ja.json
+++ b/src/i18n/langs/ja.json
@@ -2,6 +2,7 @@
   "": "",
   "accounts": {
     "Accounts": "アカウント",
+    "SuFrom": "から",
     "AccountTemplateUpdateSecretHelpText": "アカウントリストには、テンプレートで作成されたアカウントが表示されます。暗号文を更新すると、テンプレートで作成されたアカウントの暗号文が更新されます。",
     "SelectAccount": "アカウントを選択",
     "GenerateSuccessMsg": "アカウントの生成に成功しました",
@@ -2166,4 +2167,4 @@
     "PublishStatus": "投稿ステータス",
     "NoPublished": "未発表"
   }
-}
\ No newline at end of file
+}
diff --git a/src/i18n/langs/zh.json b/src/i18n/langs/zh.json
index b1f3f0126..513da6321 100644
--- a/src/i18n/langs/zh.json
+++ b/src/i18n/langs/zh.json
@@ -2,6 +2,7 @@
   "": "",
   "accounts": {
     "Accounts": "账号",
+    "SuFrom": "切换至",
     "SelectAccount": "选择账号",
     "AccountTemplateUpdateSecretHelpText": "账号列表展示通过模版创建的账号。更新密文时，会更新通过模版所创建账号的密文。",
     "GenerateSuccessMsg": "账号生成成功",
diff --git a/src/views/accounts/AccountTemplate/AccountTemplateDetail/Detail.vue b/src/views/accounts/AccountTemplate/AccountTemplateDetail/Detail.vue
index fd4081054..0ae8486c0 100644
--- a/src/views/accounts/AccountTemplate/AccountTemplateDetail/Detail.vue
+++ b/src/views/accounts/AccountTemplate/AccountTemplateDetail/Detail.vue
@@ -1,7 +1,7 @@
 <template>
   <el-row :gutter="20">
     <el-col :md="14" :sm="24">
-      <AutoDetailCard :url="url" :object="object" :excludes="excludes" />
+      <AutoDetailCard :url="url" :object="object" :fields="detailFields" />
     </el-col>
     <el-col :md="10" :sm="24">
       <QuickActions type="primary" :actions="quickActions" />
@@ -22,7 +22,8 @@ export default {
   props: {
     object: {
       type: Object,
-      default: () => {}
+      default: () => {
+      }
     }
   },
   data() {
@@ -50,11 +51,22 @@ export default {
         }
       ],
       url: `/api/v1/accounts/account-templates/${this.object.id}/`,
-      excludes: ['privileged', 'secret', 'passphrase', 'spec_info']
+      excludes: ['privileged', 'secret', 'passphrase', 'spec_info'],
+      detailFields: [
+        'id', 'name', 'username', 'secret_type', 'created_by', 'comment',
+        {
+          key: this.$t('accounts.SuFrom'),
+          formatter: () => {
+            const su_from = this.object.su_from
+            if (!su_from) return <span>-</span>
+            return <span>{su_from.name}({su_from.username})</span>
+          }
+        },
+        'is_active', 'date_created', 'date_updated'
+      ]
     }
   },
-  computed: {
-  }
+  computed: {}
 }
 </script>