| | |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | | label="交付日期" |
| | | :label="activeTab === '代储' ? '存储日期' : '交付日期'" |
| | | prop="deliveryDate" |
| | | width="120" |
| | | show-overflow-tooltip |
| | |
| | | }} |
| | | </el-option> |
| | | </el-select> |
| | | <!-- 选中客户后展示其信托基金,便于判断代储合同金额是否超限 --> |
| | | <div v-if="customerTrustFundText" class="customer-trust-fund-tip"> |
| | | 该客户信托基金(元):{{ customerTrustFundText }} |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | </el-row> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="交货日期:" prop="entryDate"> |
| | | <el-form-item |
| | | :label="form.ledgerType === '代储' ? '存储日期:' : '交货日期:'" |
| | | prop="entryDate" |
| | | > |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="form.deliveryDate" |
| | |
| | | }); |
| | | const { form, rules } = toRefs(data); |
| | | const { form: searchForm } = useFormData(data.searchForm); |
| | | // 选中客户的信托基金展示值(客户未维护时为空,不展示) |
| | | const customerTrustFundText = computed(() => { |
| | | const fund = selectedCustomerTrustFund.value; |
| | | if (fund === null || fund === undefined || fund === "") return ""; |
| | | const amount = Number(fund); |
| | | return Number.isNaN(amount) ? String(fund) : amount.toFixed(2); |
| | | }); |
| | | // 代储合同金额超信托基金(客户未维护信托基金时不提示) |
| | | const isContractOverTrustFund = computed(() => { |
| | | const fund = selectedCustomerTrustFund.value; |
| | |
| | | // 如果找不到,保留原值(允许用户手动选择/不打断已有输入) |
| | | form.value.customerId = form.value.customerId || ""; |
| | | } |
| | | // 客户是代码赋值、不会触发下拉的 change,这里手动刷一次信托基金提示 |
| | | loadCustomerTrustFund(); |
| | | |
| | | // 产品信息映射:报价 products -> 台账 productData |
| | | const products = Array.isArray(row.products) ? row.products : []; |
| | |
| | | width: 100%; |
| | | } |
| | | |
| | | /* 选中客户后的信托基金提示 */ |
| | | .customer-trust-fund-tip { |
| | | margin-top: 4px; |
| | | font-size: 12px; |
| | | line-height: 1.6; |
| | | color: #1d6fd8; |
| | | } |
| | | |
| | | .ledger-tabs { |
| | | margin-bottom: 8px; |
| | | } |