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.
 
 
 

766 lines
19 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. <view class="tabbox" @click="taptimeisshow">
  17. 接待时间<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
  18. </view>
  19. <view class="tabbox" @click="taptimetuisshow">
  20. 接待时长<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
  21. </view>
  22. <view class="tabbox" @click="tapsoltishow">
  23. 排序<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
  24. </view>
  25. <view class="tabbox" @click="screenshow">
  26. 更多筛选<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
  27. </view>
  28. </view>
  29. <view class="content">
  30. <view v-if="recordList.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;background: #FFFFFF;">
  31. <view style="width: 100%;padding-top: 200rpx;">
  32. <view style="width: 100%;text-align: center;">
  33. <image style="width: 220rpx;height: 200rpx;" src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>
  34. </view>
  35. <view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>
  36. </view>
  37. </view>
  38. <view v-if="recordList.length!=0" class="content-tips" v-for="(item,index) in recordList" :key='index' @click="tapThevisiting(item)">
  39. <view class="content-first">
  40. <view class="left">
  41. <!-- <view class="img">{{item.agentName.slice(0,1)}}</view> -->
  42. <view class="name">{{item.agentName}}</view>
  43. <view class="status" v-if="item.replaceReception==1">代接待</view>
  44. <view style="margin-left: 6rpx;margin-top: 11rpx;color: red;">{{item.receptionStatusName || ''}}</view>
  45. </view>
  46. <view class="right" v-if="item.recording!=0">
  47. <view style="margin-right: 6rpx;">{{item.validInvalidName||''}}</view>
  48. <view v-if="methodsisshow==true">
  49. <text style="color: red;" v-if="item.taboo==1">违禁接待</text>
  50. <text v-if="item.taboo==1"> |</text>
  51. </view>
  52. <!-- <view class="point"></view> -->
  53. <view v-if="item.markAdvisor==0" class="">未标记</view>
  54. <view v-if="item.markAdvisor==1" class="">已标记</view>
  55. </view>
  56. <view class="right" v-else>
  57. <view class="">无录音</view>
  58. </view>
  59. </view>
  60. <view class="content-sec">
  61. <view class="left">
  62. <view class="cus">客户:{{item.name || '--'}} |</view>
  63. <view class="arriveNum">第{{item.visitRecord || "--"}}次接待</view>
  64. </view>
  65. <view class="right">
  66. <!-- {{item.fraction || '0'}}% | {{item.fraction || '0'}}分 -->
  67. {{item.fraction || '0'}}%
  68. </view>
  69. </view>
  70. <view class="content-last">
  71. {{item.createTime}} | {{item.mm || '0'}} min
  72. </view>
  73. </view>
  74. </view>
  75. <u-popup v-model="screenShow" mode="top" height="780">
  76. <view class="screen">
  77. <!-- 顾问选择 -->
  78. <view class="screen-counselor">
  79. <view class="screen-text">
  80. 所属顾问
  81. </view>
  82. <view class="screen-sel" @click="selectshow = true">
  83. <u-input v-model="screen.counselorName" type="text" placeholder='请选择' class="screen-inp" disabled />
  84. <image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
  85. </view>
  86. </view>
  87. <view class="screen-record">
  88. <view class="screen-record-text">
  89. 录音标识
  90. </view>
  91. <view class="screen-record-tab">
  92. <view :class="[screen.validInvalid==0?'screen-record-chose':'screen-record-nochose']" @click="screenvisivalidInvalid(0)">
  93. 有效接待
  94. </view>
  95. <view :class="[screen.validInvalid==1?'screen-record-chose':'screen-record-nochose']" @click="screenvisivalidInvalid(1)">
  96. 无效接待
  97. </view>
  98. </view>
  99. </view>
  100. <view class="screen-record">
  101. <view class="screen-record-text">
  102. 标记顾问
  103. </view>
  104. <view class="screen-record-tab">
  105. <view :class="[screen.markAdvisor==1?'screen-record-chose':'screen-record-nochose']" @click="screenvisitRecord(1)">
  106. 标记
  107. </view>
  108. <view :class="[screen.markAdvisor==0?'screen-record-chose':'screen-record-nochose']" @click="screenvisitRecord(0)">
  109. 未标记
  110. </view>
  111. </view>
  112. </view>
  113. <view class="screen-record">
  114. <view class="screen-record-text">
  115. 到访次数
  116. </view>
  117. <view class="screen-record-tab">
  118. <view :class="[screen.visitRecord==1?'screen-record-chose':'screen-record-nochose']" @click="recordclick(1)">
  119. 首次到访
  120. </view>
  121. <view :class="[screen.visitRecord==2?'screen-record-chose':'screen-record-nochose']" @click="recordclick(2)">
  122. 2次到访
  123. </view>
  124. <view :class="[screen.visitRecord==3?'screen-record-chose':'screen-record-nochose']" @click="recordclick(3)">
  125. 3次到访
  126. </view>
  127. <view :class="[screen.visitRecord==4?'screen-record-chose':'screen-record-nochose']" @click="recordclick(4)">
  128. 3次以上
  129. </view>
  130. </view>
  131. </view>
  132. <view class="screen-foot">
  133. <view class="screen-foot-reset" @click="reset">
  134. 重置
  135. </view>
  136. <view class="screen-foot-sure" @click="screensure">
  137. 确定
  138. </view>
  139. </view>
  140. </view>
  141. </u-popup>
  142. <!-- 选择顾问的选择框 -->
  143. <u-select v-model="selectshow" :list="freeList" @confirm="actionSelectCallback"></u-select>
  144. <u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>
  145. <u-popup v-model="timeshow" mode="bottom">
  146. <view class="timeview" :style="{ color: activeTotal == 5 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(5)">全部</view>
  147. <view class="timeview" :style="{ color: activeTotal == 0 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(0)">今天</view>
  148. <view class="timeview" :style="{ color: activeTotal == 1 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(1)">昨天</view>
  149. <view class="timeview" :style="{ color: activeTotal == 2 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(2)">近7天</view>
  150. <view class="timeview" :style="{ color: activeTotal == 3 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(3)">近30天</view>
  151. <view class="timeview" :style="{ color: activeTotal == 4 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(4)">自定义</view>
  152. </u-popup>
  153. <u-popup v-model="timetushow" mode="bottom">
  154. <view class="timeview" :style="{ color: activeTotal2 == 0 ? '#2B6EFF' : '#333333' }" @click="timetap(0)">全部</view>
  155. <view class="timeview" :style="{ color: activeTotal2 == 1 ? '#2B6EFF' : '#333333' }" @click="timetap(1)">0~15min</view>
  156. <view class="timeview" :style="{ color: activeTotal2 == 2 ? '#2B6EFF' : '#333333' }" @click="timetap(2)">15~30min</view>
  157. <view class="timeview" :style="{ color: activeTotal2 == 3 ? '#2B6EFF' : '#333333' }" @click="timetap(3)">30~60min</view>
  158. <view class="timeview" :style="{ color: activeTotal2 == 4 ? '#2B6EFF' : '#333333' }" @click="timetap(4)">60~90min</view>
  159. <view class="timeview" :style="{ color: activeTotal2 == 5 ? '#2B6EFF' : '#333333' }" @click="timetap(5)">90min以上</view>
  160. </u-popup>
  161. <u-select v-model="soltishow" :list="orderBylist" @confirm="selectCallback2"></u-select>
  162. </view>
  163. </template>
  164. <script>
  165. export default{
  166. data(){
  167. return{
  168. orderBylist:[
  169. {label:'全部',value:'0'},
  170. {label:'创建时间倒序',value:'1'},
  171. {label:'创建时间正序',value:'2'},
  172. {label:'接待时间倒序',value:'3'},
  173. {label:'接待时间正序',value:'4'},
  174. {label:'执行率正序',value:'5'},
  175. {label:'执行率倒序',value:'6'},
  176. {label:'接访次数正序',value:'7'},
  177. {label:'接访次数倒序',value:'8'},
  178. ],
  179. activeTotal: 5,
  180. value:'',
  181. screenShow:false,
  182. selectshow:false,
  183. totalTimeShow: false,
  184. screen:{
  185. agentId:'',//顾问id
  186. record:'0',
  187. markAdvisor:null,
  188. visitRecord:null,
  189. validInvalid:null
  190. },
  191. freeList:[],//顾问
  192. recordList:[],
  193. buildingID:'',
  194. nextPage:1,
  195. totalRecord:"",
  196. staTime:'',
  197. endtime:'',
  198. isnorefresh:'',
  199. activeTotal2:0,
  200. timeshow:false,
  201. timetushow:false,
  202. soltishow:false,
  203. orderBy:'',
  204. methodsisshow:false,
  205. userInfo:{},
  206. }
  207. },
  208. onLoad(options) {
  209. this.isnorefresh=options.refresh;
  210. if(options.activeTotal){
  211. this.activeTotal=options.activeTotal
  212. }
  213. if(options.markAdvisor){
  214. this.screen.markAdvisor=options.markAdvisor
  215. }
  216. if(options.validInvalid){
  217. this.screen.validInvalid=options.validInvalid
  218. }
  219. if(options.staTime){
  220. this.staTime=options.staTime;
  221. this.endtime=options.endtime;
  222. }
  223. },
  224. onShow() {
  225. this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
  226. if(this.userInfo.dataCode==6 || this.userInfo.dataCode==3){
  227. this.methodsisshow=false;
  228. }else{
  229. this.methodsisshow=true;
  230. }
  231. if(this.isnorefresh=='refresh'){
  232. this.buildingID = uni.getStorageSync('buildingID').id;
  233. this.recordList=[];
  234. this.nextPage=1;
  235. this.getMyCustom()
  236. this.getFreeList();
  237. this.isnorefresh='';
  238. }
  239. },
  240. onReachBottom() {
  241. if(this.totalRecord==this.nextPage){
  242. uni.showToast({
  243. icon:'none',
  244. title: '到底了',
  245. duration: 2000
  246. });
  247. return
  248. }else{
  249. this.nextPage+=1;
  250. this.getMyCustom();
  251. }
  252. },
  253. methods:{
  254. tapsoltishow(){
  255. this.soltishow=true;
  256. },
  257. taptimetuisshow(){
  258. this.timetushow=true;
  259. },
  260. taptimeisshow(){
  261. this.timeshow=true;
  262. },
  263. //选择标签
  264. selectCallback2(e){
  265. this.orderBy=e[0].value;
  266. this.nextPage=1;
  267. this.recordList=[];
  268. this.getMyCustom();
  269. },
  270. //选择录音时长
  271. timetap(index){
  272. this.timetushow=false;
  273. this.activeTotal2=index;
  274. this.nextPage=1;
  275. this.recordList=[];
  276. this.getMyCustom();
  277. },
  278. //时间选择
  279. tabtimetap(index){
  280. this.timeshow=false;
  281. if (index == 4) {
  282. this.totalTimeShow = true;
  283. } else {
  284. this.activeTotal = index;
  285. this.staTime='';
  286. this.endtime='';
  287. this.nextPage=1;
  288. this.recordList=[];
  289. this.getMyCustom();
  290. }
  291. },
  292. //自定义时间
  293. totalTimeChange(e) {
  294. this.staTime=e.startDate;
  295. this.endtime=e.endDate;
  296. this.activeTotal=4;
  297. this.nextPage=1;
  298. this.recordList=[];
  299. this.getMyCustom();
  300. },
  301. tapThevisiting(item) {
  302. uni.showLoading({
  303. title: '加载中',
  304. mask:true
  305. });
  306. if(item.status==0){
  307. setTimeout(function () {
  308. uni.hideLoading();
  309. }, 2000);
  310. uni.showToast({
  311. icon: "none",
  312. title: "排队中"
  313. })
  314. return
  315. }else{
  316. const parames = {
  317. pageNum: 1,
  318. pageSize: 100,
  319. query: {
  320. customerId: item.id,
  321. }
  322. }
  323. var item={
  324. bg:0,
  325. customerId:item.id,
  326. }
  327. uni.setStorageSync("searchobj", item); //写入缓存
  328. uni.setStorageSync("entrance", 1); //写入缓存
  329. this.$u.post("/corpus/findByPage", parames).then(res => {
  330. if(res==null){
  331. setTimeout(function () {
  332. uni.hideLoading();
  333. }, 2000);
  334. uni.showToast({
  335. icon: "none",
  336. title: "暂无音频"
  337. })
  338. return
  339. }else{
  340. setTimeout(function () {
  341. uni.hideLoading();
  342. }, 2000);
  343. let newobj = res[0];
  344. if(res[0].merge==0){
  345. uni.navigateTo({
  346. url: `/pages/mine/details2?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"2"}`
  347. })
  348. }else{
  349. uni.navigateTo({
  350. url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"1"}`
  351. })
  352. }
  353. }
  354. })
  355. }
  356. },
  357. getMyCustom(){
  358. let dateType=0;
  359. let recDurationInterval=0;
  360. let orderBy=0;
  361. if(this.activeTotal==5){
  362. dateType=null;
  363. }else if(this.activeTotal==4){
  364. dateType=null;
  365. }else{
  366. dateType=this.activeTotal;
  367. }
  368. if(this.activeTotal2==0){
  369. recDurationInterval=null
  370. }else{
  371. recDurationInterval=this.activeTotal2
  372. }
  373. if(this.orderBy==0){
  374. orderBy=null;
  375. }else{
  376. orderBy=this.orderBy;
  377. }
  378. var parames = {
  379. pageNum: this.nextPage,
  380. pageSize: 10,
  381. query: {
  382. projectId:this.buildingID,
  383. time:1,
  384. staTime:this.staTime,
  385. endtime:this.endtime,
  386. visitRecord:this.screen.visitRecord,
  387. markAdvisor:this.screen.markAdvisor,
  388. dateType:dateType,
  389. recDurationInterval:recDurationInterval,
  390. orderBy:orderBy,
  391. validInvalid:this.screen.validInvalid
  392. }
  393. };
  394. if(this.screen.agentId){
  395. parames.query.agentId = this.screen.agentId
  396. }
  397. this.$u.post("/customer/findbypage", parames).then(data => {
  398. var list = data.results || [];
  399. this.recordList = [...this.recordList, ...list];
  400. this.totalRecord=data.totalPage;
  401. })
  402. },
  403. //获取顾问列表
  404. getFreeList() {
  405. this.$u.get("/zkAgentPool/freeList?itemId="+this.buildingID).then(res => {
  406. this.freeList = res;
  407. this.freeList.forEach(item=>{
  408. item.label=item.name;
  409. item.value=item.agentId
  410. })
  411. })
  412. },
  413. // 筛选
  414. screenshow(){
  415. this.screenShow=true
  416. },
  417. actionSelectCallback(e){
  418. this.screen.agentId=e[0].value;
  419. this.screenShow=false;
  420. this.recordList=[];
  421. this.nextPage=1;
  422. this.getMyCustom();
  423. },
  424. reset(){
  425. this.screen={
  426. counselorName:'',
  427. record:'0',
  428. markAdvisor:null,
  429. visitRecord:null,
  430. validInvalid:null
  431. }
  432. this.screenShow=false;
  433. this.nextPage=1;
  434. this.recordList=[];
  435. this.getMyCustom();
  436. },
  437. recordclick(i){
  438. if(this.screen.visitRecord==i){
  439. this.screen.visitRecord=null
  440. }else{
  441. this.screen.visitRecord=i
  442. }
  443. },
  444. screenvisitRecord(i){
  445. if(this.screen.markAdvisor==i){
  446. this.screen.markAdvisor=null
  447. }else{
  448. this.screen.markAdvisor=i
  449. }
  450. },
  451. screenvisivalidInvalid(i){
  452. console.log(this.screen.validInvalid,i)
  453. if(this.screen.validInvalid==i){
  454. this.screen.validInvalid=null
  455. }else{
  456. this.screen.validInvalid=i
  457. }
  458. },
  459. screensure(){
  460. this.screenShow=false;
  461. this.recordList=[];
  462. this.nextPage=1;
  463. this.getMyCustom();
  464. },
  465. goSearch(){
  466. uni.navigateTo({
  467. url: '/pages/center/records/recordSearch'
  468. });
  469. },
  470. },
  471. }
  472. </script>
  473. <style lang="scss" scoped>
  474. .box {
  475. width: 100%;
  476. height: 100%;
  477. background: #F8F8F8;
  478. }
  479. .timeview{
  480. height: 80rpx;
  481. line-height: 80rpx;
  482. width: 100%;
  483. text-align: center;
  484. border-bottom: 1px solid #F8F8F8;
  485. }
  486. //时间切换的样式
  487. .boxtittab {
  488. width: 100;
  489. height: 92rpx;
  490. background: #FFFFFF;
  491. border: 1px solid #E0E0E0;
  492. display: flex;
  493. align-items: center;
  494. .tabbox {
  495. flex: 1;
  496. height: 100%;
  497. text-align: center;
  498. line-height: 92rpx;
  499. color: #666666;
  500. font-size: 28rpx;
  501. }
  502. }
  503. .search-box{
  504. width: 100%;
  505. height: 102rpx;
  506. background: #FFFFFF;
  507. display: flex;
  508. align-items: center;
  509. justify-content: center;
  510. .search{
  511. width: 94%;
  512. height: 70rpx;
  513. display: flex;
  514. align-items: center;
  515. background: #F8F8F8;
  516. border-radius: 33rpx;
  517. .search-img{
  518. width: 26rpx;
  519. height: 30rpx;
  520. margin-left: 20rpx;
  521. .search-img1{
  522. width: 100%;
  523. height: 100%;
  524. margin-top: 2rpx;
  525. }
  526. }
  527. .search-text{
  528. font-size: 28rpx;
  529. font-weight: 400;
  530. color: #999999;
  531. margin-left:10rpx;
  532. }
  533. }
  534. .search-screen{
  535. width: 40rpx;
  536. height: 40rpx;
  537. margin-left: 30rpx;
  538. .search-screen1{
  539. width: 100%;
  540. height: 100%;
  541. }
  542. }
  543. }
  544. .content{
  545. .content-tips{
  546. background: #fff;
  547. padding: 0 20rpx;
  548. box-sizing: border-box;
  549. overflow: hidden;
  550. margin-top: 20rpx;
  551. .content-first{
  552. margin-top: 19rpx;
  553. display: flex;
  554. justify-content: space-between;
  555. .left{
  556. display: flex;
  557. .img{
  558. width: 52rpx;
  559. height: 52rpx;
  560. background: #FFFFFF;
  561. border: 1px solid #C9C9C9;
  562. border-radius: 50%;
  563. text-align: center;
  564. line-height: 52rpx;
  565. }
  566. .name{
  567. font-weight: 600;
  568. color: #333333;
  569. // margin-left: 20rpx;
  570. margin-top: 11rpx;
  571. }
  572. .status{
  573. width: 110rpx;
  574. height: 42rpx;
  575. background: #FFF9F5;
  576. border-radius: 4rpx;
  577. font-size: 26rpx;
  578. font-weight: 400;
  579. color: #EC8D49;
  580. line-height: 42rpx;
  581. text-align: center;
  582. margin-left: 19rpx;
  583. margin-top: 11rpx;
  584. }
  585. }
  586. .right{
  587. display: flex;
  588. margin-top: 11rpx;
  589. .point{
  590. width: 12rpx;
  591. height: 12rpx;
  592. background: #2B6EFF;
  593. border-radius: 50%;
  594. margin-right: 9rpx;
  595. margin-top: 16rpx;
  596. }
  597. }
  598. }
  599. .content-sec{
  600. display: flex;
  601. justify-content: space-between;
  602. margin-top: 19rpx;
  603. .left{
  604. display: flex;
  605. .cus{
  606. font-size: 30rpx;
  607. font-weight: 400;
  608. color: #666666;
  609. // line-height: 30rpx;
  610. }
  611. .arriveNum{
  612. font-size: 30rpx;
  613. font-weight: 400;
  614. // line-height: 30rpx;
  615. margin-left: 10rpx;
  616. }
  617. }
  618. .right{
  619. width: 120rpx;
  620. height: 46rpx;
  621. background: #F4F8FD;
  622. border-radius: 6rpx;
  623. text-align: center;
  624. line-height: 46rpx;
  625. font-weight: 400;
  626. color: #2671E2;
  627. }
  628. }
  629. .content-last{
  630. // margin: 30rpx 0;
  631. font-size: 30rpx;
  632. font-weight: 400;
  633. color: #666666;
  634. line-height: 30rpx;
  635. margin-top: 22rpx;
  636. margin-bottom: 30rpx;
  637. }
  638. }
  639. }
  640. // 这是弹出层
  641. .screen{
  642. // box-sizing: border-box;
  643. // padding: 0 30rpx;
  644. position:absolute;
  645. .screen-counselor{
  646. display: flex;
  647. height: 106rpx;
  648. // padding: 40rpx 30rpx 36rpx 30rpx;
  649. padding: 0 30rpx;
  650. box-sizing: border-box;
  651. border-bottom: 1px solid #EEEEEE;
  652. .screen-text{
  653. margin: 40rpx 0 36rpx 0;
  654. font-size: 30rpx;
  655. font-weight: 400;
  656. color: #333333;
  657. line-height: 30rpx;
  658. }
  659. .screen-sel{
  660. display: flex;
  661. justify-content: space-between;
  662. width: 500rpx;
  663. margin-left: 60rpx;
  664. .screen-sel-img{
  665. margin: 40rpx 0 36rpx 0;
  666. width: 14rpx;
  667. height: 30rpx;
  668. }
  669. .screen-inp{
  670. margin-top: 20rpx;
  671. }
  672. }
  673. }
  674. .screen-record{
  675. height: 192rpx;
  676. // width: 100%;
  677. overflow: hidden;
  678. padding: 0 30rpx;
  679. box-sizing: border-box;
  680. border-bottom: 1px solid #EEEEEE;
  681. .screen-record-text{
  682. margin-top: 36rpx;
  683. font-size: 30rpx;
  684. font-weight: 400;
  685. color: #333333;
  686. line-height: 30rpx;
  687. }
  688. .screen-record-tab{
  689. margin-top: 30rpx;
  690. display: flex;
  691. // justify-content: space-around;
  692. .screen-record-chose{
  693. width: 156rpx;
  694. height: 60rpx;
  695. background: #2671E2;
  696. border-radius: 4rpx;
  697. border: 1px solid #2671E2;
  698. text-align: center;
  699. line-height: 60rpx;
  700. margin-right: 22rpx;
  701. color: #FFFFFF;
  702. }
  703. .screen-record-nochose{
  704. width: 156rpx;
  705. height: 60rpx;
  706. background: #FFFFFF;
  707. border-radius: 4rpx;
  708. border: 1px solid #C9C9C9;
  709. text-align: center;
  710. line-height: 60rpx;
  711. margin-right: 22rpx;
  712. }
  713. }
  714. }
  715. .screen-foot{
  716. width: 100%;
  717. height: 100rpx;
  718. display: flex;
  719. .screen-foot-reset{
  720. width: 50%;
  721. text-align: center;
  722. height: 100rpx;
  723. line-height: 100rpx;
  724. font-size: 30rpx;
  725. font-weight: 400;
  726. color: #666666;
  727. }
  728. .screen-foot-sure{
  729. width: 50%;
  730. text-align: center;
  731. line-height: 100rpx;
  732. height: 100rpx;
  733. font-size: 30rpx;
  734. font-weight: 400;
  735. color: #FFFFFF;
  736. background: #2671E2;
  737. }
  738. }
  739. }
  740. </style>