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;