修改问题

src/views/work/detail.vue

@@ -54,7 +54,7 @@
             </DescriptionsItem>
             <DescriptionsItem label="故障描述" :span="3">
               <div>
-                <p>{{ detailData.repairerVo.faultMsg }}</p>
+                <p class="htmlText" :title="detailData.repairerVo.faultMsg">{{ detailData.repairerVo.faultMsg }}</p>
                 <PreviewGroup>
                   <Image
                     :width="80"
@@ -68,7 +68,7 @@
             </DescriptionsItem>
             <DescriptionsItem label="机器外观">
               <div>
-                <p>{{ detailData.orderReceivingVo?.orderFaultMsg }}</p>
+                <p class="htmlText" :title="detailData.orderReceivingVo?.orderFaultMsg">{{ detailData.orderReceivingVo?.orderFaultMsg }}</p>
                 <PreviewGroup>
                   <Image
                     :width="80"
@@ -88,7 +88,7 @@
             </DescriptionsItem>
             <DescriptionsItem label="检测结果" v-if="detailData.repairRegisterVo">
               <div>
-                <p>{{ detailData.repairRegisterVo.checkResult }}</p>
+                <p class="htmlText" :title="detailData.repairRegisterVo.checkResult">{{ detailData.repairRegisterVo.checkResult }}</p>
                 <PreviewGroup>
                   <Image
                     :width="80"
@@ -560,6 +560,15 @@ export default defineComponent({
   .topButton {
     text-align: right;
   }
+  .htmlText{
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 100%;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 3;
+      word-break: break-all;
+  }
   .content {
     width: 100%;
     display: flex;