From 82faf0f99e551fb1dcfa54af7fad9fb90b7aca9e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Chuailei000=E2=80=9D?= <2280131253@qq.com>
Date: Thu, 15 Sep 2022 17:32:59 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=B5=84=E4=BA=A7=E8=AF=A6=E6=83=85-?=
 =?UTF-8?q?=E6=8E=88=E6=9D=83=E7=94=A8=E6=88=B7=E6=B2=A1=E6=9C=89=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E6=97=B6=E6=98=BE=E7=A4=BA=E6=9A=82=E6=97=A0=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PermUserGroupCard.vue          | 66 ++++++++++++++-----
 1 file changed, 48 insertions(+), 18 deletions(-)

diff --git a/src/views/assets/Asset/AssetDetail/components/PermUserGroupCard.vue b/src/views/assets/Asset/AssetDetail/components/PermUserGroupCard.vue
index 78377ba45..6703a09ea 100644
--- a/src/views/assets/Asset/AssetDetail/components/PermUserGroupCard.vue
+++ b/src/views/assets/Asset/AssetDetail/components/PermUserGroupCard.vue
@@ -1,18 +1,40 @@
 <template>
-  <IBox :fa="icon" :type="type" :title="title" v-bind="$attrs">
-    <table style="width: 100%;table-layout:fixed;" class="CardTable">
-      <tr v-for="obj of iObjects" :key="obj.value" class="item">
-        <td style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
-          <el-tooltip style="margin: 4px;" effect="dark" :content="obj.label" placement="left">
-            <el-link class="detail" @click="goDetail(obj)">{{ obj.label }}</el-link>
-          </el-tooltip>
-        </td>
-        <td>
-          <el-button size="mini" type="primary" style="float: right" @click="buttonClickCallback(obj)">
-            {{ buttonTitle }}
-          </el-button>
-        </td>
-      </tr>
+  <IBox
+    :fa="icon"
+    :type="type"
+    :title="title"
+    v-bind="$attrs"
+  >
+    <table class="card-table">
+      <div v-if="iObjects.length > 0" v-cloak>
+        <tr v-for="obj of iObjects" :key="obj.value" class="item">
+          <td>
+            <el-tooltip
+              style="margin: 4px;"
+              effect="dark"
+              :content="obj.label"
+              placement="left"
+            >
+              <el-link class="detail" @click="goDetail(obj)">
+                {{ obj.label }}
+              </el-link>
+            </el-tooltip>
+          </td>
+          <td>
+            <el-button
+              size="mini"
+              type="primary"
+              style="float: right"
+              @click="buttonClickCallback(obj)"
+            >
+              {{ buttonTitle }}
+            </el-button>
+          </td>
+        </tr>
+      </div>
+      <div v-else v-cloak style="text-align: center;">
+        {{ $t('common.NoData') }}
+      </div>
     </table>
   </IBox>
 </template>
@@ -71,9 +93,9 @@ export default {
   methods: {
     async loadObjects() {
       const data = await this.$axios.get(this.url)
-      data.forEach((v) => {
+      for (const v of data) {
         v['label'] = v['name']
-      })
+      }
       this.objects = data
     },
     goDetail(obj) {
@@ -84,18 +106,26 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+  .card-table {
+    width: 100%;
+    table-layout:fixed;
+  }
+  [v-cloak]{
+    display: none!important;
+  }
   b, strong {
     font-weight: 700;
     font-size: 13px;
   }
-
   tr td {
     line-height: 1.42857;
     padding: 8px;
     vertical-align: top;
     display: inline;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
-
   tr.item {
     border-bottom: 1px solid #e7eaec;
     padding: 8px;