feat:增加创建任务

wlzboy

2025-12-30 a4b14a35a2209a30e53472e6333b13aa4a55b0eb

 app/pages/task/create.vue

@@ -5,14 +5,10 @@
        <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="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>
@@ -30,10 +26,21 @@
</template>

<script>
import { mapState } from 'vuex'

export default {
  data() {
    return {
      taskCategories: [
        {
          type: 'emergency',
          name: '转运任务',
          icon: 'hospital',
          color: '#E54D42',
          description: '紧急医疗转运任务',
          taskType: 'EMERGENCY_TRANSFER',
          page: '/pagesTask/create-emergency'
        },
        {
          type: 'normal',
          name: '维修保养',
@@ -41,7 +48,7 @@
          color: '#007AFF',
          description: '设备维修、保养等日常任务',
          taskType: 'MAINTENANCE',
          page: '/pages/task/create-normal'
          page: '/pagesTask/create-normal'
        },
        {
          type: 'normal',
@@ -50,31 +57,34 @@
          color: '#1AAD19',
          description: '车辆加油等任务',
          taskType: 'FUEL',
          page: '/pages/task/create-normal'
          page: '/pagesTask/create-normal'
        },
        {
          type: 'emergency',
          name: '急救转运',
          icon: 'hospital',
          color: '#E54D42',
          description: '紧急医疗转运任务',
          taskType: 'EMERGENCY_TRANSFER',
          page: '/pages/task/create-emergency'
        },
        {
          type: 'welfare',
          name: '福祉车',
          icon: 'car',
          color: '#F37B1D',
          description: '老年人、残疾人等特殊群体用车服务',
          taskType: 'WELFARE',
          page: '/pages/task/create-welfare'
        }

        // {
        //   type: 'welfare',
        //   name: '福祉车',
        //   icon: 'car',
        //   color: '#F37B1D',
        //   description: '老年人、残疾人等特殊群体用车服务',
        //   taskType: 'WELFARE',
        //   page: '/pagesTask/create-welfare'
        // }
      ]
    }
  },
  computed: {
    ...mapState({
      canCreateTask: state => state.user.canCreateTask
    })
  },
  methods: {
    selectTaskCategory(category) {
      // 检查是否有创建任务的权限
      if (this.canCreateTask !== '1') {
        this.$modal.msgError('您没有权限创建任务')
        return
      }
      
      // 跳转到对应的任务创建页面
      uni.navigateTo({
        url: `${category.page}?categoryName=${category.name}&categoryType=${category.type}&taskType=${category.taskType}`
@@ -89,25 +99,25 @@
  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;
@@ -117,26 +127,26 @@
        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;
        }