Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
5c1de396 1 parent e93d3a3c

refactor(CheckinDetailPage): 优化作业选择区域的编辑模式显示 

在编辑模式下直接显示作业文本而非选择器，提升用户体验
Inline Side-by-side
Showing 1 changed file with 16 additions and 8 deletions
......@@ -18,15 +18,23 @@
<div class="section-wrapper">
<div class="section-title">提交作业</div>
<div class="section-content">
<!-- 作业弹框选择区域 -->
<!-- 作业选择区域 -->
<div class="mb-4">
<van-field v-model="selectedTaskText" is-link readonly label="选择作业" placeholder="请选择本次打卡的作业"
:disabled="isEditMode" @click="!isEditMode && (showTaskPicker = true)"
class="rounded-lg border border-gray-100" />
<van-popup v-model:show="showTaskPicker" round position="bottom">
<van-picker v-model="selectedTaskValue" :columns="taskOptions" @cancel="showTaskPicker = false"
@confirm="onConfirmTask" />
</van-popup>
<!-- 编辑模式下直接显示文本 -->
<div v-if="isEditMode" class="bg-gray-50 rounded-lg p-3 border border-gray-100 flex items-center justify-between">
<span class="text-gray-700 font-medium">当前作业</span>
<span class="text-gray-900 font-bold">{{ selectedTaskText }}</span>
</div>
<!-- 非编辑模式下显示选择框 -->
<template v-else>
<van-field v-model="selectedTaskText" is-link readonly label="选择作业" placeholder="请选择本次打卡的作业"
@click="showTaskPicker = true" class="rounded-lg border border-gray-100" />
<van-popup v-model:show="showTaskPicker" round position="bottom">
<van-picker v-model="selectedTaskValue" :columns="taskOptions" @cancel="showTaskPicker = false"
@confirm="onConfirmTask" />
</van-popup>
</template>
</div>
<!-- 计数对象 -->
<div v-if="taskType === 'count' && selectedTaskValue && selectedTaskValue.length > 0" class="mb-4">
......