From fb9cd1614a99e1fd30899d111772dc3331c52c7c Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Thu, 10 Aug 2023 14:40:46 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20applet=20=E6=B7=BB=E5=8A=A0=20entperpis?=
 =?UTF-8?q?e=20=E6=A0=87=E8=AE=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Applet/Applet/AppletDetail/Detail.vue     |  2 +-
 .../Applet/Applet/components/CardTable.vue    | 31 ++++++++++++++++---
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/views/settings/Applet/Applet/AppletDetail/Detail.vue b/src/views/settings/Applet/Applet/AppletDetail/Detail.vue
index 0f2352129..ed328ad16 100644
--- a/src/views/settings/Applet/Applet/AppletDetail/Detail.vue
+++ b/src/views/settings/Applet/Applet/AppletDetail/Detail.vue
@@ -87,7 +87,7 @@ export default {
             />
           }
         },
-        'edition', 'can_concurrent',
+        'enterprise', 'can_concurrent',
         'date_created', 'date_updated', 'comment'
       ]
     }
diff --git a/src/views/settings/Applet/Applet/components/CardTable.vue b/src/views/settings/Applet/Applet/components/CardTable.vue
index f4ac8376d..53382f136 100644
--- a/src/views/settings/Applet/Applet/components/CardTable.vue
+++ b/src/views/settings/Applet/Applet/components/CardTable.vue
@@ -15,6 +15,7 @@
             shadow="hover"
             @click.native="onView(d)"
           >
+            <span v-if="d.edition === 'enterprise'" class="enterprise">企业版</span>
             <el-row :gutter="20">
               <el-col :span="8">
                 <img :src="d.icon" class="image">
@@ -22,10 +23,14 @@
               <el-col :span="16" style="text-align: left; padding: 5px 0">
                 <div class="one-line">
                   <b>{{ d.display_name }}</b>
-                  <el-tag size="mini" style="margin-left: 5px">{{ d.version }}</el-tag>
+                  <el-tag size="mini" style="margin-left: 5px">
+                    {{ d.version }}
+                  </el-tag>
                 </div>
                 <el-divider class="my-divider" />
-                <Tooltip :content="d.comment" class="comment" />
+                <div class="comment">
+                  {{ d.comment }}
+                </div>
                 <el-tag v-for="tag of d.tags" :key="tag" size="mini">
                   {{ capitalize(tag) }}
                 </el-tag>
@@ -46,7 +51,7 @@
 
 <script>
 import TableAction from '@/components/Table/ListTable/TableAction'
-import { Pagination, Tooltip } from '@/components'
+import { Pagination } from '@/components'
 import { toSafeLocalDateStr } from '@/utils/common'
 
 const defaultFirstPage = 1
@@ -55,8 +60,7 @@ export default {
   name: 'CardTable',
   components: {
     TableAction,
-    Pagination,
-    Tooltip
+    Pagination
   },
   props: {
     // 定义 table 的配置
@@ -216,6 +220,12 @@ export default {
 
 .comment {
   font-size: 12px;
+  height: 50px;
+  overflow: hidden;
+  margin-bottom: 10px;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
 }
 
 .closeIcon {
@@ -237,4 +247,15 @@ export default {
   visibility: visible;
 }
 
+.enterprise {
+  position: absolute;
+  right: -1px;
+  top: -1px;
+  background-color: var(--color-primary);
+  color: #fff;
+  padding: 3px 8px 4px 9px;
+  font-size: 13px;
+  border-radius: 3px 3px 3px 10px;
+}
+
 </style>