AI销管
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 
 

783 satır
21 KiB

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