| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <QueryForm v-model="filters" :query-form-config="queryQueueUpConfig" @handleQuery="getList(1)" @clear="clear"> |
| | | </QueryForm> |
| | | <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> |
| | | <div class="main_content"> |
| | | <div class="static_wrap"> |
| | | <span>等待:<span class="num">{{ staticParam.waitNum }}</span></span> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="carrierName" label="运输公司" min-width="200" /> |
| | | <el-table-column prop="code" label="运单号" min-width="200" /> |
| | | <el-table-column prop="billCode" label="运单号" min-width="200" /> |
| | | <el-table-column prop="totalNum" label="总运输量(万支)" min-width="130" /> |
| | | <el-table-column prop="driverName" label="驾驶员" min-width="140"> |
| | | <template slot-scope="{ row }"> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="signDate" label="签到时间" min-width="150" /> |
| | | <el-table-column label="操作" width="100" fixed="right"> |
| | | <el-table-column label="操作" align="center" width="100" fixed="right"> |
| | | <template slot-scope="{ row }"> |
| | | <el-button type="text" @click="handleDetail(row)" v-permissions="['business:company:update']">运单详情</el-button> |
| | | <el-button v-if="row.type != 4" type="text" @click="handleDetail(row)" v-permissions="['business:company:update']">运单详情</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="pagination" /> |
| | | |
| | | <!-- --> |
| | | <WaybillDetail |
| | | ref="WaybillDetailRef" |
| | | v-if="isShowDetail" |
| | | @success="getList" |
| | | @close="isShowDetail = false" |
| | | /> |
| | | <PlatformSign ref="PlatformSignRef" v-if="isPlatformSign" @success="getPlatGroupList" |
| | | @close="isPlatformSign = false" /> |
| | | <WaybillDetail ref="WaybillDetailRef" v-if="isShowDetail" @success="getList" @close="isShowDetail = false" /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | } from '@/api' |
| | | import { queryQueueUpConfig } from './config' |
| | | import WaybillDetail from './components/WaybillDetail.vue' |
| | | import PlatformSign from './components/PlatformSign.vue' |
| | | export default { |
| | | components: { |
| | | Pagination, |
| | | QueryForm, |
| | | PlatformSign, |
| | | WaybillDetail |
| | | }, |
| | | data() { |
| | |
| | | staticParam: {}, |
| | | dataList: [], |
| | | loading: false, |
| | | isPlatformSign: false, |
| | | pagination: { |
| | | pageSize: 10, |
| | | page: 1, |
| | |
| | | this.getPlatGroupList() |
| | | }, |
| | | methods: { |
| | | openSign() { |
| | | this.isPlatformSign = true |
| | | this.$nextTick(() => { |
| | | this.$refs.PlatformSignRef.isShowModal = true |
| | | this.$refs.PlatformSignRef.activePlat = this.activeGroup |
| | | this.$refs.PlatformSignRef.getList() |
| | | }) |
| | | }, |
| | | getPlatGroupList() { |
| | | getPlatformGroupList({ |
| | | queryData: 1, |
| | |
| | | this.isShowDetail = true |
| | | this.$nextTick(() => { |
| | | this.$refs.WaybillDetailRef.isShowModal = true |
| | | this.$refs.WaybillDetailRef.id = row.id |
| | | this.$refs.WaybillDetailRef.getDetail() |
| | | }) |
| | | }, |
| | | } |
| | |
| | | color: #111111; |
| | | border-radius: 4px; |
| | | border: 1px solid #dfdede; |
| | | |
| | | span { |
| | | &:nth-of-type(1) { |
| | | background: $primary-color; |