|  |  |  | 
|---|
|  |  |  | <div class="df_ac mb20"> | 
|---|
|  |  |  | <span>搜索车辆:</span> | 
|---|
|  |  |  | <el-input class="flex1 mr20" v-model="carCodeFront" placeholder="请输入车牌号"></el-input> | 
|---|
|  |  |  | <el-button type="primary" @click="getList">查找</el-button> | 
|---|
|  |  |  | <el-button type="primary" @click="getList(1)">查找</el-button> | 
|---|
|  |  |  | <el-button @click="reset">重置</el-button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="list"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="status" :class="{ red: item.status == 0 }">{{ statusMap[item.status] }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="info"> | 
|---|
|  |  |  | <div v-if="item.type == 4" class="ite"> | 
|---|
|  |  |  | <span>合同单号:</span> | 
|---|
|  |  |  | <span>{{ item.contractNum }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-else class="ite"> | 
|---|
|  |  |  | <div v-if="item.billCode" class="ite"> | 
|---|
|  |  |  | <span>运输单号:</span> | 
|---|
|  |  |  | <span>{{ item.billCode }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-else class="ite"> | 
|---|
|  |  |  | <span>合同单号:</span> | 
|---|
|  |  |  | <span>{{ item.contractNum }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="ite"> | 
|---|
|  |  |  | <span>驾驶员:</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="ite"> | 
|---|
|  |  |  | <span>总运输量:</span> | 
|---|
|  |  |  | <span>{{ item.totalNum }}万支</span> | 
|---|
|  |  |  | <span>{{ item.totalNum || item.ioQty }}万支</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-if="item.type != 4" class="ite" style="width: 66%"> | 
|---|
|  |  |  | <span>运输公司:</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="footer df_sb"> | 
|---|
|  |  |  | <div @click="handleDetail(item)" v-if="item.type != 4" class="detail">运单详情</div> | 
|---|
|  |  |  | <div v-else></div> | 
|---|
|  |  |  | <div @click="handleDetail(item)" v-if="item.billCode" class="detail">运单详情</div> | 
|---|
|  |  |  | <div @click="subDetail(item)" v-else class="detail">预约详情</div> | 
|---|
|  |  |  | <el-button type="primary" @click="handleCall(item)">签到</el-button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | </pagination> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <WaybillDetailRef v-if="isShowDetail" ref="WaybillDetailRef" /> | 
|---|
|  |  |  | <DriverDetail v-if="isShowDriver" ref="DriverDetailRef" /> | 
|---|
|  |  |  | </GlobalWindow> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import WaybillDetailRef from "./WaybillDetail.vue" | 
|---|
|  |  |  | import DriverDetail from "@/views/task/driverDetail.vue" | 
|---|
|  |  |  | import { platformJobPage, platformJobSign } from '@/api' | 
|---|
|  |  |  | import { statusMap } from '../config' | 
|---|
|  |  |  | import { Message } from 'element-ui' | 
|---|
|  |  |  | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | GlobalWindow, | 
|---|
|  |  |  | Pagination, | 
|---|
|  |  |  | WaybillDetailRef | 
|---|
|  |  |  | WaybillDetailRef, | 
|---|
|  |  |  | DriverDetail | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | statusMap, | 
|---|
|  |  |  | isShowModal: false, | 
|---|
|  |  |  | isShowDetail: false, | 
|---|
|  |  |  | isShowDriver: false, | 
|---|
|  |  |  | subLoading: false, | 
|---|
|  |  |  | pagination: { | 
|---|
|  |  |  | total: 0, | 
|---|
|  |  |  | 
|---|
|  |  |  | handleCall(item) { | 
|---|
|  |  |  | // const activePlatform = this.activePlat | 
|---|
|  |  |  | platformJobSign({ jobId: item.id, signType: '2' }).then(res => { | 
|---|
|  |  |  | Message.success('签到成功') | 
|---|
|  |  |  | this.$emit('success') | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | if (res.code == 200) { | 
|---|
|  |  |  | Message.success('签到成功') | 
|---|
|  |  |  | this.$emit('success') | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getList() { | 
|---|
|  |  |  | getList(page) { | 
|---|
|  |  |  | const { activePlat, pagination, carCodeFront } = this | 
|---|
|  |  |  | if (page) { | 
|---|
|  |  |  | pagination.page = page | 
|---|
|  |  |  | } | 
|---|
|  |  |  | platformJobPage({ | 
|---|
|  |  |  | model: { platformGroupId: activePlat.id, queryStatus: '0,1', carCodeFront }, | 
|---|
|  |  |  | page: pagination.page, | 
|---|
|  |  |  | 
|---|
|  |  |  | this.pagination.total = res.total | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | subDetail(row) { | 
|---|
|  |  |  | this.isShowDriver = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.DriverDetailRef.id = row.bookId | 
|---|
|  |  |  | this.$refs.DriverDetailRef.type = row.objType | 
|---|
|  |  |  | this.$refs.DriverDetailRef.getDetail() | 
|---|
|  |  |  | this.$refs.DriverDetailRef.isShowModal = true | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleDetail(row) { | 
|---|
|  |  |  | this.isShowDetail = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|