| | |
| | | <view class="sub">
|
| | | <view class="time" v-if="item.arriveDate && item.contractNum">{{ item.arriveDate.slice(5) }}</view>
|
| | | <view class="time" v-if="item.type != 4 && item.platformWmsJob && item.platformWmsJob.ioCreatedate">
|
| | | {{ item.platformWmsJob.ioCreatedate.slice(5, 19) }}</view>
|
| | | {{ item.platformWmsJob.ioCreatedate.slice(5, 19) }}
|
| | | </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" @click.stop="handleQueue(item)">查看排队</view>
|
| | |
| | | </template>
|
| | |
|
| | | <script>
|
| | | import {
|
| | | logoutPost,
|
| | | driverHomeData,
|
| | | app_url, |
| | | getLastWaitJob
|
| | | } from '@/api'
|
| | | export default {
|
| | | data() {
|
| | | return {
|
| | | taskList: [],
|
| | | driverInfo: uni.getStorageSync('driverInfo'),
|
| | |
|
| | | }
|
| | | }, |
| | | onLoad() { |
| | | const ywinfo = uni.getStorageSync('ywinfo') || {} |
| | | if(ywinfo.ywid && ywinfo.type == 0){ |
| | | setTimeout(() => { |
| | | uni.removeStorageSync('ywinfo') |
| | | }, 500) |
| | | const yw = ywinfo.yw |
| | | if(yw == 7){ |
| | | this.jump('/pages/driver/reservedDetail?id=' + ywinfo.ywid) |
| | | }else if(yw == 8){ |
| | | this.jump('/pages/driver/taskDetail?id=' + ywinfo.ywid) |
| | | }else if(yw == 0) { |
| | | getLastWaitJob({ uuid: ywinfo.ywid }).then(res => { |
| | | if(res.data && res.data.id){ |
| | | this.taskClick(res.data) |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | },
|
| | | onShow() {
|
| | | this.initData()
|
| | | },
|
| | |
|
| | | methods: {
|
| | | jump(path) {
|
| | | this.$jump(path)
|
| | | import {
|
| | | logoutPost,
|
| | | driverHomeData,
|
| | | app_url,
|
| | | getLastWaitJob
|
| | | } from '@/api'
|
| | | export default {
|
| | | data() {
|
| | | return {
|
| | | taskList: [],
|
| | | driverInfo: uni.getStorageSync('driverInfo'),
|
| | | }
|
| | | },
|
| | | initData() {
|
| | | driverHomeData().then(res => {
|
| | | if (res.code == 200) {
|
| | | uni.setStorageSync('driverGuide', {
|
| | | bookingTips: res.data.bookingTips,
|
| | | reservationMap: res.data.reservationMap,
|
| | | signDistance: res.data.signDistance
|
| | | onLoad() {
|
| | | const ywinfo = uni.getStorageSync('ywinfo') || {}
|
| | | if (ywinfo.ywid && ywinfo.type == 0) {
|
| | | uni.setStorageSync('ywinfo',{})
|
| | | const yw = ywinfo.yw
|
| | | setTimeout(() => {
|
| | | if (yw == 7) {
|
| | | this.jump('/pages/driver/reservedDetail?id=' + ywinfo.ywid)
|
| | | } else if (yw == 8) {
|
| | | this.jump('/pages/driver/taskDetail?id=' + ywinfo.ywid)
|
| | | } else if (yw == 0) {
|
| | | getLastWaitJob({
|
| | | uuid: ywinfo.ywid
|
| | | }).then(res => {
|
| | | if (res.data && res.data.id) {
|
| | | this.taskClick(res.data)
|
| | | }
|
| | | })
|
| | | }
|
| | | }, 100)
|
| | | }
|
| | | },
|
| | | onShow() {
|
| | | this.initData()
|
| | | },
|
| | |
|
| | | methods: {
|
| | | jump(path) {
|
| | | this.$jump(path)
|
| | | },
|
| | | initData() {
|
| | | driverHomeData().then(res => {
|
| | | if (res.code == 200) {
|
| | | uni.setStorageSync('driverGuide', {
|
| | | bookingTips: res.data.bookingTips,
|
| | | reservationMap: res.data.reservationMap,
|
| | | signDistance: res.data.signDistance
|
| | | })
|
| | | this.taskList = res.data.platformJobList || []
|
| | | }
|
| | | })
|
| | | },
|
| | | loginOut() {
|
| | | logoutPost({
|
| | | isH5: 1
|
| | | }).then(res => {
|
| | | this.$store.commit('empty')
|
| | | setTimeout(() => {
|
| | | window.location.href = app_url
|
| | | }, 300)
|
| | | })
|
| | | },
|
| | | taskClick(item) {
|
| | | const status = item.status
|
| | | if (status == 0) {
|
| | | uni.navigateTo({
|
| | | url: '/pages/driver/taskConfirm?id=' + item.id
|
| | | })
|
| | | this.taskList = res.data.platformJobList || []
|
| | | }
|
| | | })
|
| | | },
|
| | | loginOut() { |
| | | logoutPost({isH5: 1}).then(res => { |
| | | this.$store.commit('empty') |
| | | setTimeout(() => { |
| | | window.location.href = app_url |
| | | }, 300) |
| | | })
|
| | | },
|
| | | taskClick(item) {
|
| | | const status = item.status
|
| | | if (status == 0) {
|
| | | // 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
|
| | | })
|
| | | }
|
| | | // else if(status == 2){
|
| | | // uni.navigateTo({url:'/pages/driver/queueUp?jobId=' + item.id})
|
| | | // }
|
| | | else {
|
| | | },
|
| | | handleSign(item) {
|
| | | 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
|
| | | })
|
| | | },
|
| | | },
|
| | | handleQueue(item) {
|
| | | uni.navigateTo({
|
| | | url: '/pages/driver/queueUp?jobId=' + item.id
|
| | | })
|
| | | },
|
| | | }
|
| | | }
|
| | | }
|
| | | </script>
|
| | |
|
| | | <style lang="scss">
|
| | | .title_wrap {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | align-items: center;
|
| | | margin-bottom: 24rpx;
|
| | | padding-top: 10rpx;
|
| | |
|
| | | .name {
|
| | | font-weight: 600;
|
| | | font-size: 34rpx;
|
| | | color: #222222;
|
| | | }
|
| | |
|
| | | .btn {
|
| | | width: 144rpx;
|
| | | height: 56rpx;
|
| | | border-radius: 36rpx;
|
| | | border: 1rpx solid $uni-color-primary;
|
| | | font-size: 26rpx;
|
| | | color: $uni-color-primary;
|
| | | .title_wrap {
|
| | | display: flex;
|
| | | justify-content: center;
|
| | | justify-content: space-between;
|
| | | align-items: center;
|
| | | }
|
| | | }
|
| | | margin-bottom: 24rpx;
|
| | | padding-top: 10rpx;
|
| | |
|
| | | .main_app {
|
| | | padding-top: 12rpx;
|
| | | }
|
| | | .name {
|
| | | font-weight: 600;
|
| | | font-size: 34rpx;
|
| | | color: #222222;
|
| | | }
|
| | |
|
| | | .banner_wrap {
|
| | | padding: 54rpx 44rpx;
|
| | | color: #fff;
|
| | | position: relative;
|
| | | width: 688rpx;
|
| | | height: 270rpx;
|
| | | margin-bottom: 28rpx;
|
| | |
|
| | | .h1 {
|
| | | font-weight: bold;
|
| | | line-height: 66rpx;
|
| | | font-size: 44rpx;
|
| | | margin-bottom: 14rpx;
|
| | | .btn {
|
| | | width: 144rpx;
|
| | | height: 56rpx;
|
| | | border-radius: 36rpx;
|
| | | border: 1rpx solid $uni-color-primary;
|
| | | font-size: 26rpx;
|
| | | color: $uni-color-primary;
|
| | | display: flex;
|
| | | justify-content: center;
|
| | | align-items: center;
|
| | | }
|
| | | }
|
| | |
|
| | | .h2 {
|
| | | font-weight: 600;
|
| | | font-size: 28rpx;
|
| | | width: 192rpx;
|
| | | color: $uni-color-primary;
|
| | | height: 48rpx;
|
| | | line-height: 48rpx;
|
| | | text-align: center;
|
| | | background: #ffffff;
|
| | | box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(39, 155, 170, 0.31);
|
| | | border-radius: 24rpx;
|
| | | .main_app {
|
| | | padding-top: 12rpx;
|
| | | }
|
| | |
|
| | | .banner {
|
| | | position: absolute;
|
| | | top: 0;
|
| | | left: 0;
|
| | | width: 100%;
|
| | | z-index: -1;
|
| | | }
|
| | | }
|
| | |
|
| | | .container1 {
|
| | | display: flex;
|
| | | flex-wrap: wrap;
|
| | |
|
| | | view {
|
| | | width: 336rpx;
|
| | | }
|
| | |
|
| | | .left {
|
| | | margin-right: 18rpx;
|
| | | }
|
| | |
|
| | | .img_wrap {
|
| | | .banner_wrap {
|
| | | padding: 54rpx 44rpx;
|
| | | color: #fff;
|
| | | position: relative;
|
| | | padding: 24rpx 0rpx 0 28rpx;
|
| | | border-radius: 8rpx;
|
| | | overflow: hidden;
|
| | | width: 688rpx;
|
| | | height: 270rpx;
|
| | | margin-bottom: 28rpx;
|
| | |
|
| | | .h1 {
|
| | | font-weight: 600;
|
| | | font-size: 32rpx;
|
| | | color: #222222;
|
| | | line-height: 48rpx;
|
| | | margin-bottom: 4rpx;
|
| | | font-weight: bold;
|
| | | line-height: 66rpx;
|
| | | font-size: 44rpx;
|
| | | margin-bottom: 14rpx;
|
| | | }
|
| | |
|
| | | .h2 {
|
| | | font-size: 22rpx;
|
| | | color: #7b9da1;
|
| | | line-height: 34rpx;
|
| | | font-weight: 600;
|
| | | font-size: 28rpx;
|
| | | width: 192rpx;
|
| | | color: $uni-color-primary;
|
| | | height: 48rpx;
|
| | | line-height: 48rpx;
|
| | | text-align: center;
|
| | | background: #ffffff;
|
| | | box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(39, 155, 170, 0.31);
|
| | | border-radius: 24rpx;
|
| | | }
|
| | |
|
| | | .img {
|
| | | width: 100%;
|
| | | height: 100%;
|
| | | .banner {
|
| | | position: absolute;
|
| | | top: 0;
|
| | | left: 0;
|
| | | width: 100%;
|
| | | z-index: -1;
|
| | | }
|
| | | }
|
| | |
|
| | | .img1 {
|
| | | width: 336rpx;
|
| | | height: 296rpx;
|
| | | margin-bottom: 16rpx;
|
| | | }
|
| | | .container1 {
|
| | | display: flex;
|
| | | flex-wrap: wrap;
|
| | |
|
| | | .img2 {
|
| | | width: 336rpx;
|
| | | height: 140rpx;
|
| | | margin-bottom: 16rpx;
|
| | | }
|
| | | }
|
| | | view {
|
| | | width: 336rpx;
|
| | | }
|
| | |
|
| | | .task_list {
|
| | | margin-bottom: 0rpx;
|
| | | .left {
|
| | | margin-right: 18rpx;
|
| | | }
|
| | |
|
| | | .task_swiper {
|
| | | padding: 12rpx 10rpx;
|
| | | height: 340rpx;
|
| | | width: 730rpx;
|
| | | margin-left: -20rpx;
|
| | | box-sizing: border-box;
|
| | | }
|
| | | .img_wrap {
|
| | | position: relative;
|
| | | padding: 24rpx 0rpx 0 28rpx;
|
| | | border-radius: 8rpx;
|
| | | overflow: hidden;
|
| | |
|
| | | .item {
|
| | | background: #ffffff;
|
| | | box-shadow: 0rpx 6rpx 24rpx 0rpx rgba(39, 155, 170, 0.32);
|
| | | border-radius: 16rpx;
|
| | | height: 260rpx;
|
| | | width: 98%;
|
| | | margin-left: 1%;
|
| | |
|
| | | .head {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | align-items: center;
|
| | | background: linear-gradient(270deg, #fefeff 0%, #e1f7fe 100%);
|
| | | padding: 0rpx 30rpx;
|
| | | height: 92rpx;
|
| | |
|
| | | .name {
|
| | | .h1 {
|
| | | font-weight: 600;
|
| | | font-size: 36rpx;
|
| | | font-size: 32rpx;
|
| | | color: #222222;
|
| | | line-height: 48rpx;
|
| | | margin-bottom: 4rpx;
|
| | | }
|
| | |
|
| | | .status {
|
| | | color: $uni-color-primary;
|
| | | font-weight: 600;
|
| | | text-align: right;
|
| | | .h2 {
|
| | | font-size: 22rpx;
|
| | | color: #7b9da1;
|
| | | line-height: 34rpx;
|
| | | }
|
| | |
|
| | | .time {
|
| | | font-size: 24rpx;
|
| | | font-weight: 360;
|
| | | }
|
| | | .img {
|
| | | width: 100%;
|
| | | height: 100%;
|
| | | position: absolute;
|
| | | top: 0;
|
| | | left: 0;
|
| | | z-index: -1;
|
| | | }
|
| | | }
|
| | |
|
| | | .content {
|
| | | height: 180rpx;
|
| | | .img1 {
|
| | | width: 336rpx;
|
| | | height: 296rpx;
|
| | | margin-bottom: 16rpx;
|
| | | }
|
| | |
|
| | | .info {
|
| | | .img2 {
|
| | | width: 336rpx;
|
| | | height: 140rpx;
|
| | | margin-bottom: 16rpx;
|
| | | }
|
| | | }
|
| | |
|
| | | .task_list {
|
| | | margin-bottom: 0rpx;
|
| | |
|
| | | .task_swiper {
|
| | | padding: 12rpx 10rpx;
|
| | | height: 340rpx;
|
| | | width: 730rpx;
|
| | | margin-left: -20rpx;
|
| | | box-sizing: border-box;
|
| | | }
|
| | |
|
| | | .item {
|
| | | background: #ffffff;
|
| | | box-shadow: 0rpx 6rpx 24rpx 0rpx rgba(39, 155, 170, 0.32);
|
| | | border-radius: 16rpx;
|
| | | height: 260rpx;
|
| | | width: 98%;
|
| | | margin-left: 1%;
|
| | |
|
| | | .head {
|
| | | display: flex;
|
| | | padding: 24rpx 30rpx;
|
| | | justify-content: space-between;
|
| | | align-items: center;
|
| | | background: linear-gradient(270deg, #fefeff 0%, #e1f7fe 100%);
|
| | | padding: 0rpx 30rpx;
|
| | | height: 92rpx;
|
| | |
|
| | | .plate {
|
| | | flex: 1;
|
| | | display: flex;
|
| | | align-items: center;
|
| | | .name {
|
| | | font-weight: 600;
|
| | | font-size: 36rpx;
|
| | | color: #222222;
|
| | | }
|
| | |
|
| | | .icon {
|
| | | width: 26rpx;
|
| | | height: 26rpx;
|
| | | margin-right: 10rpx;
|
| | | .status {
|
| | | color: $uni-color-primary;
|
| | | font-weight: 600;
|
| | | text-align: right;
|
| | |
|
| | | .time {
|
| | | font-size: 24rpx;
|
| | | font-weight: 360;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | .sub {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | align-items: center;
|
| | | height: 68rpx;
|
| | | padding: 0 30rpx 0;
|
| | | .content {
|
| | | height: 180rpx;
|
| | |
|
| | | .time {
|
| | | font-size: 26rpx;
|
| | | color: #999999;
|
| | | .info {
|
| | | display: flex;
|
| | | padding: 24rpx 30rpx;
|
| | |
|
| | | .plate {
|
| | | flex: 1;
|
| | | display: flex;
|
| | | align-items: center;
|
| | |
|
| | | .icon {
|
| | | width: 26rpx;
|
| | | height: 26rpx;
|
| | | margin-right: 10rpx;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | .sub_btn {
|
| | | .sub {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | align-items: center;
|
| | | height: 68rpx;
|
| | | line-height: 68rpx;
|
| | | padding: 0 34rpx;
|
| | | color: #ffffff;
|
| | | background: $uni-color-primary;
|
| | | box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(39, 155, 170, 0.4);
|
| | | border-radius: 40rpx;
|
| | | padding: 0 30rpx 0;
|
| | |
|
| | | .time {
|
| | | font-size: 26rpx;
|
| | | color: #999999;
|
| | | }
|
| | |
|
| | | .sub_btn {
|
| | | height: 68rpx;
|
| | | line-height: 68rpx;
|
| | | padding: 0 34rpx;
|
| | | color: #ffffff;
|
| | | background: $uni-color-primary;
|
| | | box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(39, 155, 170, 0.4);
|
| | | border-radius: 40rpx;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | .copyright {
|
| | | display: flex;
|
| | | align-items: center;
|
| | | justify-content: center;
|
| | | margin-top: 44rpx;
|
| | | font-size: 24rpx;
|
| | | color: #666666;
|
| | | .copyright {
|
| | | display: flex;
|
| | | align-items: center;
|
| | | justify-content: center;
|
| | | margin-top: 44rpx;
|
| | | font-size: 24rpx;
|
| | | color: #666666;
|
| | |
|
| | | image {
|
| | | width: 40rpx;
|
| | | height: 40rpx;
|
| | | image {
|
| | | width: 40rpx;
|
| | | height: 40rpx;
|
| | | }
|
| | | }
|
| | | }
|
| | | </style> |