From c99f36420b3c0b784247539d85af076de7a8648b Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Wed, 21 May 2025 14:44:40 +0800
Subject: [PATCH] =?UTF-8?q?refactor(market):=20=E9=87=8D=E6=9E=84=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E7=BA=BF=E7=B4=A2=E6=97=A5=E5=BF=97=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-将单个表格拆分为两个表格，分别显示客户资源修改和六要素修改
- 添加表格标题，提高信息的可读性和区分度
- 调整表格样式和间距，优化整体布局
---
 pages/market/clue/edit_clues_log.vue | 87 +++++++++++++++++++---------
 1 file changed, 60 insertions(+), 27 deletions(-)

diff --git a/pages/market/clue/edit_clues_log.vue b/pages/market/clue/edit_clues_log.vue
index 962fbab..8890467 100644
--- a/pages/market/clue/edit_clues_log.vue
+++ b/pages/market/clue/edit_clues_log.vue
@@ -34,25 +34,52 @@
                 </view>
                 <view class="itme_box">
                   <view class="title_name">修改人：张三 修改了如下内容</view>
-                  <table class="table_box">
-                    <!-- 自定义表头 -->
-                    <thead>
-                    <tr>
-                      <th style="width: 30%; border: 1px solid #ddd; padding: 12rpx;">字段名称</th>
-                      <th style="width: 35%; border: 1px solid #ddd; padding: 12rpx;">原数据</th>
-                      <th style="width: 35%; border: 1px solid #ddd; padding: 12rpx;">新数据</th>
-                    </tr>
-                    </thead>
-
-                    <!-- 自定义每一行数据 -->
-                    <tbody>
-                    <tr v-for="(row, index) in customTableData" :key="index">
-                      <td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.field }}</td>
-                      <td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.oldValue }}</td>
-                      <td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.newValue }}</td>
-                    </tr>
-                    </tbody>
-                  </table>
+                  <view class="table_section">
+                    <view class="table_name">客户资源修改</view>
+                    <table class="table_box">
+                      <!-- 自定义表头 -->
+                      <thead>
+                      <tr>
+                        <th style="width: 30%; border: 1px solid #ddd; padding: 12rpx;">字段名称</th>
+                        <th style="width: 35%; border: 1px solid #ddd; padding: 12rpx;">原数据</th>
+                        <th style="width: 35%; border: 1px solid #ddd; padding: 12rpx;">新数据</th>
+                      </tr>
+                      </thead>
+
+                      <!-- 自定义每一行数据 -->
+                      <tbody>
+                      <tr v-for="(row, index) in customTableData" :key="index">
+                        <td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.field }}</td>
+                        <td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.oldValue }}</td>
+                        <td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.newValue }}</td>
+                      </tr>
+                      </tbody>
+                    </table>
+                  </view>
+
+                  <view class="table_section">
+                    <view class="table_name">六要素修改</view>
+                    <table class="table_box">
+
+                      <!-- 自定义表头 -->
+                      <thead>
+                      <tr>
+                        <th style="width: 30%; border: 1px solid #ddd; padding: 12rpx;">字段名称</th>
+                        <th style="width: 35%; border: 1px solid #ddd; padding: 12rpx;">原数据</th>
+                        <th style="width: 35%; border: 1px solid #ddd; padding: 12rpx;">新数据</th>
+                      </tr>
+                      </thead>
+
+                      <!-- 自定义每一行数据 -->
+                      <tbody>
+                      <tr v-for="(row, index) in customTableData" :key="index">
+                        <td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.field }}</td>
+                        <td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.oldValue }}</td>
+                        <td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.newValue }}</td>
+                      </tr>
+                      </tbody>
+                    </table>
+                  </view>
                 </view>
               </view>
             </template>
@@ -150,7 +177,7 @@ export default {
       this.filteredData.limit = 10//每页返回数据条数
       this.filteredData.total = 10//数据总条数
     },
-    //获取列表-我的客户
+    //获取列表-客户信息修改记录
     async getList(){
       this.loading = true
 
@@ -200,21 +227,27 @@ export default {
   //background-color: #292929;
   overflow: auto;
   .table_list{
-    border: 1px solid red;
-
     .itme_box {
       margin-top: 30rpx;
       display: flex;
       flex-direction: column;
-      gap: 20rpx;
+      gap: 25rpx;
       .title_name{
         font-size: 28rpx;
       }
-      .table_box{
-        width: 100%;
-        border-collapse: collapse;
-        table-layout: fixed;
+      .table_section{
+        .table_name{
+          padding: 20rpx 0;
+          padding-bottom: 10rpx;
+          font-size: 28rpx;
+        }
+        .table_box{
+          width: 100%;
+          border-collapse: collapse;
+          table-layout: fixed;
+        }
       }
+
     }
 
     ::v-deep .fui-timeaxis__wrap{