| | |
| | | <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, |
| | |
| | | }).then(res => { |
| | | this.dataList = res.records |
| | | 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) { |
| | |
| | | }, |
| | | handleSizeChange(e) { |
| | | this.pagination.pageSize = e |
| | | this.getList() |
| | | this.getList(1) |
| | | }, |
| | | handlePageChange(e) { |
| | | this.pagination.page = e |