From 6bfb940881bd0c2bea1762b0f8d292e779ad6e55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Fri, 1 Aug 2025 10:01:35 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A2=E6=88=B7=E5=88=97=E8=A1=A8=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=85=AC=E6=B5=B7=E8=AF=A6=E6=83=85=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/crmpc/customer/index.vue | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/views/crmpc/customer/index.vue b/src/views/crmpc/customer/index.vue
index a9229f6..3032394 100644
--- a/src/views/crmpc/customer/index.vue
+++ b/src/views/crmpc/customer/index.vue
@@ -116,6 +116,15 @@
           <el-table-column prop="created_at" label="创建时间"></el-table-column>
           <el-table-column fixed="right" label="操作" width="200px" align="center">
             <template #default="scope">
+              <el-link
+                type="success"
+                underline="never"
+                style="margin-right: 8px"
+                @click="onDetail(scope.row)"
+                v-if="hasAuth('crm_customer@show')"
+              >
+                <i class="iconfont-sys"> &#xe70f;</i>详情
+              </el-link>
               <el-link
                 type="primary"
                 underline="never"
@@ -132,7 +141,7 @@
                 @click="goAddFollow(scope.row)"
                 v-if="hasAuth('crm_customer@follow_add')"
               >
-                <i class="iconfont-sys">&#xe6bf;</i> 添加跟进
+                <i class="iconfont-sys">&#xe6bf;</i> 跟进
               </el-link>
               <el-link
                 type="danger"
@@ -148,6 +157,9 @@
       </ArtTable>
     </div>
   </div>
+  <el-dialog v-model="detailDialogVisible" title="详情">
+    <div v-if="detailRow" v-html="detailRow.desc_collect" class="detils-content"></div>
+  </el-dialog>
 </template>
 
 <script setup lang="ts">
@@ -161,6 +173,8 @@
   const activeTab = ref('')
   const showMore = ref(false)
   const loading = ref(false)
+  const detailDialogVisible = ref(false)
+  const detailRow = ref<any>(null)
   const pagination = reactive({
     currentPage: 1,
     pageSize: 10,
@@ -288,6 +302,20 @@
         // 用户点击了取消
       })
   }
+  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 scoped lang="scss">