|  |  | 
 |  |  |     <div class="pt16"> | 
 |  |  |       <el-button :loading="exLoading" @click="handleEx" v-permissions="['business:platformjob:exportExcel']">导出</el-button> | 
 |  |  |     </div> | 
 |  |  |     <el-table class="mb20" v-loading="loading" :data="list" stripe> | 
 |  |  |     <el-table :height="tableHeightNew"   v-loading="loading" :data="list" stripe> | 
 |  |  |       <el-table-column prop="billCode" label="运单号" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="totalNum" label="总作业量(万支)" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="carCodeFront" label="车牌前照号" min-width="100" show-overflow-tooltip /> | 
 |  |  | 
 |  |  |       <el-table-column prop="doneDate" label="作业完成时间" min-width="150" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="workTime" label="作业时长" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="platformNames" label="叫号月台" min-width="100" show-overflow-tooltip /> | 
 |  |  |       <el-table-column prop="createDate" label="创建时间" min-width="150" show-overflow-tooltip /> | 
 |  |  |       <el-table-column label="作业情况" fixed="right" min-width="100" show-overflow-tooltip> | 
 |  |  |         <template v-slot="scope"> | 
 |  |  |           <span>{{ statusMap[scope.row.status] }}</span> | 
 |  |  | 
 |  |  | import dayjs from 'dayjs' | 
 |  |  | import duration from 'dayjs/plugin/duration' | 
 |  |  | dayjs.extend(duration); | 
 |  |  | import BaseComputHeight from "@/components/base/BaseComputHeight"; | 
 |  |  | export default { | 
 |  |  |   extends: BaseComputHeight, | 
 |  |  |   components: { | 
 |  |  |     Pagination, | 
 |  |  |     QueryForm, | 
 |  |  | 
 |  |  |       queryFormConfig: { | 
 |  |  |         formItems: [ | 
 |  |  |         { | 
 |  |  |             filed: 'code', | 
 |  |  |             filed: 'billCode', | 
 |  |  |             type: 'input', | 
 |  |  |             label: '运单号' | 
 |  |  |           }, | 
 |  |  | 
 |  |  |           { | 
 |  |  |             type: 'slot', | 
 |  |  |             filed: 'fastdate', | 
 |  |  |             label: '' | 
 |  |  |             label: '作业时间' | 
 |  |  |           } | 
 |  |  |         ], | 
 |  |  |         online: true | 
 |  |  | 
 |  |  |         model: { | 
 |  |  |           ...filters, | 
 |  |  |           jobType: '0', | 
 |  |  |           beginWorkDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, | 
 |  |  |           beginWorkDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, | 
 |  |  |           createDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, | 
 |  |  |           createDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, | 
 |  |  |         }, | 
 |  |  |         sorts: [{ direction: 'DESC', property: 'create_date' }], | 
 |  |  |         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秒'); | 
 |  |  |           if(item.workTime && item.workTime>=24*60*60 ){ | 
 |  |  |             item.workTime = dayjs.duration(item.workTime, 'seconds').format('D天H时m分s秒'); | 
 |  |  |           }else{ | 
 |  |  |             item.workTime = dayjs.duration(item.workTime, 'seconds').format('H时m分s秒'); | 
 |  |  |           } | 
 |  |  |         }) | 
 |  |  |         this.pagination.total = res.total || 0 | 
 |  |  |       }, () => { | 
 |  |  | 
 |  |  |       this.$dialog.exportConfirm('确认导出吗?') | 
 |  |  |         .then(() => { | 
 |  |  |           this.exLoading = true | 
 |  |  |           const { filters } = this | 
 |  |  |           platformJobExport({ | 
 |  |  |             page: this.pagination.page, | 
 |  |  |             capacity: 1000000, | 
 |  |  |             jobType: '0', | 
 |  |  |             model: this.filters | 
 |  |  |             model: { | 
 |  |  |               ...filters, | 
 |  |  |               jobType: 0, | 
 |  |  |               createDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, | 
 |  |  |               createDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, | 
 |  |  |             }, | 
 |  |  |             sorts: [{ direction: 'DESC', property: 'create_date' }], | 
 |  |  |             capacity: 10000, | 
 |  |  |             page: 1, | 
 |  |  |           }) | 
 |  |  |             .then(response => { | 
 |  |  |               this.download(response) | 
 |  |  | 
 |  |  |       this.pagination.page = 1 | 
 |  |  |       this.filters = { | 
 |  |  |         selDate: [], | 
 |  |  |         fastdate: 0 | 
 |  |  |       } | 
 |  |  |       this.getList() | 
 |  |  |     }, | 
 |  |  | 
 |  |  |     }, | 
 |  |  |     handleSizeChange(capacity) { | 
 |  |  |       this.pagination.pageSize = capacity | 
 |  |  |       this.getList() | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | 
 |  |  |   color: #000000; | 
 |  |  |   margin-bottom: 15px; | 
 |  |  | } | 
 |  |  | </style> | 
 |  |  | </style> |