Merge branch 'feature-task'

wlzboy

2025-10-26 2c86a8bd60deed0dd0e044bad6fb83f75d19a332

 app/pages/task/create.vue

New file
@@ -0,0 +1,144 @@
<template>
  <scroll-view class="create-task-container" scroll-y="true">
    <view class="task-category-container">
      <view class="header">
        <view class="title">选择任务类型</view>
        <view class="subtitle">请选择您要创建的任务类型</view>
      </view>

      <view class="category-list">
        <view class="category-item" v-for="(category, index) in taskCategories" :key="index"
          @click="selectTaskCategory(category)">
          <view class="icon">
            <uni-icons :type="category.icon" size="30" :color="category.color"></uni-icons>
          </view>
          <view class="info">
            <view class="name">{{ category.name }}</view>
            <view class="desc">{{ category.description }}</view>
          </view>
          <view class="arrow">
            <uni-icons type="arrowright" size="20" color="#999"></uni-icons>
          </view>
        </view>
      </view>
    </view>
  </scroll-view>
</template>

<script>
export default {
  data() {
    return {
      taskCategories: [
        {
          type: 'emergency',
          name: '转运任务',
          icon: 'hospital',
          color: '#E54D42',
          description: '紧急医疗转运任务',
          taskType: 'EMERGENCY_TRANSFER',
          page: '/pages/task/create-emergency'
        },
        {
          type: 'normal',
          name: '维修保养',
          icon: 'repair',
          color: '#007AFF',
          description: '设备维修、保养等日常任务',
          taskType: 'MAINTENANCE',
          page: '/pages/task/create-normal'
        },
        {
          type: 'normal',
          name: '加油',
          icon: 'fuel',
          color: '#1AAD19',
          description: '车辆加油等任务',
          taskType: 'FUEL',
          page: '/pages/task/create-normal'
        },

        {
          type: 'welfare',
          name: '福祉车',
          icon: 'car',
          color: '#F37B1D',
          description: '老年人、残疾人等特殊群体用车服务',
          taskType: 'WELFARE',
          page: '/pages/task/create-welfare'
        }
      ]
    }
  },
  methods: {
    selectTaskCategory(category) {
      // 跳转到对应的任务创建页面
      uni.navigateTo({
        url: `${category.page}?categoryName=${category.name}&categoryType=${category.type}&taskType=${category.taskType}`
      })
    }
  }
}
</script>

<style lang="scss">
.create-task-container {
  padding: 20rpx;
  background-color: #f5f5f5;
  min-height: 100vh;

  .task-category-container {
    .header {
      text-align: center;
      padding: 40rpx 0;

      .title {
        font-size: 40rpx;
        font-weight: bold;
        color: #333;
        margin-bottom: 20rpx;
      }

      .subtitle {
        font-size: 28rpx;
        color: #666;
      }
    }

    .category-list {
      .category-item {
        display: flex;
        align-items: center;
        background-color: white;
        border-radius: 15rpx;
        padding: 30rpx;
        margin-bottom: 20rpx;
        box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);

        .icon {
          margin-right: 20rpx;
        }

        .info {
          flex: 1;

          .name {
            font-size: 32rpx;
            font-weight: bold;
            margin-bottom: 10rpx;
          }

          .desc {
            font-size: 26rpx;
            color: #666;
          }
        }

        .arrow {
          margin-left: 20rpx;
        }
      }
    }
  }
}
</style>