申诉订单详情字眼样式修改

src/views/otc/otcAppealOrder/appealDetail.vue

@@ -173,16 +173,20 @@
                         申诉资料
                     </div>
                     <div class="status">
-                        <div class="text m-b-16" style="margin-right:40px">
-                            申诉类型：{{ UserCertificationList[0].appealRemark ? UserCertificationList[0].appealRemark : '无' }}
+                        <div class="flex" style="flex-wrap:wrap;margin-bottom:10px">
+                            <div class="text m-b-16" style="margin-right:20px;word-break:break-all">
+                            申诉原因：
+                            {{ UserCertificationList[0].appealRemark ? UserCertificationList[0].appealRemark : '无' }}
                         </div>
-                        <div class="text m-b-16 ">
-                            申诉原因：{{ UserCertificationList[0].appealDesc ? UserCertificationList[0].appealDesc : '无' }}
+                        <div class="text m-b-16" style="word-break:break-all">
+                            审核备注：{{ UserCertificationList[0].appealDesc ? UserCertificationList[0].appealDesc : '无' }}
                         </div>
+                        </div>
+                   
 
                         <div class="text flex m-b-28">
                             申诉文件：
-                            <div class="flex">
+                            <div class="flex" style="flex-wrap:wrap;margin-bottom:10px">
                                 <template v-if="UserCertificationList[0].listUrl.length">
                                     <el-image v-for="dict in UserCertificationList[0].listUrl" :key="dict"
                                         @click="previewImage(dict)" style="width: 150px;height:150px;margin-right:10px"