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

refactor(market): 重构市场模块线索相关页面 

- 修改 apiRoute.js，添加新的资源共享详情接口
- 重构 clue_info.vue 页面，适配新的数据结构
- 更新 index.vue 页面，调整线索列表和详情的显示逻辑
-优化用户体验，统一意向等级的显示方式
master
liutong 10 months ago
parent
ae860ab9dc
commit
ec08e2f581
3 changed files with 59 additions and 46 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. 9
      api/apiRoute.js
  2. 80
      pages/market/clue/clue_info.vue
  3. 16
      pages/market/clue/index.vue

9
api/apiRoute.js
View File

@ -160,6 +160,15 @@ export default {
return res; return res;
}) })
}, },
//销售端-资源共享-详情(客户资源详情)
xs_resourceSharingInfo(data = {}) {
let url = '/resourceSharing/info'
return http.get(url, data).then(res => {
return res;
})
},

80
pages/market/clue/clue_info.vue
View File

@ -9,31 +9,34 @@
<view class="course_box"> <view class="course_box">
<view class="course_box_top"> <view class="course_box_top">
<view class="course_box_top_top"> <view class="course_box_top_top">
<!-- <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>--> <image class="pic" src="@/static/images/index/myk.png"></image>
<view class="name">{{ clientInfo.student_name }}</view> <view class="name">{{ clientInfo.customerResource.name }}</view>
</view> </view>
<view class="course_box_top_below"> <view class="course_box_top_below">
<view class="course_box_top_below-left"> <view class="course_box_top_below-left">
<view>{{ clientInfo.follow.follow_up_time}} 跟进</view> <view>{{ $util.formatToDateTime((clientInfo.customerResource.updated_at || ''),'m-d H:i') }} 跟进</view>
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<view style="padding-left: 30rpx;"> <view style="padding-left: 30rpx;">
<image v-if="clientInfo.follow.initial_customer_intent == 'A'" <image v-if="clientInfo.customerResource.initial_intent == 'high'"
src="@/static/images/index/lvs.png" class="drop-image-x"></image> src="@/static/images/index/lvs.png" class="drop-image-x"></image>
<image v-else-if="clientInfo.follow.initial_customer_intent == 'B'" <image v-else-if="clientInfo.customerResource.initial_intent == 'medium'"
src="@/static/images/index/intention2.png" class="drop-image-x"></image> src="@/static/images/index/intention2.png" class="drop-image-x"></image>
<image v-else="clientInfo.follow.initial_customer_intent == 'C'" <image
src="@/static/images/index/intention1.png" class="drop-image-x"></image> v-else
src="@/static/images/index/intention1.png"
class="drop-image-x">
</image>
</view> </view>
<view class="title-x">意向：{{ clientInfo.follow.initial_customer_intent }}</view> <view class="title-x">意向：{{ clientInfo.customerResource.initial_intent_name }}</view>
</view> </view>
</view> </view>
<view class="course_box_top_below-right"> <view class="course_box_top_below-right">
<view v-if="clientInfo.is_zdgz == 1"> <!-- <view v-if="clientInfo.customerResource.is_zdgz == 1">-->
<image src="@/static/images/index/star.png" class="drop-image-star"></image> <!-- <image src="@/static/images/index/star.png" class="drop-image-star"></image>-->
</view> <!-- </view>-->
<view class="title-x">重点关注</view> <!-- <view class="title-x">重点关注</view>-->
</view> </view>
</view> </view>
</view> </view>
@ -61,23 +64,23 @@
<view class="basic-message-div"> <view class="basic-message-div">
<view class="basic-message-div-txt"> <view class="basic-message-div-txt">
<view>来源渠道</view> <view>来源渠道</view>
<view>{{clientInfo.source_channel}}</view> <view>{{clientInfo.customerResource.source_channel_name}}</view>
</view> </view>
<view class="basic-message-div-txt"> <view class="basic-message-div-txt">
<view>来源</view> <view>来源</view>
<view>{{clientInfo.customer_source}}</view> <view>{{clientInfo.customerResource.source_name}}</view>
</view> </view>
<view class="basic-message-div-txt"> <view class="basic-message-div-txt">
<view>顾问</view> <view>顾问</view>
<view>{{clientInfo.gw}}</view> <view>{{clientInfo.customerResource.consultant_name}}</view>
</view> </view>
<view class="basic-message-div-txt"> <view class="basic-message-div-txt">
<view>学生姓名</view> <view>学生姓名</view>
<view>{{clientInfo.student_name}}</view> <view>{{clientInfo.customerResource.name}}</view>
</view> </view>
<view class="basic-message-div-txt"> <view class="basic-message-div-txt">
<view>性别</view> <view>性别</view>
<view>{{clientInfo.sex == 1 ? '男':'女'}}</view> <view>{{clientInfo.customerResource.gender_name}}</view>
</view> </view>
</view> </view>
@ -85,11 +88,11 @@
<view class="basic-message-div"> <view class="basic-message-div">
<view class="basic-message-div-txt"> <view class="basic-message-div-txt">
<view>已成交次数</view> <view>已成交次数</view>
<view>{{clientInfo.cj_count}}次</view> <view>{{clientInfo.customerResource.cj_count || 0}}次</view>
</view> </view>
<view class="basic-message-div-txt"> <view class="basic-message-div-txt">
<view>体验课程</view> <view>体验课程</view>
<view>{{clientInfo.ty_count}}次</view> <view>{{clientInfo.customerResource.trial_class_count}}次</view>
</view> </view>
</view> </view>
<view style="height: 200rpx;"></view> <view style="height: 200rpx;"></view>
@ -255,15 +258,16 @@
<!-- 底部按钮组--> <!-- 底部按钮组-->
<view class="bottom-label"> <view class="bottom-label">
<view @click="openViewWritingFollowUp()">添加跟进记录</view> <view @click="openViewWritingFollowUp()">编辑详情</view>
<view @click="callTel(clientInfo.student_phone)">拨打电话</view> <view @click="callTel(clientInfo.student_phone)">拨打电话</view>
<view @click="openViewNewTask()">转交跟进任务</view> <view @click="openViewNewTask()">修改记录</view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import apiRoute from '@/api/apiRoute.js';
import marketApi from '@/api/market.js'; import marketApi from '@/api/market.js';
@ -273,14 +277,12 @@
switch_tags_type: 1, switch_tags_type: 1,
select_type: 1, select_type: 1,
id:'',//线索id resource_sharing_id:'',//共享资源表id
clientInfo:{ clientInfo:{
follow:{ id:'',//共享资源id
follow_up_time:'', customerResource:{},//客户资源信息
initial_customer_intent:'', sixSpeed:{},//六要素信息
} },//共享资源详情
},//客户详情
//跟进记录列表 //跟进记录列表
followList:[], followList:[],
@ -289,23 +291,24 @@
} }
}, },
onLoad(options) { onLoad(options) {
this.id = options.id this.resource_sharing_id = options.resource_sharing_id//共享资源表id
}, },
onShow(){ onShow(){
this.init() this.init()
}, },
methods: { methods: {
async init(){ async init(){
await this.getInfo() await this.getInfo()//客户详情
this.getFollowList() // this.getFollowList()//获取跟进记录
this.getListCallUp() // this.getListCallUp()//获取通话记录
}, },
//获取客户详情 //获取客户详情
async getInfo(){ async getInfo(){
let data = { let data = {
id:this.id//线索id resource_sharing_id:this.resource_sharing_id//共享资源表id
} }
let res = await marketApi.clientInfo(data) let res = await apiRoute.xs_resourceSharingInfo(data)
if(res.code != 1){ if(res.code != 1){
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
@ -314,12 +317,13 @@
return return
} }
this.clientInfo = res.data this.clientInfo = res.data
console.log('详情',this.clientInfo)
}, },
//获取跟进记录 //获取跟进记录
async getFollowList(){ async getFollowList(){
let data = { let data = {
sales_id:this.id// sales_id:this.resource_sharing_id//
} }
let res = await marketApi.followList(data) let res = await marketApi.followList(data)
if(res.code != 1){ if(res.code != 1){
@ -332,10 +336,10 @@
this.followList = res.data this.followList = res.data
}, },
//获取跟进记录 //获取通话记录
async getListCallUp(){ async getListCallUp(){
let data = { let data = {
sales_id:this.id// sales_id:this.resource_sharing_id//
} }
let res = await marketApi.listCallUp(data) let res = await marketApi.listCallUp(data)
if(res.code != 1){ if(res.code != 1){
@ -373,7 +377,7 @@
} }
let param = { let param = {
sales_id:this.id//线索id sales_id:this.resource_sharing_id//线索id
} }
let res = await marketApi.setCallUp(param)//添加通过记录 let res = await marketApi.setCallUp(param)//添加通过记录
if(res.code != 1){ if(res.code != 1){

16
pages/market/clue/index.vue
View File

@ -34,19 +34,19 @@
首联系人：{{ v.customerResource.name }} <span class="card-con-span">{{ v.customerResource.decision_maker }}</span> 首联系人：{{ v.customerResource.name }} <span class="card-con-span">{{ v.customerResource.decision_maker }}</span>
</view> </view>
<view class="card-date"> <view class="card-date">
<view class="card-con">{{ $util.formatToDateTime((v.shared_at || ''), 'm-d H:i') }} <view class="card-con">{{ $util.formatToDateTime((v.customerResource.updated_at || ''), 'm-d H:i') }}
跟进 跟进
</view> </view>
<view style="margin-left: 30rpx;"> <view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<view style="padding: 12rpx;"> <view style="padding: 12rpx;">
<image <image
v-if="['A+','A','A-'].includes(v.follow && v.follow.initial_customer_intent || '')" v-if="v.customerResource.initial_intent == 'high'"
src="@/static/images/index/intention3.png" src="@/static/images/index/intention3.png"
class="drop-image-x" class="drop-image-x"
></image> ></image>
<image <image
v-else-if="['B+','B','B-'].includes(v.follow && v.follow.initial_customer_intent || '')" v-else-if="v.customerResource.initial_intent == 'medium'"
src="@/static/images/index/intention2.png" src="@/static/images/index/intention2.png"
class="drop-image-x" class="drop-image-x"
></image> ></image>
@ -99,17 +99,17 @@
决策人：{{v.customerResource.name}} <span class="card-con-span">{{v.customerResource.decision_maker}}</span> 决策人：{{v.customerResource.name}} <span class="card-con-span">{{v.customerResource.decision_maker}}</span>
</view> </view>
<view class="card-date"> <view class="card-date">
<view class="card-con">{{ $util.formatToDateTime((v.shared_at || ''),'m-d H:i') }} 跟进</view> <view class="card-con">{{ $util.formatToDateTime((v.customerResource.updated_at || ''),'m-d H:i') }} 跟进</view>
<view style="margin-left: 30rpx;"> <view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<view style="padding: 12rpx;"> <view style="padding: 12rpx;">
<image <image
v-if="['A+','A','A-'].includes(v.follow && v.follow.initial_customer_intent || '')" v-if="v.customerResource.initial_intent == 'high'"
src="@/static/images/index/intention3.png" src="@/static/images/index/intention3.png"
class="drop-image-x" class="drop-image-x"
></image> ></image>
<image <image
v-else-if="['B+','B','B-'].includes(v.follow && v.follow.initial_customer_intent || '')" v-else-if="v.customerResource.initial_intent == 'medium'"
src="@/static/images/index/intention2.png" src="@/static/images/index/intention2.png"
class="drop-image-x" class="drop-image-x"
></image> ></image>
@ -491,9 +491,9 @@ export default {
//客户详情 //客户详情
clue_info(item) { clue_info(item) {
let id = item.id let resource_sharing_id = item.id///共享资源表id
uni.navigateTo({ uni.navigateTo({
url: `/pages/market/clue/clue_info?id=${id}` url: `/pages/market/clue/clue_info?resource_sharing_id=${resource_sharing_id}`
}) })
}, },

Write Preview
Loading…
Cancel
Save