feat: 合同与客商列表客商风险标签统一悬浮显示明细提示

This commit is contained in:
刘泉佳
2026-10-30 21:37:18 +08:00
parent 8388904916
commit f7ee9273c6
2 changed files with 28 additions and 10 deletions
+21 -6
View File
@@ -92,15 +92,24 @@
<span v-else>-</span> <span v-else>-</span>
</template> </template>
<!-- 客商风险:等级与金蝶黑名单组合展示(推送链路按金蝶命中口径落库),复用公共展示方法 --> <!-- 客商风险:等级与金蝶黑名单组合展示(推送链路按金蝶命中口径落库),复用公共展示方法;非无风险标签悬浮见明细 -->
<template #customerRisk="{ row }"> <template #customerRisk="{ row }">
<el-tag <el-tooltip
v-if="contractRiskTagName(row)" v-if="contractRiskTagName(row)"
:type="isContractRisky(row) ? 'danger' : row.hcsRiskLevel === '1' ? 'warning' : 'success'" placement="top"
class="status-text" effect="dark"
popper-class="customer-risk-popper"
> >
{{ contractRiskTagName(row) }} <template #content>
</el-tag> <div>{{ row.hcsRiskDetail || contractRiskTagName(row) }}</div>
</template>
<el-tag
:type="isContractRisky(row) ? 'danger' : row.hcsRiskLevel === '1' ? 'warning' : 'success'"
class="status-text"
>
{{ contractRiskTagName(row) }}
</el-tag>
</el-tooltip>
<span v-else>-</span> <span v-else>-</span>
</template> </template>
@@ -3820,4 +3829,10 @@ export default {
white-space: normal; white-space: normal;
line-height: 1.2; line-height: 1.2;
} }
/* 风险客商悬浮提示(同客商列表页):popper 挂在 body 下,约束宽度 */
.customer-risk-popper {
max-width: 360px;
line-height: 1.6;
}
</style> </style>
+7 -4
View File
@@ -49,21 +49,24 @@
</template> </template>
<template #customerRisk="{ row }"> <template #customerRisk="{ row }">
<el-tooltip <el-tooltip
v-if="customerRowRisky(row)" v-if="customerRowRiskName(row) && customerRowRiskName(row) !== '无风险'"
placement="top" placement="top"
effect="dark" effect="dark"
popper-class="customer-risk-popper" popper-class="customer-risk-popper"
> >
<template #content> <template #content>
<div>{{ row.hcsRiskDetail || '该客商为高风险/黑名单客商' }}</div> <div>{{ row.hcsRiskDetail || customerRowRiskName(row) }}</div>
</template> </template>
<el-tag type="danger" class="status-text"> <el-tag
:type="customerRowRisky(row) ? 'danger' : row.hcsRiskLevel === '1' ? 'warning' : 'success'"
class="status-text"
>
{{ customerRowRiskName(row) }} {{ customerRowRiskName(row) }}
</el-tag> </el-tag>
</el-tooltip> </el-tooltip>
<el-tag <el-tag
v-else-if="customerRowRiskName(row)" v-else-if="customerRowRiskName(row)"
:type="row.hcsRiskLevel === '1' ? 'warning' : 'success'" type="success"
class="status-text" class="status-text"
> >
{{ customerRowRiskName(row) }} {{ customerRowRiskName(row) }}