LuYaShi
/
InspectionCleaning
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
pages/index/cleanPlan.vue
View File

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