| | |
| | | <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 :height="tableHeightNew" 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> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" width="100" fixed="right"> |
| | | <el-table-column label="操作" align="center" width="200" 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> |
| | | <el-button type="text" @click="jiaji(row.id)">加急</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | import { |
| | | getPlatformGroupList, |
| | | platformLineUpPage, |
| | | getPlatformGroupWork |
| | | getPlatformGroupWork, |
| | | jobUrge |
| | | } 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, |
| | |
| | | this.$refs.PlatformSignRef.getList() |
| | | }) |
| | | }, |
| | | jiaji(id) { |
| | | this.$dialog.exportConfirm('确认加急吗?') |
| | | .then(() => { |
| | | jobUrge({ id }) |
| | | .then(res => { |
| | | this.getPlatGroupList() |
| | | }) |
| | | }) |
| | | .catch(() => {}) |
| | | }, |
| | | getPlatGroupList() { |
| | | getPlatformGroupList({ |
| | | queryData: 1, |
| | |
| | | }, |
| | | 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; |