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.
 
 
 

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