<template>
|
<view class="main_app">
|
<view class="main_name">
|
<text class="mr12" @click="showPlat = true">{{
|
activePlatform.name
|
}}</text>
|
<u-icon name="arrow-down" color="#777777"></u-icon>
|
</view>
|
<!-- -->
|
<view class="main_list">
|
<view class="item" @click="handleCheck(1)">
|
<view class="h1">作业中车辆</view>
|
<view class="h2">
|
<text v-if="activePlatform.signJobList">{{
|
activePlatform.workJobList.length
|
}}</text>
|
<text class="unit">辆</text>
|
</view>
|
<image
|
class="img"
|
src="../../static/driver/ic_zuoyezhong@2x.png"
|
mode=""
|
></image>
|
</view>
|
<view class="item cyan" @click="handleCheck(0)">
|
<view class="h1">已签到车辆</view>
|
<view class="h2">
|
<text v-if="activePlatform.workJobList">{{
|
activePlatform.signJobList.length
|
}}</text>
|
<text class="unit">辆</text>
|
</view>
|
<image
|
class="img"
|
src="../../static/driver/ic_yiqiandao@2x.png"
|
mode=""
|
></image>
|
</view>
|
</view>
|
|
<u-picker
|
:show="showPlat"
|
keyName="name"
|
:columns="[platformGroupList]"
|
@cancel="showPlat = false"
|
@confirm="platConfirm"
|
></u-picker>
|
</view>
|
</template>
|
|
<script>
|
import { driverLineUpDetail } from '@/api'
|
export default {
|
data() {
|
return {
|
activePlatform: {},
|
platformGroupList: [],
|
showPlat: false,
|
jobId: ''
|
}
|
},
|
onLoad(option) {
|
this.jobId = option.jobId
|
this.getData(option.jobId || '')
|
},
|
methods: {
|
getData(jobId) {
|
driverLineUpDetail({
|
mobile: jobId ? '' : uni.getStorageSync('driverInfo').mobile,
|
queryType: jobId ? 1 : 0,
|
jobId: jobId
|
}).then(res => {
|
this.platformGroupList = res.data.platformGroupList
|
if (res.data && res.data.platformGroupList && res.data.platformGroupList.length > 0) {
|
this.activePlatform = res.data.platformGroupList[0]
|
}
|
})
|
},
|
platConfirm(e) {
|
const index = e.indexs[0]
|
this.activePlatform = this.platformGroupList[index]
|
this.showPlat = false
|
},
|
handleCheck(type) {
|
if(this.jobId){
|
uni.navigateTo({
|
url: `/pages/driver/queueUpRecord?type=${type}&platformId=${this.activePlatform.id}&jobId=${this.jobId}`
|
})
|
}else{
|
uni.navigateTo({
|
url: `/pages/driver/queueUpRecord?type=${type}&platformId=${this.activePlatform.id}`
|
})
|
}
|
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.main_app {
|
.main_name {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
height: 104rpx;
|
font-weight: 600;
|
font-size: 32rpx;
|
color: #111111;
|
}
|
.main_list {
|
padding: 30rpx 10rpx;
|
.item {
|
width: 100%;
|
height: 208rpx;
|
padding: 30rpx 40rpx;
|
margin-bottom: 30rpx;
|
position: relative;
|
.h1 {
|
font-weight: 400;
|
font-size: 34rpx;
|
color: #222222;
|
line-height: 50rpx;
|
}
|
.h2 {
|
font-weight: bold;
|
font-size: 64rpx;
|
color: #00ba67;
|
line-height: 110rpx;
|
.unit {
|
font-weight: 400;
|
font-size: 26rpx;
|
margin-left: 12rpx;
|
}
|
}
|
.img {
|
position: absolute;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 100%;
|
z-index: -1;
|
}
|
}
|
.cyan {
|
.h2 {
|
color: $uni-color-primary;
|
}
|
}
|
}
|
}
|
</style>
|
