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.
 
 
 
 

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