修改公海和询单页面

src/views/crmpc/highseas/index.vue

@@ -58,8 +58,8 @@
       </ArtTable>
     </div>
   </div>
-  <el-dialog v-model="detailDialogVisible" title="详情" width="400px">
-    <div v-if="detailRow" v-html="detailRow.desc_collect"></div>
+  <el-dialog v-model="detailDialogVisible" title="详情">
+    <div v-if="detailRow" v-html="detailRow.desc_collect" class="detils-content"></div>
   </el-dialog>
 </template>
 
@@ -176,14 +176,29 @@
         // 用户点击了取消
       })
   }
-
+  function processImages(html: string) {
+    const parser = new DOMParser()
+    const doc = parser.parseFromString(html, 'text/html')
+    doc.querySelectorAll('img').forEach((img) => {
+      img.style.maxWidth = '100%'
+      img.style.height = 'auto'
+    })
+    return doc.body.innerHTML
+  }
   function onDetail(row: any) {
+    row.desc_collect = processImages(row.desc_collect) // 处理图片
     detailRow.value = row
     detailDialogVisible.value = true
   }
 </script>
 
 <style lang="scss" scoped>
+  .detils-content {
+    padding-left: 15px;
+    img {
+      max-width: 100% !important;
+    }
+  }
   .boxshadow {
     border-radius: 8px;
     box-shadow: 0 2px 12px 0 rgba(0, 10, 118, 0.1);