|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div class="main_app"> | 
|---|
|  |  |  | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" /> | 
|---|
|  |  |  | <el-table v-loading="loading" :data="list" stripe> | 
|---|
|  |  |  | <el-table    v-loading="loading" :data="list" stripe> | 
|---|
|  |  |  | <el-table-column prop="platformName" label="月台名称" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="platformGroupName" label="月台组" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="carCodeFront" label="车前牌照号" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="carCodeBack" label="车后牌照号" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="startDate" label="作业开始" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="doneDate" label="作业结束" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="workTime" label="作业时长" min-width="100" show-overflow-tooltip /><el-table-column prop="name" | 
|---|
|  |  |  | label="运输单号/合同号" min-width="100" show-overflow-tooltip> | 
|---|
|  |  |  | <el-table-column prop="param1" label="作业开始" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="param2" label="作业结束" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="workTime" label="作业时长" min-width="100" show-overflow-tooltip /> | 
|---|
|  |  |  | <el-table-column prop="name" label="运输单号/合同号" min-width="100" show-overflow-tooltip> | 
|---|
|  |  |  | <template v-slot="scope"> | 
|---|
|  |  |  | <span>{{ scope.row.billCode || scope.row.contractNum }}</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | import QueryForm from '@/components/common/QueryForm' | 
|---|
|  |  |  | import dayjs from 'dayjs' | 
|---|
|  |  |  | import duration from 'dayjs/plugin/duration' | 
|---|
|  |  |  | dayjs.extend(duration); | 
|---|
|  |  |  | import { platformJobPage, getPlatformGroupList } from '@/api' | 
|---|
|  |  |  | dayjs.extend(duration) | 
|---|
|  |  |  | import { platformLogPage, getPlatformGroupList } from '@/api' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | Pagination, | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getGroupList() { | 
|---|
|  |  |  | getPlatformGroupList({queryData: 0,queryType: 0}).then(res => { | 
|---|
|  |  |  | getPlatformGroupList({ queryData: 0, queryType: 0 }).then(res => { | 
|---|
|  |  |  | this.queryFormConfig.formItems[1].options = res.map(i => { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | value: i.id, | 
|---|
|  |  |  | 
|---|
|  |  |  | getList(page) { | 
|---|
|  |  |  | const { pagination, filters } = this | 
|---|
|  |  |  | this.loading = true | 
|---|
|  |  |  | platformJobPage({ | 
|---|
|  |  |  | platformLogPage({ | 
|---|
|  |  |  | model: { | 
|---|
|  |  |  | ...filters, | 
|---|
|  |  |  | queryStatus: '5,6,9,10', | 
|---|
|  |  |  | queryStatus: '6,7,8', | 
|---|
|  |  |  | beginWorkDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, | 
|---|
|  |  |  | beginWorkDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | sorts: [{ direction: 'DESC', property: 'param1' }], | 
|---|
|  |  |  | capacity: pagination.pageSize, | 
|---|
|  |  |  | page: page || pagination.page, | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | 
|---|
|  |  |  | this.list.forEach(item => { | 
|---|
|  |  |  | item.inTypeTemp = item.inType == 0 ? '整托盘' : '件烟' | 
|---|
|  |  |  | item.taskOrigin = 'WMS获取' | 
|---|
|  |  |  | item.workTime = dayjs.duration(item.workTime, 'seconds').format('H时m分s秒'); | 
|---|
|  |  |  | // item.workTime = dayjs.duration(item.param3, 'seconds').format('H时m分s秒') | 
|---|
|  |  |  | if (item.param3 > 3600) { | 
|---|
|  |  |  | item.workTime = Math.ceil(item.param3 / 3600) + '时' + Math.ceil(Math.ceil(item.param3 % 3600) / 60) + '分' + item.param3 % 60 + '秒' | 
|---|
|  |  |  | } else if (item.param3 > 60) { | 
|---|
|  |  |  | item.workTime = Math.ceil(item.param3 / 60) + '分' + item.param3 % 60 + '秒' | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | item.workTime = item.param3 + '秒' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.pagination.total = res.total || 0 | 
|---|
|  |  |  | }, () => { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleSizeChange(capacity) { | 
|---|
|  |  |  | this.pagination.pageSize = capacity | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style></style> | 
|---|
|  |  |  | <style scoped> | 
|---|
|  |  |  | ::v-deep .el-table{ | 
|---|
|  |  |  | margin-bottom: 60px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </style> | 
|---|