fgm
/
cankao-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(richedit): 优化标签显示样式，支持多标签展示 

重构标签显示逻辑，将单行显示改为多行展示，提升用户体验
This commit is contained in:
zzp 2025-11-13 21:33:42 +08:00
parent 4c10ce70ca
commit 48e131a5fa
2 changed files with 505 additions and 245 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

280
src/views/pages/richedit/all.vue
View File

@ -7,8 +7,13 @@
<div class="colHeader-right">
<el-space :size="12" class="colHeader-right-1">
<span>标题检索：</span>
<el-input v-model="form.keyword" placeholder="输入标题/内容关键字进行搜索（以空格隔开）" class="input-with-select"
@keyup.enter="handleSearch" style="width: 500px">
<el-input
v-model="form.keyword"
placeholder="输入标题/内容关键字进行搜索（以空格隔开）"
class="input-with-select"
@keyup.enter="handleSearch"
style="width: 500px"
>
<template #append>
<el-button icon="Search" @click="handleSearch" />
</template>
@ -16,15 +21,32 @@
<div>
<span>行业分类：</span>
<el-tree-select v-model="form.industry" :data="industryList" multiple
:render-after-expand="false" filterable show-checkbox style="width: 240px"
@check="handleCheckChange" @clear="handleSearch" node-key="id" collapse-tags
collapse-tags-tooltip clearable :props="defaultProps">
<el-tree-select
v-model="form.industry"
:data="industryList"
multiple
:render-after-expand="false"
filterable
show-checkbox
style="width: 240px"
@check="handleCheckChange"
@clear="handleSearch"
node-key="id"
collapse-tags
collapse-tags-tooltip
clearable
:props="defaultProps"
>
</el-tree-select>
</div>
<el-input v-model="form.tag" placeholder="匹配多个概念标签(以空格隔开)" class="input-with-select"
@keyup.enter="handleSearch" style="width: 280px">
<el-input
v-model="form.tag"
placeholder="匹配多个概念标签(以空格隔开)"
class="input-with-select"
@keyup.enter="handleSearch"
style="width: 280px"
>
<template #append>
<el-button icon="Search" @click="handleSearch" />
</template>
@ -33,33 +55,59 @@
<div class="colHeader-right-2" style="gap: 10px">
<span>信号规则：</span>
<el-select v-model="form.includeRuleIds" :disabled="excludeRuleIds?.length > 0" clearable
placeholder="含任一信号规则" multiple size="large" style="width: 180px" filterable
@change="signalChange($event, 1)">
<el-option v-for="item in signalRulesList" :key="item.id" :value="item.id"
:label="item.ruleName"></el-option>
<el-select
v-model="form.includeRuleIds"
:disabled="excludeRuleIds?.length > 0"
clearable
placeholder="含任一信号规则"
multiple
size="large"
style="width: 180px"
filterable
@change="signalChange($event, 1)"
>
<el-option v-for="item in signalRulesList" :key="item.id" :value="item.id" :label="item.ruleName"></el-option>
</el-select>
<el-select v-model="form.excludeRuleIds" :disabled="includeRuleIds?.length > 0" clearable
placeholder="不含任一信号规则" multiple size="large" style="width: 180px" filterable
@change="signalChange($event, 2)">
<el-option v-for="item in signalRulesList" :key="item.id" :value="item.id"
:label="item.ruleName"></el-option>
<el-select
v-model="form.excludeRuleIds"
:disabled="includeRuleIds?.length > 0"
clearable
placeholder="不含任一信号规则"
multiple
size="large"
style="width: 180px"
filterable
@change="signalChange($event, 2)"
>
<el-option v-for="item in signalRulesList" :key="item.id" :value="item.id" :label="item.ruleName"></el-option>
</el-select>
<span>报道时间：</span>
<div>
<el-date-picker v-model="daterange" type="daterange" range-separator="-"
value-format="YYYY-MM-DD" start-placeholder="选择报道时间" end-placeholder="选择报道时间"
@change="handleSearch" />
<el-date-picker
v-model="daterange"
type="daterange"
range-separator="-"
value-format="YYYY-MM-DD"
start-placeholder="选择报道时间"
end-placeholder="选择报道时间"
@change="handleSearch"
/>
</div>
<div style="display: flex; flex-wrap: nowrap; align-items: center">
<span>评分范围：</span>
<el-input type="number" v-model="form.minScore" style="width: 80px" placeholder="最低"
:min="0" :max="100" @keyup.enter="handleSearch" />
<el-input
type="number"
v-model="form.minScore"
style="width: 80px"
placeholder="最低"
:min="0"
:max="100"
@keyup.enter="handleSearch"
/>
<i style="color: #ccc"> - </i>
<el-input type="number" v-model="form.maxScore" style="width: 140px" placeholder="最高"
:min="0" :max="100" @keyup.enter="handleSearch">
<el-input type="number" v-model="form.maxScore" style="width: 140px" placeholder="最高" :min="0" :max="100" @keyup.enter="handleSearch">
<template #append>
<el-button icon="Search" @click="handleSearch" />
</template>
@ -69,27 +117,60 @@
<div class="colHeader-right-2" style="gap: 10px">
<span>媒体来源：</span>
<el-select-v2 v-model="form.mediaId" :options="tagSourceList" clearable placeholder="媒体来源"
size="large" style="width: 180px" filterable @change="handleSearch" />
<el-select-v2
v-model="form.mediaId"
:options="tagSourceList"
clearable
placeholder="媒体来源"
size="large"
style="width: 180px"
filterable
@change="handleSearch"
/>
<span>企业检索：</span>
<el-select class="search-input" popper-class="option-box" v-model="form.companyName" clearable
filterable remote reserve-keyword remote-show-suffix default-first-option
:suffix-icon="Search" placeholder="输入企业名称/企业简称/证券编码进行搜索" :loading="loading"
:remote-method="getCompany" @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
class="search-input"
popper-class="option-box"
v-model="form.companyName"
clearable
filterable
remote
reserve-keyword
remote-show-suffix
default-first-option
:suffix-icon="Search"
placeholder="输入企业名称/企业简称/证券编码进行搜索"
:loading="loading"
:remote-method="getCompany"
@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>
<span>独家资源：</span>
<el-select v-model="form.exclusive" clearable placeholder="是否独家搜索" size="large"
style="width: 180px" filterable @change="handleSearch">
<el-select
v-model="form.exclusive"
clearable
placeholder="是否独家搜索"
size="large"
style="width: 180px"
filterable
@change="handleSearch"
>
<el-option :value="1" label="是"></el-option>
<el-option :value="0" label="否"></el-option>
</el-select>
<span>删除状态：</span>
<el-select clearable v-model="form.deleted" size="large" style="width: 150px; margin-left: 10px"
placeholder="筛选删除状态" @change="handleSearch">
<el-select
clearable
v-model="form.deleted"
size="large"
style="width: 150px; margin-left: 10px"
placeholder="筛选删除状态"
@change="handleSearch"
>
<el-option :value="1" label="已删除资讯"></el-option>
<el-option :value="0" label="未删除资讯"></el-option>
</el-select>
@ -100,16 +181,21 @@
</div>
</div>
<tableComponents ref="tableRef" :tableData="tableData" style="margin-top: 20px" @sortChange="sortChange"
:tableLoading="tableLoading" @currentChange="currentChange" @sizeChange="sizeChange">
<tableComponents
ref="tableRef"
:tableData="tableData"
style="margin-top: 20px"
@sortChange="sortChange"
:tableLoading="tableLoading"
@currentChange="currentChange"
@sizeChange="sizeChange"
>
<el-table-column prop="title" label="标题" align="left" width="380">
<template v-slot="scope">
<div style="display: flex; flex-direction: column; gap: 5px; padding: 10px 0">
<div>
<span style="color: red; font-weight: bold; margin-right: 3px"
v-if="scope.row.exclusive == 1">[独家]</span>
<span class="cursor-pointer" @click="goDetail(1, scope.row, true)"
v-html="scope.row.title"></span>
<span style="color: red; font-weight: bold; margin-right: 3px" v-if="scope.row.exclusive == 1">[独家]</span>
<span class="cursor-pointer" @click="goDetail(1, scope.row, true)" v-html="scope.row.title"></span>
</div>
<div class="labels">
@ -119,14 +205,26 @@
</div>
<div class="labels">
<div style="background-color: #eee6cd" class="label_item"
<div v-if="scope.row.conceptLabels && scope.row.conceptLabels.length > 0" class="label_item_box">
<div v-for="item in scope.row.conceptLabels" :key="item" class="label_item" style="background-color: #eee6cd">
{{ item }}
</div>
</div>
<div v-if="scope.row.industryLabels && scope.row.industryLabels.length > 0" class="label_item_box">
<div v-for="item in scope.row.industryLabels" :key="item" class="label_item" style="background-color: #cfdcf3">
{{ item }}
</div>
</div>
<!-- <div style="background-color: #eee6cd" class="label_item"
v-if="scope.row.conceptLabels && scope.row.conceptLabels.length > 0">
{{ scope.row.conceptLabels[0] }}
</div>
<div style="background-color: #cfdcf3" class="label_item"
v-if="scope.row.industryLabels && scope.row.industryLabels.length > 0">
{{ scope.row.industryLabels[0] }}
</div>
</div> -->
</div>
</div>
</template>
@ -173,8 +271,7 @@
<template v-slot="scope">
<!-- 新闻状态 0-草稿 1-未发布 2-已发布 -->
<div class="r_point" :style="{ color: '#000' }">
<div class="point" :style="{ backgroundColor: scope.row.status == 2 ? '#52C41A' : '#D9D9D9' }">
</div>
<div class="point" :style="{ backgroundColor: scope.row.status == 2 ? '#52C41A' : '#D9D9D9' }"></div>
<text v-if="scope.row.status == 0" style="color: rgba(0, 0, 0, 0.65)">草稿</text>
<text v-if="scope.row.status == 1" style="color: rgba(0, 0, 0, 0.65)">未发布</text>
<text v-if="scope.row.status == 2" style="color: rgba(0, 0, 0, 0.65)">已发布</text>
@ -218,8 +315,7 @@
<el-table-column prop="score" label="资讯评分" sortable="custom" align="center" width="100">
<template v-slot="scope">
<div @click="getScoreDetail(scope.row.id)"
:class="[{ 'score-active': isAdmin && curScore === scope.row.id }, { 'score-hover': isAdmin }]">
<div @click="getScoreDetail(scope.row.id)" :class="[{ 'score-active': isAdmin && curScore === scope.row.id }, { 'score-hover': isAdmin }]">
{{ scope.row.score }}
</div>
</template>
@ -228,16 +324,14 @@
<el-table-column prop="updateTime" label="状态变动时间" sortable="custom" align="center">
<template v-slot="scope">
<div>
<div>{{ formatTime(scope.row.updateTime) == formatTime(scope.row.createTime) ?
scope.row.publishTime : scope.row.updateTime }}</div>
<div>{{ formatTime(scope.row.updateTime) == formatTime(scope.row.createTime) ? scope.row.publishTime : scope.row.updateTime }}</div>
</div>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="250" fixed="right">
<template v-slot="scope">
<div class="option">
<el-button type="text" :disabled="scope.row.status != 2" class="copyBtn"
@click="copyUrl(scope.row)">复制</el-button>
<el-button type="text" :disabled="scope.row.status != 2" class="copyBtn" @click="copyUrl(scope.row)">复制</el-button>
<!--
<el-button v-if="scope.row.deleted" type="text" style="margin-left: 10px"
@click="doRecoverFn(scope.row)">
@ -273,9 +367,16 @@
</tableComponents>
<keep-alive>
<DetailDrawer v-model="drawer" :data="newsData" :readOnly="readOnly" :type="newstype"
@handleEditStatus="handleEditStatus" @doNewsPublishFn="doNewsPublishFn" @doDeleteNewsFn="doDeleteNewsFn"
@getData="getData" />
<DetailDrawer
v-model="drawer"
:data="newsData"
:readOnly="readOnly"
:type="newstype"
@handleEditStatus="handleEditStatus"
@doNewsPublishFn="doNewsPublishFn"
@doDeleteNewsFn="doDeleteNewsFn"
@getData="getData"
/>
</keep-alive>
<el-dialog v-model="isScoreShow" title="资讯评分详情" width="680" center>
@ -286,8 +387,9 @@
<el-row>[{{ scoreDetail.industryLabel.join(',') }}]</el-row>
<el-row justify="space-between">
<el-col :span="12">置信度：[{{ scoreDetail.industryConfidence.join(',') }}]</el-col>
<el-col :span="12" style="text-align: right">分类评分：<span style="color: #36a4f8">[{{
scoreDetail.industryScore.join(',') }}]</span></el-col>
<el-col :span="12" style="text-align: right"
>分类评分：<span style="color: #36a4f8">[{{ scoreDetail.industryScore.join(',') }}]</span></el-col
>
</el-row>
</el-col>
</el-row>
@ -297,8 +399,9 @@
<el-row>[{{ scoreDetail.conceptLabel.join(',') }}]</el-row>
<el-row justify="space-between">
<el-col :span="12">置信度：[{{ scoreDetail.conceptConfidence.join(',') }}]</el-col>
<el-col :span="12" style="text-align: right">概念评分：<span style="color: #36a4f8">[{{
scoreDetail.conceptScore.join(',') }}]</span></el-col>
<el-col :span="12" style="text-align: right"
>概念评分：<span style="color: #36a4f8">[{{ scoreDetail.conceptScore.join(',') }}]</span></el-col
>
</el-row>
</el-col>
</el-row>
@ -308,20 +411,21 @@
</el-row>
<el-row class="score-detail-row">
<el-col :span="12">媒体影响力</el-col>
<el-col :span="12" style="text-align: right">评分：<span style="color: #36a4f8">{{
scoreDetail.sourceImpact
}}</span></el-col>
<el-col :span="12" style="text-align: right"
>评分：<span style="color: #36a4f8">{{ scoreDetail.sourceImpact }}</span></el-col
>
</el-row>
<el-row class="score-detail-row">
<el-col :span="12">中国股市相关性</el-col>
<el-col :span="12" style="text-align: right">置信度：<span style="color: #36a4f8">{{
scoreDetail.chinaFactor
}}</span></el-col>
<el-col :span="12" style="text-align: right"
>置信度：<span style="color: #36a4f8">{{ scoreDetail.chinaFactor }}</span></el-col
>
</el-row>
<el-row class="score-detail-row">
<el-col :span="12">资讯质量</el-col>
<el-col :span="12" style="text-align: right">评分：<span style="color: #36a4f8">{{
scoreDetail.publicOpinionScore }}</span></el-col>
<el-col :span="12" style="text-align: right"
>评分：<span style="color: #36a4f8">{{ scoreDetail.publicOpinionScore }}</span></el-col
>
</el-row>
<el-row class="score-detail-row rule">
<el-col :span="24">*计算规则</el-col>
@ -329,9 +433,7 @@
</el-row>
<el-row class="score-detail-row" justify="space-between">
<el-col :span="12">资讯评分</el-col>
<el-col :span="12" style="color: #36a4f8; text-align: right; font-weight: 700">{{
scoreDetail.newsScore
}}</el-col>
<el-col :span="12" style="color: #36a4f8; text-align: right; font-weight: 700">{{ scoreDetail.newsScore }}</el-col>
</el-row>
</div>
<template #footer>
@ -432,7 +534,7 @@ async function doDeleteNewsFn(item) {
getData();
}
})
.catch(() => { });
.catch(() => {});
}
function handleSearch() {
@ -524,18 +626,18 @@ async function doApprovalFn(item, status) {
let { code } =
status == 3
? await doNewRevoke({
id: item.id,
})
id: item.id,
})
: await doNewSubmit({
id: item.id,
});
id: item.id,
});
if (code == 200) {
ElMessage.success('操作成功');
drawer.value = false;
getData();
}
})
.catch(() => { });
.catch(() => {});
}
/**
@ -559,20 +661,20 @@ async function doNewsPublishFn(item, status) {
let { code } =
status == 1
? await doNewRevoke({
id: item.id,
status: status,
})
id: item.id,
status: status,
})
: await doNewsPublish({
id: item.id,
status: status,
});
id: item.id,
status: status,
});
if (code == 200) {
ElMessage.success('操作成功');
drawer.value = false;
getData();
}
})
.catch(() => { });
.catch(() => {});
}
/**
@ -780,8 +882,8 @@ function restData() {
includeRuleIds.value = null;
excludeRuleIds.value = null;
form.value.companyName = null
form.value.exclusive = null
form.value.companyName = null;
form.value.exclusive = null;
getData();
}
@ -801,10 +903,10 @@ async function doRecoverFn(item) {
getData();
}
})
.catch(() => { });
.catch(() => {});
}
function recordDialogClose() { }
function recordDialogClose() {}
// 含任一信号规则
const signalRulesList = ref();
@ -879,7 +981,7 @@ onMounted(async () => {
}
getSignalRulesFn();
getCompany()
getCompany();
});
</script>

470
src/views/pages/richedit/index.vue
View File

@ -6,14 +6,18 @@
<!-- 普通管理员和审核人员的筛选条件不一样，普通管理员是资讯精选、其他是资讯审核 -->
<!-- 普通管理员的筛选 start -->
<div style="width: 100%; display: flex; align-items: flex-end"
v-if="Session.get('userInfoLocal').userType != '00'">
<div style="width: 100%; display: flex; align-items: flex-end" v-if="Session.get('userInfoLocal').userType != '00'">
<el-button type="primary" style="margin-bottom: 10px" @click="restData">清空条件</el-button>
<div class="colHeader-right" :style="{ alignItems: 'flex-end', minWidth: '700px' }">
<el-space :size="12" class="colHeader-right-1">
<el-input v-model="form.keyword" placeholder="输入标题/内容关键字进行搜索（以空格隔开）" class="input-with-select"
@keyup.enter="handleSearch" style="width: 455px">
<el-input
v-model="form.keyword"
placeholder="输入标题/内容关键字进行搜索（以空格隔开）"
class="input-with-select"
@keyup.enter="handleSearch"
style="width: 455px"
>
<template #append>
<el-button icon="Search" @click="handleSearch" />
</template>
@ -21,15 +25,32 @@
<div>
<span>行业分类：</span>
<el-tree-select v-model="form.industry" :data="industryList" multiple
:render-after-expand="false" filterable show-checkbox style="width: 240px"
@check="handleCheckChange" @clear="handleSearch" node-key="id" collapse-tags
collapse-tags-tooltip clearable :props="defaultProps">
<el-tree-select
v-model="form.industry"
:data="industryList"
multiple
:render-after-expand="false"
filterable
show-checkbox
style="width: 240px"
@check="handleCheckChange"
@clear="handleSearch"
node-key="id"
collapse-tags
collapse-tags-tooltip
clearable
:props="defaultProps"
>
</el-tree-select>
</div>
<el-input v-model="form.tag" placeholder="匹配多个概念标签(以空格隔开)" class="input-with-select"
@keyup.enter="handleSearch" style="width: 280px">
<el-input
v-model="form.tag"
placeholder="匹配多个概念标签(以空格隔开)"
class="input-with-select"
@keyup.enter="handleSearch"
style="width: 280px"
>
<template #append>
<el-button icon="Search" @click="handleSearch" />
</template>
@ -37,27 +58,54 @@
</el-space>
<div class="colHeader-right-2">
<el-date-picker v-model="daterange" type="daterange" range-separator="至"
value-format="YYYY-MM-DD" start-placeholder="选择报道时间" end-placeholder="选择报道时间"
style="margin-right: 12px" @change="handleSearch" />
<el-date-picker
v-model="daterange"
type="daterange"
range-separator="至"
value-format="YYYY-MM-DD"
start-placeholder="选择报道时间"
end-placeholder="选择报道时间"
style="margin-right: 12px"
@change="handleSearch"
/>
<el-select-v2 v-model="form.mediaId" :options="tagSourceList" clearable placeholder="媒体来源"
size="large" style="width: 240px" filterable @change="handleSearch" />
<el-select-v2
v-model="form.mediaId"
:options="tagSourceList"
clearable
placeholder="媒体来源"
size="large"
style="width: 240px"
filterable
@change="handleSearch"
/>
<el-select clearable v-model="form.deleted" size="large" style="width: 150px; margin-left: 10px"
v-if="Session.get('userInfoLocal').userType == '00'" placeholder="筛选删除状态"
@change="handleSearch">
<el-select
clearable
v-model="form.deleted"
size="large"
style="width: 150px; margin-left: 10px"
v-if="Session.get('userInfoLocal').userType == '00'"
placeholder="筛选删除状态"
@change="handleSearch"
>
<el-option :value="1" label="已删除资讯"></el-option>
<el-option :value="0" label="未删除资讯"></el-option>
</el-select>
<div style="margin-left: 12px; display: flex; flex-wrap: nowrap; align-items: center">
<span>评分范围：</span>
<el-input type="number" v-model="form.minScore" style="width: 80px" placeholder="最低"
:min="0" :max="100" @keyup.enter="handleSearch" />
<el-input
type="number"
v-model="form.minScore"
style="width: 80px"
placeholder="最低"
:min="0"
:max="100"
@keyup.enter="handleSearch"
/>
<i style="color: #ccc"> - </i>
<el-input type="number" v-model="form.maxScore" style="width: 140px" placeholder="最高"
:min="0" :max="100" @keyup.enter="handleSearch">
<el-input type="number" v-model="form.maxScore" style="width: 140px" placeholder="最高" :min="0" :max="100" @keyup.enter="handleSearch">
<template #append>
<el-button icon="Search" @click="handleSearch" />
</template>
@ -71,8 +119,13 @@
<div class="colHeader-right">
<el-space :size="12" class="colHeader-right-1">
<span>标题检索：</span>
<el-input v-model="form.keyword" placeholder="输入标题/内容关键字进行搜索（以空格隔开）" class="input-with-select"
@keyup.enter="handleSearch" style="width: 500px">
<el-input
v-model="form.keyword"
placeholder="输入标题/内容关键字进行搜索（以空格隔开）"
class="input-with-select"
@keyup.enter="handleSearch"
style="width: 500px"
>
<template #append>
<el-button icon="Search" @click="handleSearch" />
</template>
@ -80,15 +133,32 @@
<div>
<span>行业分类：</span>
<el-tree-select v-model="form.industry" :data="industryList" multiple
:render-after-expand="false" filterable show-checkbox style="width: 240px"
@check="handleCheckChange" @clear="handleSearch" node-key="id" collapse-tags
collapse-tags-tooltip clearable :props="defaultProps">
<el-tree-select
v-model="form.industry"
:data="industryList"
multiple
:render-after-expand="false"
filterable
show-checkbox
style="width: 240px"
@check="handleCheckChange"
@clear="handleSearch"
node-key="id"
collapse-tags
collapse-tags-tooltip
clearable
:props="defaultProps"
>
</el-tree-select>
</div>
<el-input v-model="form.tag" placeholder="匹配多个概念标签(以空格隔开)" class="input-with-select"
@keyup.enter="handleSearch" style="width: 280px">
<el-input
v-model="form.tag"
placeholder="匹配多个概念标签(以空格隔开)"
class="input-with-select"
@keyup.enter="handleSearch"
style="width: 280px"
>
<template #append>
<el-button icon="Search" @click="handleSearch" />
</template>
@ -97,33 +167,59 @@
<div class="colHeader-right-2" style="gap: 10px">
<span>信号规则：</span>
<el-select v-model="form.includeRuleIds" :disabled="excludeRuleIds?.length > 0" clearable
placeholder="含任一信号规则" multiple size="large" style="width: 180px" filterable
@change="signalChange($event, 1)">
<el-option v-for="item in signalRulesList" :key="item.id" :value="item.id"
:label="item.ruleName"></el-option>
<el-select
v-model="form.includeRuleIds"
:disabled="excludeRuleIds?.length > 0"
clearable
placeholder="含任一信号规则"
multiple
size="large"
style="width: 180px"
filterable
@change="signalChange($event, 1)"
>
<el-option v-for="item in signalRulesList" :key="item.id" :value="item.id" :label="item.ruleName"></el-option>
</el-select>
<el-select v-model="form.excludeRuleIds" :disabled="includeRuleIds?.length > 0" clearable
placeholder="不含任一信号规则" multiple size="large" style="width: 180px" filterable
@change="signalChange($event, 2)">
<el-option v-for="item in signalRulesList" :key="item.id" :value="item.id"
:label="item.ruleName"></el-option>
<el-select
v-model="form.excludeRuleIds"
:disabled="includeRuleIds?.length > 0"
clearable
placeholder="不含任一信号规则"
multiple
size="large"
style="width: 180px"
filterable
@change="signalChange($event, 2)"
>
<el-option v-for="item in signalRulesList" :key="item.id" :value="item.id" :label="item.ruleName"></el-option>
</el-select>
<span>报道时间：</span>
<div>
<el-date-picker v-model="daterange" type="daterange" range-separator="-"
value-format="YYYY-MM-DD" start-placeholder="选择报道时间" end-placeholder="选择报道时间"
@change="handleSearch" />
<el-date-picker
v-model="daterange"
type="daterange"
range-separator="-"
value-format="YYYY-MM-DD"
start-placeholder="选择报道时间"
end-placeholder="选择报道时间"
@change="handleSearch"
/>
</div>
<div style="display: flex; flex-wrap: nowrap; align-items: center">
<span>评分范围：</span>
<el-input type="number" v-model="form.minScore" style="width: 80px" placeholder="最低"
:min="0" :max="100" @keyup.enter="handleSearch" />
<el-input
type="number"
v-model="form.minScore"
style="width: 80px"
placeholder="最低"
:min="0"
:max="100"
@keyup.enter="handleSearch"
/>
<i style="color: #ccc"> - </i>
<el-input type="number" v-model="form.maxScore" style="width: 140px" placeholder="最高"
:min="0" :max="100" @keyup.enter="handleSearch">
<el-input type="number" v-model="form.maxScore" style="width: 140px" placeholder="最高" :min="0" :max="100" @keyup.enter="handleSearch">
<template #append>
<el-button icon="Search" @click="handleSearch" />
</template>
@ -133,8 +229,16 @@
<div class="colHeader-right-2" style="gap: 10px">
<span>媒体来源：</span>
<el-select-v2 v-model="form.mediaId" :options="tagSourceList" clearable placeholder="媒体来源"
size="large" style="width: 180px" filterable @change="handleSearch" />
<el-select-v2
v-model="form.mediaId"
:options="tagSourceList"
clearable
placeholder="媒体来源"
size="large"
style="width: 180px"
filterable
@change="handleSearch"
/>
<span>企业检索：</span>
<!-- <el-select
v-model="form.companyName"
@ -150,24 +254,49 @@
<el-option>否</el-option>
</el-select> -->
<el-select class="search-input" popper-class="option-box" v-model="form.companyName" clearable
filterable remote reserve-keyword remote-show-suffix default-first-option
:suffix-icon="Search" placeholder="输入企业名称/企业简称/证券编码进行搜索" :loading="loading"
:remote-method="getCompany" @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
class="search-input"
popper-class="option-box"
v-model="form.companyName"
clearable
filterable
remote
reserve-keyword
remote-show-suffix
default-first-option
:suffix-icon="Search"
placeholder="输入企业名称/企业简称/证券编码进行搜索"
:loading="loading"
:remote-method="getCompany"
@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>
<span>独家资源：</span>
<el-select v-model="form.exclusive" clearable placeholder="是否独家搜索" size="large"
style="width: 180px" filterable @change="handleSearch">
<el-select
v-model="form.exclusive"
clearable
placeholder="是否独家搜索"
size="large"
style="width: 180px"
filterable
@change="handleSearch"
>
<el-option :value="1" label="是"></el-option>
<el-option :value="0" label="否"></el-option>
</el-select>
<span>删除状态：</span>
<el-select clearable v-model="form.deleted" size="large" style="width: 150px; margin-left: 10px"
placeholder="筛选删除状态" @change="handleSearch">
<el-select
clearable
v-model="form.deleted"
size="large"
style="width: 150px; margin-left: 10px"
placeholder="筛选删除状态"
@change="handleSearch"
>
<el-option :value="1" label="已删除资讯"></el-option>
<el-option :value="0" label="未删除资讯"></el-option>
</el-select>
@ -178,16 +307,21 @@
</div>
</div>
<tableComponents ref="tableRef" :tableData="tableData" style="margin-top: 20px" @sortChange="sortChange"
:tableLoading="tableLoading" @currentChange="currentChange" @sizeChange="sizeChange">
<tableComponents
ref="tableRef"
:tableData="tableData"
style="margin-top: 20px"
@sortChange="sortChange"
:tableLoading="tableLoading"
@currentChange="currentChange"
@sizeChange="sizeChange"
>
<el-table-column prop="title" label="标题" align="left" width="380">
<template v-slot="scope">
<div style="display: flex; flex-direction: column; gap: 5px; padding: 10px 0">
<div>
<span style="color: red; font-weight: bold; margin-right: 3px"
v-if="scope.row.exclusive == 1">[独家]</span>
<span class="cursor-pointer" @click="goDetail(1, scope.row, true)"
v-html="scope.row.title"></span>
<span style="color: red; font-weight: bold; margin-right: 3px" v-if="scope.row.exclusive == 1">[独家]</span>
<span class="cursor-pointer" @click="goDetail(1, scope.row, true)" v-html="scope.row.title"></span>
</div>
<div class="labels" v-if="Session.get('userInfoLocal').userType == '00'">
@ -200,21 +334,31 @@
</div>
<div class="labels" v-if="Session.get('userInfoLocal').userType == '00'">
<div style="background-color: #eee6cd" class="label_item"
<div v-if="scope.row.conceptLabels && scope.row.conceptLabels.length > 0" class="label_item_box">
<div v-for="item in scope.row.conceptLabels" :key="item" class="label_item" style="background-color: #eee6cd">
{{ item }}
</div>
</div>
<div v-if="scope.row.industryLabels && scope.row.industryLabels.length > 0" class="label_item_box">
<div v-for="item in scope.row.industryLabels" :key="item" class="label_item" style="background-color: #cfdcf3">
{{ item }}
</div>
</div>
<!-- <div style="background-color: #eee6cd" class="label_item"
v-if="scope.row.conceptLabels && scope.row.conceptLabels.length > 0">
{{ scope.row.conceptLabels[0] }}
</div>
<div style="background-color: #cfdcf3" class="label_item"
v-if="scope.row.industryLabels && scope.row.industryLabels.length > 0">
</div> -->
<!-- <div style="background-color: #cfdcf3" class="label_item" v-if="scope.row.industryLabels && scope.row.industryLabels.length > 0">
{{ scope.row.industryLabels[0] }}
</div>
</div> -->
</div>
</div>
</template>
</el-table-column>
<el-table-column label="信号规则" align="center" width="120"
v-if="Session.get('userInfoLocal').userType == '00'">
<el-table-column label="信号规则" align="center" width="120" v-if="Session.get('userInfoLocal').userType == '00'">
<template v-slot="scope">
<div v-if="scope.row.ruleName && scope.row.ruleName.length > 0">
<div v-for="item in scope.row.ruleName" :key="item" class="label_item">
@ -225,8 +369,7 @@
</template>
</el-table-column>
<el-table-column label="媒体来源" align="center" width="120"
v-if="Session.get('userInfoLocal').userType == '00'">
<el-table-column label="媒体来源" align="center" width="120" v-if="Session.get('userInfoLocal').userType == '00'">
<template v-slot="scope">
<div v-if="scope.row.sourceName">
{{ scope.row.sourceName }}
@ -256,16 +399,18 @@
<div v-else>
<el-dropdown-menu>
<el-dropdown-item :command="null">全部</el-dropdown-item>
<el-dropdown-item :command="1"
v-if="Session.get('userInfoLocal').userType == '00'">未发布</el-dropdown-item>
<el-dropdown-item :command="1" v-if="Session.get('userInfoLocal').userType == '00'">未发布</el-dropdown-item>
<el-dropdown-item :command="3"
v-if="Session.get('userInfoLocal').userType != '01'">审核中</el-dropdown-item>
<el-dropdown-item :command="4"
v-if="Session.get('userInfoLocal').userType == '02' || Session.get('userInfoLocal').userType == '01'">已二审</el-dropdown-item>
<el-dropdown-item :command="3" v-if="Session.get('userInfoLocal').userType != '01'">审核中</el-dropdown-item>
<el-dropdown-item :command="4" v-if="Session.get('userInfoLocal').userType == '02' || Session.get('userInfoLocal').userType == '01'"
>已二审</el-dropdown-item
>
<el-dropdown-item :command="2">已发布</el-dropdown-item>
<el-dropdown-item :command="-1"
v-if="Session.get('userInfoLocal').userType == '02' || Session.get('userInfoLocal').userType == '01'">退改中</el-dropdown-item>
<el-dropdown-item
:command="-1"
v-if="Session.get('userInfoLocal').userType == '02' || Session.get('userInfoLocal').userType == '01'"
>退改中</el-dropdown-item
>
</el-dropdown-menu>
</div>
</template>
@ -274,8 +419,7 @@
<template v-slot="scope">
<!-- 新闻状态 0-草稿 1-未发布 2-已发布 -->
<div class="r_point" :style="{ color: '#000' }">
<div class="point" :style="{ backgroundColor: scope.row.status == 2 ? '#52C41A' : '#D9D9D9' }">
</div>
<div class="point" :style="{ backgroundColor: scope.row.status == 2 ? '#52C41A' : '#D9D9D9' }"></div>
<text v-if="scope.row.status == 0" style="color: rgba(0, 0, 0, 0.65)">草稿</text>
<text v-if="scope.row.status == 1" style="color: rgba(0, 0, 0, 0.65)">
{{ scope.row.deleted ? '已删除' : '未发布' }}
@ -295,8 +439,7 @@
{{ scope.row.submitter ? scope.row.submitter : '-' }}
</template>
</el-table-column>
<el-table-column align="center" width="120" prop="submitter" label="二校"
v-if="Session.get('userInfoLocal').userType == '01'">
<el-table-column align="center" width="120" prop="submitter" label="二校" v-if="Session.get('userInfoLocal').userType == '01'">
<template v-slot="scope">
{{ scope.row.submitterSecond ? scope.row.submitterSecond : '-' }}
</template>
@ -330,8 +473,7 @@
<el-table-column prop="score" label="资讯评分" sortable="custom" align="center" width="100">
<template v-slot="scope">
<div @click="getScoreDetail(scope.row.id)"
:class="[{ 'score-active': isAdmin && curScore === scope.row.id }, { 'score-hover': isAdmin }]">
<div @click="getScoreDetail(scope.row.id)" :class="[{ 'score-active': isAdmin && curScore === scope.row.id }, { 'score-hover': isAdmin }]">
{{ scope.row.score }}
</div>
</template>
@ -340,72 +482,71 @@
<el-table-column prop="updateTime" label="状态变动时间" sortable="custom" align="center">
<template v-slot="scope">
<div>
<div>{{ formatTime(scope.row.updateTime) == formatTime(scope.row.createTime) ?
scope.row.publishTime : scope.row.updateTime }}</div>
<div>{{ formatTime(scope.row.updateTime) == formatTime(scope.row.createTime) ? scope.row.publishTime : scope.row.updateTime }}</div>
</div>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="250" fixed="right">
<template v-slot="scope">
<div class="option">
<el-button v-if="scope.row.deleted" type="text" style="margin-left: -10px"
@click="doRecoverFn(scope.row)">
<el-button v-if="scope.row.deleted" type="text" style="margin-left: -10px" @click="doRecoverFn(scope.row)">
<text>恢复</text>
</el-button>
<div v-else style="display: flex; gap: 10px; align-items: center">
<el-button type="text" :disabled="scope.row.status != 2" class="copyBtn"
@click="copyUrl(scope.row)">复制</el-button>
<el-button type="text" :disabled="scope.row.status != 2" class="copyBtn" @click="copyUrl(scope.row)">复制</el-button>
<!-- 新闻状态 0-草稿 | 1-未发布 | 2-已发布 | 3-送审 | 4-已二审 | -1-退改中 -->
<div v-if="Session.get('userInfoLocal').userType == '00'">
<!-- 普通账号 -->
<el-button
v-if="scope.row.status == 0 || scope.row.status == 1 || scope.row.status == -1"
type="text" @click="goDetail(1, scope.row, false)">编辑</el-button>
type="text"
@click="goDetail(1, scope.row, false)"
>编辑</el-button
>
<el-button
v-if="scope.row.status == 0 || scope.row.status == 1 || scope.row.status == -1"
type="text" @click="doApprovalFn(scope.row, scope.row.status)">送审</el-button>
<el-button v-else-if="scope.row.status == 3" type="text"
@click="doApprovalFn(scope.row, scope.row.status)">撤审</el-button>
type="text"
@click="doApprovalFn(scope.row, scope.row.status)"
>送审</el-button
>
<el-button v-else-if="scope.row.status == 3" type="text" @click="doApprovalFn(scope.row, scope.row.status)">撤审</el-button>
<el-button
v-if="scope.row.status == 0 || scope.row.status == 1 || scope.row.status == -1"
type="text" style="color: #ff1818" @click="doDeleteNewsFn(scope.row)">删除</el-button>
type="text"
style="color: #ff1818"
@click="doDeleteNewsFn(scope.row)"
>删除</el-button
>
</div>
<div v-if="Session.get('userInfoLocal').userType == '02'">
<el-button v-if="scope.row.status == 4" type="text"
@click="doApprovalFn(scope.row, scope.row.status)">撤审</el-button>
<el-button v-if="scope.row.status == 4" type="text" @click="doApprovalFn(scope.row, scope.row.status)">撤审</el-button>
<!-- 二审账号 -->
<el-button v-if="scope.row.status == 3" type="text" style="color: #ff1818"
@click="doNewReturnFn(scope.row)">退改</el-button>
<el-button v-if="scope.row.status == 3" type="text" style="color: #ff1818" @click="doNewReturnFn(scope.row)">退改</el-button>
<el-button v-if="scope.row.status == 3" type="text"
@click="goDetail(1, scope.row, false)">编辑</el-button>
<el-button v-if="scope.row.status == 3" type="text" @click="goDetail(1, scope.row, false)">编辑</el-button>
<el-button v-if="scope.row.status == 3" type="text"
@click="doNewCheckFn(scope.row)">复审</el-button>
<el-button v-if="scope.row.status == 3" type="text" @click="doNewCheckFn(scope.row)">复审</el-button>
<el-button type="text" v-if="scope.row.status == 4"
@click="doNewsPublishFn(scope.row, 2)">发布</el-button>
<el-button type="text" v-if="scope.row.status == 4" @click="doNewsPublishFn(scope.row, 2)">发布</el-button>
</div>
<div v-if="Session.get('userInfoLocal').userType == '01'">
<!-- 终审账号 -->
<el-button v-if="scope.row.status == 3 || scope.row.status == 4" type="text"
@click="goDetail(1, scope.row, false)">编辑</el-button>
<el-button v-if="scope.row.status == 3 || scope.row.status == 4" type="text" @click="goDetail(1, scope.row, false)">编辑</el-button>
<el-button v-if="scope.row.status == 4" type="text" style="color: #ff1818"
@click="doNewReturnFn(scope.row)">退改</el-button>
<el-button v-if="scope.row.status == 4" type="text" style="color: #ff1818" @click="doNewReturnFn(scope.row)">退改</el-button>
<el-button type="text" v-if="scope.row.status == 2"
@click="doNewsPublishFn(scope.row, 1)">撤稿</el-button>
<el-button type="text" v-else-if="scope.row.status != -1 && scope.row.status == 4"
@click="doNewsPublishFn(scope.row, 2)">发布</el-button>
<el-button type="text" v-if="scope.row.status == 2" @click="doNewsPublishFn(scope.row, 1)">撤稿</el-button>
<el-button type="text" v-else-if="scope.row.status != -1 && scope.row.status == 4" @click="doNewsPublishFn(scope.row, 2)"
>发布</el-button
>
<el-button v-if="scope.row.status == 3" type="text"
style="color: #ff1818; margin-left: 5px"
@click="doNewReturnFn(scope.row)">退改</el-button>
<el-button v-if="scope.row.status == 3" type="text" style="color: #ff1818; margin-left: 5px" @click="doNewReturnFn(scope.row)"
>退改</el-button
>
</div>
<!-- <el-icon size="16" @click="goRecord(scope.row)">
@ -415,7 +556,10 @@
<!-- v-if="isAdmin" -->
<el-icon
v-if="isAdmin || Session.get('userInfoLocal').userType == '02' || Session.get('userInfoLocal').userType == '01'"
size="16" @click="goRecord(scope.row)" style="margin-left: 10px">
size="16"
@click="goRecord(scope.row)"
style="margin-left: 10px"
>
<Tickets />
</el-icon>
</div>
@ -424,9 +568,16 @@
</tableComponents>
<keep-alive>
<DetailDrawer v-model="drawer" :data="newsData" :readOnly="readOnly" :type="newstype"
@handleEditStatus="handleEditStatus" @doNewsPublishFn="doNewsPublishFn" @doDeleteNewsFn="doDeleteNewsFn"
@getData="getData" />
<DetailDrawer
v-model="drawer"
:data="newsData"
:readOnly="readOnly"
:type="newstype"
@handleEditStatus="handleEditStatus"
@doNewsPublishFn="doNewsPublishFn"
@doDeleteNewsFn="doDeleteNewsFn"
@getData="getData"
/>
</keep-alive>
<el-dialog v-model="isScoreShow" title="资讯评分详情" width="680" center>
@ -437,8 +588,9 @@
<el-row>[{{ scoreDetail.industryLabel.join(',') }}]</el-row>
<el-row justify="space-between">
<el-col :span="12">置信度：[{{ scoreDetail.industryConfidence.join(',') }}]</el-col>
<el-col :span="12" style="text-align: right">分类评分：<span style="color: #36a4f8">[{{
scoreDetail.industryScore.join(',') }}]</span></el-col>
<el-col :span="12" style="text-align: right"
>分类评分：<span style="color: #36a4f8">[{{ scoreDetail.industryScore.join(',') }}]</span></el-col
>
</el-row>
</el-col>
</el-row>
@ -448,8 +600,9 @@
<el-row>[{{ scoreDetail.conceptLabel.join(',') }}]</el-row>
<el-row justify="space-between">
<el-col :span="12">置信度：[{{ scoreDetail.conceptConfidence.join(',') }}]</el-col>
<el-col :span="12" style="text-align: right">概念评分：<span style="color: #36a4f8">[{{
scoreDetail.conceptScore.join(',') }}]</span></el-col>
<el-col :span="12" style="text-align: right"
>概念评分：<span style="color: #36a4f8">[{{ scoreDetail.conceptScore.join(',') }}]</span></el-col
>
</el-row>
</el-col>
</el-row>
@ -459,20 +612,21 @@
</el-row>
<el-row class="score-detail-row">
<el-col :span="12">媒体影响力</el-col>
<el-col :span="12" style="text-align: right">评分：<span style="color: #36a4f8">{{
scoreDetail.sourceImpact
}}</span></el-col>
<el-col :span="12" style="text-align: right"
>评分：<span style="color: #36a4f8">{{ scoreDetail.sourceImpact }}</span></el-col
>
</el-row>
<el-row class="score-detail-row">
<el-col :span="12">中国股市相关性</el-col>
<el-col :span="12" style="text-align: right">置信度：<span style="color: #36a4f8">{{
scoreDetail.chinaFactor
}}</span></el-col>
<el-col :span="12" style="text-align: right"
>置信度：<span style="color: #36a4f8">{{ scoreDetail.chinaFactor }}</span></el-col
>
</el-row>
<el-row class="score-detail-row">
<el-col :span="12">资讯质量</el-col>
<el-col :span="12" style="text-align: right">评分：<span style="color: #36a4f8">{{
scoreDetail.publicOpinionScore }}</span></el-col>
<el-col :span="12" style="text-align: right"
>评分：<span style="color: #36a4f8">{{ scoreDetail.publicOpinionScore }}</span></el-col
>
</el-row>
<el-row class="score-detail-row rule">
<el-col :span="24">*计算规则</el-col>
@ -480,9 +634,7 @@
</el-row>
<el-row class="score-detail-row" justify="space-between">
<el-col :span="12">资讯评分</el-col>
<el-col :span="12" style="color: #36a4f8; text-align: right; font-weight: 700">{{
scoreDetail.newsScore
}}</el-col>
<el-col :span="12" style="color: #36a4f8; text-align: right; font-weight: 700">{{ scoreDetail.newsScore }}</el-col>
</el-row>
</div>
<template #footer>
@ -585,7 +737,7 @@ async function doDeleteNewsFn(item) {
getData();
}
})
.catch(() => { });
.catch(() => {});
}
function handleSearch() {
@ -678,18 +830,18 @@ async function doApprovalFn(item, status) {
let { code } =
status == 3 || status == 4
? await doNewRevoke({
id: item.id,
})
id: item.id,
})
: await doNewSubmit({
id: item.id,
});
id: item.id,
});
if (code == 200) {
ElMessage.success('操作成功');
drawer.value = false;
getData();
}
})
.catch(() => { });
.catch(() => {});
}
/**
@ -713,20 +865,20 @@ async function doNewsPublishFn(item, status) {
let { code } =
status == 1
? await doNewRevoke({
id: item.id,
status: status,
})
id: item.id,
status: status,
})
: await doNewsPublish({
id: item.id,
status: status,
});
id: item.id,
status: status,
});
if (code == 200) {
ElMessage.success('操作成功');
drawer.value = false;
getData();
}
})
.catch(() => { });
.catch(() => {});
}
/**
@ -936,8 +1088,8 @@ function restData() {
includeRuleIds.value = null;
excludeRuleIds.value = null;
form.value.companyName = null
form.value.exclusive = null
form.value.companyName = null;
form.value.exclusive = null;
getData();
}
@ -957,7 +1109,7 @@ async function doRecoverFn(item) {
getData();
}
})
.catch(() => { });
.catch(() => {});
}
// 复审
@ -1068,7 +1220,7 @@ onMounted(async () => {
getSignalRulesFn();
}
getCompany()
getCompany();
});
</script>
@ -1200,4 +1352,10 @@ onMounted(async () => {
align-items: center;
}
}
.label_item_box {
// width: 100%;
display: flex;
gap: 5px;
}
</style>