!621 fix:产品页面卡片与设备页面卡片当deviceKey和productKey长度过长 不能自动换行并且加压图片的容器，确保内容不会因为过长而溢出其容器

Merge pull request !621 from alwayssuper/feature/iot

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

@@ -209,7 +209,7 @@
                   </div>
                   </div>
                   <div class="mb-2.5 last:mb-0">
                   <div class="mb-2.5 last:mb-0">
                     <span class="text-[#717c8e] mr-2.5">DeviceKey</span>
                     <span class="text-[#717c8e] mr-2.5">DeviceKey</span>
-                    <span class="text-[#0b1d30]">{{ item.deviceKey }}</span>
+                    <span class="text-[#0b1d30] whitespace-normal break-all">{{ item.deviceKey }}</span>
                   </div>
                   </div>
                 </div>
                 </div>
                 <div class="w-[100px] h-[100px]">
                 <div class="w-[100px] h-[100px]">

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

@@ -97,7 +97,7 @@
                 </div>
                 </div>
                 <div class="mb-2.5 last:mb-0">
                 <div class="mb-2.5 last:mb-0">
                   <span class="text-[#717c8e] mr-2.5">产品标识</span>
                   <span class="text-[#717c8e] mr-2.5">产品标识</span>
-                  <span class="text-[#0b1d30]">{{ item.productKey }}</span>
+                  <span class="text-[#0b1d30] whitespace-normal break-all">{{ item.productKey }}</span>
                 </div>
                 </div>
               </div>
               </div>
               <div class="w-[100px] h-[100px]">
               <div class="w-[100px] h-[100px]">