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.
 
 
 

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