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

feat(market): 添加客户详情功能 

- 在 api/market.js 中新增 clientInfo 方法获取客户详情- 创建 pages/market/clue/clue_info.vue 页面展示客户详情- 在 pages/market/clue/index.vue 中添加跳转到客户详情页面的功能
master
liutong 12 months ago
parent
2ad52aae08
commit
bd1622212d
3 changed files with 391 additions and 330 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. 10
      api/market.js
  2. 691
      pages/market/clue/clue_info.vue
  3. 20
      pages/market/clue/index.vue

10
api/market.js
View File

@ -67,6 +67,16 @@ export default {
})
},
//客户详情
clientInfo(data={}) {
let url = '/member/client_info'
return http.get(url, data).then(res => {
return res;
})
},
}

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

@ -1,338 +1,385 @@
<!--我的-首页-->
<!--客户详情-->
<template>
<view class="assemble">
<view class="main_box">
<view style="height: 20rpx;background: #29D3B4;"></view>
<view class="count_section">
<view class="main">
<view class="course_box">
<view class="course_box_top">
<view class="course_box_top_top">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="name">包子皮</view>
</view>
<view class="course_box_top_below">
<view class="course_box_top_below-left">
<view>08-30 14:25  跟进</view>
<view style="display: flex;align-items: center;" v-if="false">
<view style="padding-left: 30rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
<view style="display: flex;align-items: center;" v-if="true">
<view style="padding-left: 30rpx;">
<image src="@/static/images/index/intention3.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：高</view>
</view>
<view style="display: flex;align-items: center;" v-if="false">
<view style="padding-left: 30rpx;">
<image src="@/static/images/index/intention2.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：中</view>
</view>
</view>
<view class="course_box_top_below-right">
<view>
<image src="@/static/images/index/star.png" class="drop-image-star"></image>
</view>
<view class="title-x">重点关注</view>
</view>
</view>
</view>
<view class="course_box_centre"></view>
<view class="course_box_below">
<view :class="{'selected-text': switch_tags_type === 1, 'text': switch_tags_type !== 1}" @click="switch_tags(1)">基本资料</view>
<view :class="{'selected-text': switch_tags_type === 2, 'text': switch_tags_type !== 2}" @click="switch_tags(2)">跟进记录</view>
<view :class="{'selected-text': switch_tags_type === 3, 'text': switch_tags_type !== 3}" @click="switch_tags(3)">通话记录</view>
<view :class="{'selected-text': switch_tags_type === 4, 'text': switch_tags_type !== 4}" @click="switch_tags(4)">在籍客户</view>
</view>
</view>
</view>
<view class="bg_box bg_top"></view>
<view class="bg_box bg_bottom"></view>
</view>
<view class="basic-information" v-if="switch_tags_type == 1">
<view class="basic-message">基本信息</view>
<view class="basic-message-div">
<view class="basic-message-div-txt">
<view>客户编号</view>
<view>1254545</view>
</view>
<view class="basic-message-div-txt">
<view>年龄</view>
<view>12岁</view>
</view>
<view class="basic-message-div-txt">
<view>学校</view>
<view>幸福小学</view>
</view>
<view class="basic-message-div-txt">
<view>年级</view>
<view>小学 五年级</view>
</view>
<view class="basic-message-div-txt">
<view>班级</view>
<view>3班</view>
</view>
<view class="basic-message-div-txt">
<view>小区</view>
<view>幸福小区</view>
</view>
<view class="basic-message-div-txt">
<view>客户来源</view>
<view>地推</view>
</view>
<view class="basic-message-div-txt">
<view>客户归属</view>
<view>赵小刚 (已锁定，到期时间10/30)</view>
</view>
</view>
<view class="basic-message">
<view>联系人信息<span style="padding-left: 10rpx;color: #7F7F7F;">选中为客户首联系人</span></view>
<view style="color: #45C59F;font-size: 24rpx;">添加</view>
</view>
<view class="basic-message-div">
<view class="basic-message-div-txt">
<view>包念念</view>
<view>1888888888</view>
</view>
<view class="basic-message-div-txt">
<view>张铭行</view>
<view>1888888888</view>
</view>
</view>
<view class="basic-message">附加信息</view>
<view class="basic-message-div">
<view class="basic-message-div-txt">
<view>已成交次数</view>
<view>3次</view>
</view>
<view class="basic-message-div-txt">
<view>体验课程</view>
<view>1次</view>
</view>
<view class="basic-message-div-txt">
<view>客户标签</view>
<view>XXXX,XXXX,XXXX</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<view class="follow-records" v-if="switch_tags_type == 2">
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>跟进(电话)</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">客户对产品意向很高，但是希望价格能有优惠。</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2019-08-23 22:31</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>跟进(电话)</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">客户对产品意向很高，但是希望价格能有优惠。</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2019-08-23 22:31</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>跟进(电话)</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">客户对产品意向很高，但是希望价格能有优惠。</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2019-08-23 22:31</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<view class="call-log" v-if="switch_tags_type == 3">
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型：主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码：18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象：包念念</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型：主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码：18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象：包念念</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型：主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码：18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象：包念念</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<view class="registered-clients" v-if="switch_tags_type == 4">
<view class="search">
<view :class="{'selected': select_type === 1, 'not-selected': select_type !== 1}" @click="getSelect(1)">全部(320)</view>
<view :class="{'selected': select_type === 2, 'not-selected': select_type !== 2}" @click="getSelect(2)">同校(8)</view>
<view :class="{'selected': select_type === 3, 'not-selected': select_type !== 3}" @click="getSelect(3)">同班(15)</view>
<view :class="{'selected': select_type === 4, 'not-selected': select_type !== 4}" @click="getSelect(4)">同小区(12)</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="true">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="false">
同小区
</view>
<view class="coeducation" v-if="true">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="false">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="true">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="true">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="true">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<view class="bottom-label">
<view>写作跟进</view>
<view>新建任务</view>
<view>拨打电话</view>
<view>更多操作</view>
</view>
</view>
</view>
<view class="assemble">
<view class="main_box">
<view style="height: 20rpx;background: #29D3B4;"></view>
<view class="count_section">
<view class="main">
<view class="course_box">
<view class="course_box_top">
<view class="course_box_top_top">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="name">{{ clientInfo.student_name }}</view>
</view>
<view class="course_box_top_below">
<view class="course_box_top_below-left">
<view>08-30 14:25 跟进</view>
<view style="display: flex;align-items: center;" v-if="false">
<view style="padding-left: 30rpx;">
<image src="@/static/images/index/intention1.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：低</view>
</view>
<view style="display: flex;align-items: center;" v-if="true">
<view style="padding-left: 30rpx;">
<image src="@/static/images/index/intention3.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：高</view>
</view>
<view style="display: flex;align-items: center;" v-if="false">
<view style="padding-left: 30rpx;">
<image src="@/static/images/index/intention2.png" class="drop-image-x"></image>
</view>
<view class="title-x">意向：中</view>
</view>
</view>
<view class="course_box_top_below-right">
<view>
<image src="@/static/images/index/star.png" class="drop-image-star"></image>
</view>
<view class="title-x">重点关注</view>
</view>
</view>
</view>
<view class="course_box_centre"></view>
<view class="course_box_below">
<view :class="{'selected-text': switch_tags_type === 1, 'text': switch_tags_type !== 1}"
@click="switch_tags(1)">基本资料
</view>
<view :class="{'selected-text': switch_tags_type === 2, 'text': switch_tags_type !== 2}"
@click="switch_tags(2)">跟进记录
</view>
<view :class="{'selected-text': switch_tags_type === 3, 'text': switch_tags_type !== 3}"
@click="switch_tags(3)">通话记录
</view>
</view>
</view>
</view>
<view class="bg_box bg_top"></view>
<view class="bg_box bg_bottom"></view>
</view>
<!-- 基本资料-->
<view class="basic-information" v-if="switch_tags_type == 1">
<view class="basic-message">基本信息</view>
<view class="basic-message-div">
<view class="basic-message-div-txt">
<view>客户编号</view>
<view>1254545</view>
</view>
<view class="basic-message-div-txt">
<view>年龄</view>
<view>12岁</view>
</view>
<view class="basic-message-div-txt">
<view>学校</view>
<view>幸福小学</view>
</view>
<view class="basic-message-div-txt">
<view>年级</view>
<view>小学 五年级</view>
</view>
<view class="basic-message-div-txt">
<view>班级</view>
<view>3班</view>
</view>
<view class="basic-message-div-txt">
<view>小区</view>
<view>幸福小区</view>
</view>
<view class="basic-message-div-txt">
<view>客户来源</view>
<view>地推</view>
</view>
<view class="basic-message-div-txt">
<view>客户归属</view>
<view>赵小刚 (已锁定，到期时间10/30)</view>
</view>
</view>
<view class="basic-message">
<view>联系人信息<span style="padding-left: 10rpx;color: #7F7F7F;">选中为客户首联系人</span></view>
<view style="color: #45C59F;font-size: 24rpx;">添加</view>
</view>
<view class="basic-message-div">
<view class="basic-message-div-txt">
<view>包念念</view>
<view>1888888888</view>
</view>
<view class="basic-message-div-txt">
<view>张铭行</view>
<view>1888888888</view>
</view>
</view>
<view class="basic-message">附加信息</view>
<view class="basic-message-div">
<view class="basic-message-div-txt">
<view>已成交次数</view>
<view>3次</view>
</view>
<view class="basic-message-div-txt">
<view>体验课程</view>
<view>1次</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<!-- 跟进记录-->
<view class="follow-records" v-if="switch_tags_type == 2">
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>跟进(电话)</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">客户对产品意向很高，但是希望价格能有优惠。</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2019-08-23 22:31</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>跟进(电话)</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">客户对产品意向很高，但是希望价格能有优惠。</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2019-08-23 22:31</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>跟进(电话)</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">客户对产品意向很高，但是希望价格能有优惠。</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2019-08-23 22:31</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<!-- 通话记录-->
<view class="call-log" v-if="switch_tags_type == 3">
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型：主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码：18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象：包念念</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型：主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码：18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象：包念念</view>
</view>
</view>
<view>
<view class="basic-message">08-23</view>
<view class="follow-records-list">
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>赵小刚</view>
<view>2019-08-23 22:31</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫类型：主叫</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫号码：18888888888</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">呼叫对象：包念念</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<!-- 在籍客户-->
<view class="registered-clients" v-if="switch_tags_type == 4">
<view class="search">
<view :class="{'selected': select_type === 1, 'not-selected': select_type !== 1}" @click="getSelect(1)">
全部(320)
</view>
<view :class="{'selected': select_type === 2, 'not-selected': select_type !== 2}" @click="getSelect(2)">
同校(8)
</view>
<view :class="{'selected': select_type === 3, 'not-selected': select_type !== 3}" @click="getSelect(3)">
同班(15)
</view>
<view :class="{'selected': select_type === 4, 'not-selected': select_type !== 4}" @click="getSelect(4)">
同小区(12)
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="true">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="false">
同小区
</view>
<view class="coeducation" v-if="true">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="false">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="true">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="true">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="margin: 16rpx;">
<view class="follow-records-list">
<view class="same-community" v-if="true">
同小区
</view>
<view class="coeducation" v-if="false">
同校
</view>
<view class="coeducation" v-if="false">
同班
</view>
<view style="display: flex;justify-content: space-between;padding: 16rpx 16rpx 16rpx 60rpx;">
<view>包子皮</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;display: flex;justify-content: space-between;">
<view>合同联系人：包念念<span style="font-size: 20rpx;color: #a47332;padding-left: 12rpx;">妈妈</span></view>
<view>课程：课程名称1</view>
</view>
<view style="padding: 16rpx 16rpx 16rpx 60rpx;">2020-08-30 签单</view>
</view>
</view>
<view style="height: 200rpx;"></view>
</view>
<!-- 底部按钮组-->
<view class="bottom-label">
<view>添加跟进记录</view>
<view>拨打电话</view>
<view>转角跟进任务</view>
</view>
</view>
</view>
</template>
<script>
// import user from '@/api/user.js';
import marketApi from '@/api/market.js';
export default {
data() {
return {
formData: {},
switch_tags_type: 4,
switch_tags_type: 1,
select_type: 1,
id:'',//线索id
clientInfo:{},//客户详情
}
},
onLoad() {},
onLoad(options) {
this.id = options.id
},
onShow(){
this.init()
},
methods: {
async init(){
this.getInfo()
},
//获取客户详情
async getInfo(){
let data = {
id:this.id//线索id
}
let res = await marketApi.clientInfo(data)
if(res.code != 1){
uni.showToast({
title: res.msg,
icon: 'none'
})
return
}
this.clientInfo = res.data
},
//切换标签
switch_tags(type){
this.switch_tags_type = type

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

@ -23,19 +23,21 @@
style="height: 100vh;"
>
<view class="card" v-for="(v,k) in tableList" :key="k">
<view style="width: 70%;" @click="clue_info">
<view style="width: 70%;" @click="clue_info(v)">
<view style="display: flex;align-items: center;padding: 20rpx;">
<view>
<image src="@/static/images/index/myk.png" class="card-image"></image>
</view>
<view class="card-text">{{v.student_name}}</view>
<view class="card-label">{{v.is_status == 1 ? '试听' : '成交'}}</view>
<view class="card-text">{{ v.student_name }}</view>
<view class="card-label">{{ v.is_status == 1 ? '试听' : '成交' }}</view>
</view>
<view class="card-con">
首联系人：{{v.contact_name}} <span class="card-con-span">{{v.decision_maker}}</span>
首联系人：{{ v.contact_name }} <span class="card-con-span">{{ v.decision_maker }}</span>
</view>
<view class="card-date">
<view class="card-con">{{ $util.formatToDateTime((v.follow && v.follow.follow_up_time || ''),'m-d H:i') }} 跟进</view>
<view class="card-con">{{ $util.formatToDateTime((v.follow && v.follow.follow_up_time || ''), 'm-d H:i') }}
跟进
</view>
<view style="margin-left: 30rpx;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
@ -210,7 +212,7 @@ export default {
this.filteredData.limit = 10//每页返回数据条数
this.filteredData.total = 10//数据总条数
},
//获取列表
//获取我的客户列表
async getList(){
this.loading = true
@ -324,9 +326,11 @@ export default {
})
},
clue_info() {
//客户详情
clue_info(item) {
let id = item.id
uni.navigateTo({
url: '/pages/market/clue/clue_info'
url: `/pages/market/clue/clue_info?id=${id}`
})
},
}

Write Preview
Loading…
Cancel
Save