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.
 
 
 

1142 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.wordFraction||'--'}}</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: false,
  266. zixunArrow: true,
  267. jiedaiArrow: false,
  268. luyinArrow: false,
  269. visitArrow: false,
  270. xiaojiangArrow: true,
  271. markArrow: false,
  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: null,//标记顾问
  423. visitRecord: [],// 到访次数
  424. zixunVal: [],// 咨询业务
  425. wajueVal: [],// 需求挖掘
  426. xiaojiangVal:[],//销讲执行率
  427. jiedaiVal: [],// 接待时长
  428. validInvalid: null,// 录音标识
  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.join(','),//到访次数
  645. wordFractions: this.screen.wajueVal.join(','),//挖掘
  646. duractionNums: this.screen.jiedaiVal.join(','),//接待时长
  647. fractions: this.screen.xiaojiangVal.join(','),//销讲
  648. markAdvisor: this.screen.markAdvisor,//标记顾问
  649. dateType: dateType,//时间类型
  650. orderBy: this.orderBy==0?null:this.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.sortFilter = '排序';
  704. this.orderBy = null;
  705. this.arriveFilter = '到访时间';
  706. this.staTime = '';
  707. this.endTime = '';
  708. this.nextPage = 1;
  709. this.activeTotal = 5;
  710. this.recordList = [];
  711. this.counselorName = '接待顾问';
  712. this.visitList.map(i => {
  713. i.isShow = false
  714. })
  715. this.jiedaiList.map(i => {
  716. i.isShow = false
  717. })
  718. this.zixunList.map(i => {
  719. i.isShow = false
  720. })
  721. this.xiaojiangList.map(i => {
  722. i.isShow = false
  723. })
  724. this.nextPage = 1;
  725. this.recordList = [];
  726. this.getMyCustom();
  727. },
  728. //标记顾问
  729. screenvisitRecord(i) {
  730. console.log(i)
  731. if (this.screen.markAdvisor == i) {
  732. this.screen.markAdvisor = null
  733. } else {
  734. this.screen.markAdvisor = i
  735. }
  736. },
  737. // 录音标识
  738. screenvisivalidInvalid(i) {
  739. console.log(this.screen.validInvalid, i)
  740. if (this.screen.validInvalid == i) {
  741. this.screen.validInvalid = null
  742. } else {
  743. this.screen.validInvalid = i
  744. }
  745. },
  746. //咨询业务
  747. screenzixunClick(i) {
  748. console.log(this.screen.zixunVal, i)
  749. if (this.screen.zixunVal == i) {
  750. this.screen.zixunVal = null
  751. } else {
  752. this.screen.zixunVal = i
  753. }
  754. },
  755. // 需求挖掘选择
  756. screenwajueValClick(i) {
  757. // console.log(this.screen.wajueVal, i)
  758. if (this.screen.wajueVal == i) {
  759. this.screen.wajueVal = null
  760. } else {
  761. this.screen.wajueVal = i
  762. }
  763. },
  764. screensure() {
  765. this.screenShow = false;
  766. this.recordList = [];
  767. this.nextPage = 1;
  768. this.isRefresh = false;
  769. this.getMyCustom();
  770. },
  771. goSearch() {
  772. uni.navigateTo({
  773. url: '/pages/center/records/recordSearch'
  774. });
  775. },
  776. },
  777. }
  778. </script>
  779. <style lang="scss" scoped>
  780. .box {
  781. width: 100%;
  782. height: 100%;
  783. background: #F8F8F8;
  784. }
  785. .count {
  786. width: 100%;
  787. height: 60rpx;
  788. display: flex;
  789. align-items: center;
  790. justify-content: center;
  791. background-color: #fff;
  792. text {
  793. color: #F71616;
  794. }
  795. }
  796. .timeview {
  797. height: 80rpx;
  798. line-height: 80rpx;
  799. width: 100%;
  800. text-align: center;
  801. border-bottom: 1px solid #F8F8F8;
  802. }
  803. //时间切换的样式
  804. .boxtittab {
  805. position: sticky;
  806. top: var(--window-top);
  807. z-index: 999;
  808. width: 100;
  809. height: 92rpx;
  810. background: #FFFFFF;
  811. border-bottom: 1px solid #E0E0E0;
  812. display: flex;
  813. align-items: center;
  814. .tabbox {
  815. flex: 1;
  816. height: 100%;
  817. text-align: center;
  818. line-height: 92rpx;
  819. color: #666666;
  820. font-size: 28rpx;
  821. overflow: hidden;
  822. text-overflow: ellipsis;
  823. display: -webkit-box;
  824. /* 将对象作为弹性伸缩盒子模型显示 */
  825. -webkit-line-clamp: 1;
  826. /* 控制最多显示几行 */
  827. -webkit-box-orient: vertical;
  828. /* 设置或检索伸缩盒对象的子元素的排列方式 */
  829. }
  830. }
  831. .search-box {
  832. width: 100%;
  833. height: 102rpx;
  834. background: #FFFFFF;
  835. display: flex;
  836. align-items: center;
  837. justify-content: center;
  838. .search {
  839. width: 94%;
  840. height: 70rpx;
  841. display: flex;
  842. align-items: center;
  843. background: #F8F8F8;
  844. border-radius: 33rpx;
  845. .search-img {
  846. width: 26rpx;
  847. height: 30rpx;
  848. margin-left: 20rpx;
  849. .search-img1 {
  850. width: 100%;
  851. height: 100%;
  852. margin-top: 2rpx;
  853. }
  854. }
  855. .search-text {
  856. font-size: 28rpx;
  857. font-weight: 400;
  858. color: #999999;
  859. margin-left: 10rpx;
  860. }
  861. }
  862. .search-screen {
  863. width: 40rpx;
  864. height: 40rpx;
  865. margin-left: 30rpx;
  866. .search-screen1 {
  867. width: 100%;
  868. height: 100%;
  869. }
  870. }
  871. }
  872. .content {
  873. .content-tips {
  874. background: #fff;
  875. box-sizing: border-box;
  876. overflow: hidden;
  877. margin-top: 20rpx;
  878. padding: 30rpx;
  879. .content-first {
  880. display: flex;
  881. justify-content: space-between;
  882. .left {
  883. display: flex;
  884. align-items: center;
  885. .img {
  886. width: 52rpx;
  887. height: 52rpx;
  888. background: #FFFFFF;
  889. border: 1px solid #C9C9C9;
  890. border-radius: 50%;
  891. text-align: center;
  892. line-height: 52rpx;
  893. }
  894. .name {
  895. font-weight: 600;
  896. color: #333333;
  897. margin-right: 10rpx;
  898. }
  899. .status {
  900. width: 110rpx;
  901. height: 42rpx;
  902. background: #FFF9F5;
  903. border-radius: 4rpx;
  904. font-size: 26rpx;
  905. font-weight: 400;
  906. color: #EC8D49;
  907. line-height: 42rpx;
  908. text-align: center;
  909. margin: 0 10rpx;
  910. }
  911. .normal-status{
  912. color:red;
  913. }
  914. }
  915. .right {
  916. display: flex;
  917. margin-top: 11rpx;
  918. .point {
  919. width: 12rpx;
  920. height: 12rpx;
  921. background: #2B6EFF;
  922. border-radius: 50%;
  923. margin-right: 9rpx;
  924. margin-top: 16rpx;
  925. }
  926. }
  927. }
  928. .content-sec {
  929. display: flex;
  930. justify-content: space-between;
  931. margin: 24rpx 0;
  932. .left {
  933. flex: 1;
  934. height: 40rpx;
  935. font-size: 28rpx;
  936. font-family: PingFangSC-Medium, PingFang SC;
  937. font-weight: 500;
  938. color: #333333;
  939. line-height: 40rpx;
  940. }
  941. .right{
  942. flex: 1;
  943. height: 40rpx;
  944. font-size: 28rpx;
  945. font-family: PingFangSC-Regular, PingFang SC;
  946. font-weight: 400;
  947. color: #333333;
  948. line-height: 40rpx;
  949. text-align: right;
  950. }
  951. }
  952. .content-time {
  953. font-size: 28rpx;
  954. font-family: PingFangSC-Regular, PingFang SC;
  955. font-weight: 400;
  956. color: #333333;
  957. line-height: 40rpx;
  958. padding: 20rpx 0 24rpx;
  959. border-bottom: 1px solid #E0E0E0;
  960. }
  961. .content-last {
  962. display: flex;
  963. justify-content: space-around;
  964. .cont-item{
  965. display: flex;
  966. flex-direction: column;
  967. align-items: center;
  968. justify-content: center;
  969. .count{
  970. height: 42rpx;
  971. font-size: 30rpx;
  972. font-family: PingFangSC-Regular, PingFang SC;
  973. font-weight: 400;
  974. color: #000000;
  975. line-height: 42rpx;
  976. margin-bottom: 16rpx;
  977. }
  978. .text{
  979. height: 32rpx;
  980. font-size: 24rpx;
  981. font-family: PingFangSC-Regular, PingFang SC;
  982. font-weight: 400;
  983. color: #666666;
  984. line-height: 32rpx;
  985. }
  986. }
  987. }
  988. }
  989. }
  990. // 这是弹出层
  991. .screen {
  992. width: 750rpx;
  993. .screen-counselor {
  994. display: flex;
  995. height: 106rpx;
  996. padding: 0 30rpx;
  997. box-sizing: border-box;
  998. border-bottom: 1px solid #EEEEEE;
  999. .screen-text {
  1000. margin: 40rpx 0 36rpx 0;
  1001. font-size: 30rpx;
  1002. font-weight: 400;
  1003. color: #333333;
  1004. line-height: 30rpx;
  1005. }
  1006. .screen-sel {
  1007. display: flex;
  1008. justify-content: space-between;
  1009. width: 500rpx;
  1010. margin-left: 60rpx;
  1011. .screen-sel-img {
  1012. margin: 40rpx 0 36rpx 0;
  1013. width: 14rpx;
  1014. height: 30rpx;
  1015. }
  1016. .screen-inp {
  1017. margin-top: 20rpx;
  1018. }
  1019. }
  1020. }
  1021. .screen-record {
  1022. overflow: hidden;
  1023. padding: 0 30rpx;
  1024. box-sizing: border-box;
  1025. border-bottom: 1px solid #e0e0e0;
  1026. .screen-record-text {
  1027. padding: 30rpx 0;
  1028. font-size: 30rpx;
  1029. font-weight: 400;
  1030. color: #333333;
  1031. line-height: 30rpx;
  1032. display: flex;
  1033. align-items: center;
  1034. justify-content: space-between;
  1035. .arrow{
  1036. width: 30rpx;
  1037. height: 14rpx;
  1038. }
  1039. }
  1040. .screen-record-tab {
  1041. margin-top: 30rpx;
  1042. padding-bottom: 10rpx;
  1043. display: flex;
  1044. flex-wrap: wrap;
  1045. .screen-record-item{
  1046. min-width: 150rpx;
  1047. padding: 0 14rpx;
  1048. height: 60rpx;
  1049. border-radius: 8rpx;
  1050. text-align: center;
  1051. line-height: 60rpx;
  1052. margin: 0 22rpx 22rpx 0;
  1053. &:nth-child(4n){
  1054. margin-right: 0;
  1055. }
  1056. }
  1057. .screen-record-chose {
  1058. background: #F1F6FD;
  1059. color: #2671E2;
  1060. }
  1061. .screen-record-nochose {
  1062. background: #F7F8FA;
  1063. color: #333;
  1064. }
  1065. }
  1066. }
  1067. .screen-foot {
  1068. width: 100%;
  1069. height: 78rpx;
  1070. display: flex;
  1071. margin: 30rpx 30rpx 0;
  1072. .screen-foot-reset {
  1073. width: 176rpx;
  1074. height: 78rpx;
  1075. line-height: 78rpx;
  1076. background: #FFFFFF;
  1077. border-radius: 8rpx;
  1078. border: 1px solid #2671E2;
  1079. margin-right: 30rpx;
  1080. font-size: 30rpx;
  1081. font-family: PingFangSC-Regular, PingFang SC;
  1082. font-weight: 400;
  1083. color: #2671E2;
  1084. text-align: center;
  1085. }
  1086. .screen-foot-sure {
  1087. width: 484rpx;
  1088. height: 78rpx;
  1089. line-height: 78rpx;
  1090. background: #2671E2;
  1091. border: 1px solid #2671E2;
  1092. border-radius: 8rpx;
  1093. font-size: 30rpx;
  1094. font-family: PingFangSC-Regular, PingFang SC;
  1095. font-weight: 400;
  1096. color: #FFFFFF;
  1097. text-align: center;
  1098. }
  1099. }
  1100. }
  1101. </style>