diff --git a/pages/index/cleanPlan.vue b/pages/index/cleanPlan.vue index 6a08a9b..f64e8b7 100644 --- a/pages/index/cleanPlan.vue +++ b/pages/index/cleanPlan.vue @@ -40,7 +40,7 @@ - + 待保洁 - + + - - + + - - + + - - + + - - + + @@ -145,11 +144,12 @@ export default { paramsId: "", // 刷卡成功弹窗 - successShow:false, + successShow: false, // 刷卡失败弹窗 - errorShow:false, + errorShow: false, dataInfo: { planName: "", + areas: [], }, }; }, @@ -182,24 +182,27 @@ export default { if(false){ console.log('%c%s', 'color:red', 'nfc刷卡成功'); this.successShow = true; - }else{ - console.log('%c%s', 'color:red', '刷卡失败'); + } else { + console.log("%c%s", "color:red", "刷卡失败"); this.errorShow = true; } }, // 上传图片 - uploadFn(){ - console.log('%c%s', 'color:red', '上传图片'); - uni.navigateTo({ - url: "/pages/index/uploadPhoto", - }); + uploadFn() { + console.log("%c%s", "color:red", "上传图片"); + uni.navigateTo({ + url: "/pages/index/uploadPhoto", + }); }, // 异常上报 - exceptionReportFn(){ - console.log('%c%s', 'color:red', '异常上报'); + exceptionReportFn() { + console.log("%c%s", "color:red", "异常上报"); + uni.navigateTo({ + url: "/pages/index/list", + }); }, - openFn(){}, - closeFn(){}, + openFn() {}, + closeFn() {}, changeTab(i) { this.selectIdx = i; @@ -367,16 +370,16 @@ export default { } } } -.success-box{ +.success-box { // overflow:hidden; - width:650rpx; - padding-top:50rpx; - background-color:transparent; - .box-content{ - height:450rpx; + width: 650rpx; + padding-top: 50rpx; + background-color: transparent; + .box-content { + height: 450rpx; background-color: #ffffff; - background: linear-gradient(to bottom, #A7DAFC, white 60%, white); - border-radius:30rpx; + background: linear-gradient(to bottom, #a7dafc, white 60%, white); + border-radius: 30rpx; // border:1px solid red; position:relative; .logo{ @@ -387,52 +390,52 @@ export default { width:200rpx; height:200rpx; } - .content-title{ - position:absolute; - top:40%; - width:100%; - color:black; - font-size:40rpx; - text-align:center; + .content-title { + position: absolute; + top: 40%; + width: 100%; + color: black; + font-size: 40rpx; + text-align: center; } - .btn-box{ - position:absolute; - bottom:10%; - width:100%; - display:flex; - justify-content:space-evenly; - .btn-cancel{ - width:200rpx; - height:70rpx; - background-color:#F3F6F7; - border-radius:50rpx; - display:flex; - align-items:center; - justify-content:center; - font-size:30rpx; - color:#32353B; + .btn-box { + position: absolute; + bottom: 10%; + width: 100%; + display: flex; + justify-content: space-evenly; + .btn-cancel { + width: 200rpx; + height: 70rpx; + background-color: #f3f6f7; + border-radius: 50rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 30rpx; + color: #32353b; } - .btn-success{ - width:200rpx; - height:70rpx; - background-color:#4278F4; - border-radius:50rpx; - display:flex; - align-items:center; - justify-content:center; - font-size:30rpx; - color:white; + .btn-success { + width: 200rpx; + height: 70rpx; + background-color: #4278f4; + border-radius: 50rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 30rpx; + color: white; } } } } -.error-box{ +.error-box { // overflow:hidden; - width:650rpx; - padding-top:50rpx; - background-color:transparent; - .box-content{ - height:450rpx; + width: 650rpx; + padding-top: 50rpx; + background-color: transparent; + .box-content { + height: 450rpx; background-color: #ffffff; background: linear-gradient(to bottom, #FFEDDF, white 60%, white); border-radius:30rpx; @@ -447,30 +450,30 @@ export default { height:200rpx; // background-color:red; } - .content-title{ - position:absolute; - top:40%; - width:100%; - color:black; - font-size:40rpx; - text-align:center; + .content-title { + position: absolute; + top: 40%; + width: 100%; + color: black; + font-size: 40rpx; + text-align: center; } - .btn-box{ - position:absolute; - bottom:10%; - width:100%; - display:flex; - justify-content:space-evenly; - .btn-cancel{ - width:200rpx; - height:70rpx; - background-color:#F3F6F7; - border-radius:50rpx; - display:flex; - align-items:center; - justify-content:center; - font-size:30rpx; - color:#32353B; + .btn-box { + position: absolute; + bottom: 10%; + width: 100%; + display: flex; + justify-content: space-evenly; + .btn-cancel { + width: 200rpx; + height: 70rpx; + background-color: #f3f6f7; + border-radius: 50rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 30rpx; + color: #32353b; } .btn-success{ width:200rpx; @@ -486,8 +489,8 @@ export default { } } } -::v-deep .u-mode-center-box{ - margin-top:-500rpx !important; - background-color:transparent !important; +::v-deep .u-mode-center-box { + margin-top: -500rpx !important; + background-color: transparent !important; }