Teams/kunshan-bzfm-mes-vue
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

车间订单进度看板

Browse Source
This commit is contained in:
赵正易
2025-03-26 19:24:34 +08:00
parent 7194f72bc9
commit e6fedb169f
3 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/SmartScreen/OrderScreen/charts/chart1.vue
View File

@@ -1,16 +1,16 @@
<template>
<div>
<div class="title">{{ title }}</div>
<el-table height="700" :data="dataList" v-loading="loading" ref="tableRef" @mouseover.native="clearScroll" @mouseleave.native="createScroll">
<!-- <div class="title">{{ title }}</div> -->
<el-table height="600" :data="dataList" v-loading="loading" ref="tableRef" @mouseover.native="clearScroll" @mouseleave.native="createScroll">
<el-table-column align="center" type="index" width="60" label="序号" />
<el-table-column align="center" width="140" prop="orderNoMes" label="订单号" />
<el-table-column align="center" width="140" prop="materialName" label="物料名称" />
<el-table-column align="center" width="80" prop="demandQuantity" label="计划数量" />
<el-table-column align="center" width="80" prop="demandQuantity" label="完成数量" />
<el-table-column align="center" label="工序">
<el-table-column align="center" width="80" prop="planNum" label="计划数量" />
<el-table-column align="center" width="80" prop="finishNum" label="完成数量" />
<el-table-column align="center" prop="productionProcesses" label="工序">
<template #default="scope">
<div class="process-box">
<div :class="getProcessItemClass(item, scope.row)" v-for="(item, index) in processList" :key="index">
<div class="process-item" :class="getProcessItemClass(item, scope.row)" v-for="(item, index) in processList" :key="index">
<span>{{ item.name }} :</span>
<span>{{ getProcessItemData(item, scope.row) }}</span>
</div>
@@ -43,7 +43,7 @@ const tableRef = ref(null)
// 获取工序项的数据
function getProcessItemData(processItem, row) {
return row.list.find((item) => item.processId === processItem.id)?.num || 0
return row.productionProcesses.find((item) => item.id === processItem.id)?.num || 0
}
// 获取工序项的类名
@@ -124,8 +124,7 @@ onUnmounted(() => {
margin: 10px;
height: 40px;
padding: 10px;
font-size: 14px;
font-size: 12px;
font-weight: bold;
display: flex;
flex-direction: row;

2
src/views/SmartScreen/OrderScreen/index.css
View File

@@ -66,5 +66,5 @@ body {
}
.main-box {
min-height: 60px;
padding: 40px;
margin: 0 20px;
}

2
src/views/SmartScreen/OrderScreen/index.vue
View File

@@ -11,7 +11,7 @@
<kbTime></kbTime>
</div>
<div class="header">
<kbHeader>车间订单看板</kbHeader>
<kbHeader>车间订单进度看板</kbHeader>
</div>
<div class="body">
<div class="top-box">