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

style: 样式调整

This commit is contained in:
yangzhe 2025-04-08 16:34:34 +08:00
parent 8425d0d7a2
commit f2e65f2fc5
2 changed files with 74 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/daySelect/index.vue
View File

@ -50,6 +50,9 @@ export default {
const firstDay = this.dayList[0];
this.currentYear = firstDay.year;
this.currentMonth = firstDay.month; // 假设 dayList 中的月份已处理补零
// 初始化时发送今天的日期信息
this.emitDateInfo(0);
},
methods: {
// 日期选择
@ -63,6 +66,23 @@ export default {
this.dayList[index].day;
date = common.GetNowTime(new Date(date));
this.xzTime = date;
// 发送选中的日期信息给父组件
this.emitDateInfo(index);
},
// 发送日期信息给父组件的方法
emitDateInfo(index) {
const selectedDay = this.dayList[index];
const isToday = index === 0; // 因为第一项永远是今天
this.$emit("dateChange", {
date: this.xzTime, // 完整日期
year: selectedDay.year,
month: selectedDay.month,
day: selectedDay.day,
isToday: isToday,
});
},
},
};

81
pages/index/index.vue
View File

@ -1,22 +1,23 @@
<template>
<view class="content">
<daySelect />
<view class="task-info">
<daySelect @dateChange="onDateChange" />
<view v-show="isToday" class="task-info">
<view class="title">今日任务</view>
<!-- 当日计划 点击跳转 -->
<view class="task-list">
<view class="task-item">
<view class="name-state">
<view class="name">足球场休息室</view>
<u-tag text="已完成" type="success" border-color="transparent" />
</view>
<view class="time">
<u-tag text="9:00~12:00" type="info" border-color="transparent" />
</view>
</view>
</view>
</view>
<view class="area-schedule">
<view v-show="isToday" class="area-schedule">
<view class="finish">
<view class="point"></view>
<view class="title">已保洁区域</view>
@ -42,11 +43,21 @@
></u-line-progress>
</view>
</view>
<view class="cleaning-plan">
<view class="title">今日保洁计划名称</view>
<view class="time">
<view class="top">00:00:00</view>
<view class="bottom">23:59:00</view>
<!-- 非当日计划 仅展示 -->
<view v-show="!isToday" class="cleaning-plan-box">
<view class="cleaning-plan">
<view class="title">今日保洁计划名称</view>
<view class="time">
<view class="top">00:00:00</view>
<view class="bottom">23:59:00</view>
</view>
</view>
<view class="cleaning-plan">
<view class="title">今日保洁计划名称</view>
<view class="time">
<view class="top">00:00:00</view>
<view class="bottom">23:59:00</view>
</view>
</view>
</view>
</view>
@ -57,6 +68,20 @@ export default {
components: {
daySelect,
},
data() {
return {
isToday: true,
currentDate: "",
};
},
methods: {
onDateChange({ date, isToday }) {
this.isToday = isToday;
this.currentDate = date;
},
},
};
</script>
<style lang="scss" scoped>
@ -151,24 +176,26 @@ export default {
}
}
.cleaning-plan {
margin: 0 32rpx;
margin-top: 36rpx;
padding: 42rpx 52rpx;
display: flex;
justify-content: space-between;
align-items: center;
background: url("@/static/images/plan-bg.png") no-repeat 100% 100%;
background-size: 100% 100%;
.title {
font-weight: 500;
font-size: 36rpx;
color: #334a65;
}
.time{
font-weight: 500;
font-size: 36rpx;
color: #334A65;
.cleaning-plan-box {
.cleaning-plan {
margin: 0 32rpx;
margin-bottom: 36rpx;
padding: 42rpx 52rpx;
display: flex;
justify-content: space-between;
align-items: center;
background: url("@/static/images/plan-bg.png") no-repeat 100% 100%;
background-size: 100% 100%;
.title {
font-weight: 500;
font-size: 36rpx;
color: #334a65;
}
.time {
font-weight: 500;
font-size: 36rpx;
color: #334a65;
}
}
}
</style>