AI销管
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

1231 lines
29 KiB

  1. <template>
  2. <view class="box">
  3. <view style="flex-shrink: 0;">
  4. <view class="search-box">
  5. <view class="search" @click="goSearch">
  6. <view class="search-img">
  7. <image class="search-img1" src="../../../static/images/search.png" mode=""></image>
  8. </view>
  9. <view class="search-text">输入客户姓名/手机号</view>
  10. </view>
  11. <!-- <image @click="filterFun" class="filter" src="../../../static/images/filter.png" mode="" /> -->
  12. </view>
  13. </view>
  14. <!-- 选择器 -->
  15. <view class="boxtittab">
  16. <view class="tabbox" :class="{activeColor: sortFilter!=='排序'}" @click="tapsoltishow">
  17. {{ sortFilter }}
  18. <u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
  19. </view>
  20. <view class="tabbox" :class="{activeColor: arriveFilter!=='到访时间'}" @click="taptimeisshow">
  21. {{ arriveFilter }}
  22. <u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
  23. </view>
  24. <view class="tabbox" :class="{activeColor: receptionDuration!=='接待时长'}" @click="taptimetuisshow">
  25. {{ receptionDuration }}
  26. <u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
  27. </view>
  28. <view class="tabbox" @click="screenshow">
  29. 更多筛选<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
  30. </view>
  31. </view>
  32. <!-- 筛选后的数量 -->
  33. <view class="count" v-if="recordList.length > 0">
  34. 筛选结果:<text>{{totalRecords}} </text>条
  35. </view>
  36. <view class="content">
  37. <view v-if="recordList.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;">
  38. <view style="width: 100%;height: 100%;padding-top: 200rpx;">
  39. <view style="width: 100%;text-align: center;">
  40. <image style="width: 220rpx;height: 200rpx;"
  41. src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>
  42. </view>
  43. <view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>
  44. </view>
  45. </view>
  46. <view v-if="recordList.length" class="content-tips" v-for="(item,index) in recordList" :key='index'
  47. @click="gotoDetail(item.id)">
  48. <view class="content-first">
  49. <view class="left">
  50. <view class="test">{{item.name}}</view>
  51. <template v-if="item.level > 0">
  52. <view class="img" :class="colorName[item.level]">{{ item.level | levelText }}</view>
  53. </template>
  54. <view v-if="item.clientStageName" class="clientStageName">{{ item.clientStageName }}</view>
  55. </view>
  56. <view class="right">
  57. <image class="right-img" src="../../../static/images/arrow-right.png" mode=""></image>
  58. </view>
  59. </view>
  60. <view class="content-sec">
  61. <view class="content-sec-lab">
  62. 客户手机:<view class="content-sec-lab1">{{item.phone | phoneText}}</view>
  63. </view>
  64. <view class="content-sec-lab">
  65. 负责顾问:<view class="content-sec-lab1">{{item.agentName || ''}}</view>
  66. </view>
  67. <view class="content-sec-lab" style="line-height: 46rpx;">
  68. 客户意向:
  69. <text v-if="item.demand.cusSemanticWordsList==null">暂无</text>
  70. <template v-else>
  71. <block v-for="(che,ind) in item.demand.cusSemanticWordsList" :key='ind'>
  72. <view class="content-sec-tips" v-if="ind<=3">{{che.name}}</view>
  73. </block>
  74. </template>
  75. </view>
  76. <view class="content-sec-lab">
  77. 添加时间:<view class="content-sec-lab1">{{item.createTime | formatTime}}</view>
  78. </view>
  79. <view class="content-sec-num">
  80. <view>到访{{item.visitRecord || '--'}}次</view>
  81. <view>
  82. {{item.mm || '0'}}min/{{item.fraction || '0'}}%
  83. </view>
  84. </view>
  85. </view>
  86. <template v-if="permissions.commonly2">
  87. <view class="content-last">
  88. <!-- <view class="content-last-tab">
  89. <image src="/static/images/genjin-icon.png" mode="" />添加提醒</view>
  90. <view class="content-last-tab">
  91. <image src="/static/images/genjin-icon.png" mode="" />
  92. 打电话</view> -->
  93. <view class="content-last-tab" @click.stop="gotoFollowUp(item)">
  94. <image src="/static/images/genjin-icon.png" mode="" />
  95. 写跟进</view>
  96. </view>
  97. </template>
  98. </view>
  99. </view>
  100. <u-popup v-model="screenShow" mode="top">
  101. <view class="screen">
  102. <!-- 顾问选择 -->
  103. <view class="screen-counselor">
  104. <view class="screen-text">
  105. 所属顾问
  106. </view>
  107. <view class="screen-sel" @tap="selectshow = true">
  108. <input v-model="screen.agentIdtext" type="text" placeholder="请选择" class="screen-inp" disabled />
  109. <image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
  110. </view>
  111. </view>
  112. <view class="screen-counselor">
  113. <view class="screen-text">
  114. 客户标签
  115. </view>
  116. <view class="screen-sel" @tap="selectTipshow = true">
  117. <input v-model="screen.cunsumerTips" type="text" placeholder="请选择" class="screen-inp"
  118. disabled />
  119. <image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
  120. </view>
  121. </view>
  122. <!-- 录音标示 -->
  123. <view class="screen-record">
  124. <view class="screen-record-text">
  125. 客户等级
  126. </view>
  127. <view class="screen-record-tab">
  128. <block v-for="(item,index) in levelList" :key="index">
  129. <view :class="[item.isShow?'screen-record-chose':'screen-record-nochose']"
  130. @click="choiceLevel(index,item.value)">
  131. {{item.label}}
  132. </view>
  133. </block>
  134. </view>
  135. </view>
  136. <!-- 客户来源 -->
  137. <template v-if="list.length > 0">
  138. <view class="screen-record">
  139. <view class="screen-record-text">
  140. 客户来源
  141. </view>
  142. <view class="screen-record-tab">
  143. <block v-for="(item, index) in list" :key="index">
  144. <view @tap="sourceId = item.id; sourceIndex = index "
  145. :class="[sourceIndex == index ? 'screen-record-chose':'screen-record-nochose']">
  146. {{ item.sourceName }}
  147. </view>
  148. </block>
  149. </view>
  150. </view>
  151. </template>
  152. <view class="screen-record">
  153. <view class="screen-record-text">
  154. 到访次数
  155. </view>
  156. <view class="screen-record-tab">
  157. <block v-for="(item,index) in visitList" :key="index">
  158. <view :class="[item.isShow?'screen-record-chose':'screen-record-nochose']"
  159. @click="choice(index, item.value)">
  160. {{item.label}}
  161. </view>
  162. </block>
  163. <!-- <view :class="[screen.visitRecord==1?'screen-record-chose':'screen-record-nochose']"
  164. @click="screenvisitRecord(1)">
  165. 首次到访
  166. </view>
  167. <view :class="[screen.visitRecord==2?'screen-record-chose':'screen-record-nochose']"
  168. @click="screenvisitRecord(2)">
  169. 2次到访
  170. </view>
  171. <view :class="[screen.visitRecord==3?'screen-record-chose':'screen-record-nochose']"
  172. @click="screenvisitRecord(3)">
  173. 3次到访
  174. </view>
  175. <view :class="[screen.visitRecord==4?'screen-record-chose':'screen-record-nochose']"
  176. @click="screenvisitRecord(4)">
  177. 3次以上
  178. </view> -->
  179. </view>
  180. </view>
  181. <view class="screen-foot">
  182. <view class="screen-foot-reset" @click="reset">
  183. 重置
  184. </view>
  185. <view class="screen-foot-sure" @click="screensure">
  186. 确定
  187. </view>
  188. </view>
  189. </view>
  190. </u-popup>
  191. <!-- 选择顾问的选择框 -->
  192. <u-select v-model="selectshow" :list="freeList" @confirm="actionSelectCallback"></u-select>
  193. <!-- 客户标签 -->
  194. <u-select v-model="selectTipshow" :list="findKeywordsList" @confirm="selectCallback"></u-select>
  195. <u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>
  196. <u-popup v-model="timeshow" mode="bottom">
  197. <view class="timeview" :style="{ color: activeTotal == 5 ? '#2B6EFF' : '#333333' }"
  198. @click="tabtimetap(5, '到访时间')">
  199. 全部</view>
  200. <view class="timeview" :style="{ color: activeTotal == 0 ? '#2B6EFF' : '#333333' }"
  201. @click="tabtimetap(0, '今天')">
  202. 今天</view>
  203. <view class="timeview" :style="{ color: activeTotal == 1 ? '#2B6EFF' : '#333333' }"
  204. @click="tabtimetap(1, '昨天')">
  205. 昨天</view>
  206. <view class="timeview" :style="{ color: activeTotal == 2 ? '#2B6EFF' : '#333333' }"
  207. @click="tabtimetap(2, '近7天')">
  208. 近7天</view>
  209. <view class="timeview" :style="{ color: activeTotal == 3 ? '#2B6EFF' : '#333333' }"
  210. @click="tabtimetap(3, '近30天')">
  211. 近30天</view>
  212. <view class="timeview" :style="{ color: activeTotal == 4 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(4)">
  213. 自定义</view>
  214. </u-popup>
  215. <u-popup v-model="timetushow" mode="bottom">
  216. <view class="timeview" :style="{ color: activeTotal2 == 0 ? '#2B6EFF' : '#333333' }"
  217. @click="timetap(0, '接待时长')">全部
  218. </view>
  219. <view class="timeview" :style="{ color: activeTotal2 == 1 ? '#2B6EFF' : '#333333' }"
  220. @click="timetap(1, '0~15min')">
  221. 0~15min</view>
  222. <view class="timeview" :style="{ color: activeTotal2 == 2 ? '#2B6EFF' : '#333333' }"
  223. @click="timetap(2, '15~30min')">
  224. 15~30min</view>
  225. <view class="timeview" :style="{ color: activeTotal2 == 3 ? '#2B6EFF' : '#333333' }"
  226. @click="timetap(3, '30~60min')">
  227. 30~60min</view>
  228. <view class="timeview" :style="{ color: activeTotal2 == 4 ? '#2B6EFF' : '#333333' }"
  229. @click="timetap(4, '60~90min')">
  230. 60~90min</view>
  231. <view class="timeview" :style="{ color: activeTotal2 == 5 ? '#2B6EFF' : '#333333' }"
  232. @click="timetap(5, '90min以上')">
  233. 90min以上</view>
  234. </u-popup>
  235. <u-popup v-model="soltishow" mode="bottom">
  236. <view class="soltishow" @tap.stop @touchmove.stop>
  237. <block v-for="(item, index) in orderBylist" :key="index">
  238. <view class="soltishow-item"
  239. :style="orderBy==item.value?'color: #2B6EFF':''" @click="selectCallback2(item)">
  240. {{ item.label }}
  241. </view>
  242. </block>
  243. </view>
  244. </u-popup>
  245. <!-- <u-select v-model="soltishow" :list="orderBylist" @confirm="selectCallback2"></u-select> -->
  246. <!-- 底部导航栏 -->
  247. <!-- <u-tabbar :mid-button="true" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList">
  248. </u-tabbar> -->
  249. </view>
  250. </template>
  251. <script>
  252. import tabbarList from '@/utils/tabbar.js'
  253. let _this
  254. export default {
  255. data() {
  256. return {
  257. // tabbar配置项
  258. current: 1,
  259. tabbarList: tabbarList,
  260. //--- end --- tabbar配置项
  261. orderBylist: [{
  262. label: '创建时间倒序',
  263. value: '1'
  264. },
  265. {
  266. label: '创建时间正序',
  267. value: '2'
  268. },
  269. {
  270. label: '接待时间倒序',
  271. value: '3'
  272. },
  273. {
  274. label: '接待时间正序',
  275. value: '4'
  276. },
  277. {
  278. label: '执行率正序',
  279. value: '5'
  280. },
  281. {
  282. label: '执行率倒序',
  283. value: '6'
  284. },
  285. {
  286. label: '接访次数正序',
  287. value: '7'
  288. },
  289. {
  290. label: '接访次数倒序',
  291. value: '8'
  292. },
  293. ],
  294. value: '',
  295. screenShow: false,
  296. selectshow: false,
  297. selectTipshow: false,
  298. buildingID: '',
  299. screen: {
  300. agentId: '',
  301. agentIdtext: '',
  302. visitRecord: [],
  303. record: [],
  304. cunsumerTips: '',
  305. cunsumerTipsid: '',
  306. },
  307. stageList: ['未知', '到访', '意向', '定金', '成交'],
  308. recordList: [],
  309. nextPage: 1,
  310. totalRecord: '',
  311. totalRecords: '', // 总条数
  312. freeList: [],
  313. userInfo: {},
  314. findKeywordsList: [],
  315. isnorefresh: '',
  316. activeTotal: 5,
  317. activeTotal2: 0,
  318. totalTimeShow: false,
  319. timeshow: false,
  320. timetushow: false,
  321. soltishow: false,
  322. staTime: '',
  323. endtime: '',
  324. orderBy: '', // 排序的id
  325. permissions: {
  326. commonly1: false,
  327. commonly2: false
  328. },
  329. list: [], // 客户来源列表
  330. sourceId: '', // 选中的客户来源id
  331. sourceIndex: -1, // 选中项的下标
  332. // 不同等级之间的颜色
  333. colorName: [
  334. '', "A", "B", "C", "D"
  335. ],
  336. // 筛选文字展示
  337. sortFilter: '排序',
  338. arriveFilter: '到访时间',
  339. receptionDuration: '接待时长',
  340. visitList: [{
  341. label: '首次到访',
  342. value: 1,
  343. isShow: false,
  344. }, {
  345. label: '2次到访',
  346. value: 2,
  347. isShow: false,
  348. }, {
  349. label: '3次到访',
  350. value: 3,
  351. isShow: false,
  352. }, {
  353. label: '3次以上',
  354. value: 4,
  355. isShow: false,
  356. }, ],
  357. levelList: [{
  358. label: 'A',
  359. value: 1,
  360. isShow: false,
  361. }, {
  362. label: 'B',
  363. value: 2,
  364. isShow: false,
  365. }, {
  366. label: 'C',
  367. value: 3,
  368. isShow: false,
  369. }, {
  370. label: 'D',
  371. value: 4,
  372. isShow: false,
  373. }, ],
  374. isRefresh: false
  375. }
  376. },
  377. onLoad(options) {
  378. // _this = this
  379. // this.isnorefresh = 'refresh';
  380. // this.userInfo = uni.getStorageSync("weapp_session_userInfo_data")
  381. // console.log(this.userInfo.showPhoneStatus)
  382. // if (this.isnorefresh == 'refresh') {
  383. // this.buildingID = uni.getStorageSync('buildingID').id;
  384. // this.nextPage = 1;
  385. // this.recordList = []
  386. // this.getFreeList()
  387. // this.getfindKeywordsList()
  388. // this.getFromSource();
  389. // this.isRefresh = false;
  390. // this.getMyCustom()
  391. // }
  392. },
  393. onPullDownRefresh() {
  394. this.nextPage = 1;
  395. this.isRefresh = true;
  396. this.resetFilter()
  397. this.reset()
  398. this.getFreeList()
  399. this.getfindKeywordsList()
  400. this.getFromSource();
  401. this.getMyCustom();
  402. setTimeout(() => {
  403. uni.stopPullDownRefresh()
  404. }, 2000)
  405. },
  406. onShow() {
  407. let newmenulist = uni.getStorageSync('weapp_session_Menu_data');
  408. this.permissions.commonly1 = newmenulist.khgl_ck;
  409. this.permissions.commonly2 = newmenulist.khgl_gj;
  410. _this = this
  411. this.isnorefresh = 'refresh';
  412. this.userInfo = uni.getStorageSync("weapp_session_userInfo_data")
  413. // console.log(this.userInfo.showPhoneStatus)
  414. this.nextPage = 1;
  415. this.$forceUpdate()
  416. this.recordList = []
  417. this.buildingID = uni.getStorageSync('buildingID').id;
  418. if (this.isnorefresh == 'refresh') {
  419. this.getFreeList()
  420. this.getfindKeywordsList()
  421. this.getFromSource();
  422. this.isRefresh = false;
  423. this.getMyCustom()
  424. } else {
  425. this.getMyCustom()
  426. }
  427. },
  428. onReachBottom() {
  429. if (this.totalRecord == this.nextPage) {
  430. uni.showToast({
  431. icon: 'none',
  432. title: '到底了',
  433. duration: 2000
  434. });
  435. return
  436. } else {
  437. this.isRefresh = false;
  438. this.nextPage = this.nextPage + 1;
  439. this.getMyCustom();
  440. }
  441. },
  442. methods: {
  443. filterFun(){
  444. },
  445. // 过滤
  446. resetFilter() {
  447. this.sortFilter = '排序';
  448. this.orderBy = null;
  449. this.arriveFilter = '到访时间';
  450. this.staTime = '';
  451. this.endtime = '';
  452. this.nextPage = 1;
  453. this.activeTotal = 5;
  454. this.recordList = [];
  455. this.receptionDuration = '接待时长';
  456. this.activeTotal2 = 0;
  457. },
  458. // 获取客户来源
  459. getFromSource() {
  460. this.$u.get('customer/findCustomerSourceList', {
  461. houseId: this.buildingID
  462. }).then(res => {
  463. console.log('我进来了')
  464. this.list = res
  465. })
  466. },
  467. tapsoltishow() {
  468. this.soltishow = true;
  469. },
  470. taptimetuisshow() {
  471. this.timetushow = true;
  472. },
  473. taptimeisshow() {
  474. this.timeshow = true;
  475. },
  476. //选择标签
  477. selectCallback2(e) {
  478. this.sortFilter = e.label;
  479. this.orderBy = e.value;
  480. this.nextPage = 1;
  481. this.recordList = [];
  482. this.soltishow = false
  483. this.isRefresh = false;
  484. this.getMyCustom();
  485. },
  486. //选择录音时长
  487. timetap(index, text) {
  488. if (text) this.receptionDuration = text
  489. this.timetushow = false;
  490. this.activeTotal2 = index;
  491. this.nextPage = 1;
  492. this.recordList = [];
  493. this.isRefresh = false;
  494. this.getMyCustom();
  495. },
  496. //时间选择
  497. tabtimetap(index, text) {
  498. this.timeshow = false;
  499. if (text) this.arriveFilter = text
  500. if (index == 4) {
  501. this.totalTimeShow = true;
  502. } else {
  503. this.activeTotal = index;
  504. this.staTime = '';
  505. this.endtime = '';
  506. this.nextPage = 1;
  507. this.isRefresh = false;
  508. this.recordList = [];
  509. this.getMyCustom();
  510. }
  511. },
  512. //自定义时间
  513. totalTimeChange(e) {
  514. this.staTime = e.startDate;
  515. this.endtime = e.endDate;
  516. this.activeTotal = 4;
  517. this.nextPage = 1;
  518. this.recordList = [];
  519. this.isRefresh = false;
  520. this.arriveFilter = this.staTime + '-' + this.endtime
  521. this.getMyCustom();
  522. },
  523. recordclick(i) {
  524. if (this.screen.record == i) {
  525. this.screen.record = null
  526. } else {
  527. this.screen.record = i
  528. }
  529. },
  530. choice(index, e) {
  531. if (this.visitList[index].isShow == true) {
  532. this.visitList[index].isShow = false;
  533. for (var i = 0; i < this.screen.visitRecord.length; i++) {
  534. if (this.screen.visitRecord[i] === e) {
  535. this.screen.visitRecord.splice(i, 1);
  536. }
  537. }
  538. } else {
  539. this.visitList[index].isShow = true;
  540. console.log(this.screen)
  541. this.screen.visitRecord.push(e)
  542. }
  543. },
  544. choiceLevel(index, e) {
  545. if (this.levelList[index].isShow == true) {
  546. this.levelList[index].isShow = false;
  547. for (var i = 0; i < this.screen.record.length; i++) {
  548. if (this.screen.record[i] === e) {
  549. this.screen.record.splice(i, 1);
  550. }
  551. }
  552. } else {
  553. this.levelList[index].isShow = true;
  554. this.screen.record.push(e)
  555. }
  556. },
  557. screenvisitRecord(i) {
  558. if (this.screen.visitRecord == i) {
  559. this.screen.visitRecord = ''
  560. } else {
  561. this.screen.visitRecord = i
  562. }
  563. },
  564. // 客户详情
  565. gotoDetail(id) {
  566. if (this.permissions.commonly1 == true) {
  567. uni.navigateTo({
  568. url: `/pages/center/consumer/consumerDetail?id=${id}`
  569. })
  570. }
  571. },
  572. getMyCustom() {
  573. let dateType = 0;
  574. let recDurationInterval = 0;
  575. let orderBy = 0;
  576. if (this.activeTotal == 5) {
  577. dateType = null;
  578. } else if (this.activeTotal == 4) {
  579. dateType = null;
  580. } else {
  581. dateType = this.activeTotal;
  582. }
  583. if (this.activeTotal2 == 0) {
  584. recDurationInterval = null
  585. } else {
  586. recDurationInterval = this.activeTotal2
  587. }
  588. if (this.orderBy == 0) {
  589. orderBy = null;
  590. } else {
  591. orderBy = this.orderBy;
  592. }
  593. var parames = {
  594. pageNum: this.nextPage,
  595. pageSize: 10,
  596. query: {
  597. projectId: this.buildingID,
  598. keywordsId: this.screen.cunsumerTipsid,
  599. agentId: this.screen.agentId,
  600. dateType: dateType,
  601. staDate: this.staTime,
  602. endDate: this.endtime,
  603. recDurationInterval: recDurationInterval,
  604. orderBy: orderBy,
  605. sourceId: this.sourceId
  606. }
  607. };
  608. console.log(this.screen.visitRecord)
  609. if (this.screen.visitRecord.length > 0) {
  610. parames.query.visitRecords = this.screen.visitRecord.join(',');
  611. }
  612. if (this.screen.record.length > 0) {
  613. parames.query.level = this.screen.record.join(',');
  614. }
  615. this.$u.post("/customer/customerManagement", parames).then(data => {
  616. // if (this.staTime && this.endtime) {
  617. // this.receptionDuration = `${this.staTime}-${this.endtime}`
  618. // }
  619. var list = data.results || [];
  620. console.log(list)
  621. list.forEach(item => {
  622. if (item.demand.cusSemanticWordsList != null) {
  623. item.demand.cusSemanticWordsList.forEach(che => {
  624. if (che.isInterval == 0) {
  625. che.name = che.name + che.unit + '-' + che.endName + che.unit;
  626. }
  627. })
  628. }
  629. })
  630. if (this.isRefresh) {
  631. this.recordList = list;
  632. } else {
  633. this.recordList = [...this.recordList, ...list];
  634. }
  635. this.totalRecord = data.totalPage;
  636. this.totalRecords = data.totalRecord;
  637. })
  638. },
  639. //获取顾问列表
  640. getFreeList() {
  641. this.freeList = []
  642. this.$u.post("/cusLvStatistics/selectAllAccountIdByHouseId", {
  643. houseId: this.buildingID
  644. }).then(res => {
  645. this.freeList = res;
  646. this.freeList.forEach(item => {
  647. item.label = item.name;
  648. item.value = item.accountId
  649. })
  650. })
  651. },
  652. //获取客户标签
  653. getfindKeywordsList() {
  654. this.findKeywordsList = []
  655. this.$u.post("/customer/findKeywords", {
  656. houseId: this.buildingID
  657. }).then(res => {
  658. res.forEach(item => {
  659. if (item.isInterval == 0) {
  660. item.label = item.name + item.unit + '-' + item.endName + item.unit;
  661. } else {
  662. item.label = item.name
  663. }
  664. item.value = item.id;
  665. })
  666. this.findKeywordsList = res;
  667. })
  668. },
  669. // 筛选
  670. screenshow() {
  671. this.screenShow = true
  672. },
  673. //选择顾问
  674. actionSelectCallback(e) {
  675. this.screen.agentId = e[0].value;
  676. this.screen.agentIdtext = e[0].label;
  677. },
  678. //选择标签
  679. selectCallback(e) {
  680. this.screen.cunsumerTips = e[0].label;
  681. this.screen.cunsumerTipsid = e[0].value;
  682. },
  683. //重置
  684. reset() {
  685. this.screen = {
  686. agentId: '',
  687. agentIdtext: '',
  688. visitRecord: [],
  689. record: [],
  690. cunsumerTips: '',
  691. cunsumerTipsid: '',
  692. level: ''
  693. }
  694. this.visitList.map(i => {
  695. i.isShow = false
  696. })
  697. this.levelList.map(i => {
  698. i.isShow = false
  699. })
  700. this.nextPage = 1;
  701. this.recordList = [];
  702. this.sourceId = '';
  703. this.sourceIndex = -1;
  704. this.isRefresh = false;
  705. this.getMyCustom();
  706. },
  707. //筛选确认
  708. screensure() {
  709. this.nextPage = 1;
  710. this.recordList = [];
  711. this.screenShow = false;
  712. this.isRefresh = false;
  713. this.getMyCustom();
  714. },
  715. goSearch() {
  716. uni.navigateTo({
  717. url: '/pages/center/consumer/consumerSearch'
  718. });
  719. },
  720. gotoFollowUp(item) {
  721. uni.navigateTo({
  722. url: `/pages/center/consumer/newFollowup/newFollowup?id=${item.id}&level=${item.level}&clientStageName=${item.clientStageName}`
  723. })
  724. },
  725. },
  726. filters: {
  727. // 筛选等级展示文字
  728. levelText(level) {
  729. let str = '';
  730. switch (Number(level)) {
  731. case 1:
  732. str = "A"
  733. break;
  734. case 2:
  735. str = "B"
  736. break;
  737. case 3:
  738. str = "C"
  739. break;
  740. case 4:
  741. str = "D"
  742. break;
  743. default:
  744. str = ''
  745. break;
  746. }
  747. return str
  748. },
  749. // 加密手机
  750. phoneText(mobile) {
  751. if (!mobile) return '--'
  752. if (_this.userInfo.showPhoneStatus == 1) return mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
  753. else return mobile
  754. },
  755. // 格式化时间
  756. formatTime(time) {
  757. if (!time) return
  758. return time.substring(5, time.length)
  759. }
  760. }
  761. }
  762. </script>
  763. <style lang="scss" scoped>
  764. .box {
  765. width: 100vw;
  766. min-height: calc(100vh - var(--window-top));
  767. background: #F8F8F8;
  768. display: flex;
  769. flex-direction: column;
  770. .content {
  771. flex-grow: 1;
  772. }
  773. }
  774. .timeview {
  775. height: 90rpx;
  776. line-height: 90rpx;
  777. width: 100%;
  778. text-align: center;
  779. border-bottom: 1rpx solid #F8F8F8;
  780. }
  781. //时间切换的样式
  782. .boxtittab {
  783. position: sticky;
  784. top: var(--window-top);
  785. z-index: 999;
  786. width: 100;
  787. height: 72rpx;
  788. background: #FFFFFF;
  789. flex-shrink: 0;
  790. display: flex;
  791. align-items: center;
  792. .tabbox {
  793. flex: 1;
  794. height: 100%;
  795. text-align: center;
  796. line-height: 72rpx;
  797. color: #666666;
  798. font-size: 28rpx;
  799. overflow: hidden;
  800. text-overflow: ellipsis;
  801. display: -webkit-box;
  802. /* 将对象作为弹性伸缩盒子模型显示 */
  803. -webkit-line-clamp: 1;
  804. /* 控制最多显示几行 */
  805. -webkit-box-orient: vertical;
  806. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  807. }
  808. .activeColor{
  809. color: #2671E2;
  810. font-weight: bold;
  811. }
  812. }
  813. .soltishow {
  814. width: 100%;
  815. min-height: 40vh;
  816. .soltishow-item {
  817. width: 100%;
  818. height: 80rpx;
  819. display: flex;
  820. align-items: center;
  821. justify-content: center;
  822. }
  823. }
  824. .search-box {
  825. width: 100%;
  826. height: 102rpx;
  827. background: #FFFFFF;
  828. display: flex;
  829. align-items: center;
  830. justify-content: center;
  831. .filter{
  832. width: 40rpx;
  833. height: 40rpx;
  834. margin-left: 30rpx;
  835. }
  836. .search {
  837. width: 620rpx;
  838. height: 70rpx;
  839. display: flex;
  840. align-items: center;
  841. background: #F8F8F8;
  842. border-radius: 33rpx;
  843. .search-img {
  844. width: 26rpx;
  845. height: 30rpx;
  846. margin-left: 20rpx;
  847. .search-img1 {
  848. width: 100%;
  849. height: 100%;
  850. margin-top: 2rpx;
  851. }
  852. }
  853. .search-text {
  854. font-size: 28rpx;
  855. font-weight: 400;
  856. color: #999999;
  857. margin-left: 10rpx;
  858. }
  859. }
  860. .search-screen {
  861. width: 40rpx;
  862. height: 40rpx;
  863. margin-left: 30rpx;
  864. .search-screen1 {
  865. width: 100%;
  866. height: 100%;
  867. }
  868. }
  869. }
  870. .count {
  871. width: 100%;
  872. height: 82rpx;
  873. line-height: 82rpx;
  874. display: flex;
  875. align-items: center;
  876. justify-content: center;
  877. background-color: #f8f8f8;
  878. font-size: 30rpx;
  879. font-family: PingFangSC-Regular, PingFang SC;
  880. font-weight: 400;
  881. color: #333333;
  882. text {
  883. color: #E7483C;
  884. }
  885. }
  886. .content {
  887. .content-tips {
  888. background: #fff;
  889. margin-bottom: 20rpx;
  890. .content-first {
  891. padding: 19rpx 30rpx;
  892. display: flex;
  893. justify-content: space-between;
  894. align-items: center;
  895. box-sizing: border-box;
  896. color: #292929;
  897. height: 90rpx;
  898. font-size: 30rpx;
  899. .left {
  900. display: flex;
  901. align-items: center;
  902. .img {
  903. width: 48rpx;
  904. height: 48rpx;
  905. line-height: 48rpx;
  906. text-align: center;
  907. margin-right: 16rpx;
  908. background: #E6625B;
  909. border-radius: 6rpx;
  910. font-size: 28rpx;
  911. font-family: PingFangSC-Regular, PingFang SC;
  912. font-weight: 400;
  913. color: #FFFFFF;
  914. }
  915. .clientStageName {
  916. margin-right: 20rpx;
  917. padding: 0 16rpx;
  918. font-size: 28rpx;
  919. font-family: PingFangSC-Regular, PingFang SC;
  920. font-weight: 400;
  921. color: #FF981E;
  922. height: 48rpx;
  923. line-height: 48rpx;
  924. background: #FFFFFF;
  925. border-radius: 4rpx;
  926. border: 1rpx solid #FF981E;
  927. box-sizing: border-box;
  928. }
  929. .A {
  930. background: #E6625B;
  931. }
  932. .B {
  933. background: #FF981E;
  934. }
  935. .C {
  936. background: #F6BD16;
  937. }
  938. .D {
  939. background: #E6625B;
  940. }
  941. .test {
  942. height: 42rpx;
  943. font-size: 30rpx;
  944. font-family: PingFangSC-Medium, PingFang SC;
  945. font-weight: 500;
  946. color: #333333;
  947. line-height: 42rpx;
  948. margin-right: 16rpx;
  949. }
  950. }
  951. .right {
  952. display: flex;
  953. align-items: center;
  954. color: #2671E2;
  955. font-size: 30rpx;
  956. .right-img {
  957. margin: 5rpx 0 0 10rpx;
  958. width: 14rpx;
  959. height: 30rpx;
  960. }
  961. }
  962. }
  963. .content-sec {
  964. border-top: 1rpx solid #E0E0E0;
  965. padding: 0 28rpx 28rpx;
  966. position: relative;
  967. .content-sec-lab {
  968. margin-top: 28rpx;
  969. display: flex;
  970. font-size: 30rpx;
  971. font-weight: 400;
  972. color: #333;
  973. line-height: 42rpx;
  974. .content-sec-lab1 {
  975. color: #333333;
  976. }
  977. .content-sec-tips {
  978. padding: 0 20rpx;
  979. height: 48rpx;
  980. background: #F4F8FD;
  981. border-radius: 6rpx;
  982. max-width: 160rpx;
  983. text-align: center;
  984. line-height: 48rpx;
  985. overflow: hidden;
  986. text-overflow: ellipsis;
  987. white-space: nowrap;
  988. font-weight: 400;
  989. margin-right: 12rpx;
  990. box-sizing: border-box;
  991. font-size: 28rpx;
  992. font-family: PingFangSC-Regular, PingFang SC;
  993. color: #2671E2;
  994. }
  995. }
  996. .content-sec-num {
  997. position: absolute;
  998. width: 196rpx;
  999. height: 112rpx;
  1000. border-radius: 8rpx;
  1001. top: 28rpx;
  1002. right: 30rpx;
  1003. padding: 16rpx 20rpx;
  1004. background: #F4F8FD;
  1005. color: #2671E2;
  1006. line-height: 40rpx;
  1007. text-align: center;
  1008. }
  1009. }
  1010. .content-last {
  1011. display: flex;
  1012. justify-content: flex-end;
  1013. align-items: center;
  1014. padding-bottom: 30rpx;
  1015. .content-last-tab {
  1016. width: 214rpx;
  1017. height: 70rpx;
  1018. line-height: 70rpx;
  1019. background: #FFFFFF;
  1020. border-radius: 8rpx;
  1021. border: 1rpx solid #2671E2;
  1022. box-sizing: border-box;
  1023. font-family: PingFangSC-Regular, PingFang SC;
  1024. font-weight: 400;
  1025. color: #2671E2;
  1026. font-size: 30rpx;
  1027. margin-right: 30rpx;
  1028. display: flex;
  1029. align-items: center;
  1030. justify-content: center;
  1031. image{
  1032. width: 40rpx;
  1033. height: 40rpx;
  1034. margin-right: 12rpx;
  1035. }
  1036. }
  1037. }
  1038. }
  1039. }
  1040. // 这是弹出层
  1041. .screen {
  1042. // box-sizing: border-box;
  1043. // padding: 0 30rpx;
  1044. .screen-counselor {
  1045. display: flex;
  1046. height: 106rpx;
  1047. // padding: 40rpx 30rpx 36rpx 30rpx;
  1048. padding: 0 30rpx;
  1049. box-sizing: border-box;
  1050. border-bottom: 1px solid #E0E0E0;
  1051. .screen-text {
  1052. flex-shrink: 0;
  1053. margin: 40rpx 0 36rpx 0;
  1054. font-size: 30rpx;
  1055. font-weight: 400;
  1056. color: #333333;
  1057. line-height: 30rpx;
  1058. }
  1059. .screen-sel {
  1060. flex-grow: 1;
  1061. display: flex;
  1062. justify-content: flex-end;
  1063. align-items: center;
  1064. margin-left: 60rpx;
  1065. .screen-sel-img {
  1066. flex-shrink: 0;
  1067. margin: 40rpx 0 36rpx 0;
  1068. width: 14rpx;
  1069. height: 30rpx;
  1070. }
  1071. .screen-inp {
  1072. padding: 0 20rpx;
  1073. text-align: right;
  1074. }
  1075. }
  1076. }
  1077. .screen-record {
  1078. height: 192rpx;
  1079. // width: 100%;
  1080. overflow: hidden;
  1081. padding: 0 30rpx;
  1082. box-sizing: border-box;
  1083. border-bottom: 1px solid #E0E0E0;
  1084. .screen-record-text {
  1085. margin-top: 36rpx;
  1086. font-size: 30rpx;
  1087. font-weight: 400;
  1088. color: #333333;
  1089. line-height: 30rpx;
  1090. }
  1091. .screen-record-tab {
  1092. margin-top: 30rpx;
  1093. display: flex;
  1094. // justify-content: space-around;
  1095. .screen-record-chose {
  1096. width: 156rpx;
  1097. height: 60rpx;
  1098. background: #2671E2;
  1099. border-radius: 4rpx;
  1100. border: 1px solid #2671E2;
  1101. text-align: center;
  1102. line-height: 60rpx;
  1103. margin-right: 22rpx;
  1104. color: #FFFFFF;
  1105. }
  1106. .screen-record-nochose {
  1107. width: 156rpx;
  1108. height: 60rpx;
  1109. background: #FFFFFF;
  1110. border-radius: 4rpx;
  1111. border: 1px solid #C9C9C9;
  1112. text-align: center;
  1113. line-height: 60rpx;
  1114. margin-right: 22rpx;
  1115. }
  1116. }
  1117. }
  1118. .screen-foot {
  1119. width: 100%;
  1120. height: 88rpx;
  1121. display: flex;
  1122. .screen-foot-reset {
  1123. width: 50%;
  1124. text-align: center;
  1125. height: 88rpx;
  1126. line-height: 88rpx;
  1127. font-size: 30rpx;
  1128. font-weight: 400;
  1129. color: #666666;
  1130. }
  1131. .screen-foot-sure {
  1132. width: 50%;
  1133. text-align: center;
  1134. line-height: 88rpx;
  1135. height: 88rpx;
  1136. font-size: 30rpx;
  1137. font-weight: 400;
  1138. color: #FFFFFF;
  1139. background: #2671E2;
  1140. }
  1141. }
  1142. }
  1143. </style>