修改公海和询单页面

src/views/admin/inquiry_system/index.vue

@@ -199,8 +199,8 @@
       <div class="row">
         <div>
           等级：
-          <span :style="detailRow.quality==0 ? { color: '#F5AB00' } : detailRow.quality==1 ? { color: '#8495B8' }: { color: '#9B7200' }">
+          <span :style="detailRow.quality==1 ? { color: '#F5AB00' } : detailRow.quality==2 ? { color: '#8495B8' }: { color: '#9B7200' }">
-            {{detailRow.quality==0 ? '金牌商机' : detailRow.quality==1 ? '银牌商机' : '铜牌商机'}}
+            {{detailRow.quality==1 ? '金牌商机' : detailRow.quality==2 ? '银牌商机' : '铜牌商机'}}
           </span>
         </div>
         <div
@@ -299,7 +299,7 @@
   <el-dialog v-model="fenpeiDialogVisible" title="分配跟单" width="360px">
     <el-form :model="fenpeiForm" label-width="0">
       <el-form-item>
-        <el-select v-model="fenpeiForm.recipient" placeholder="请选择" style="width: 100%">
+        <el-select v-model="fenpeiForm.recipient" filterable placeholder="请选择" style="width: 100%">
           <el-option
             v-for="item in userOptions"
             :key="item.id"

src/views/crmpc/highseas/index.vue

@@ -58,8 +58,8 @@
       </ArtTable>
     </div>
   </div>
-  <el-dialog v-model="detailDialogVisible" title="详情" width="400px">
+  <el-dialog v-model="detailDialogVisible" title="详情">
-    <div v-if="detailRow" v-html="detailRow.desc_collect"></div>
+    <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);