| | |
|---|
| | | <view class="text-color-gray text-sm mt-2 flex"> |
|---|
| | | <text>状态：</text> |
|---|
| | | <template v-if="item.status === '1'"> |
|---|
| | | <wd-icon class="icon-color-success" name="check-outline" size="34rpx"></wd-icon> |
|---|
| | | <text class="ml-1">已完成</text> |
|---|
| | | <wd-icon class="icon-color-warning" name="check-outline" size="34rpx"></wd-icon> |
|---|
| | | <text class="ml-1">待确认</text> |
|---|
| | | </template> |
|---|
| | | <template v-else-if="item.status === '2'"> |
|---|
| | | <wd-icon class="icon-color-warning" name="check-outline" size="34rpx"></wd-icon> |
|---|
| | | <text class="ml-1">已确认</text> |
|---|
| | | <wd-icon class="icon-color-success" name="check-outline" size="34rpx"></wd-icon> |
|---|
| | | <text class="ml-1">已完成</text> |
|---|
| | | </template> |
|---|
| | | <template v-else> |
|---|
| | | <wd-icon class="icon-color-base" name="detection" size="40rpx"></wd-icon> |
|---|
| | |
|---|
| | | |
|---|
| | | const now = dayjs() |
|---|
| | | const planDate = dayjs(planTime) |
|---|
| | | const diffDays = planDate.diff(now, 'day') |
|---|
| | | |
|---|
| | | // 获取计划日期所在月份的最后一天 |
|---|
| | | const planMonthEnd = planDate.endOf('month') |
|---|
| | | |
|---|
| | | // 计算当前日期与计划月月底的差值（天数） |
|---|
| | | const diffDays = planMonthEnd.diff(now, 'day') |
|---|
| | | |
|---|
| | | if (diffDays < 0) { |
|---|
| | | // 超过计划时间，红色背景 |
|---|
| | | // 已经过了计划月的月底，红色背景 |
|---|
| | | return 'card-overdue' |
|---|
| | | } else if (diffDays <= 3) { |
|---|
| | | // 距离计划时间三天以内，黄色背景 |
|---|
| | | // 距离计划月月底3天以内，红色背景 |
|---|
| | | return 'card-overdue' |
|---|
| | | } else if (diffDays <= 10) { |
|---|
| | | // 距离计划月月底10天以内，黄色背景 |
|---|
| | | return 'card-urgent' |
|---|
| | | } else { |
|---|
| | | // 正常状态，背景颜色不变 |
|---|
