feat(bid/rfq): add usage tips and association feedback for client quote

1. 为甲方报价选择框添加上方使用说明弹窗
2. 关联甲方报价后显示关联状态标签
3. 关联成功后展示导入物料的提示信息
This commit is contained in:
2026-06-06 19:34:32 +08:00
parent c97fdf4c6f
commit ef9584cdb9

View File

@@ -85,11 +85,22 @@
<el-row>
<el-col :span="12">
<el-form-item label="关联甲方报价">
<el-select v-model="form.clientQuoteId" placeholder="选择甲方报价(可选)" filterable clearable
style="width:100%" @change="onClientQuoteSelect" :disabled="viewOnly">
<el-option v-for="q in clientQuoteOptions" :key="q.quoteId"
:label="q.quoteNo + ' - ' + q.clientName" :value="q.quoteId" />
</el-select>
<el-tooltip placement="top" effect="light" style="width:100%">
<div slot="content">
<div style="max-width:300px;line-height:1.8">
<strong style="color:#409EFF">💡 使用说明</strong><br/>
1. 从下拉框选择已存在的甲方报价单<br/>
2. 系统将<strong>自动导入</strong>该报价单中的所有物料明细<br/>
3. 物料名称规格数量预期单价会自动填充<br/>
4. 您可以在下方表格中继续编辑或添加物料
</div>
</div>
<el-select v-model="form.clientQuoteId" placeholder="选择甲方报价(可选)" filterable clearable
style="width:100%" @change="onClientQuoteSelect" :disabled="viewOnly">
<el-option v-for="q in clientQuoteOptions" :key="q.quoteId"
:label="q.quoteNo + ' - ' + q.clientName" :value="q.quoteId" />
</el-select>
</el-tooltip>
</el-form-item>
</el-col>
<el-col :span="12">
@@ -99,7 +110,22 @@
</el-col>
</el-row>
<el-divider content-position="left">物料明细</el-divider>
<el-divider content-position="left">
物料明细
<el-tag v-if="form.clientQuoteId" type="success" size="mini" style="margin-left:8px">
<i class="el-icon-link"></i> 已关联甲方报价
</el-tag>
</el-divider>
<el-alert
v-if="form.clientQuoteId && form.items && form.items.length > 0"
type="success"
:closable="false"
style="margin-bottom:12px">
<template slot="title">
<i class="el-icon-info"></i>
物料已自动从甲方报价单导入您可以修改数量单价等信息或点击下方"添加物料行"继续添加
</template>
</el-alert>
<el-table :data="form.items || []" border size="small">
<el-table-column label="物料名称" min-width="150">
<template slot-scope="scope">