DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(wms): 新增退火计划控制页面并优化性能展示

Browse Source 
refactor(anneal): 重构退火计划页面布局和交互逻辑
style(anneal): 调整表单元素换行和表格列宽
This commit is contained in:
砂糖
2026-03-16 17:54:56 +08:00
parent 53692fd024
commit 65d7e4a1fd
3 changed files with 760 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
klp-ui/src/views/wms/anneal/performance/index.vue
View File

@@ -2,14 +2,17 @@
<div class="app-container" v-loading="loading">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="90px">
<el-form-item label="开始时间" prop="startTime">
<el-date-picker v-model="queryParams.startTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择开始时间" />
<el-date-picker v-model="queryParams.startTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择开始时间" />
</el-form-item>
<el-form-item label="结束时间" prop="endTime">
<el-date-picker v-model="queryParams.endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择结束时间" />
<el-date-picker v-model="queryParams.endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择结束时间" />
</el-form-item>
<el-form-item label="目标炉" prop="targetFurnaceId">
<el-select v-model="queryParams.targetFurnaceId" placeholder="请选择" clearable filterable>
<el-option v-for="item in furnaceOptions" :key="item.furnaceId" :label="item.furnaceName" :value="item.furnaceId" />
<el-option v-for="item in furnaceOptions" :key="item.furnaceId" :label="item.furnaceName"
:value="item.furnaceId" />
</el-select>
</el-form-item>
<el-form-item label="计划号" prop="planNo">
@@ -43,6 +46,13 @@
{{ parseTime(scope.row.endTime, '{y}-{m}-{d} {h}:{i}') }}
</template>
</el-table-column>
<el-table-column label="产品类型" align="center" width="250">
<template slot-scope="scope">
<ProductInfo v-if="scope.row.itemType == 'product'" :product="scope.row.product" />
<RawMaterialInfo v-else-if="scope.row.itemType === 'raw_material'" :material="scope.row.rawMaterial" />
</template>
</el-table-column>
<el-table-column label="逻辑库区" prop="warehouseName" align="center" />
<el-table-column label="入场钢卷号" prop="enterCoilNo" align="center" />
<el-table-column label="当前钢卷号" prop="currentCoilNo" align="center" />
<el-table-column label="重量(t)" prop="netWeight" align="center" />
@@ -53,6 +63,9 @@
<script>
import { getAnnealPerformance } from "@/api/wms/annealPerformance";
import { listAnnealFurnace } from "@/api/wms/annealFurnace";
import ProductInfo from "@/components/KLPService/Renderer/ProductInfo";
import RawMaterialInfo from "@/components/KLPService/Renderer/RawMaterialInfo";
import CoilNo from "@/components/KLPService/Renderer/CoilNo.vue";
export default {
name: "AnnealPerformance",
@@ -71,8 +84,14 @@ export default {
furnaceOptions: [],
};
},
components: {
ProductInfo,
RawMaterialInfo,
CoilNo,
},
created() {
this.loadFurnaces();
this.handleQuery();
},
methods: {
loadFurnaces() {
@@ -85,7 +104,14 @@ export default {
getAnnealPerformance(this.queryParams).then(response => {
const data = response.data || {};
this.summary = data.summary || {};
this.detailList = data.details || [];
this.detailList = data.details.map(item => {
return item.coils.map(coil => {
return {
...item,
...coil,
}
})
}).flat();
this.loading = false;
}).catch(() => {
this.loading = false;