|
|
@ -46,7 +46,7 @@ |
|
|
<span class="section-count">第 {{ renovationPage + 1 }}/{{ renovationPageCount }} 页 · 显示 {{ displayRenovationList.length }} / 共 {{ renovationList.length }} 条</span> |
|
|
<span class="section-count">第 {{ renovationPage + 1 }}/{{ renovationPageCount }} 页 · 显示 {{ displayRenovationList.length }} / 共 {{ renovationList.length }} 条</span> |
|
|
</div> |
|
|
</div> |
|
|
<el-table class="board-table" :data="displayRenovationList" :height="tableHeightTop" border stripe> |
|
|
<el-table class="board-table" :data="displayRenovationList" :height="tableHeightTop" border stripe> |
|
|
<el-table-column type="index" label="序号" width="54" align="center"></el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column type="index" :index="renovationPage * topRowLimit + 1" label="序号" width="54" align="center"></el-table-column> |
|
|
<el-table-column prop="projectNo" label="项目号" min-width="80" align="center"></el-table-column> |
|
|
<el-table-column prop="projectNo" label="项目号" min-width="80" align="center"></el-table-column> |
|
|
<el-table-column prop="floors" label="楼层" min-width="70" align="center"></el-table-column> |
|
|
<el-table-column prop="floors" label="楼层" min-width="70" align="center"></el-table-column> |
|
|
<el-table-column prop="planFinishDate" label="计划完工日期" min-width="100" align="center"></el-table-column> |
|
|
<el-table-column prop="planFinishDate" label="计划完工日期" min-width="100" align="center"></el-table-column> |
|
|
@ -65,7 +65,7 @@ |
|
|
<span class="section-count">第 {{ cableCopPage + 1 }}/{{ cableCopPageCount }} 页 · 显示 {{ displayCableCopList.length }} / 共 {{ cableCopList.length }} 条</span> |
|
|
<span class="section-count">第 {{ cableCopPage + 1 }}/{{ cableCopPageCount }} 页 · 显示 {{ displayCableCopList.length }} / 共 {{ cableCopList.length }} 条</span> |
|
|
</div> |
|
|
</div> |
|
|
<el-table class="board-table" :data="displayCableCopList" :height="tableHeightBottom" border stripe> |
|
|
<el-table class="board-table" :data="displayCableCopList" :height="tableHeightBottom" border stripe> |
|
|
<el-table-column type="index" label="序号" width="54" align="center"></el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column type="index" :index="cableCopPage * bottomRowLimit + 1" label="序号" width="54" align="center"></el-table-column> |
|
|
<el-table-column prop="projectNo" label="项目号" min-width="126" align="center"></el-table-column> |
|
|
<el-table-column prop="projectNo" label="项目号" min-width="126" align="center"></el-table-column> |
|
|
<el-table-column prop="taskType" label="任务类型" min-width="96" align="center"> |
|
|
<el-table-column prop="taskType" label="任务类型" min-width="96" align="center"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
@ -81,7 +81,6 @@ |
|
|
<el-tag class="board-tag" :class="getStatusTagClass(scope.row.status)" size="small">{{ scope.row.status }}</el-tag> |
|
|
<el-tag class="board-tag" :class="getStatusTagClass(scope.row.status)" size="small">{{ scope.row.status }}</el-tag> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="finishDate" label="完工时间" width="118" align="center"><template slot-scope="scope">{{ scope.row.finishDate || '-' }}</template></el-table-column> |
|
|
|
|
|
</el-table> |
|
|
</el-table> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -91,7 +90,7 @@ |
|
|
<span class="section-count">第 {{ machiningPage + 1 }}/{{ machiningPageCount }} 页 · 显示 {{ displayMachiningList.length }} / 共 {{ machiningList.length }} 条</span> |
|
|
<span class="section-count">第 {{ machiningPage + 1 }}/{{ machiningPageCount }} 页 · 显示 {{ displayMachiningList.length }} / 共 {{ machiningList.length }} 条</span> |
|
|
</div> |
|
|
</div> |
|
|
<el-table class="board-table" :data="displayMachiningList" :height="tableHeightBottom" border stripe> |
|
|
<el-table class="board-table" :data="displayMachiningList" :height="tableHeightBottom" border stripe> |
|
|
<el-table-column type="index" label="序号" width="54" align="center"></el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column type="index" :index="machiningPage * bottomRowLimit + 1" label="序号" width="54" align="center"></el-table-column> |
|
|
<el-table-column prop="modelNo" label="物料号" min-width="170" align="center"></el-table-column> |
|
|
<el-table-column prop="modelNo" label="物料号" min-width="170" align="center"></el-table-column> |
|
|
<el-table-column prop="materialSpec" label="规格" min-width="120" align="center" show-overflow-tooltip></el-table-column> |
|
|
<el-table-column prop="materialSpec" label="规格" min-width="120" align="center" show-overflow-tooltip></el-table-column> |
|
|
<el-table-column prop="taskQty" label="计划数量" min-width="88" align="center"></el-table-column> |
|
|
<el-table-column prop="taskQty" label="计划数量" min-width="88" align="center"></el-table-column> |
|
|
@ -102,9 +101,6 @@ |
|
|
<el-tag class="board-tag" :class="getStatusTagClass(scope.row.status)" size="small">{{ scope.row.status }}</el-tag> |
|
|
<el-tag class="board-tag" :class="getStatusTagClass(scope.row.status)" size="small">{{ scope.row.status }}</el-tag> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="finishDate" label="实际完工日期" min-width="120" align="center"> |
|
|
|
|
|
<template slot-scope="scope">{{ scope.row.finishDate || '-' }}</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
</el-table> |
|
|
</el-table> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -116,6 +112,7 @@ import { getCableCopTaskList, getMachiningTaskList, getRenovationOrderList } fro |
|
|
import { getScreenInnerHeight } from '@/utils/screenAdapt' |
|
|
import { getScreenInnerHeight } from '@/utils/screenAdapt' |
|
|
|
|
|
|
|
|
const STATUS_ALLOW_LIST = ['已排产', '进行中', '已完成'] |
|
|
const STATUS_ALLOW_LIST = ['已排产', '进行中', '已完成'] |
|
|
|
|
|
const STATUS_EXCLUDE_FROM_LIST = ['已完成'] |
|
|
const RENOVATION_NODE_TEMPLATE = ['stocking', 'assy', 'inspect', 'pack'] |
|
|
const RENOVATION_NODE_TEMPLATE = ['stocking', 'assy', 'inspect', 'pack'] |
|
|
const CABLE_COP_NODE_TEMPLATE = ['lineProduction', 'copProduction'] |
|
|
const CABLE_COP_NODE_TEMPLATE = ['lineProduction', 'copProduction'] |
|
|
const BOARD_PAGE_SIZE = 6 |
|
|
const BOARD_PAGE_SIZE = 6 |
|
|
@ -207,12 +204,17 @@ export default { |
|
|
getCableCopTaskList(params).catch(() => null), |
|
|
getCableCopTaskList(params).catch(() => null), |
|
|
getMachiningTaskList(params).catch(() => null) |
|
|
getMachiningTaskList(params).catch(() => null) |
|
|
]).then(([renovationRes, cableCopRes, machiningRes]) => { |
|
|
]).then(([renovationRes, cableCopRes, machiningRes]) => { |
|
|
this.renovationList = this.buildRenovationList(this.getListFromResponse(renovationRes)) |
|
|
|
|
|
this.cableCopList = this.buildCableCopList(this.getListFromResponse(cableCopRes)) |
|
|
|
|
|
this.machiningList = this.buildMachiningList(this.getListFromResponse(machiningRes)) |
|
|
|
|
|
this.renovationKpi = this.buildKpi(this.renovationList) |
|
|
|
|
|
this.cableCopKpi = this.buildKpi(this.cableCopList) |
|
|
|
|
|
this.machiningKpi = this.buildKpi(this.machiningList) |
|
|
|
|
|
|
|
|
const renovationFullList = this.buildRenovationList(this.getListFromResponse(renovationRes)) |
|
|
|
|
|
const cableCopFullList = this.buildCableCopList(this.getListFromResponse(cableCopRes)) |
|
|
|
|
|
const machiningFullList = this.buildMachiningList(this.getListFromResponse(machiningRes)) |
|
|
|
|
|
|
|
|
|
|
|
this.renovationKpi = this.buildKpi(renovationFullList) |
|
|
|
|
|
this.cableCopKpi = this.buildKpi(cableCopFullList) |
|
|
|
|
|
this.machiningKpi = this.buildKpi(machiningFullList) |
|
|
|
|
|
|
|
|
|
|
|
this.renovationList = this.excludeFinishedList(renovationFullList) |
|
|
|
|
|
this.cableCopList = this.excludeFinishedList(cableCopFullList) |
|
|
|
|
|
this.machiningList = this.excludeFinishedList(machiningFullList) |
|
|
this.normalizeCarouselPage() |
|
|
this.normalizeCarouselPage() |
|
|
}).finally(() => { |
|
|
}).finally(() => { |
|
|
this.loading = false |
|
|
this.loading = false |
|
|
@ -259,6 +261,9 @@ export default { |
|
|
const list = data && data.code === 0 && data.page && Array.isArray(data.page.list) ? data.page.list : null |
|
|
const list = data && data.code === 0 && data.page && Array.isArray(data.page.list) ? data.page.list : null |
|
|
return list || this.getMockList() |
|
|
return list || this.getMockList() |
|
|
}, |
|
|
}, |
|
|
|
|
|
excludeFinishedList(list) { |
|
|
|
|
|
return (list || []).filter(item => !STATUS_EXCLUDE_FROM_LIST.includes(item.status)) |
|
|
|
|
|
}, |
|
|
buildRenovationList(sourceList) { |
|
|
buildRenovationList(sourceList) { |
|
|
return (sourceList || []) |
|
|
return (sourceList || []) |
|
|
.filter(item => STATUS_ALLOW_LIST.includes(item.status)) |
|
|
.filter(item => STATUS_ALLOW_LIST.includes(item.status)) |
|
|
|