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

<!--pages/task-create/task-create.wxml-->
<view class="container">
  <form bindsubmit="onSubmit">
    <!-- 任务标题 -->
    <view class="form-item">
      <text class="form-label">任务标题 <text class="required">*</text></text>
      <input 
        class="form-input"
        placeholder="请输入任务标题（最多20字）"
        maxlength="20"
        value="{{title}}"
        bindinput="onTitleInput"
      />
    </view>

    <!-- 任务描述 -->
    <view class="form-item">
      <text class="form-label">任务描述</text>
      <textarea 
        class="form-textarea"
        placeholder="请输入任务描述（最多200字）"
        maxlength="200"
        value="{{description}}"
        bindinput="onDescriptionInput"
      />
    </view>

    <!-- 任务积分 -->
    <view class="form-item">
      <text class="form-label">任务积分 <text class="required">*</text></text>
      <view class="points-selector">
        <view class="points-options">
          <view 
            class="points-option {{points === item ? 'active' : ''}}"
            wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]}}"
            wx:key="*this"
            data-value="{{item}}"
            bindtap="onPointsChange"
          >{{item}}</view>
        </view>
        <text class="points-tip">选择1-10分，建议复杂任务设置更高积分</text>
      </view>
    </view>

    <!-- 截止时间 -->
    <view class="form-item">
      <text class="form-label">截止时间 <text class="required">*</text></text>
      <view class="datetime-picker">
        <picker mode="date" value="{{deadline}}" bindchange="onDeadlineChange">
          <view class="picker-value">{{deadline || '请选择日期'}}</view>
        </picker>
        <picker mode="time" value="{{deadlineTime}}" bindchange="onDeadlineTimeChange">
          <view class="picker-value">{{deadlineTime || '请选择时间'}}</view>
        </picker>
      </view>
    </view>

    <!-- 任务分类 -->
    <view class="form-item">
      <text class="form-label">任务分类</text>
      <picker mode="selector" range="{{categories}}" value="{{category}}" bindchange="onCategoryChange">
        <view class="picker-value">{{category}}</view>
      </picker>
    </view>

    <!-- 重复类型 -->
    <view class="form-item">
      <text class="form-label">重复类型</text>
      <view class="repeat-selector">
        <view 
          class="repeat-option {{repeatType === item.value ? 'active' : ''}}"
          wx:for="{{repeatTypes}}"
          wx:key="value"
          data-value="{{item.value}}"
          bindtap="onRepeatTypeChange"
        >{{item.label}}</view>
      </view>
    </view>

    <!-- 需要审核 -->
    <view class="form-item">
      <text class="form-label">需要审核</text>
      <switch checked="{{needReview}}" bindchange="onNeedReviewChange" color="#FF6B6B"/>
    </view>

    <!-- 按分类审核 -->
    <view class="form-item sub-item" wx:if="{{needReview}}">
      <text class="form-label">按分类审核</text>
      <switch checked="{{reviewByCategory}}" bindchange="onReviewByCategoryChange" color="#FF6B6B"/>
      <text class="form-tip">开启后，只有指定分类的任务才需要审核</text>
    </view>

    <!-- 提交按钮 -->
    <view class="button-group">
      <button class="preview-btn" bindtap="onPreview" disabled="{{loading}}">预览</button>
      <button class="submit-btn" formType="submit" disabled="{{loading}}">
        {{loading ? '创建中...' : '创建任务'}}
      </button>
    </view>
  </form>
</view>