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

refactor(wms/coil): 统一排产单表格展示样式并优化页面布局

Browse Source
This commit is contained in:
砂糖
2026-05-29 13:00:33 +08:00
parent 125e07eed4
commit 1b65444ab3
3 changed files with 213 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
klp-ui/src/views/wms/coil/typing.vue
View File

@@ -16,30 +16,34 @@
<span><i class="el-icon-s-order"></i> {{ currentLineName }}排产计划</span>
</div>
<el-tabs v-model="activePlanSheetId" type="card" size="mini">
<el-tab-pane v-for="sheet in planSheetList" :key="sheet.planSheetId"
:name="sheet.planSheetId"
<el-tab-pane v-for="sheet in planSheetList" :key="sheet.planSheetId" :name="sheet.planSheetId"
:label="sheet.planCode || ('排产单' + sheet.planSheetId)" />
</el-tabs>
<div style="overflow-x: auto;">
<el-table :data="activePlanSheetDetails" size="small" max-height="300" stripe border>
<el-table-column label="订单号" prop="orderCode" width="160" />
<el-table-column label="合同号" prop="contractCode" width="160" />
<el-table-column label="客户" prop="customerName" width="100" />
<el-table-column label="业务员" prop="salesman" width="80" />
<el-table-column label="成品名称" prop="productName" width="120" />
<el-table-column label="成品材质" prop="productMaterial" width="100" />
<el-table-column label="成品镀层" prop="coatingG" width="90" />
<el-table-column label="成品宽度" prop="productWidth" width="90" />
<el-table-column label="轧制厚度" prop="rollingThick" width="90" />
<el-table-column label="标签厚度" prop="markCoatThick" width="90" />
<el-table-column label="吨钢长度区间" prop="tonSteelLengthRange" width="120" />
<el-table-column label="数量" prop="planQty" width="70" />
<el-table-column label="重量" prop="planWeight" width="90" />
<el-table-column label="表面处理" prop="surfaceTreatment" width="100" />
<el-table-column label="切边要求" prop="widthReq" width="90" />
<el-table-column label="包装要求" prop="productPackaging" width="90" />
<el-table-column label="宽度要求" prop="productEdgeReq" width="90" />
<el-table-column label="用途" prop="usageReq" width="100" />
<el-table-column type="index" label="序号" width="50" />
<el-table-column label="订单信息" header-align="center">
<el-table-column prop="contractCode" label="合同号" width="140" show-overflow-tooltip />
<el-table-column prop="customerName" label="客户" width="120" show-overflow-tooltip />
<el-table-column prop="salesman" label="业务员" width="100" show-overflow-tooltip />
</el-table-column>
<el-table-column label="成品信息" header-align="center">
<el-table-column prop="productName" label="成品名称" width="140" show-overflow-tooltip />
<el-table-column prop="productMaterial" label="材质" width="100" />
<el-table-column prop="coatingG" label="镀层g" width="80" />
<el-table-column prop="productWidth" label="成品宽度" width="100" />
<el-table-column prop="rollingThick" label="轧制厚度" width="100" />
<el-table-column prop="markCoatThick" label="标丝厚度" width="100" />
<el-table-column prop="tonSteelLengthRange" label="长度区间(m)" width="120" />
<el-table-column prop="planQty" label="数量" width="80" />
<el-table-column prop="planWeight" label="重量" width="100" />
<el-table-column prop="surfaceTreatment" label="表面处理" width="110" show-overflow-tooltip />
<el-table-column prop="widthReq" label="切边要求" width="110" show-overflow-tooltip />
<el-table-column prop="productPackaging" label="包装要求" width="100" show-overflow-tooltip />
<el-table-column prop="productEdgeReq" label="宽度要求" width="100" show-overflow-tooltip />
<el-table-column prop="usageReq" label="用途" width="100" show-overflow-tooltip />
</el-table-column>
<el-table-column prop="remark" label="备注" width="140" show-overflow-tooltip />
</el-table>
</div>
</el-card>
@@ -68,7 +72,8 @@
<div v-if="matchedSpec" style="margin-bottom:10px">
<el-tag type="success" size="small">
<i class="el-icon-s-order" style="margin-right:4px" />
已匹配规程：{{ matchedSpec.specCode }}{{ matchedSpec.specName ? ' - ' + matchedSpec.specName : '' }} / {{ matchedSpec.versionCode }}
已匹配规程：{{ matchedSpec.specCode }}{{ matchedSpec.specName ? ' - ' + matchedSpec.specName : '' }} / {{
matchedSpec.versionCode }}
</el-tag>
</div>
<el-form ref="updateForm" :model="updateForm" :rules="rules" label-width="86px" size="small">
@@ -596,15 +601,15 @@ export default {
methods: {
/** 双机架计划/道次快捷写入 */
applyDrFill(data) {
if (data.outThick != null) this.$set(this.updateForm, 'actualThickness', parseFloat(data.outThick))
if (data.inMatWidth != null) this.$set(this.updateForm, 'actualWidth', parseFloat(data.inMatWidth))
if (data.outThick != null) this.$set(this.updateForm, 'actualThickness', parseFloat(data.outThick))
if (data.inMatWidth != null) this.$set(this.updateForm, 'actualWidth', parseFloat(data.inMatWidth))
if (data.inMatWeight != null) {
this.$set(this.updateForm, 'netWeight', parseFloat(data.inMatWeight))
this.$set(this.updateForm, 'netWeight', parseFloat(data.inMatWeight))
this.$set(this.updateForm, 'grossWeight', parseFloat(data.inMatWeight))
}
if (data.inMatLength != null) {
this.$set(this.updateForm, 'actualLength', parseFloat(data.inMatLength))
this.$set(this.updateForm, 'length', parseFloat(data.inMatLength))
this.$set(this.updateForm, 'length', parseFloat(data.inMatLength))
}
},
@@ -630,7 +635,7 @@ export default {
specification: data.exit_thick ? `${data.exit_thick}*${data.exit_width}` : '',
material: data.grade,
}
this.itemSelectorQueryParams = query
// 包装要求
@@ -654,7 +659,7 @@ export default {
this.$set(this.updateForm, 'versionId', v.versionId)
this.matchedSpec = v
}
}).catch(() => {})
}).catch(() => { })
}
},