From 01d44bc84e922e4873482bb6d0568041c6028289 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Mon, 17 Mar 2025 10:45:53 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E8=AE=A1=E6=95=B0?=
 =?UTF-8?q?=E5=8D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Cards/SummaryCard/index.vue    | 33 ++++++-------------
 src/components/Dashboard/RealTimeSummary.vue  |  2 +-
 src/components/Dashboard/SummaryCountCard.vue |  2 +-
 src/views/dashboard/Pam/AccountSummary.vue    |  2 +-
 4 files changed, 13 insertions(+), 26 deletions(-)

diff --git a/src/components/Cards/SummaryCard/index.vue b/src/components/Cards/SummaryCard/index.vue
index b85b3ce55..9c2fb0ce7 100644
--- a/src/components/Cards/SummaryCard/index.vue
+++ b/src/components/Cards/SummaryCard/index.vue
@@ -8,12 +8,12 @@
     <slot>
       <h3 class="no-margins ">
         <span
-          :class="{ 'can-direct': body.canDirect ? true : false }"
+          :class="{ 'can-direct': canDirect }"
           class="num"
           @click="handleClick"
         >
-          <span v-if="iCount === null"> - </span>
-          <span v-else>{{ iCount }}</span>
+          <span v-if="count === null"> - </span>
+          <span v-else>{{ count }}</span>
         </span>
       </h3>
     </slot>
@@ -21,7 +21,6 @@
 </template>
 
 <script>
-
 export default {
   name: 'SummaryCard',
   props: {
@@ -29,10 +28,6 @@ export default {
       type: String,
       default: ''
     },
-    body: {
-      type: Object,
-      default: () => ({})
-    },
     count: {
       type: [Number, String, Promise],
       default: null
@@ -41,6 +36,10 @@ export default {
       type: [String, Object],
       default: ''
     },
+    canDirect: {
+      type: Boolean,
+      default: false
+    },
     callback: {
       type: Function,
       default: () => {
@@ -54,25 +53,13 @@ export default {
   data() {
     return {}
   },
-  computed: {
-    iCount() {
-      const count = this.body.count || this.count
-      return count
-    },
-    iRoute() {
-      return this.body.route || this.route
-    },
-    iDisabled() {
-      return this.body.disabled === undefined ? this.disabled : this.body.disabled
-    }
-  },
   methods: {
     handleClick() {
-      if (this.iDisabled) {
+      if (this.disabled) {
         return
       }
-      if (this.iRoute) {
-        this.$router.push(this.iRoute)
+      if (this.route) {
+        this.$router.push(this.route)
         return
       }
       this.callback.bind(this)()
diff --git a/src/components/Dashboard/RealTimeSummary.vue b/src/components/Dashboard/RealTimeSummary.vue
index cd24bd87c..a65581def 100644
--- a/src/components/Dashboard/RealTimeSummary.vue
+++ b/src/components/Dashboard/RealTimeSummary.vue
@@ -6,7 +6,7 @@
     <div class="content">
       <el-row justify="space-between" type="flex">
         <el-col v-for="item of summaryItems" :key="item.title" :md="8" :sm="12" :xs="12">
-          <SummaryCard :body="item.body" :title="item.title" />
+          <SummaryCard :title="item.title" v-bind="item.body" />
         </el-col>
       </el-row>
     </div>
diff --git a/src/components/Dashboard/SummaryCountCard.vue b/src/components/Dashboard/SummaryCountCard.vue
index f73d3f83f..c53a53ac2 100644
--- a/src/components/Dashboard/SummaryCountCard.vue
+++ b/src/components/Dashboard/SummaryCountCard.vue
@@ -7,9 +7,9 @@
       <SummaryCard
         v-for="item of items"
         :key="item.title"
-        :body="item.body"
         :title="item.title"
         class="summary-card"
+        v-bind="item.body"
       />
     </div>
   </div>
diff --git a/src/views/dashboard/Pam/AccountSummary.vue b/src/views/dashboard/Pam/AccountSummary.vue
index a494add33..d65127430 100644
--- a/src/views/dashboard/Pam/AccountSummary.vue
+++ b/src/views/dashboard/Pam/AccountSummary.vue
@@ -6,7 +6,7 @@
     <div class="content">
       <el-row justify="space-between" type="flex">
         <el-col v-for="item of summaryItems" :key="item.title" :md="8" :sm="12" :xs="12">
-          <SummaryCard :body="item.body" :title="item.title" />
+          <SummaryCard :title="item.title" v-bind="item.body" />
         </el-col>
       </el-row>
     </div>