php
/
ZhiHuiJiaoWu_UniApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

-将单个表格拆分为两个表格，分别显示客户资源修改和六要素修改
- 添加表格标题，提高信息的可读性和区分度
- 调整表格样式和间距，优化整体布局
master
liutong 10 months ago
parent
fbbd254e58
commit
c99f36420b
1 changed files with 60 additions and 27 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 87
      pages/market/clue/edit_clues_log.vue

87
pages/market/clue/edit_clues_log.vue
View File

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

Write Preview
Loading…
Cancel
Save