feat(bid/rfq): add usage tips and association feedback for client quote
1. 为甲方报价选择框添加上方使用说明弹窗 2. 关联甲方报价后显示关联状态标签 3. 关联成功后展示导入物料的提示信息
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user