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

feat(market): 添加客户资源和六要素修改记录功能 

- 新增客户资源和六要素修改记录的 API 接口和页面组件
- 实现修改记录的获取、展示和切换功能
-优化页面样式，增加时间轴和表格展示效果
master
liutong 10 months ago
parent
c99f36420b
commit
3d4a0b57fe
3 changed files with 122 additions and 28 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      api/apiRoute.js
  2. 8
      common/config.js
  3. 135
      pages/market/clue/edit_clues_log.vue

7
api/apiRoute.js
View File

@ -153,6 +153,13 @@ export default {
return res;
})
},
//销售端-客户资源-获取修改日志列表
xs_customerResourcesGetEditLogList(data = {}) {
let url = '/customerResources/getEditLogList'
return http.get(url, data).then(res => {
return res;
})
},
//销售端-资源共享-列表
xs_resourceSharingIndex(data = {}) {
let url = '/resourceSharing/index'

8
common/config.js
View File

@ -1,13 +1,13 @@
// 线上测试地址
// const Api_url='http://aaaaaaaa.hksywl.cn/api'
// const img_domian = 'http://aaaaaaaa.hksywl.cn/'
const Api_url='http://146.56.228.75:20025/api'
const img_domian = 'http://146.56.228.75:20025/'
//本地测试地址
// const Api_url='http://zhjw.cc/api'
// const img_domian = 'http://zhjw.cc/'
const Api_url='http://146.56.228.75:20024/api'
const img_domian = 'http://146.56.228.75:20024/'
// const Api_url='http://146.56.228.75:20024/api'
// const img_domian = 'http://146.56.228.75:20024/'
const IsDemo = false

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

@ -1,15 +1,31 @@
<!--编辑客户-->
<template>
<view class="assemble">
<!--切换-->
<view class="tab_section">
<fui-segmented-control
:values="optionTable"
:current="(Number(optionTableId))"
type="button"
radius="8"
height="80"
color="#465cff"
bold="true"
@click="segmented">
</fui-segmented-control>
</view>
<!-- 客户资源修改记录-->
<scroll-view
v-show="filteredData.type == `resource`"
scroll-y="true"
:lower-threshold="lowerThreshold"
@scrolltolower="loadMoreData"
style="margin-top:40rpx;height: 88vh;"
style="margin-top:40rpx;height: 80vh;"
>
<!--时间轴-->
<view class="table_list">
<fui-timeaxis background="#fff" :padding="['36rpx','16rpx']">
<fui-timeaxis background="#f8f8f8" :padding="['36rpx','16rpx']">
<fui-timeaxis-node
:lineColor="k<3?v.activeColor:'#ccc'"
:lined="k!==tableList.length-1"
@ -30,12 +46,12 @@
>
<view class="fui-title">
2025-04-01 23:05:05
<!--修改时间-->
{{v.modification_time}}
</view>
<view class="itme_box">
<view class="title_name">修改人：张三 修改了如下内容</view>
<view class="title_name">修改人：{{v.staff_id_name}} 修改了如下内容</view>
<view class="table_section">
<view class="table_name">客户资源修改</view>
<table class="table_box">
<!-- 自定义表头 -->
<thead>
@ -48,19 +64,60 @@
<!-- 自定义每一行数据 -->
<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 v-for="(row, index) in v.update_arr" :key="index">
<td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.field_name_zh }}</td>
<td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.old_value }}</td>
<td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.new_value }}</td>
</tr>
</tbody>
</table>
</view>
</view>
</view>
</template>
</fui-timeaxis-node>
</fui-timeaxis>
</view>
</scroll-view>
<!-- 六要素修改记录-->
<scroll-view
v-show="filteredData.type == `six_speed`"
scroll-y="true"
:lower-threshold="lowerThreshold"
@scrolltolower="loadMoreData"
style="margin-top:40rpx;height: 80vh;"
>
<!--时间轴-->
<view class="table_list">
<fui-timeaxis background="#f8f8f8" :padding="['36rpx','16rpx']">
<fui-timeaxis-node
:lineColor="k<3?v.activeColor:'#ccc'"
:lined="k!==tableList.length-1"
v-for="(v,k) in tableList"
:key="k"
>
<!--inco-->
<view
class="fui-node"
:style="{borderColor:(k != tableList.length-1 ? '#465CFF' :'' ) }"
>
</view>
<template v-slot:right>
<view
class="fui-process__node table_itme"
:style="{paddingBottom:(k !== tableList.length-1 ? '50rpx' :'0rpx')}"
:class="{'fui-node__pb':k!==tableList.length-1}"
>
<view class="fui-title">
<!--修改时间-->
{{v.modification_time}}
</view>
<view class="itme_box">
<view class="title_name">修改人：{{v.staff_id_name}} 修改了如下内容</view>
<view class="table_section">
<view class="table_name">六要素修改</view>
<table class="table_box">
<!-- 自定义表头 -->
<thead>
<tr>
@ -72,10 +129,10 @@
<!-- 自定义每一行数据 -->
<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 v-for="(row, index) in v.update_arr" :key="index">
<td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.field_name_zh }}</td>
<td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.old_value }}</td>
<td style="border: 1px solid #ddd; padding: 12rpx;">{{ row.new_value }}</td>
</tr>
</tbody>
</table>
@ -87,6 +144,7 @@
</fui-timeaxis>
</view>
</scroll-view>
</view>
</template>
@ -106,7 +164,8 @@ export default {
page:1,//当前页码
limit:10,//每页返回数据条数
total:10,//数据总条数
resource_id: '',//客户资源表id
type:'resource',//查询类型|resource=客户资源,six_speed=六要素
customer_resource_id: '',//客户资源表id
},
//数据列表
tableList:[{
@ -140,14 +199,29 @@ export default {
oldValue:'张三',
newValue:'11李四李四李四李四李四李四李四李四李四李四李四123',
}
],
//tab切换
optionTableId:0,//分段器初始选中项索引
optionTable:[
{
id: 0,
name: '客户资源修改记录',
type:'resource',
},
{
id: 1,
name: '六要素修改记录',
type:'six_speed',
}
]
}
},
onLoad(options) {
this.filteredData.resource_id = options.resource_id//客户资源表id
this.filteredData.customer_resource_id = options.resource_id//客户资源表id
},
onShow() {
// this.init()
this.init()
},
//下拉刷新
async onPullDownRefresh() {
@ -197,7 +271,7 @@ export default {
this.tableList = []
}
let res = await apiRoute.xs_resourceSharingIndex(data)
let res = await apiRoute.xs_customerResourcesGetEditLogList(data)
this.loading = false
this.isReachedBottom = false;
if (res.code != 1){
@ -208,6 +282,8 @@ export default {
return
}
console.log(123123123,res)
this.tableList = this.tableList.concat(res.data.data); // 使用 concat 方法 将新数据追加到数组中
console.log('列表1',this.tableList)
@ -216,6 +292,18 @@ export default {
},
//切换tag列表
async segmented(e) {
console.log('切换',e)
//e.id|0=基础信息 1=六要素
let status = e.id
this.optionTableId = String(status)
this.filteredData.type = e.type//查询类型|resource=客户资源,six_speed=六要素
await this.resetFilteredData()
await this.getList()
},
}
}
</script>
@ -226,6 +314,10 @@ export default {
height: 100%;
//background-color: #292929;
overflow: auto;
.tab_section{
padding: 0 20rpx;
padding-top: 30rpx;
}
.table_list{
.itme_box {
margin-top: 30rpx;
@ -236,11 +328,6 @@ export default {
font-size: 28rpx;
}
.table_section{
.table_name{
padding: 20rpx 0;
padding-bottom: 10rpx;
font-size: 28rpx;
}
.table_box{
width: 100%;
border-collapse: collapse;

Write Preview
Loading…
Cancel
Save