【代码优化】IoT：产品列表、设备列表的 key ... 省略

Author: YunaiV

src/views/iot/device/device/index.vue

@@ -209,7 +209,9 @@
                   </div>
                   <div class="mb-2.5 last:mb-0">
                     <span class="text-[#717c8e] mr-2.5">DeviceKey</span>
-                    <span class="text-[#0b1d30] whitespace-normal break-all">{{ item.deviceKey }}</span>
+                    <span class="text-[#0b1d30] inline-block align-middle overflow-hidden text-ellipsis whitespace-nowrap max-w-[130px]">
+                      {{ item.deviceKey }}
+                    </span>
                   </div>
                 </div>
                 <div class="w-[100px] h-[100px]">

src/views/iot/plugin/index.vue

@@ -139,9 +139,9 @@
                 <div class="flex-1">
                   <div class="mb-2.5 last:mb-0">
                     <span class="text-[#717c8e] mr-2.5">插件标识</span>
-                    <span class="text-[#0b1d30] whitespace-normal break-all">{{
-                      item.pluginKey
-                    }}</span>
+                    <span class="text-[#0b1d30] whitespace-normal break-all">
+                      {{ item.pluginKey }}
+                    </span>
                   </div>
                   <div class="mb-2.5 last:mb-0">
                     <span class="text-[#717c8e] mr-2.5">jar包</span>

src/views/iot/product/product/index.vue

@@ -97,7 +97,7 @@
                 </div>
                 <div class="mb-2.5 last:mb-0">
                   <span class="text-[#717c8e] mr-2.5">产品标识</span>
-                  <span class="text-[#0b1d30] whitespace-normal break-all">
+                  <span class="text-[#0b1d30] inline-block align-middle overflow-hidden text-ellipsis whitespace-nowrap max-w-[140px]">
                     {{ item.productKey }}
                   </span>
                 </div>