ll

liukangdong

2024-08-29 986118de12da6830ffb0c86af8e70567352c9bb9

 h5/pages/driver/index.vue

@@ -13,7 +13,7 @@
      <!--  -->
      <view class="task_list">
         <swiper circular class="task_swiper">
            <swiper-item v-for="item in taskList" :key="item.id">
            <swiper-item v-for="item in taskList" :key="item.id" @click="taskClick(item)">
               <view class="item">
                  <view class="head">
                     <view class="name">运输单{{ item.contractNum }}</view>
@@ -41,9 +41,9 @@
                     </view>
                     <view class="sub">
                        <view class="time" v-if="item.arriveDate">{{ item.arriveDate.slice(5) }}</view>
                        <view v-if="item.status == 0" class="sub_btn" @click="handleTask(item)">确认任务</view>
                        <view v-if="item.status == 1" class="sub_btn" @click="handleSign(item)">立即签到</view>
                        <view v-if="item.status == 2" class="sub_btn" @click="handleQueue(item)">查看排队</view>
                        <view v-if="item.status == 0" class="sub_btn">确认任务</view>
                        <view v-if="item.status == 1" class="sub_btn">立即签到</view>
                        <view v-if="item.status == 2" class="sub_btn">查看排队</view>
                     </view>
                  </view>
               </view>
@@ -101,20 +101,10 @@
         
      };
   },
   created() {
   onShow() {
      this.initData();
   },
   methods: {
      handleSign(item) {
         uni.navigateTo({
            url: '/pages/driver/taskDetail?id=' + item.id
         });
      },
      handleQueue(item) {
         uni.navigateTo({
            url:'/pages/driver/queueUp?jobId=' + item.id	
         })
      },
      initData() {
         driverHomeData().then(res => {
            if (res.code == 200) {
@@ -134,11 +124,32 @@
            url: '/pages/driver/login'
         });
      },
      taskClick(item) {
         const status = item.status
         console.log(item);
         if(status == 0){
            uni.navigateTo({url: '/pages/driver/taskConfirm?id=' + item.id});
         }else if(status == 2){
            uni.navigateTo({url:'/pages/driver/queueUp?jobId=' + item.id})
         }else{
            uni.navigateTo({url: `/pages/driver/taskDetail?id=${item.id}&status=${item.status}`});
         }
      },
      handleTask(item) {
         uni.navigateTo({
            url: '/pages/driver/taskConfirm?id=' + item.id
         });
      }
      },
      handleSign(item) {
         uni.navigateTo({
            url: `/pages/driver/taskDetail?id=${item.id}&status=${item.status}`
         });
      },
      handleQueue(item) {
         uni.navigateTo({
            url:'/pages/driver/queueUp?jobId=' + item.id	
         })
      },
   }
};
</script>
@@ -175,7 +186,7 @@
   position: relative;
   width: 688rpx;
   height: 270rpx;
   margin-bottom: 40rpx;
   margin-bottom: 28rpx;
   .h1 {
      font-weight: bold;
      line-height: 66rpx;
@@ -249,17 +260,17 @@
   }
}
.task_list {
   margin-bottom: 48rpx;
   margin-bottom: 0rpx;
   .task_swiper {
      padding: 16rpx 10rpx;
      height: 320rpx;
      padding: 12rpx 10rpx;
      height: 340rpx;
      width: 730rpx;
      margin-left: -20rpx;
      box-sizing: border-box;
   }
   .item {
      background: #ffffff;
      box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(39, 155, 170, 0.32);
      box-shadow: 0rpx 6rpx 24rpx 0rpx rgba(39, 155, 170, 0.32);
      border-radius: 16rpx;
      height: 280rpx;
      width: 98%;