feat(richedit): 添加信号规则筛选功能并优化用户权限控制
- 在index.vue和all.vue中添加信号规则筛选功能 - 根据用户类型控制界面元素的显示 - 优化表格样式和标签显示 - 移除硬编码的测试数据
This commit is contained in:
parent
920b860248
commit
e7563ae8be
|
|
@ -8,13 +8,8 @@
|
||||||
|
|
||||||
<div class="colHeader-right">
|
<div class="colHeader-right">
|
||||||
<el-space :size="12" class="colHeader-right-1">
|
<el-space :size="12" class="colHeader-right-1">
|
||||||
<el-input
|
<el-input v-model="form.keyword" placeholder="输入标题/内容关键字进行搜索（以空格隔开）" class="input-with-select"
|
||||||
v-model="form.keyword"
|
@keyup.enter="handleSearch" style="width: 455px">
|
||||||
placeholder="输入标题/内容关键字进行搜索（以空格隔开）"
|
|
||||||
class="input-with-select"
|
|
||||||
@keyup.enter="handleSearch"
|
|
||||||
style="width: 455px"
|
|
||||||
>
|
|
||||||
<template #append>
|
<template #append>
|
||||||
<el-button icon="Search" @click="handleSearch" />
|
<el-button icon="Search" @click="handleSearch" />
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -22,32 +17,15 @@
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<span>行业分类：</span>
|
<span>行业分类：</span>
|
||||||
<el-tree-select
|
<el-tree-select v-model="form.industry" :data="industryList" multiple
|
||||||
v-model="form.industry"
|
:render-after-expand="false" filterable show-checkbox style="width: 240px"
|
||||||
:data="industryList"
|
@check="handleCheckChange" @clear="handleSearch" node-key="id" collapse-tags
|
||||||
multiple
|
collapse-tags-tooltip clearable :props="defaultProps">
|
||||||
: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>
|
</el-tree-select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-input
|
<el-input v-model="form.tag" placeholder="匹配多个概念标签(以空格隔开)" class="input-with-select"
|
||||||
v-model="form.tag"
|
@keyup.enter="handleSearch" style="width: 280px">
|
||||||
placeholder="匹配多个概念标签(以空格隔开)"
|
|
||||||
class="input-with-select"
|
|
||||||
@keyup.enter="handleSearch"
|
|
||||||
style="width: 280px"
|
|
||||||
>
|
|
||||||
<template #append>
|
<template #append>
|
||||||
<el-button icon="Search" @click="handleSearch" />
|
<el-button icon="Search" @click="handleSearch" />
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -55,53 +33,26 @@
|
||||||
</el-space>
|
</el-space>
|
||||||
|
|
||||||
<div class="colHeader-right-2">
|
<div class="colHeader-right-2">
|
||||||
<el-date-picker
|
<el-date-picker v-model="daterange" type="daterange" range-separator="至"
|
||||||
v-model="daterange"
|
value-format="YYYY-MM-DD" start-placeholder="选择报道时间" end-placeholder="选择报道时间"
|
||||||
type="daterange"
|
style="margin-right: 12px" @change="handleSearch" />
|
||||||
range-separator="至"
|
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
start-placeholder="选择报道时间"
|
|
||||||
end-placeholder="选择报道时间"
|
|
||||||
style="margin-right: 12px"
|
|
||||||
@change="handleSearch"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-select-v2
|
<el-select-v2 v-model="form.mediaId" :options="tagSourceList" clearable placeholder="媒体来源"
|
||||||
v-model="form.mediaId"
|
size="large" style="width: 240px" filterable @change="handleSearch" />
|
||||||
:options="tagSourceList"
|
|
||||||
clearable
|
|
||||||
placeholder="媒体来源"
|
|
||||||
size="large"
|
|
||||||
style="width: 240px"
|
|
||||||
filterable
|
|
||||||
@change="handleSearch"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-select
|
<el-select clearable v-model="form.deleted" size="large" style="width: 150px; margin-left: 10px"
|
||||||
clearable
|
placeholder="筛选删除状态" @change="handleSearch">
|
||||||
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="1" label="已删除资讯"></el-option>
|
||||||
<el-option :value="0" label="未删除资讯"></el-option>
|
<el-option :value="0" label="未删除资讯"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
|
|
||||||
<div style="margin-left: 12px; display: flex; flex-wrap: nowrap; align-items: center">
|
<div style="margin-left: 12px; display: flex; flex-wrap: nowrap; align-items: center">
|
||||||
<span>评分范围：</span>
|
<span>评分范围：</span>
|
||||||
<el-input
|
<el-input type="number" v-model="form.minScore" style="width: 80px" placeholder="最低"
|
||||||
type="number"
|
:min="0" :max="100" @keyup.enter="handleSearch" />
|
||||||
v-model="form.minScore"
|
|
||||||
style="width: 80px"
|
|
||||||
placeholder="最低"
|
|
||||||
:min="0"
|
|
||||||
:max="100"
|
|
||||||
@keyup.enter="handleSearch"
|
|
||||||
/>
|
|
||||||
<i style="color: #ccc"> - </i>
|
<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>
|
<template #append>
|
||||||
<el-button icon="Search" @click="handleSearch" />
|
<el-button icon="Search" @click="handleSearch" />
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -109,27 +60,57 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <el-button type="primary" icon="Plus" @click="toDetail({}, false)">创建新资讯</el-button> -->
|
<div class="colHeader-right-2" style="gap: 10px">
|
||||||
|
<el-select v-model="signalId1" clearable placeholder="含任一信号规则" multiple size="large"
|
||||||
|
style="width: 240px" filterable @change="signalChange($event, 1)">
|
||||||
|
|
||||||
|
<el-option v-for="item in signalRulesList1" :key="item.value" :value="item.value"
|
||||||
|
:label="item.label"></el-option>
|
||||||
|
</el-select>
|
||||||
|
|
||||||
|
<el-select v-model="signalId2" clearable placeholder="不含任一信号规则" multiple size="large"
|
||||||
|
style="width: 240px" filterable @change="signalChange($event, 2)">
|
||||||
|
<el-option v-for="item in signalRulesList2" :key="item.value" :value="item.value"
|
||||||
|
:label="item.label"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<tableComponents
|
<tableComponents ref="tableRef" :tableData="tableData" style="margin-top: 20px" @sortChange="sortChange"
|
||||||
ref="tableRef"
|
:tableLoading="tableLoading" @currentChange="currentChange" @sizeChange="sizeChange">
|
||||||
:tableData="tableData"
|
|
||||||
style="margin-top: 20px"
|
|
||||||
@sortChange="sortChange"
|
|
||||||
:tableLoading="tableLoading"
|
|
||||||
@currentChange="currentChange"
|
|
||||||
@sizeChange="sizeChange"
|
|
||||||
>
|
|
||||||
<el-table-column prop="title" label="标题" align="left" width="380">
|
<el-table-column prop="title" label="标题" align="left" width="380">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<span class="cursor-pointer" @click="goDetail(1, scope.row, true)" v-html="scope.row.title"></span>
|
<div style="display: flex; flex-direction: column;gap: 5px;padding: 10px 0;">
|
||||||
|
<span class="cursor-pointer" @click="goDetail(1, scope.row, true)"
|
||||||
|
v-html="scope.row.title"></span>
|
||||||
|
|
||||||
|
<div class="labels">
|
||||||
|
<div v-for="company in scope.row.companys" :key="company" class="label_item">
|
||||||
|
{{ company }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="labels">
|
||||||
|
<div v-for="(label, index) in scope.row.labels" :key="label" class="label_item"
|
||||||
|
:style="{ backgroundColor: index == 0 ? '#EEE6CD' : '#CFDCF3' }">
|
||||||
|
{{ label }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<!-- :show-overflow-tooltip="true" -->
|
<el-table-column label="信号规则" align="center" width="120">
|
||||||
|
<template v-slot="scope">
|
||||||
|
<div v-for="item in scope.row.signalNames" :key="item" class="label_item">
|
||||||
|
{{ item }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="媒体来源" align="center" width="120" prop="sourceName"></el-table-column>
|
||||||
<el-table-column prop="status" align="center" width="120">
|
<el-table-column prop="status" align="center" width="120">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-dropdown trigger="click" @command="handleCommand">
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
|
@ -152,7 +133,8 @@
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<!-- 新闻状态 0-草稿 1-未发布 2-已发布 -->
|
<!-- 新闻状态 0-草稿 1-未发布 2-已发布 -->
|
||||||
<div class="r_point" :style="{ color: '#000' }">
|
<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 == 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 == 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>
|
<text v-if="scope.row.status == 2" style="color: rgba(0, 0, 0, 0.65)">已发布</text>
|
||||||
|
|
@ -196,7 +178,8 @@
|
||||||
|
|
||||||
<el-table-column prop="score" label="资讯评分" sortable="custom" align="center" width="100">
|
<el-table-column prop="score" label="资讯评分" sortable="custom" align="center" width="100">
|
||||||
<template v-slot="scope">
|
<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 }}
|
{{ scope.row.score }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -205,14 +188,16 @@
|
||||||
<el-table-column prop="updateTime" label="状态变动时间" sortable="custom" align="center">
|
<el-table-column prop="updateTime" label="状态变动时间" sortable="custom" align="center">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<div>
|
<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>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center" width="250" fixed="right">
|
<el-table-column label="操作" align="center" width="250" fixed="right">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<div class="option">
|
<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"
|
<el-button v-if="scope.row.deleted" type="text" style="margin-left: 10px"
|
||||||
@click="doRecoverFn(scope.row)">
|
@click="doRecoverFn(scope.row)">
|
||||||
|
|
@ -248,16 +233,9 @@
|
||||||
</tableComponents>
|
</tableComponents>
|
||||||
|
|
||||||
<keep-alive>
|
<keep-alive>
|
||||||
<DetailDrawer
|
<DetailDrawer v-model="drawer" :data="newsData" :readOnly="readOnly" :type="newstype"
|
||||||
v-model="drawer"
|
@handleEditStatus="handleEditStatus" @doNewsPublishFn="doNewsPublishFn" @doDeleteNewsFn="doDeleteNewsFn"
|
||||||
:data="newsData"
|
@getData="getData" />
|
||||||
:readOnly="readOnly"
|
|
||||||
:type="newstype"
|
|
||||||
@handleEditStatus="handleEditStatus"
|
|
||||||
@doNewsPublishFn="doNewsPublishFn"
|
|
||||||
@doDeleteNewsFn="doDeleteNewsFn"
|
|
||||||
@getData="getData"
|
|
||||||
/>
|
|
||||||
</keep-alive>
|
</keep-alive>
|
||||||
|
|
||||||
<el-dialog v-model="isScoreShow" title="资讯评分详情" width="680" center>
|
<el-dialog v-model="isScoreShow" title="资讯评分详情" width="680" center>
|
||||||
|
|
@ -268,9 +246,8 @@
|
||||||
<el-row>[{{ scoreDetail.industryLabel.join(',') }}]</el-row>
|
<el-row>[{{ scoreDetail.industryLabel.join(',') }}]</el-row>
|
||||||
<el-row justify="space-between">
|
<el-row justify="space-between">
|
||||||
<el-col :span="12">置信度：[{{ scoreDetail.industryConfidence.join(',') }}]</el-col>
|
<el-col :span="12">置信度：[{{ scoreDetail.industryConfidence.join(',') }}]</el-col>
|
||||||
<el-col :span="12" style="text-align: right"
|
<el-col :span="12" style="text-align: right">分类评分：<span style="color: #36a4f8">[{{
|
||||||
>分类评分：<span style="color: #36a4f8">[{{ scoreDetail.industryScore.join(',') }}]</span></el-col
|
scoreDetail.industryScore.join(',') }}]</span></el-col>
|
||||||
>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
@ -280,9 +257,8 @@
|
||||||
<el-row>[{{ scoreDetail.conceptLabel.join(',') }}]</el-row>
|
<el-row>[{{ scoreDetail.conceptLabel.join(',') }}]</el-row>
|
||||||
<el-row justify="space-between">
|
<el-row justify="space-between">
|
||||||
<el-col :span="12">置信度：[{{ scoreDetail.conceptConfidence.join(',') }}]</el-col>
|
<el-col :span="12">置信度：[{{ scoreDetail.conceptConfidence.join(',') }}]</el-col>
|
||||||
<el-col :span="12" style="text-align: right"
|
<el-col :span="12" style="text-align: right">概念评分：<span style="color: #36a4f8">[{{
|
||||||
>概念评分：<span style="color: #36a4f8">[{{ scoreDetail.conceptScore.join(',') }}]</span></el-col
|
scoreDetail.conceptScore.join(',') }}]</span></el-col>
|
||||||
>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
@ -292,21 +268,20 @@
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row class="score-detail-row">
|
<el-row class="score-detail-row">
|
||||||
<el-col :span="12">媒体影响力</el-col>
|
<el-col :span="12">媒体影响力</el-col>
|
||||||
<el-col :span="12" style="text-align: right"
|
<el-col :span="12" style="text-align: right">评分：<span style="color: #36a4f8">{{
|
||||||
>评分：<span style="color: #36a4f8">{{ scoreDetail.sourceImpact }}</span></el-col
|
scoreDetail.sourceImpact
|
||||||
>
|
}}</span></el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row class="score-detail-row">
|
<el-row class="score-detail-row">
|
||||||
<el-col :span="12">中国股市相关性</el-col>
|
<el-col :span="12">中国股市相关性</el-col>
|
||||||
<el-col :span="12" style="text-align: right"
|
<el-col :span="12" style="text-align: right">置信度：<span style="color: #36a4f8">{{
|
||||||
>置信度：<span style="color: #36a4f8">{{ scoreDetail.chinaFactor }}</span></el-col
|
scoreDetail.chinaFactor
|
||||||
>
|
}}</span></el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row class="score-detail-row">
|
<el-row class="score-detail-row">
|
||||||
<el-col :span="12">资讯质量</el-col>
|
<el-col :span="12">资讯质量</el-col>
|
||||||
<el-col :span="12" style="text-align: right"
|
<el-col :span="12" style="text-align: right">评分：<span style="color: #36a4f8">{{
|
||||||
>评分：<span style="color: #36a4f8">{{ scoreDetail.publicOpinionScore }}</span></el-col
|
scoreDetail.publicOpinionScore }}</span></el-col>
|
||||||
>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row class="score-detail-row rule">
|
<el-row class="score-detail-row rule">
|
||||||
<el-col :span="24">*计算规则</el-col>
|
<el-col :span="24">*计算规则</el-col>
|
||||||
|
|
@ -314,7 +289,9 @@
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row class="score-detail-row" justify="space-between">
|
<el-row class="score-detail-row" justify="space-between">
|
||||||
<el-col :span="12">资讯评分</el-col>
|
<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>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
|
|
@ -413,7 +390,7 @@ async function doDeleteNewsFn(item) {
|
||||||
getData();
|
getData();
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(() => {});
|
.catch(() => { });
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleSearch() {
|
function handleSearch() {
|
||||||
|
|
@ -465,6 +442,21 @@ async function getData() {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
item.title = highlightTitle(item.title, form.value.keyword);
|
item.title = highlightTitle(item.title, form.value.keyword);
|
||||||
|
|
||||||
|
item.companys = [
|
||||||
|
"英伟达",
|
||||||
|
"微软",
|
||||||
|
]
|
||||||
|
|
||||||
|
item.labels = [
|
||||||
|
"新科技-人工智能",
|
||||||
|
"新科技-人工智能",
|
||||||
|
]
|
||||||
|
|
||||||
|
item.signalNames = [
|
||||||
|
"信号规则1",
|
||||||
|
"信号规则2",
|
||||||
|
]
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
|
@ -499,7 +491,7 @@ async function doApprovalFn(item, status) {
|
||||||
getData();
|
getData();
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(() => {});
|
.catch(() => { });
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -536,7 +528,7 @@ async function doNewsPublishFn(item, status) {
|
||||||
getData();
|
getData();
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(() => {});
|
.catch(() => { });
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -756,10 +748,65 @@ async function doRecoverFn(item) {
|
||||||
getData();
|
getData();
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(() => {});
|
.catch(() => { });
|
||||||
}
|
}
|
||||||
|
|
||||||
function recordDialogClose() {}
|
function recordDialogClose() { }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 含任一信号规则
|
||||||
|
const signalRulesList1 = ref([
|
||||||
|
{
|
||||||
|
label: '全部',
|
||||||
|
value: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '全部1',
|
||||||
|
value: 2,
|
||||||
|
},
|
||||||
|
])
|
||||||
|
|
||||||
|
// 不含任一信号规则
|
||||||
|
const signalRulesList2 = ref([
|
||||||
|
{
|
||||||
|
label: '全部',
|
||||||
|
value: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '全部1',
|
||||||
|
value: 2,
|
||||||
|
},
|
||||||
|
])
|
||||||
|
|
||||||
|
async function getSignalRulesFn() {
|
||||||
|
let { code, data } = await getSignalRules({
|
||||||
|
});
|
||||||
|
if (code == 200) {
|
||||||
|
signalRulesList.value = data.map((item: any) => {
|
||||||
|
return {
|
||||||
|
label: item.name,
|
||||||
|
value: item.id,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const signalId1 = ref([])
|
||||||
|
const signalId2 = ref([])
|
||||||
|
|
||||||
|
function signalChange(event, type) {
|
||||||
|
console.log("🚀 ~ signalChange ~ event:", event)
|
||||||
|
if (type == 1) {
|
||||||
|
form.value.signalId1 = signalId1.value;
|
||||||
|
} else {
|
||||||
|
form.value.signalId2 = signalId2.value;
|
||||||
|
}
|
||||||
|
|
||||||
|
getData()
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// 页面加载时
|
// 页面加载时
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
|
|
@ -787,6 +834,9 @@ onMounted(async () => {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
getSignalRulesFn()
|
||||||
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
@ -892,4 +942,30 @@ onMounted(async () => {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.labels {
|
||||||
|
display: flex;
|
||||||
|
gap: 5px;
|
||||||
|
|
||||||
|
.label_item {
|
||||||
|
height: 24px;
|
||||||
|
background: #F6F6F6;
|
||||||
|
border-radius: 2px;
|
||||||
|
border: 1px solid #E2E2E2;
|
||||||
|
padding: 0 5px;
|
||||||
|
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #656363;
|
||||||
|
line-height: 16px;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
text-align: center;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -34,8 +34,6 @@
|
||||||
</el-space>
|
</el-space>
|
||||||
|
|
||||||
<div class="colHeader-right-2">
|
<div class="colHeader-right-2">
|
||||||
|
|
||||||
|
|
||||||
<el-date-picker v-model="daterange" type="daterange" range-separator="至"
|
<el-date-picker v-model="daterange" type="daterange" range-separator="至"
|
||||||
value-format="YYYY-MM-DD" start-placeholder="选择报道时间" end-placeholder="选择报道时间"
|
value-format="YYYY-MM-DD" start-placeholder="选择报道时间" end-placeholder="选择报道时间"
|
||||||
style="margin-right: 12px" @change="handleSearch" />
|
style="margin-right: 12px" @change="handleSearch" />
|
||||||
|
|
@ -64,7 +62,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="colHeader-right-2" style="gap: 10px">
|
<div class="colHeader-right-2" style="gap: 10px"
|
||||||
|
v-if="Session.get('userInfoLocal').userType == '00'">
|
||||||
<el-select v-model="signalId1" clearable placeholder="含任一信号规则" multiple size="large"
|
<el-select v-model="signalId1" clearable placeholder="含任一信号规则" multiple size="large"
|
||||||
style="width: 240px" filterable @change="signalChange($event, 1)">
|
style="width: 240px" filterable @change="signalChange($event, 1)">
|
||||||
|
|
||||||
|
|
@ -91,13 +90,13 @@
|
||||||
<span class="cursor-pointer" @click="goDetail(1, scope.row, true)"
|
<span class="cursor-pointer" @click="goDetail(1, scope.row, true)"
|
||||||
v-html="scope.row.title"></span>
|
v-html="scope.row.title"></span>
|
||||||
|
|
||||||
<div class="labels">
|
<div class="labels" v-if="Session.get('userInfoLocal').userType == '00'">
|
||||||
<div v-for="company in scope.row.companys" :key="company" class="label_item">
|
<div v-for="company in scope.row.companys" :key="company" class="label_item">
|
||||||
{{ company }}
|
{{ company }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="labels">
|
<div class="labels" v-if="Session.get('userInfoLocal').userType == '00'">
|
||||||
<div v-for="(label, index) in scope.row.labels" :key="label" class="label_item"
|
<div v-for="(label, index) in scope.row.labels" :key="label" class="label_item"
|
||||||
:style="{ backgroundColor: index == 0 ? '#EEE6CD' : '#CFDCF3' }">
|
:style="{ backgroundColor: index == 0 ? '#EEE6CD' : '#CFDCF3' }">
|
||||||
{{ label }}
|
{{ label }}
|
||||||
|
|
@ -108,7 +107,8 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column label="信号规则" align="center" width="120">
|
<el-table-column label="信号规则" align="center" width="120"
|
||||||
|
v-if="Session.get('userInfoLocal').userType == '00'">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<div v-for="item in scope.row.signalNames" :key="item" class="label_item">
|
<div v-for="item in scope.row.signalNames" :key="item" class="label_item">
|
||||||
{{ item }}
|
{{ item }}
|
||||||
|
|
@ -116,8 +116,9 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column label="媒体来源" align="center" width="120" prop="sourceName"></el-table-column>
|
<el-table-column label="媒体来源" align="center" width="120" prop="sourceName"
|
||||||
<!-- :show-overflow-tooltip="true" -->
|
v-if="Session.get('userInfoLocal').userType == '00'"></el-table-column>
|
||||||
|
|
||||||
<el-table-column prop="status" align="center" width="120">
|
<el-table-column prop="status" align="center" width="120">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-dropdown trigger="click" @command="handleCommand">
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
|
@ -521,20 +522,20 @@ async function getData() {
|
||||||
});
|
});
|
||||||
item.title = highlightTitle(item.title, form.value.keyword);
|
item.title = highlightTitle(item.title, form.value.keyword);
|
||||||
|
|
||||||
item.companys = [
|
// item.companys = [
|
||||||
"英伟达",
|
// "英伟达",
|
||||||
"微软",
|
// "微软",
|
||||||
]
|
// ]
|
||||||
|
|
||||||
item.labels = [
|
// item.labels = [
|
||||||
"新科技-人工智能",
|
// "新科技-人工智能",
|
||||||
"新科技-人工智能",
|
// "新科技-人工智能",
|
||||||
]
|
// ]
|
||||||
|
|
||||||
item.signalNames = [
|
// item.signalNames = [
|
||||||
"信号规则1",
|
// "信号规则1",
|
||||||
"信号规则2",
|
// "信号规则2",
|
||||||
]
|
// ]
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -876,16 +877,26 @@ const signalRulesList2 = ref([
|
||||||
},
|
},
|
||||||
])
|
])
|
||||||
|
|
||||||
async function getSignalRulesFn() {
|
async function getSignalRulesFn(type) {
|
||||||
let { code, data } = await getSignalRules({
|
let { code, data } = await getSignalRules({
|
||||||
});
|
});
|
||||||
if (code == 200) {
|
if (code == 200) {
|
||||||
signalRulesList.value = data.map((item: any) => {
|
if (type == 1) {
|
||||||
|
signalRulesList1.value = data.map((item: any) => {
|
||||||
return {
|
return {
|
||||||
label: item.name,
|
label: item.name,
|
||||||
value: item.id,
|
value: item.id,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
} else {
|
||||||
|
signalRulesList2.value = data.map((item: any) => {
|
||||||
|
return {
|
||||||
|
label: item.name,
|
||||||
|
value: item.id,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -930,8 +941,10 @@ onMounted(async () => {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if (Session.get('userInfoLocal').userType == '00') {
|
||||||
getSignalRulesFn()
|
getSignalRulesFn(0);
|
||||||
|
getSignalRulesFn(1);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue