Commit 22fec8f71cbd09f6af1d57429a19b5a468b049c1
Merge branch 'perf/edge-manage/07-23' into 'main_dev'
perf: 优化卡片列表，新增Tooltip显示信息 See merge request yunteng/thingskit-front!1420
Showing
2 changed files
with
19 additions
and
11 deletions
| @@ -150,7 +150,9 @@ | @@ -150,7 +150,9 @@ | ||
| 150 | <template #cover> | 150 | <template #cover> |
| 151 | <div class="w-full h-full !flex flex-col justify-between m-3"> | 151 | <div class="w-full h-full !flex flex-col justify-between m-3"> |
| 152 | <div class="!flex justify-between align-center text-center"> | 152 | <div class="!flex justify-between align-center text-center"> |
| 153 | - <span class="truncate font-bold fill-dark-900 text-sm"> {{ item.name }} </span> | 153 | + <Tooltip :title="item.name"> |
| 154 | + <span class="truncate font-bold fill-dark-900 text-sm"> {{ item.name }} </span> | ||
| 155 | + </Tooltip> | ||
| 154 | <div class="mr-6"> | 156 | <div class="mr-6"> |
| 155 | <a-tag class="!flex items-center" :color="item.active ? '#E8FFEA' : '#FFECE8'"> | 157 | <a-tag class="!flex items-center" :color="item.active ? '#E8FFEA' : '#FFECE8'"> |
| 156 | <template #icon> | 158 | <template #icon> |
| @@ -210,21 +212,27 @@ | @@ -210,21 +212,27 @@ | ||
| 210 | <div class="truncate h-17 !flex justify-between flex-col"> | 212 | <div class="truncate h-17 !flex justify-between flex-col"> |
| 211 | <div class="truncate !flex"> | 213 | <div class="truncate !flex"> |
| 212 | <span class="text-xs" style="color: #86909c">标签</span> | 214 | <span class="text-xs" style="color: #86909c">标签</span> |
| 213 | - <span class="truncate ml-7.5 text-xs" style="color: #00b42a">{{ | ||
| 214 | - item.label | ||
| 215 | - }}</span> | 215 | + <Tooltip :title="item.label"> |
| 216 | + <span class="truncate ml-7.5 text-xs" style="color: #00b42a">{{ | ||
| 217 | + item.label | ||
| 218 | + }}</span> | ||
| 219 | + </Tooltip> | ||
| 216 | </div> | 220 | </div> |
| 217 | <div class="truncate !flex"> | 221 | <div class="truncate !flex"> |
| 218 | <span class="text-xs" style="color: #86909c">边缘类型</span> | 222 | <span class="text-xs" style="color: #86909c">边缘类型</span> |
| 219 | - <span style="color: #4e5969" class="truncate ml-7.5 text-xs">{{ | ||
| 220 | - item.type | ||
| 221 | - }}</span> | 223 | + <Tooltip :title="item.type"> |
| 224 | + <span style="color: #4e5969" class="truncate ml-7.5 text-xs">{{ | ||
| 225 | + item.type | ||
| 226 | + }}</span> | ||
| 227 | + </Tooltip> | ||
| 222 | </div> | 228 | </div> |
| 223 | <div class="truncate !flex"> | 229 | <div class="truncate !flex"> |
| 224 | <span class="text-xs" style="color: #86909c">描述</span> | 230 | <span class="text-xs" style="color: #86909c">描述</span> |
| 225 | - <span style="color: #4e5969" class="truncate ml-7.5 text-xs"> | ||
| 226 | - {{ item?.additionalInfo?.description }} | ||
| 227 | - </span> | 231 | + <Tooltip :title="item?.additionalInfo?.description"> |
| 232 | + <span style="color: #4e5969" class="truncate ml-7.5 text-xs"> | ||
| 233 | + {{ item?.additionalInfo?.description }} | ||
| 234 | + </span> | ||
| 235 | + </Tooltip> | ||
| 228 | </div> | 236 | </div> |
| 229 | </div> | 237 | </div> |
| 230 | </template> | 238 | </template> |
| @@ -67,7 +67,7 @@ export const formSchema: FormSchema[] = [ | @@ -67,7 +67,7 @@ export const formSchema: FormSchema[] = [ | ||
| 67 | { | 67 | { |
| 68 | field: FormFieldsEnum.DESCRIPTION, | 68 | field: FormFieldsEnum.DESCRIPTION, |
| 69 | label: FormFieldsNameEnum.DESCRIPTION, | 69 | label: FormFieldsNameEnum.DESCRIPTION, |
| 70 | - component: 'Input', | 70 | + component: 'InputTextArea', |
| 71 | componentProps: { | 71 | componentProps: { |
| 72 | maxLength: 255, | 72 | maxLength: 255, |
| 73 | placeholder: '请输入描述', | 73 | placeholder: '请输入描述', |