|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div class="main_app"> | 
|---|
|  |  |  | <div class="mb20 main_header"> | 
|---|
|  |  |  | <div class="platgroup_tabs"> | 
|---|
|  |  |  | <div class="main_header"> | 
|---|
|  |  |  | <div class="platgroup_tabs pt20"> | 
|---|
|  |  |  | <div class="tab" :class="{ active: activeGroup.id === item.id }" @click="platgroupClick(item)" | 
|---|
|  |  |  | v-for="(item, i) in PlatGroupList" :key="i"> | 
|---|
|  |  |  | {{ item.name }} | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="df_sb"> | 
|---|
|  |  |  | <QueryForm v-model="filters" :query-form-config="queryQueueUpConfig" @handleQuery="getList(1)" @clear="clear"> | 
|---|
|  |  |  | </QueryForm> | 
|---|
|  |  |  | <el-button @click="openSign" type="primary" style="align-self: flex-start;">车辆签到</el-button> | 
|---|
|  |  |  | <div> | 
|---|
|  |  |  | <el-button @click="openSign" type="primary" style="align-self: flex-start;">车辆签到</el-button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="main_content"> | 
|---|
|  |  |  | <div class="common-header"> | 
|---|
|  |  |  | <div class="static_wrap"> | 
|---|
|  |  |  | <span>等待:<span class="num">{{ staticParam.waitNum }}</span></span> | 
|---|
|  |  |  | <span class="mr30">{{ }}</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | <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 prop="carrierName" label="运输公司" show-overflow-tooltip  min-width="140"> | 
|---|
|  |  |  | <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 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 == 2" class="red">等待叫号</span> | 
|---|
|  |  |  | <span v-if="row.status == 3" class="primaryColor">入园等待</span> | 
|---|
|  |  |  | <span v-if="row.status == 7" class="primaryColor">转移中</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | } from '@/api' | 
|---|
|  |  |  | import { queryQueueUpConfig } from './config' | 
|---|
|  |  |  | import WaybillDetail from './components/WaybillDetail.vue' | 
|---|
|  |  |  | import DriverDetail from "@/views/task/driverDetail.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, | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleSizeChange(e) { | 
|---|
|  |  |  | this.pagination.pageSize = e | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | this.getList(1) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handlePageChange(e) { | 
|---|
|  |  |  | this.pagination.page = e | 
|---|
|  |  |  | 
|---|
|  |  |  | <style lang="scss" scoped> | 
|---|
|  |  |  | @import "@/assets/style/variables.scss"; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .main_content { | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | position: relative; | 
|---|
|  |  |  | z-index: 999; | 
|---|
|  |  |  | top: -10; | 
|---|
|  |  |  | margin: -20px; | 
|---|
|  |  |  | .main_app { | 
|---|
|  |  |  | padding: 0 20px; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .doumee-filter { | 
|---|
|  |  |  | padding-top: 20px; | 
|---|
|  |  |  | border: 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .common-header { | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | /* position: relative; */ | 
|---|
|  |  |  | /* z-index: 999; */ | 
|---|
|  |  |  | /* top: -10; */ | 
|---|
|  |  |  | /* margin: -20px; */ | 
|---|
|  |  |  | padding: 0 20px; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* border: 1px solid red; */ | 
|---|
|  |  |  | .static_wrap { | 
|---|
|  |  |  | height: 50px; | 
|---|
|  |  |  | line-height: 50px; | 
|---|
|  |  |  | 
|---|
|  |  |  | padding: 0 20px; | 
|---|
|  |  |  | background: #F4FAFB; | 
|---|
|  |  |  | border-radius: 2px 2px 0px 0px; | 
|---|
|  |  |  | margin-bottom: 36px; | 
|---|
|  |  |  | /* margin-bottom: 36px; */ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .num { | 
|---|
|  |  |  | color: #111111; | 
|---|