审核原因展示

src/views/serviceManagement/serviceReviewed/index.vue

@@ -138,8 +138,8 @@
           <template slot-scope="scope">
             <div class="btns">
               <el-popover
-                placement="top-start"
-                width="320"
+                placement="left"
+                width="800"
                 trigger="hover"
                 @hide="hide"
                 @show="
@@ -149,7 +149,7 @@
                 "
               >
                 <div v-loading="infoLoading" class="info-list">
-                  <div v-html="infoContent"></div>
+                  <div v-html="infoContent" class="detail-content"></div>
                 </div>
                 <div slot="reference" class="check-detail">审核详情</div>
               </el-popover>
@@ -368,7 +368,9 @@ export default {
       if (res.data.code === 0 && res.data.data.length > 0) {
         let str = '';
         res.data.data.forEach((item) => {
-          str += `${item.checker}：${item.checkTime}<br>`;
+          str += `<span style='font-weight:700'>审核人：</span>${item.checker}；<span style="font-weight:700">审核时间：</span>${
+            item.checkTime
+          }；<span style="font-weight:700">审核状态：</span>${item.checkResult}<span style="font-weight:700">；审核原因：</span>${item.checkMessage ?? ''}<br>`;
         });
         this.infoContent = str;
       }