style: 计划列表格式化

This commit is contained in:
yangzhe 2025-04-10 09:39:43 +08:00
parent 8ea14a72c9
commit 1c5771d6ed
1 changed files with 136 additions and 132 deletions

View File

@ -40,7 +40,7 @@
</view>
</view>
</view>
<view class="arealist">
<view class="arealist" v-if="dataInfo.areas.length > 0">
<view class="block-info" v-for="item in dataInfo.areas" :key="item.id">
<view v-if="!item.isCompleted" class="schedule schedule-wait"
>待保洁</view
@ -67,9 +67,8 @@
</view>
</view>
</view>
<button @click="nfcResFn">
{{errorShow}}
</button>
<button @click="nfcResFn(true)">刷卡成功</button>
<button @click="nfcResFn(false)">刷卡失败</button>
<!-- nfc刷卡成功弹窗 -->
<u-popup v-model="successShow" mode="center" :round="30">
<view class="success-box">
@ -146,6 +145,7 @@ export default {
errorShow: false,
dataInfo: {
planName: "",
areas: [],
},
};
},
@ -174,25 +174,29 @@ export default {
methods: {
minutesToTime,
nfcResFn(data) {
if(false){
console.log('%c%s', 'color:red', 'nfc刷卡成功');
if (data) {
console.log("%c%s", "color:red", "nfc刷卡成功");
this.successShow = true;
} else {
console.log('%c%s', 'color:red', '刷卡失败');
console.log("%c%s", "color:red", "刷卡失败");
this.errorShow = true;
}
},
//
uploadFn() {
console.log('%c%s', 'color:red', '上传图片');
console.log("%c%s", "color:red", "上传图片");
uni.navigateTo({
url: "/pages/index/uploadPhoto",
});
},
//
exceptionReportFn() {
console.log('%c%s', 'color:red', '异常上报');
console.log("%c%s", "color:red", "异常上报");
uni.navigateTo({
url: "/pages/index/list",
});
},
openFn() {},
closeFn() {},
@ -371,7 +375,7 @@ export default {
.box-content {
height: 450rpx;
background-color: #ffffff;
background: linear-gradient(to bottom, #A7DAFC, white 60%, white);
background: linear-gradient(to bottom, #a7dafc, white 60%, white);
border-radius: 30rpx;
// border:1px solid red;
position: relative;
@ -401,18 +405,18 @@ export default {
.btn-cancel {
width: 200rpx;
height: 70rpx;
background-color:#F3F6F7;
background-color: #f3f6f7;
border-radius: 50rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 30rpx;
color:#32353B;
color: #32353b;
}
.btn-success {
width: 200rpx;
height: 70rpx;
background-color:#4278F4;
background-color: #4278f4;
border-radius: 50rpx;
display: flex;
align-items: center;
@ -431,7 +435,7 @@ export default {
.box-content {
height: 450rpx;
background-color: #ffffff;
background: linear-gradient(to bottom, #A7DAFC, white 60%, white);
background: linear-gradient(to bottom, #a7dafc, white 60%, white);
border-radius: 30rpx;
// border:1px solid red;
position: relative;
@ -461,18 +465,18 @@ export default {
.btn-cancel {
width: 200rpx;
height: 70rpx;
background-color:#F3F6F7;
background-color: #f3f6f7;
border-radius: 50rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 30rpx;
color:#32353B;
color: #32353b;
}
.btn-success {
width: 200rpx;
height: 70rpx;
background-color:#4278F4;
background-color: #4278f4;
border-radius: 50rpx;
display: flex;
align-items: center;