|  |  |  | 
|---|
|  |  |  | <span></span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <el-table class="mb20" v-loading="loading" :data="dataList" stripe row-key="id" default-expand-all> | 
|---|
|  |  |  | <el-table :height="tableHeightNew" v-loading="loading" :data="dataList" stripe row-key="id" default-expand-all> | 
|---|
|  |  |  | <el-table-column type="index" label="序号" width="80" /> | 
|---|
|  |  |  | <el-table-column label="车牌号" width="130"> | 
|---|
|  |  |  | <template slot-scope="{ row }"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column v-if="activeGroup.type == 2" prop="contractNum" label="合同单号" min-width="120" /> | 
|---|
|  |  |  | <template v-else> | 
|---|
|  |  |  | <el-table-column prop="carrierName" label="运输公司" min-width="120" /> | 
|---|
|  |  |  | <el-table-column prop="billCode" label="运单号" min-width="120" /> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <el-table-column prop="carrierName" label="运输公司" show-overflow-tooltip min-width="140"> | 
|---|
|  |  |  | <template v-slot="scope"> | 
|---|
|  |  |  | <span>{{ scope.row.carrierName || '-' }}</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="contractNum" label="运输单号/合同号" min-width="120"> | 
|---|
|  |  |  | <template v-slot="scope"> | 
|---|
|  |  |  | <span>{{ scope.row.billCode || scope.row.contractNum || '-' }}</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="totalNum" label="总运输量(万支)" min-width="110"> | 
|---|
|  |  |  | <template v-slot="scope"> | 
|---|
|  |  |  | <span>{{ scope.row.totalNum || '-' }}</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="驾驶员" min-width="130"> | 
|---|
|  |  |  | <template slot-scope="{ row }"> | 
|---|
|  |  |  | <span class="mr10">{{ row.driverName }}</span> | 
|---|
|  |  |  | <span>{{ row.drivierPhone }}</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="signDate" label="签到时间" min-width="150" /> | 
|---|
|  |  |  | <el-table-column label="状态" align="center" width="80"> | 
|---|
|  |  |  | <template slot-scope="{ row }"> | 
|---|
|  |  |  | <!-- <span v-if="row.status == 2" class="red">月台等待</span> --> | 
|---|
|  |  |  | <span v-if="row.status == 2" class="red">等待叫号</span> | 
|---|
|  |  |  | <span v-if="row.status == 3" class="primaryColor">入园等待</span> | 
|---|
|  |  |  | <span v-if="row.status == 7" class="primaryColor">转移中</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="操作" align="center" width="100" fixed="right"> | 
|---|
|  |  |  | <template slot-scope="{ row }"> | 
|---|
|  |  |  | <el-button v-if="row.billCode" type="text" @click="handleDetail(row)" | 
|---|
|  |  |  | v-permissions="['business:company:update']">运单详情</el-button> | 
|---|
|  |  |  | <el-button v-else type="text" @click="subDetail(row)">预约详情</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | <!-- <el-table v-else class="mb20" v-loading="loading" :data="dataList" stripe row-key="id" default-expand-all> | 
|---|
|  |  |  | <el-table-column type="index" label="序号" width="80" /> | 
|---|
|  |  |  | <el-table-column label="车牌号" width="130"> | 
|---|
|  |  |  | <template slot-scope="{ row }"> | 
|---|
|  |  |  | <div class="plate_id"> | 
|---|
|  |  |  | <span>{{ row.carCodeFront.slice(0, 1) }}</span> | 
|---|
|  |  |  | <span>{{ row.carCodeFront.slice(1, 2) }}</span> | 
|---|
|  |  |  | <span>·</span> | 
|---|
|  |  |  | <span>{{ row.carCodeFront.slice(2) }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="carrierName" label="运输公司" min-width="120" /> | 
|---|
|  |  |  | <el-table-column prop="totalNum" label="总运输量(万支)" min-width="110" /> | 
|---|
|  |  |  | <el-table-column prop="driverName" label="驾驶员" min-width="130"> | 
|---|
|  |  |  | <el-table-column label="驾驶员" min-width="130"> | 
|---|
|  |  |  | <template slot-scope="{ row }"> | 
|---|
|  |  |  | <span class="mr10">{{ row.driverName }}</span> | 
|---|
|  |  |  | <span>{{ row.drivierPhone }}</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-table-column prop="signDate" label="签到时间" min-width="150" /> | 
|---|
|  |  |  | <el-table-column label="操作" align="center" width="100" fixed="right"> | 
|---|
|  |  |  | <template slot-scope="{ row }"> | 
|---|
|  |  |  | <el-button v-if="activeGroup != 2" type="text" @click="handleDetail(row)" v-permissions="['business:company:update']">运单详情</el-button> | 
|---|
|  |  |  | <el-button v-if="activeGroup == 2" type="text" @click="subDetail(row)" v-permissions="['business:company:update']">预约详情</el-button> | 
|---|
|  |  |  | <el-button v-if="row.billCode" type="text" @click="handleDetail(row)" | 
|---|
|  |  |  | v-permissions="['business:company:update']">运单详情</el-button> | 
|---|
|  |  |  | <el-button v-else type="text" @click="subDetail(row)">预约详情</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | </el-table> --> | 
|---|
|  |  |  | <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="pagination" /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!--  --> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import QueryForm from '@/components/common/QueryForm' | 
|---|
|  |  |  | import DriverDetail from "@/views/task/driverDetail.vue" | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | getPlatformGroupList, | 
|---|
|  |  |  | platformLineUpPage, | 
|---|
|  |  |  | 
|---|
|  |  |  | } from '@/api' | 
|---|
|  |  |  | import { queryQueueUpConfig } from './config' | 
|---|
|  |  |  | import WaybillDetail from './components/WaybillDetail.vue' | 
|---|
|  |  |  | import DriverDetail from '@/views/task/driverDetail.vue' | 
|---|
|  |  |  | import PlatformSign from './components/PlatformSign.vue' | 
|---|
|  |  |  | import BaseComputHeight from '@/components/base/BaseComputHeight' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | extends: BaseComputHeight, | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | Pagination, | 
|---|
|  |  |  | QueryForm, | 
|---|
|  |  |  | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | filters: {}, | 
|---|
|  |  |  | activeGroup: {}, | 
|---|
|  |  |  | activeGroup: { | 
|---|
|  |  |  | type: 2 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | PlatGroupList: [], | 
|---|
|  |  |  | staticParam: {}, | 
|---|
|  |  |  | dataList: [], | 
|---|
|  |  |  | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.PlatformSignRef.isShowModal = true | 
|---|
|  |  |  | this.$refs.PlatformSignRef.activePlat = this.activeGroup | 
|---|
|  |  |  | this.$refs.PlatformSignRef.carCodeFront = '' | 
|---|
|  |  |  | this.$refs.PlatformSignRef.pagination = { | 
|---|
|  |  |  | total: 0, | 
|---|
|  |  |  | pageSize: 10, | 
|---|
|  |  |  | page: 1 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.$refs.PlatformSignRef.getList() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.activeGroup = res[0] | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | this.getPlatformGroupWork() | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleSizeChange(e) { | 
|---|
|  |  |  | this.pagination.pageSize = e | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | this.getList(1) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handlePageChange(e) { | 
|---|
|  |  |  | this.pagination.page = e | 
|---|
|  |  |  | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | subDetail(row) { | 
|---|
|  |  |  | this.isShowDriver = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.DriverDetailRef.id = row.objId | 
|---|
|  |  |  | this.$refs.DriverDetailRef.type = row.objType | 
|---|
|  |  |  | this.$refs.DriverDetailRef.getDetail() | 
|---|
|  |  |  | this.$refs.DriverDetailRef.isShowModal = true | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | 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 | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .plate_id { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | width: 110px; | 
|---|
|  |  |  | width: 120px; | 
|---|
|  |  |  | font-weight: 600; | 
|---|
|  |  |  | height: 30px; | 
|---|
|  |  |  | line-height: 30px; | 
|---|