AI销管
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.
 
 
 
 

1227 lines
30 KiB

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