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.
 
 
 

1246 lines
32 KiB

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