feat: 更新企业检索组件为 el-select-v2,优化数据展示和敏感性提示逻辑

This commit is contained in:
傅光孟 2026-03-13 17:00:49 +08:00
parent 863fcd2d55
commit ed52fc2662
2 changed files with 49 additions and 16 deletions

View File

@ -138,7 +138,7 @@
@change="handleSearch"
/>
<span>企业检索</span>
<el-select
<el-select-v2
class="search-input"
popper-class="option-box"
v-model="form.companyName"
@ -152,11 +152,16 @@
placeholder="输入企业名称/企业简称/证券编码进行搜索"
:loading="loading"
:remote-method="getCompany"
:options="companyList"
:props="{
label: 'companyName',
value: 'companyName',
}"
@change="getData"
style="width: 180px"
>
<el-option v-for="item in companyList" :key="item.companyName" :label="item.companyName" :value="item.companyName"> </el-option>
</el-select>
<!-- <el-option v-for="item in companyList" :key="item.companyName" :label="item.companyName" :value="item.companyName"> </el-option> -->
</el-select-v2>
<span>先机资讯</span>
<el-select
@ -361,7 +366,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="风险性" align="center" width="220">
<el-table-column label="风险性" align="center" width="220">
<template #header>
<el-dropdown trigger="click" @command="handleCommand2">
<div class="el-dropdown-link">
@ -382,13 +387,25 @@
</el-dropdown>
</template>
<template v-slot="scope">
<el-tooltip v-if="scope.row.politicalSensitivity >= 0 && scope.row.politicalSensitivity < 40" content="基本不涉及时政敏感信息,可支持一定范围的传播" placement="top">
<el-tooltip
v-if="scope.row.politicalSensitivity >= 0 && scope.row.politicalSensitivity < 40"
content="基本不涉及时政敏感信息,可支持一定范围的传播"
placement="top"
>
<el-tag type="info">{{ scope.row.politicalSensitivity >= 0 && scope.row.politicalSensitivity < 40 ? '无敏' : '' }}</el-tag>
</el-tooltip>
<el-tooltip v-if="scope.row.politicalSensitivity >= 40 && scope.row.politicalSensitivity < 70" content="可能一定程度上涵盖时政相关信息,但一般不涉及确认敏感的议题" placement="top">
<el-tooltip
v-if="scope.row.politicalSensitivity >= 40 && scope.row.politicalSensitivity < 70"
content="可能一定程度上涵盖时政相关信息,但一般不涉及确认敏感的议题"
placement="top"
>
<el-tag type="primary">{{ scope.row.politicalSensitivity >= 40 && scope.row.politicalSensitivity < 70 ? '低敏' : '' }}</el-tag>
</el-tooltip>
<el-tooltip v-if="scope.row.politicalSensitivity >= 70 && scope.row.politicalSensitivity < 85" content="可能存在具备政治立场倾向性或有不当表述,建议内部传阅或局部修改后发布" placement="top">
<el-tooltip
v-if="scope.row.politicalSensitivity >= 70 && scope.row.politicalSensitivity < 85"
content="可能存在具备政治立场倾向性或有不当表述,建议内部传阅或局部修改后发布"
placement="top"
>
<el-tag type="warning">{{ scope.row.politicalSensitivity >= 70 && scope.row.politicalSensitivity < 85 ? '中敏' : '' }}</el-tag>
</el-tooltip>
<el-tooltip v-if="scope.row.politicalSensitivity >= 85" content="极可能包含高敏感信息,存在不适合在公开场合传播的信息内容" placement="top">
@ -836,12 +853,11 @@ function handleCommand(val) {
getData();
}
function handleCommand2(val) {
function handleCommand2(val) {
form.value.politicalSensitivity = val;
getData();
}
function handleCommandRating(val) {
form.value.rating = val;
getData();

View File

@ -263,7 +263,7 @@
<el-option></el-option>
</el-select> -->
<el-select
<el-select-v2
class="search-input"
popper-class="option-box"
v-model="form.companyName"
@ -277,11 +277,16 @@
placeholder="输入企业名称/企业简称/证券编码进行搜索"
:loading="loading"
:remote-method="getCompany"
:options="companyList"
:props="{
label: 'companyName',
value: 'companyName',
}"
@change="getData"
style="width: 180px"
>
<el-option v-for="item in companyList" :key="item.companyName" :label="item.companyName" :value="item.companyName"> </el-option>
</el-select>
<!-- <el-option v-for="item in companyList" :key="item.companyName" :label="item.companyName" :value="item.companyName"> </el-option> -->
</el-select-v2>
<span>先机资讯</span>
<el-select
@ -533,13 +538,25 @@
</el-dropdown>
</template>
<template v-slot="scope">
<el-tooltip v-if="scope.row.politicalSensitivity >= 0 && scope.row.politicalSensitivity < 40" content="基本不涉及时政敏感信息,可支持一定范围的传播" placement="top">
<el-tooltip
v-if="scope.row.politicalSensitivity >= 0 && scope.row.politicalSensitivity < 40"
content="基本不涉及时政敏感信息,可支持一定范围的传播"
placement="top"
>
<el-tag type="info">{{ scope.row.politicalSensitivity >= 0 && scope.row.politicalSensitivity < 40 ? '无敏' : '' }}</el-tag>
</el-tooltip>
<el-tooltip v-if="scope.row.politicalSensitivity >= 40 && scope.row.politicalSensitivity < 70" content="可能一定程度上涵盖时政相关信息,但一般不涉及确认敏感的议题" placement="top">
<el-tooltip
v-if="scope.row.politicalSensitivity >= 40 && scope.row.politicalSensitivity < 70"
content="可能一定程度上涵盖时政相关信息,但一般不涉及确认敏感的议题"
placement="top"
>
<el-tag type="primary">{{ scope.row.politicalSensitivity >= 40 && scope.row.politicalSensitivity < 70 ? '低敏' : '' }}</el-tag>
</el-tooltip>
<el-tooltip v-if="scope.row.politicalSensitivity >= 70 && scope.row.politicalSensitivity < 85" content="可能存在具备政治立场倾向性或有不当表述,建议内部传阅或局部修改后发布" placement="top">
<el-tooltip
v-if="scope.row.politicalSensitivity >= 70 && scope.row.politicalSensitivity < 85"
content="可能存在具备政治立场倾向性或有不当表述,建议内部传阅或局部修改后发布"
placement="top"
>
<el-tag type="warning">{{ scope.row.politicalSensitivity >= 70 && scope.row.politicalSensitivity < 85 ? '中敏' : '' }}</el-tag>
</el-tooltip>
<el-tooltip v-if="scope.row.politicalSensitivity >= 85" content="极可能包含高敏感信息,存在不适合在公开场合传播的信息内容" placement="top">
@ -1032,7 +1049,7 @@ function handleCommand(val) {
getData();
}
function handleCommand2(val) {
function handleCommand2(val) {
form.value.politicalSensitivity = val;
getData();
}