From 7c1d1278f6c3c0d2ff735fb8dada98001b9b4032 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Tue, 11 Mar 2025 10:57:55 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=20panel?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Apps/AccountListTable/AccountList.vue      | 4 ++--
 src/components/Table/InfoCardTable/Info.vue               | 5 +----
 src/components/Table/InfoCardTable/Panel.vue              | 8 +++++++-
 src/views/accounts/Integration/components/AccountList.vue | 2 +-
 src/views/accounts/Integration/components/CallRecords.vue | 8 ++++++++
 5 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/components/Apps/AccountListTable/AccountList.vue b/src/components/Apps/AccountListTable/AccountList.vue
index 877dcada8..6a99429bd 100644
--- a/src/components/Apps/AccountListTable/AccountList.vue
+++ b/src/components/Apps/AccountListTable/AccountList.vue
@@ -259,14 +259,14 @@ export default {
           connectivity: connectivityMeta,
           actions: {
             formatter: ActionsFormatter,
-            has: false,
+            has: this.showActions,
             formatterArgs: {
               hasUpdate: false, // can set function(row, value)
               hasDelete: true, // can set function(row, value)
               hasClone: false,
               canDelete: () => vm.$hasPerm('accounts.delete_account'),
               moreActionsTitle: this.$t('More'),
-              extraActions: this.showActions ? accountOtherActions(this) : []
+              extraActions: accountOtherActions(this)
             }
           },
           ...this.columnsMeta
diff --git a/src/components/Table/InfoCardTable/Info.vue b/src/components/Table/InfoCardTable/Info.vue
index c8436a617..4c75bc9a6 100644
--- a/src/components/Table/InfoCardTable/Info.vue
+++ b/src/components/Table/InfoCardTable/Info.vue
@@ -2,7 +2,7 @@
   <div class="item-info">
     <el-row>
       <el-col v-for="item of infos" :key="item.content" :span="12" class="panel-item">
-        <small class="item-label">{{ item.title }}:</small>
+        <small class="item-label">{{ item.title }}</small>
         <h4 class="item-value">{{ item.content }}</h4>
       </el-col>
     </el-row>
@@ -21,9 +21,6 @@ export default {
   },
   data() {
     return {}
-  },
-  mounted() {
-    console.log('INfo: ', this.infos)
   }
 }
 </script>
diff --git a/src/components/Table/InfoCardTable/Panel.vue b/src/components/Table/InfoCardTable/Panel.vue
index 411bdbaf3..9d34ed889 100644
--- a/src/components/Table/InfoCardTable/Panel.vue
+++ b/src/components/Table/InfoCardTable/Panel.vue
@@ -5,7 +5,7 @@
         <el-avatar :src="imageUrl" shape="square" />
         <div class="title-display">
           <span class="name">{{ object.name }}</span>
-          <small class="comment">{{ object.provider.label }}</small>
+          <span class="comment">{{ object.provider.label }}</span>
         </div>
       </div>
       <div
@@ -177,9 +177,15 @@ div.info-panel {
         flex-direction: column;
         text-align: left;
 
+        .name {
+          font-size: 1.1em;
+          color: #555555;
+        }
+
         .comment {
           color: #62686c;
           font-weight: 300;
+          font-size: 0.8em;
         }
       }
 
diff --git a/src/views/accounts/Integration/components/AccountList.vue b/src/views/accounts/Integration/components/AccountList.vue
index 930150d00..a73583a4f 100644
--- a/src/views/accounts/Integration/components/AccountList.vue
+++ b/src/views/accounts/Integration/components/AccountList.vue
@@ -1,5 +1,5 @@
 <template>
-  <AccountListTable ref="table" :show-extra-actions="false" v-bind="tableConfig" />
+  <AccountListTable ref="table" :show-actions="false" v-bind="tableConfig" />
 </template>
 
 <script>
diff --git a/src/views/accounts/Integration/components/CallRecords.vue b/src/views/accounts/Integration/components/CallRecords.vue
index 3ad38b9d6..123af3c8f 100644
--- a/src/views/accounts/Integration/components/CallRecords.vue
+++ b/src/views/accounts/Integration/components/CallRecords.vue
@@ -24,6 +24,14 @@ export default {
         columns: [
           'service', 'service_id', 'asset', 'account', 'remote_addr', 'datetime'
         ],
+        columnsShow: {
+          min: [
+            'service', 'account', 'datetime'
+          ],
+          default: [
+            'service', 'asset', 'account', 'remote_addr', 'datetime'
+          ]
+        },
         extraQuery: {
           order: '-datetime'
         },