cfc/miniprogram/pages/task-detail/task-detail.wxml

<!--pages/task-detail/task-detail.wxml-->
<view class="container">
  <!-- 加载状态 -->
  <view class="loading" wx:if="{{loading}}">
    <text>加载中...</text>
  </view>

  <!-- 任务详情 -->
  <view class="task-detail" wx:else>
    <!-- 任务头部 -->
    <view class="task-header">
      <view class="status-badge {{task.status}}">
        <text>{{task.status === 'pending' ? '进行中' : task.status === 'completed' ? '已完成' : '已逾期'}}</text>
      </view>
      <text class="task-title">{{task.title}}</text>
      <view class="task-meta">
        <text class="task-points">+{{task.points}}分</text>
        <text class="task-category">{{task.category}}</text>
      </view>
    </view>

    <!-- 任务信息 -->
    <view class="task-info">
      <view class="info-item">
        <text class="info-label">任务描述</text>
        <text class="info-value">{{task.description}}</text>
      </view>
      
      <view class="info-item">
        <text class="info-label">截止时间</text>
        <text class="info-value">{{task.deadline}}</text>
      </view>
      
      <view class="info-item">
        <text class="info-label">剩余时间</text>
        <text class="info-value time-urgent">{{remainingTime}}</text>
      </view>
      
      <view class="info-item">
        <text class="info-label">发布者</text>
        <text class="info-value">{{task.creatorName}}</text>
      </view>
      
      <view class="info-item">
        <text class="info-label">执行者</text>
        <text class="info-value">{{task.childName}}</text>
      </view>
      
      <view class="info-item">
        <text class="info-label">需要审核</text>
        <text class="info-value">{{task.needReview ? '是' : '否'}}</text>
      </view>
      
      <view class="info-item" wx:if="{{task.completedAt}}">
        <text class="info-label">完成时间</text>
        <text class="info-value">{{task.completedAt}}</text>
      </view>
      
      <view class="info-item" wx:if="{{task.reviewedAt}}">
        <text class="info-label">审核时间</text>
        <text class="info-value">{{task.reviewedAt}}</text>
      </view>
    </view>

    <!-- 完成区域 -->
    <view class="complete-section" wx:if="{{canComplete}}">
      <text class="section-title">完成证明</text>
      <view class="proof-upload">
        <view class="proof-item" bindtap="onChoosePhoto">
          <view class="proof-icon" wx:if="{{!photoUrl}}">📷</view>
          <image class="proof-image" wx:else src="{{photoUrl}}" mode="aspectFill"></image>
          <text class="proof-text">上传照片</text>
        </view>
        
        <view class="proof-item" bindtap="onChooseVoice">
          <view class="proof-icon" wx:if="{{!voiceUrl}}">🎤</view>
          <view class="proof-icon" wx:else>✅</view>
          <text class="proof-text">上传语音</text>
        </view>
      </view>
      
      <button class="complete-btn" bindtap="onCompleteTask">完成任务</button>
    </view>

    <!-- 审核区域 -->
    <view class="review-section" wx:if="{{canReview}}">
      <text class="section-title">任务审核</text>
      <view class="review-buttons">
        <button class="review-btn pass" bindtap="onReviewPass">通过</button>
        <button class="review-btn reject" bindtap="onReviewReject">拒绝</button>
      </view>
    </view>

    <!-- 任务状态提示 -->
    <view class="status-tip" wx:if="{{task.status === 'completed' && !task.needReview}}">
      <text class="tip-icon">✅</text>
      <text class="tip-text">任务已完成，无需审核</text>
    </view>
    
    <view class="status-tip" wx:if="{{task.status === 'completed' && task.needReview && !canReview}}">
      <text class="tip-icon">⏳</text>
      <text class="tip-text">任务已完成，等待审核</text>
    </view>
  </view>
</view>