修改问题

src/App.vue

@@ -57,4 +57,13 @@
   .van-toast {
     background: rgba(0, 0, 0, 0.7) !important;
   }
+  .htmlText{
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 100%;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 3;
+      word-break: break-all;
+  }
 </style>

src/views/detail/index.vue

@@ -13,18 +13,18 @@
         <!-- <div v-show="stepShow">Slide Right</div> -->
         <div class="border stepItem" v-for="(item, index) in processList" :key="index" v-show="stepShow ? true : index < 1">
           <div class="step">
-            <div class="step_title">{{item.remark}}</div>
+            <div class="step_title">{{item.title || item.remark}}</div>
             <!-- <div v-if="item.customerAddress">{{item.customerAddress.sendType == 0?' 前台送修':`快递寄送 ${item.customerAddress?.sendTrackingNum}`}}</div> -->
-            <div v-if="item.customerAddress">{{item.customerAddress.getType == 0?' 前台取回':`快递寄回 ${item.customerAddress?.getTrackingNum}`}}</div>
-            <div v-if="item.repairRegisterVo?.checkResult">检测结果： {{item.repairRegisterVo?.checkResult}}</div>
-            <div v-if="item.repairRegisterVo?.partNamesStr">所需备件： {{item.repairRegisterVo?.partNamesStr}}</div>
-            <div v-if="item.orderReceiving?.orderFaultMsg">机器外观： {{item.orderReceiving?.orderFaultMsg}}</div>
-            <div v-if="item.repairTest?.resultInfo">测试描述： {{item.repairTest?.resultInfo}}</div>
+            <div class="htmlText" v-if="item.customerAddress">{{item.customerAddress.getType == 0?' 前台取回':`快递寄回 ${item.customerAddress?.getTrackingNum}`}}</div>
+            <div class="htmlText" v-if="item.repairRegisterVo?.checkResult">检测结果： {{item.repairRegisterVo?.checkResult}}</div>
+            <div class="htmlText" v-if="item.repairRegisterVo?.partNamesStr">所需备件： {{item.repairRegisterVo?.partNamesStr}}</div>
+            <div class="htmlText" v-if="item.orderReceiving?.orderFaultMsg">机器外观： {{item.orderReceiving?.orderFaultMsg}}</div>
+            <div class="htmlText" v-if="item.repairTest?.resultInfo">测试描述： {{item.repairTest?.resultInfo}}</div>
             <div class="imgList" v-if="item.imagesInfo?.length">
               <img :src="imgItem" v-for="(imgItem,imgID) in item.imagesInfo" @click="imgPreview(item.imagesInfo, imgID)" :key="imgItem + index" alt="" />
             </div>
             <div v-if="item.repairLogId">{{ namePrivate(item.sysUserName) }}完成{{ item.remark }}</div>
-            <div class="status" v-else>
+            <div class="status htmlText" v-else>
                 {{ replacName(item.sysUserName,item.subTitle) }}
             </div>
             <div class="step_time" v-if="item.createTime">{{dayjs(item.createTime).format('MM-DD HH:mm')}}</div>

src/views/home/list.vue

@@ -15,7 +15,7 @@
             </span>
             <span>  {{ item.cameraSnCode }}</span>
           </div>
-          <div class="camera_text" v-html="item.faultMsg" />
+          <div class="camera_text htmlText" v-html="item.faultMsg" />
         </div>
         <div class="item_buttom padddiv">
           <div class="time">报修日期 {{ dayjs(item.createTime).format('YYYY-MM-DD') }}</div>

src/views/home/submit.vue

@@ -45,7 +45,7 @@
         maxlength="50"
         label="产品SN码"
         placeholder="请填写下划线后的数字母组合"
-        :rules="[{ required: true, message: '请填写密码' }]"
+        :rules="[{ required: true, message: '请填写产品SN码' }]"
       />
       <van-field
         v-model="formData.faultMsg"