| | |
| | | <template> |
| | | <div class="main_app"> |
| | | <div class="main_app" style="overflow-y: auto;height: calc(100% - 100px);"> |
| | | <div class="mb20 main_header"> |
| | | <div class="platgroup_tabs"> |
| | | <div class="tab" :class="{ active: activeGroup.id === item.id }" @click="platgroupClick(item)" |
| | |
| | | </div> |
| | | </div> |
| | | <div class="line"> |
| | | <div v-if="task.billCode" class="ite"> |
| | | <div v-if="task.billCode" style="width: 40%;" class="ite"> |
| | | <span>运输单号:</span> |
| | | <span>{{ task.billCode }}</span> |
| | | </div> |
| | | <div v-else class="ite"> |
| | | <div v-else class="ite" style="width: 40%;"> |
| | | <span>合同单号:</span> |
| | | <span>{{ task.contractNum }}</span> |
| | | </div> |
| | | <div class="ite siji"> |
| | | <div class="ite jiashi"> |
| | | <span>驾驶员:</span> |
| | | <span>{{ task.driverName }}</span> |
| | | <span>{{ task.driverName }} {{ task.drivierPhone }}</span> |
| | | </div> |
| | | <div class="ite phone"> |
| | | <!-- <div class="ite phone"> |
| | | <span>手机号:</span> |
| | | <span>{{ task.drivierPhone }}</span> |
| | | </div> |
| | | <div class="ite"> |
| | | </div> --> |
| | | <div class="ite" style="width: 40%"> |
| | | <span>总运输量:</span> |
| | | <span>{{ task.totalNum }}万支</span> |
| | | <span>{{ task.totalNum || task.ioQty }}万支</span> |
| | | </div> |
| | | <div v-if="task.billCode" class="ite" style="width: 66.6%"> |
| | | <div v-if="task.billCode" class="ite" style="width: 60%"> |
| | | <span>运输公司:</span> |
| | | <span>{{ task.carrierName }}</span> |
| | | </div> |
| | |
| | | <el-button v-if="task.status == 5 || task.status == 8" plain |
| | | @click="handleTransform(item, task)">转移月台</el-button> |
| | | <el-button v-if="task.status == 4" plain @click="handlePass(task)">过号</el-button> |
| | | <el-button v-preventReClick :loading="loadingFinish" v-if="task.status == 5 || task.status == 8" type="primary" |
| | | @click="handleFinish(task)">作业完成</el-button> |
| | | <el-button v-preventReClick :loading="loadingOpen" v-if="task.status == 4" type="primary" @click="handleWork(task)">开始作业</el-button> |
| | | <el-button v-preventReClick :loading="loadingFinish" v-if="task.status == 5 || task.status == 8" |
| | | type="primary" @click="handleFinish(task)">作业完成</el-button> |
| | | <el-button v-preventReClick :loading="loadingOpen" v-if="task.status == 4" type="primary" |
| | | @click="handleWork(task)">开始作业</el-button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | detail: {}, |
| | | isShowQueuing: false, |
| | | timer: null, |
| | | timer2: null, |
| | | |
| | | loadingOpen: false, |
| | | loadingFinish: false, |
| | | } |
| | | }, |
| | | created() { |
| | | setInterval(() => { |
| | | this.timer2 = setInterval(() => { |
| | | this.getPlatGroupList() |
| | | }, 1000 * 20) |
| | | this.getPlatGroupList() |
| | | }, |
| | | beforeDestroy() { |
| | | if (this.timer2) { |
| | | clearInterval(this.timer2) |
| | | } |
| | | if (this.timer) { |
| | | clearInterval(this.timer) |
| | | } |
| | | }, |
| | | methods: { |
| | | handleWork(item) { |
| | |
| | | this.loadingFinish = false |
| | | Message.success('完成作业') |
| | | this.getPlatGroupList() |
| | | },() => { |
| | | }, () => { |
| | | this.loadingFinish = false |
| | | }) |
| | | }, |
| | |
| | | if (item.newStartDate) { |
| | | const timeNum = time.getTime() - new Date(item.newStartDate).getTime() |
| | | if (timeNum > 3600000) { |
| | | item.startDateTemp = dayjs.duration(timeNum).format('H小时m分ss秒') |
| | | item.startDateTemp = dayjs.duration(timeNum).format('H小时m分s秒') |
| | | } else { |
| | | item.startDateTemp = dayjs.duration(timeNum).format('m分s秒') |
| | | } |
| | |
| | | margin-bottom: 6px; |
| | | |
| | | .ite { |
| | | width: 33.3%; |
| | | width: 50%; |
| | | margin-top: 8px; |
| | | } |
| | | |
| | | .siji { |
| | | width: 29%; |
| | | .jiashi { |
| | | width: 60%; |
| | | } |
| | | |
| | | .phone { |