Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 

1240 linhas
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. if (res == null) {
  646. setTimeout(function() {
  647. uni.hideLoading();
  648. }, 2000);
  649. uni.showToast({
  650. icon: "none",
  651. title: "暂无音频"
  652. })
  653. return
  654. } else {
  655. setTimeout(function() {
  656. uni.hideLoading();
  657. }, 2000);
  658. let newobj = res[0];
  659. if (res[0].merge == 0) {
  660. uni.navigateTo({
  661. url: `/pages/mine/details2?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"2"}&wordFraction=${item.wordFraction}`
  662. })
  663. } else {
  664. uni.navigateTo({
  665. url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"1"}`
  666. })
  667. }
  668. }
  669. })
  670. }
  671. },
  672. // 获取接待记录列表
  673. getRecordsList() {
  674. this.screen.visitRecord = []
  675. this.screen.jiedaiVal = []
  676. this.screen.wajueVal = []
  677. this.screen.xiaojiangVal = []
  678. let dateType = 0;
  679. if ((this.activeTotal == 15) || (this.activeTotal == 4)) { // 选择全部和自定义
  680. dateType = null;
  681. } else {
  682. dateType = this.activeTotal;
  683. this.staTime = ''
  684. this.endTime = ''
  685. }
  686. // 到访次数
  687. this.visitList.forEach(i => {
  688. if (i.isShow) this.screen.visitRecord.push(i.value)
  689. })
  690. // 接待时长
  691. this.jiedaiList.forEach(i => {
  692. if (i.isShow) this.screen.jiedaiVal.push(i.value)
  693. })
  694. // 需求挖掘
  695. this.wajueList.forEach(i => {
  696. if (i.isShow) this.screen.wajueVal.push(i.value)
  697. })
  698. // 销讲执行率
  699. this.xiaojiangList.forEach(i => {
  700. if (i.isShow) this.screen.xiaojiangVal.push(i.value)
  701. })
  702. var parames = {
  703. pageNum: this.nextPage,
  704. pageSize: 10,
  705. query: {
  706. projectId: this.buildingID,
  707. keywordsId: this.keywordsId,
  708. staTime: this.staTime, // 接待时间
  709. endTime: this.endTime, // 接待时间
  710. agentId: this.screen.agentId, // 顾问ID
  711. visitRecordNum: this.screen.visitRecord.length ? this.screen.visitRecord.join(',') : '', //到访次数
  712. wordFractions: this.screen.wajueVal.length ? this.screen.wajueVal.join(',') : '', //挖掘
  713. duractionNums: this.screen.jiedaiVal.length ? this.screen.jiedaiVal.join(',') : '', //接待时长
  714. fractions: this.screen.xiaojiangVal.length ? this.screen.xiaojiangVal.join(',') : '', //销讲
  715. markAdvisor: this.screen.markAdvisor, //标记顾问
  716. dateType: dateType, //时间类型
  717. orderBy: this.screen.orderBy == '' ? '' : this.screen.orderBy, //排序
  718. validInvalid: this.screen.validInvalid, //录音标识
  719. clientStage: this.screen.clientStage, // 客户阶段
  720. recording: this.screen.validInvalid == 2 ? 0 : null // 录音
  721. }
  722. };
  723. let ars = []
  724. this.templateList.forEach(item => {
  725. if (item.isShow) {
  726. ars.push(item.id)
  727. }
  728. })
  729. parames.query.marketingBusiness = ars.join(',')
  730. if (this.screen.agentId) {
  731. parames.query.agentId = this.screen.agentId
  732. }
  733. this.$u.post("/customer/findbypage", parames).then(data => {
  734. this.LOADING = false
  735. if (this.staTime && this.endTime) {
  736. this.arriveFilter = `${this.staTime}-${this.endTime}`
  737. }
  738. var list = data.results || [];
  739. if (this.isRefresh) {
  740. this.recordList = list;
  741. } else {
  742. this.recordList = [...this.recordList, ...list];
  743. }
  744. this.totalRecord = data.totalPage;
  745. this.totalRecords = data.totalRecord;
  746. }).catch(e => {
  747. this.LOADING = false
  748. })
  749. },
  750. //获取顾问列表
  751. getFreeList() {
  752. if (this.userInfo.dataCode == 6) { // 顾问角色登录时只显示自己
  753. this.freeList = [{
  754. label: this.userInfo.name,
  755. value: this.userInfo.accountId
  756. }]
  757. } else {
  758. this.$u.post("/cusLvStatistics/selectAllAccountIdByHouseId", {
  759. houseId: this.buildingID
  760. }).then(res => {
  761. this.freeList = res;
  762. this.freeList.forEach(item => {
  763. item.label = item.name;
  764. item.value = item.accountId
  765. })
  766. this.freeList.unshift({
  767. label: '全部',
  768. value: ''
  769. })
  770. })
  771. }
  772. },
  773. actionSelectCallback(e) {
  774. this.screen.agentId = e[0].value;
  775. this.counselorName = e[0].label;
  776. this.recordList = [];
  777. this.nextPage = 1;
  778. this.isRefresh = false;
  779. this.getRecordsList();
  780. },
  781. reset() {
  782. this.screen.agentId = ''
  783. this.screen.jiedaiVal = ''
  784. this.screen.validInvalid = ''
  785. this.screen.markAdvisor = ''
  786. this.screen.orderBy = '';
  787. this.sortFilter = '排序';
  788. this.arriveFilter = '到访时间';
  789. this.staTime = '';
  790. this.endTime = '';
  791. this.nextPage = 1;
  792. this.activeTotal = 15;
  793. this.recordList = [];
  794. this.counselorName = '接待顾问';
  795. this.visitList.map(i => {
  796. i.isShow = false
  797. })
  798. this.jiedaiList.map(i => {
  799. i.isShow = false
  800. })
  801. this.wajueList.map(i => {
  802. i.isShow = false
  803. })
  804. this.xiaojiangList.map(i => {
  805. i.isShow = false
  806. })
  807. this.nextPage = 1;
  808. this.recordList = [];
  809. this.getRecordsList();
  810. },
  811. //标记顾问
  812. screenvisitRecord(i) {
  813. // console.log(i)
  814. if (this.screen.markAdvisor === i) {
  815. this.screen.markAdvisor = ''
  816. } else {
  817. this.screen.markAdvisor = i
  818. }
  819. },
  820. // 录音标识
  821. screenvisivalidInvalid(i) {
  822. // console.log(this.screen.validInvalid, i)
  823. if (this.screen.validInvalid === i) {
  824. this.screen.validInvalid = ''
  825. } else {
  826. this.screen.validInvalid = i
  827. }
  828. },
  829. screensure() {
  830. this.screenShow = false;
  831. this.recordList = [];
  832. this.nextPage = 1;
  833. this.isRefresh = false;
  834. this.getRecordsList();
  835. },
  836. goSearch() {
  837. uni.navigateTo({
  838. url: '/pages/center/records/recordSearch'
  839. });
  840. },
  841. },
  842. }
  843. </script>
  844. <style lang="scss" scoped>
  845. .box {
  846. width: 100%;
  847. height: 100%;
  848. background: #F8F8F8;
  849. }
  850. .count {
  851. width: 100%;
  852. height: 60rpx;
  853. display: flex;
  854. align-items: center;
  855. justify-content: center;
  856. background-color: #fff;
  857. text {
  858. color: #F71616;
  859. }
  860. }
  861. .timeview {
  862. height: 80rpx;
  863. line-height: 80rpx;
  864. width: 100%;
  865. text-align: center;
  866. border-bottom: 1px solid #F8F8F8;
  867. }
  868. //时间切换的样式
  869. .boxtittab {
  870. position: sticky;
  871. top: var(--window-top);
  872. z-index: 999;
  873. width: 100;
  874. height: 92rpx;
  875. background: #FFFFFF;
  876. border-bottom: 1px solid #E0E0E0;
  877. display: flex;
  878. align-items: center;
  879. .tabbox {
  880. flex: 1;
  881. height: 100%;
  882. text-align: center;
  883. line-height: 92rpx;
  884. color: #666666;
  885. font-size: 28rpx;
  886. overflow: hidden;
  887. text-overflow: ellipsis;
  888. display: -webkit-box;
  889. /* 将对象作为弹性伸缩盒子模型显示 */
  890. -webkit-line-clamp: 1;
  891. /* 控制最多显示几行 */
  892. -webkit-box-orient: vertical;
  893. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  894. }
  895. }
  896. .search-box {
  897. width: 100%;
  898. height: 102rpx;
  899. background: #FFFFFF;
  900. display: flex;
  901. align-items: center;
  902. justify-content: center;
  903. .search {
  904. width: 94%;
  905. height: 70rpx;
  906. display: flex;
  907. align-items: center;
  908. background: #F8F8F8;
  909. border-radius: 33rpx;
  910. .search-img {
  911. width: 26rpx;
  912. height: 30rpx;
  913. margin-left: 20rpx;
  914. .search-img1 {
  915. width: 100%;
  916. height: 100%;
  917. margin-top: 2rpx;
  918. }
  919. }
  920. .search-text {
  921. font-size: 28rpx;
  922. font-weight: 400;
  923. color: #999999;
  924. margin-left: 10rpx;
  925. }
  926. }
  927. .search-screen {
  928. width: 40rpx;
  929. height: 40rpx;
  930. margin-left: 30rpx;
  931. .search-screen1 {
  932. width: 100%;
  933. height: 100%;
  934. }
  935. }
  936. }
  937. .content {
  938. .content-tips {
  939. background: #fff;
  940. box-sizing: border-box;
  941. overflow: hidden;
  942. margin-top: 20rpx;
  943. padding: 30rpx;
  944. .content-first {
  945. display: flex;
  946. justify-content: space-between;
  947. .left {
  948. display: flex;
  949. align-items: center;
  950. .img {
  951. width: 52rpx;
  952. height: 52rpx;
  953. background: #FFFFFF;
  954. border: 1px solid #C9C9C9;
  955. border-radius: 50%;
  956. text-align: center;
  957. line-height: 52rpx;
  958. }
  959. .name {
  960. font-weight: 600;
  961. color: #333333;
  962. margin-right: 10rpx;
  963. font-size: 30rpx;
  964. }
  965. .status {
  966. width: 110rpx;
  967. height: 42rpx;
  968. background: #FFF9F5;
  969. border-radius: 4rpx;
  970. font-size: 26rpx;
  971. font-weight: 400;
  972. color: #EC8D49;
  973. line-height: 42rpx;
  974. text-align: center;
  975. margin: 0 10rpx;
  976. }
  977. .normal-status {
  978. color: red;
  979. }
  980. }
  981. .right {
  982. display: flex;
  983. margin-top: 11rpx;
  984. .point {
  985. width: 12rpx;
  986. height: 12rpx;
  987. background: #2B6EFF;
  988. border-radius: 50%;
  989. margin-right: 9rpx;
  990. margin-top: 16rpx;
  991. }
  992. }
  993. }
  994. .content-sec {
  995. display: flex;
  996. justify-content: space-between;
  997. margin: 24rpx 0;
  998. .left {
  999. flex-grow: 1;
  1000. height: 40rpx;
  1001. font-size: 28rpx;
  1002. font-family: PingFangSC-Medium, PingFang SC;
  1003. font-weight: 500;
  1004. color: #333333;
  1005. line-height: 40rpx;
  1006. }
  1007. .right {
  1008. flex-shrink: 0;
  1009. width: 340rpx;
  1010. height: 40rpx;
  1011. font-size: 28rpx;
  1012. font-family: PingFangSC-Regular, PingFang SC;
  1013. font-weight: 400;
  1014. color: #333333;
  1015. line-height: 40rpx;
  1016. text-align: right;
  1017. overflow: hidden;
  1018. white-space: nowrap;
  1019. text-overflow: ellipsis;
  1020. }
  1021. }
  1022. .content-time {
  1023. font-size: 28rpx;
  1024. font-family: PingFangSC-Regular, PingFang SC;
  1025. font-weight: 400;
  1026. color: #333333;
  1027. line-height: 40rpx;
  1028. padding: 20rpx 0 24rpx;
  1029. border-bottom: 1px solid #E0E0E0;
  1030. }
  1031. .content-last {
  1032. display: flex;
  1033. justify-content: space-around;
  1034. .cont-item {
  1035. display: flex;
  1036. flex-direction: column;
  1037. align-items: center;
  1038. justify-content: center;
  1039. .count {
  1040. height: 42rpx;
  1041. font-size: 30rpx;
  1042. font-family: PingFangSC-Regular, PingFang SC;
  1043. font-weight: 400;
  1044. color: #000000;
  1045. line-height: 42rpx;
  1046. margin-bottom: 16rpx;
  1047. }
  1048. .text {
  1049. height: 32rpx;
  1050. font-size: 24rpx;
  1051. font-family: PingFangSC-Regular, PingFang SC;
  1052. font-weight: 400;
  1053. color: #666666;
  1054. line-height: 32rpx;
  1055. }
  1056. }
  1057. }
  1058. }
  1059. }
  1060. // 这是弹出层
  1061. .screen {
  1062. width: 750rpx;
  1063. .screen-counselor {
  1064. display: flex;
  1065. height: 106rpx;
  1066. padding: 0 30rpx;
  1067. box-sizing: border-box;
  1068. border-bottom: 1px solid #EEEEEE;
  1069. .screen-text {
  1070. margin: 40rpx 0 36rpx 0;
  1071. font-size: 30rpx;
  1072. font-weight: 400;
  1073. color: #333333;
  1074. line-height: 30rpx;
  1075. }
  1076. .screen-sel {
  1077. display: flex;
  1078. justify-content: space-between;
  1079. width: 500rpx;
  1080. margin-left: 60rpx;
  1081. .screen-sel-img {
  1082. margin: 40rpx 0 36rpx 0;
  1083. width: 14rpx;
  1084. height: 30rpx;
  1085. }
  1086. .screen-inp {
  1087. margin-top: 20rpx;
  1088. }
  1089. }
  1090. }
  1091. .screen-record {
  1092. overflow: hidden;
  1093. padding: 0 30rpx;
  1094. box-sizing: border-box;
  1095. border-bottom: 1px solid #e0e0e0;
  1096. .screen-record-text {
  1097. padding: 30rpx 0;
  1098. font-size: 30rpx;
  1099. font-weight: 600;
  1100. color: #333333;
  1101. line-height: 30rpx;
  1102. display: flex;
  1103. align-items: center;
  1104. justify-content: space-between;
  1105. .arrow {
  1106. width: 30rpx;
  1107. height: 14rpx;
  1108. }
  1109. }
  1110. .screen-record-tab {
  1111. margin-top: 30rpx;
  1112. padding-bottom: 10rpx;
  1113. display: flex;
  1114. flex-wrap: wrap;
  1115. .screen-record-item {
  1116. min-width: 150rpx;
  1117. padding: 0 14rpx;
  1118. height: 60rpx;
  1119. border-radius: 8rpx;
  1120. text-align: center;
  1121. line-height: 60rpx;
  1122. margin: 0 22rpx 22rpx 0;
  1123. &:nth-child(4n) {
  1124. margin-right: 0;
  1125. }
  1126. }
  1127. .screen-record-chose {
  1128. background: #F1F6FD;
  1129. color: #2671E2;
  1130. }
  1131. .screen-record-nochose {
  1132. background: #F7F8FA;
  1133. color: #333;
  1134. }
  1135. }
  1136. }
  1137. .screen-foot {
  1138. width: 100%;
  1139. height: 78rpx;
  1140. display: flex;
  1141. margin: 30rpx 30rpx 0;
  1142. .screen-foot-reset {
  1143. width: 176rpx;
  1144. height: 78rpx;
  1145. line-height: 78rpx;
  1146. background: #FFFFFF;
  1147. border-radius: 8rpx;
  1148. border: 1px solid #2671E2;
  1149. margin-right: 30rpx;
  1150. font-size: 30rpx;
  1151. font-family: PingFangSC-Regular, PingFang SC;
  1152. font-weight: 400;
  1153. color: #2671E2;
  1154. text-align: center;
  1155. }
  1156. .screen-foot-sure {
  1157. width: 484rpx;
  1158. height: 78rpx;
  1159. line-height: 78rpx;
  1160. background: #2671E2;
  1161. border: 1px solid #2671E2;
  1162. border-radius: 8rpx;
  1163. font-size: 30rpx;
  1164. font-family: PingFangSC-Regular, PingFang SC;
  1165. font-weight: 400;
  1166. color: #FFFFFF;
  1167. text-align: center;
  1168. }
  1169. }
  1170. }
  1171. </style>