Merge branch 'perf/edge-manage/07-23' into 'main_dev'

perf: 优化卡片列表，新增Tooltip显示信息

See merge request yunteng/thingskit-front!1420

@@ -150,7 +150,9 @@
           <template #cover>
             <div class="w-full h-full !flex flex-col justify-between m-3">
               <div class="!flex justify-between align-center text-center">
-                <span class="truncate font-bold fill-dark-900 text-sm"> {{ item.name }} </span>
+                <Tooltip :title="item.name">
+                  <span class="truncate font-bold fill-dark-900 text-sm"> {{ item.name }} </span>
+                </Tooltip>
                 <div class="mr-6">
                   <a-tag class="!flex items-center" :color="item.active ? '#E8FFEA' : '#FFECE8'">
                     <template #icon>
@@ -210,21 +212,27 @@
               <div class="truncate h-17 !flex justify-between flex-col">
                 <div class="truncate !flex">
                   <span class="text-xs" style="color: #86909c">标签</span>
-                  <span class="truncate ml-7.5 text-xs" style="color: #00b42a">{{
-                    item.label
-                  }}</span>
+                  <Tooltip :title="item.label">
+                    <span class="truncate ml-7.5 text-xs" style="color: #00b42a">{{
+                      item.label
+                    }}</span>
+                  </Tooltip>
                 </div>
                 <div class="truncate !flex">
                   <span class="text-xs" style="color: #86909c">边缘类型</span>
-                  <span style="color: #4e5969" class="truncate ml-7.5 text-xs">{{
-                    item.type
-                  }}</span>
+                  <Tooltip :title="item.type">
+                    <span style="color: #4e5969" class="truncate ml-7.5 text-xs">{{
+                      item.type
+                    }}</span>
+                  </Tooltip>
                 </div>
                 <div class="truncate !flex">
                   <span class="text-xs" style="color: #86909c">描述</span>
-                  <span style="color: #4e5969" class="truncate ml-7.5 text-xs">
-                    {{ item?.additionalInfo?.description }}
-                  </span>
+                  <Tooltip :title="item?.additionalInfo?.description">
+                    <span style="color: #4e5969" class="truncate ml-7.5 text-xs">
+                      {{ item?.additionalInfo?.description }}
+                    </span>
+                  </Tooltip>
                 </div>
               </div>
             </template>

@@ -67,7 +67,7 @@ export const formSchema: FormSchema[] = [
   {
     field: FormFieldsEnum.DESCRIPTION,
     label: FormFieldsNameEnum.DESCRIPTION,
-    component: 'Input',
+    component: 'InputTextArea',
     componentProps: {
       maxLength: 255,
       placeholder: '请输入描述',