Browse Source

refactor(market): 重构编辑线索日志页面布局

-将单个表格拆分为两个表格,分别显示客户资源修改和六要素修改
- 添加表格标题,提高信息的可读性和区分度
- 调整表格样式和间距,优化整体布局
master
liutong 10 months ago
parent
commit
c99f36420b
  1. 41
      pages/market/clue/edit_clues_log.vue

41
pages/market/clue/edit_clues_log.vue

@ -34,6 +34,8 @@
</view>
<view class="itme_box">
<view class="title_name">修改人张三 修改了如下内容</view>
<view class="table_section">
<view class="table_name">客户资源修改</view>
<table class="table_box">
<!-- 自定义表头 -->
<thead>
@ -54,6 +56,31 @@
</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>
</fui-timeaxis-node>
@ -150,7 +177,7 @@ export default {
this.filteredData.limit = 10//
this.filteredData.total = 10//
},
//-
//-
async getList(){
this.loading = true
@ -200,16 +227,20 @@ 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_section{
.table_name{
padding: 20rpx 0;
padding-bottom: 10rpx;
font-size: 28rpx;
}
.table_box{
width: 100%;
border-collapse: collapse;
@ -217,6 +248,8 @@ export default {
}
}
}
::v-deep .fui-timeaxis__wrap{
}

Loading…
Cancel
Save