fix(bom): 备注框移到子件列表上方,改为 textarea

原位置在编号/版本号那一行的 span=6 里,850px 弹窗扣掉 label-width:120px
和 gutter 后,输入框实际只剩 60 余像素,稍长一点的备注根本看不清。

改为独立整行 textarea(rows=2, maxlength=500, show-word-limit),放在
「子件列表」标题上方;编号行改为 span 10+14 填满。

连带修两处相关缺陷:
  · 暂存草稿的 payload 补 remark —— 此前根本没往后端传
  · getDraftHash 补 remark —— 否则"只改了备注"会被防呆逻辑拦成
    "草稿数据无变动,无需重复暂存"
This commit is contained in:
yueli
2026-09-21 14:13:15 +08:00
parent 6a7761abbb
commit 2319a053df

View File

@ -145,12 +145,7 @@
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="备注" v-if="hasFormFieldPermission('remark')">
<el-input v-model="form.remark" placeholder="备注信息(可选)" :disabled="isReadOnlyMode" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="14">
<el-form-item label="版本号" prop="version" v-if="hasFormFieldPermission('version')">
<template v-if="isSaveAsMode">
<el-radio-group v-model="form.versionUpgradeType" :disabled="isReadOnlyMode" @change="onVersionUpgradeTypeChange">
@ -165,6 +160,21 @@
</el-col>
</el-row>
<!-- BOM 级备注独立整行放在子件列表上方
原位置在编号/版本号那一行的 span=6 扣掉 120px label
输入框实际只剩 60 余像素稍长一点的备注根本看不清 -->
<el-form-item label="备注" v-if="hasFormFieldPermission('remark')" style="margin-bottom: 5px;">
<el-input
v-model="form.remark"
type="textarea"
:rows="2"
maxlength="500"
show-word-limit
placeholder="BOM 级备注(可选),如适用场景、工艺要求等"
:disabled="isReadOnlyMode"
/>
</el-form-item>
<div style="font-weight: bold; margin: 15px 0 10px 0; border-left: 4px solid #409EFF; padding-left: 10px;">
子件列表
<span style="font-weight: normal; font-size: 12px; color: #909399; margin-left: 10px;">(已选 {{ filteredChildren.length }} )</span>
@ -408,6 +418,9 @@ const getDraftHash = () => {
bom_no: form.bom_no,
version: form.version,
parent_id: form.parent_id,
// ★ BOM 级备注也要参与比对,否则"只改了备注"会被防呆逻辑
// 拦成"草稿数据无变动无需重复暂存"
remark: form.remark || '',
children
})
}
@ -852,6 +865,7 @@ const executeSaveDraftRequest = async (targetBomNo: string) => {
bom_no: targetBomNo,
version: draftVersion,
parent_id: form.parent_id,
remark: form.remark || '',
children
})
if (res.code === 200) {