From 6d5eaa7fe6cedb4cb273e74ebbbf988c3610cb07 Mon Sep 17 00:00:00 2001
From: "34701892@qq.com" <34701892@qq.com>
Date: Sat, 6 Sep 2025 16:42:36 +0800
Subject: [PATCH] =?UTF-8?q?feat(router):=20=E6=B7=BB=E5=8A=A0=E8=B5=84?=
 =?UTF-8?q?=E8=AE=AF=E7=B2=BE=E9=80=89=E9=A1=B5=E9=9D=A2=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E5=8F=8A=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增资讯精选页面路由配置及对应的Vue组件，实现资讯管理功能，包括搜索、筛选、排序、编辑、发布等操作
---
 src/router/route.ts              |  15 +-
 src/views/pages/richedit/all.vue | 842 +++++++++++++++++++++++++++++++
 2 files changed, 856 insertions(+), 1 deletion(-)
 create mode 100644 src/views/pages/richedit/all.vue

diff --git a/src/router/route.ts b/src/router/route.ts
index a822d71..03335c8 100644
--- a/src/router/route.ts
+++ b/src/router/route.ts
@@ -121,7 +121,20 @@ export const dynamicRoutes: Array<RouteRecordRaw> = [
 							roles: ['admin'],
 						},
 					},
-
+					{
+						path: '/richeditall',
+						name: 'richeditall',
+						component: () => import('/@/views/pages/richedit/all.vue'),
+						meta: {
+							title: '资讯精选',
+							isLink: '',
+							isHide: false,
+							isKeepAlive: true,
+							isAffix: true,
+							isIframe: false,
+							roles: ['admin'],
+						},
+					},
 					{
 						path: '/richeditMobile',
 						name: 'richeditMobile',
diff --git a/src/views/pages/richedit/all.vue b/src/views/pages/richedit/all.vue
new file mode 100644
index 0000000..b08f59d
--- /dev/null
+++ b/src/views/pages/richedit/all.vue
@@ -0,0 +1,842 @@
+<template>
+	<div class="index inside_pd">
+		<div class="colHeader">
+			<div class="page_title" v-if="Session.get('userInfoLocal').userType == '00'">资讯精选</div>
+			<div class="page_title" v-if="Session.get('userInfoLocal').userType == '01'">资讯审核</div>
+
+			<div style="width: 100%; display: flex; align-items: flex-end">
+				<el-button type="primary" style="margin-bottom: 10px" @click="restData">清空条件</el-button>
+
+				<div class="colHeader-right">
+					<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">
+							<template #append>
+								<el-button icon="Search" @click="handleSearch" />
+							</template>
+						</el-input>
+
+						<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>
+						</div>
+
+						<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>
+						</el-input>
+					</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-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-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" />
+							<i style="color: #ccc"> - </i>
+							<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>
+							</el-input>
+						</div>
+					</div>
+
+					<!-- <el-button type="primary" icon="Plus" @click="toDetail({}, false)">创建新资讯</el-button> -->
+				</div>
+			</div>
+		</div>
+
+		<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">
+					<span class="cursor-pointer" @click="goDetail(1, scope.row, true)" v-html="scope.row.title"></span>
+				</template>
+			</el-table-column>
+
+			<!-- :show-overflow-tooltip="true" -->
+			<el-table-column prop="status" align="center" width="120">
+				<template #header>
+					<el-dropdown trigger="click" @command="handleCommand">
+						<div class="el-dropdown-link">
+							<text style="color: rgba(0, 0, 0, 0.85); font-size: 14px">发布状态</text>
+							<el-image :src="icon_table_filter" style="width: 20px; height: 20px"></el-image>
+						</div>
+						<template #dropdown>
+							<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="2">已发布</el-dropdown-item>
+								<el-dropdown-item :command="3">审核中</el-dropdown-item>
+							</el-dropdown-menu>
+						</template>
+					</el-dropdown>
+				</template>
+				<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>
+						<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>
+						<text v-if="scope.row.status == 3" style="color: rgba(0, 0, 0, 0.65)">审核中</text>
+					</div>
+				</template>
+			</el-table-column>
+
+
+			<!-- <el-table-column align="center" width="120" prop="submitter" label="编辑人">
+				<template v-slot="scope">
+					{{ scope.row.submitter ? scope.row.submitter : '-' }}
+				</template>
+			</el-table-column> -->
+			<el-table-column align="center" width="120">
+				<template #header>
+					<el-dropdown trigger="click" @command="handleCommandRating">
+						<div class="el-dropdown-link">
+							<text style="color: rgba(0, 0, 0, 0.85); font-size: 14px">编辑评分</text>
+							<el-image :src="icon_table_filter" style="width: 20px; height: 20px"></el-image>
+						</div>
+						<template #dropdown>
+							<el-dropdown-menu>
+								<el-dropdown-item :command="null">全部</el-dropdown-item>
+								<el-dropdown-item :command="0">无评分</el-dropdown-item>
+								<el-dropdown-item :command="5">5</el-dropdown-item>
+								<el-dropdown-item :command="4">4</el-dropdown-item>
+								<el-dropdown-item :command="3">3</el-dropdown-item>
+								<el-dropdown-item :command="2">2</el-dropdown-item>
+								<el-dropdown-item :command="1">1</el-dropdown-item>
+							</el-dropdown-menu>
+						</template>
+					</el-dropdown>
+				</template>
+
+				<template v-slot="scope">
+					{{ scope.row.rating != 0 && scope.row.rating != null ? scope.row.rating : '-' }}
+				</template>
+			</el-table-column>
+
+			<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 }]">
+						{{ scope.row.score }}
+					</div>
+				</template>
+			</el-table-column>
+			<el-table-column prop="publishTime" label="报道时间" sortable="custom" align="center" />
+			<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>
+				</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)">
+							<text>恢复</text>
+						</el-button>
+						<div v-else style="display: flex; gap: 10px; align-items: center">
+							<el-button v-if="scope.row.status == 0 || scope.row.status == 1" type="text"
+								@click="goDetail(1, scope.row, false)">编辑</el-button>
+
+							<el-button v-if="scope.row.status == 3 && Session.get('userInfoLocal').userType == '01'"
+								type="text" @click="goDetail(1, scope.row, false)">编辑</el-button>
+							<div v-if="Session.get('userInfoLocal').userType == '01'">
+								<!-- 审核人员才有发布和撤稿 -->
+								<el-button type="text" v-if="scope.row.status == 2"
+									@click="doNewsPublishFn(scope.row, 1)">撤稿</el-button>
+								<el-button type="text" v-else @click="doNewsPublishFn(scope.row, 2)">发布</el-button>
+							</div>
+							<div v-else-if="Session.get('userInfoLocal').userType == '00'" style="display: flex">
+								<el-button v-if="scope.row.status == 0 || 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>
+							</div>
+							<el-button type="text" :disabled="scope.row.status != 2" class="copyBtn"
+								@click="copyUrl(scope.row)">复制</el-button>
+							<el-button v-if="scope.row.status == 0 || scope.row.status == 1" type="text"
+								style="color: #ff1818; margin-left: 3px"
+								@click="doDeleteNewsFn(scope.row)">删除</el-button>
+
+							<!-- <el-icon size="16" @click="goRecord(scope.row)">
+								<Tickets />
+							</el-icon> -->
+						</div>
+						<!-- v-if="isAdmin" -->
+						<el-icon v-if="isAdmin" size="16" @click="goRecord(scope.row)" style="margin-left: 10px">
+							<Tickets />
+						</el-icon>
+					</div>
+				</template>
+			</el-table-column>
+		</tableComponents>
+
+		<keep-alive>
+			<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>
+			<div class="score-detail">
+				<el-row class="score-detail-row">
+					<el-col :span="6" class="score-detail-label">行业分类标注</el-col>
+					<el-col :span="18">
+						<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-row>
+					</el-col>
+				</el-row>
+				<el-row class="score-detail-row">
+					<el-col :span="6" class="score-detail-label">概念标签标注</el-col>
+					<el-col :span="18">
+						<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-row>
+					</el-col>
+				</el-row>
+				<el-row class="score-detail-row rule" style="border-bottom: 1px solid #ccc; padding-bottom: 12px">
+					<el-col :span="24">*计算规则</el-col>
+					<el-col :span="24">资讯行业or概念指标得分=资讯评分*行业or概念中的置信度</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.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-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-row>
+				<el-row class="score-detail-row rule">
+					<el-col :span="24">*计算规则</el-col>
+					<el-col :span="24">资讯评分=媒体影响力分*0.04+资讯质量分*0.25+中国股市相关分*35</el-col>
+				</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-row>
+			</div>
+			<template #footer>
+				<div class="dialog-footer">
+					<el-button type="primary" @click="isScoreShow = false">关闭</el-button>
+				</div>
+			</template>
+		</el-dialog>
+
+		<recordDialog ref="recordDialogRef" @handleClose="recordDialogClose"></recordDialog>
+	</div>
+</template>
+
+<script setup lang="ts" name="loginIndex">
+import { computed, onMounted, reactive, ref } from 'vue';
+import { NextLoading } from '/@/utils/loading';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import tableComponents from '/@/components/tableComponents/index.vue';
+import { useRoute, useRouter } from 'vue-router';
+import icon_table_filter from '/@/assets/icon_table_filter.png';
+import DetailDrawer from './DetailDrawer/index.vue';
+import {
+	doNewRevoke,
+	doNewSubmit,
+	getNews,
+	doNewsPublish,
+	doDeleteNews,
+	getColumn,
+	getNewsScore,
+	getIndustryHierarchy,
+	getTagSource,
+	doRecover,
+} from '/@/api/api';
+import { highlightTitle } from '/@/utils/highlight';
+import clipboard from 'clipboard';
+import { Session } from '/@/utils/storage';
+import recordDialog from './dialog/recordDialog.vue';
+import { isMobileByWidth } from '/@/utils/Utils'
+
+const recordDialogRef = ref();
+/**  管理后台需求文件0519（V1.1） start */
+const drawer = ref(false);
+const newsData = ref<any>();
+const readOnly = ref(false);
+const newstype = ref(0);
+const daterange = ref('');
+/**  管理后台需求文件0519（V1.1） end */
+// 多选的栏目
+const checkList = ref([]);
+const route = useRoute();
+const router = useRouter();
+const form = ref({
+	// orderBy: 'updateTime$desc',
+	orderBy: null,
+	// direction: 'desc',
+	keyword: '',
+	minScore: '',
+	maxScore: '',
+	industry: [],
+});
+const tableData = reactive({
+	data: [],
+	total: 0,
+	page: 1,
+	size: 10,
+});
+const tableLoading = ref(false);
+/**
+ * 进入详情页
+ * @param type 0：创建 1：编辑
+ */
+function goDetail(type, item, readonly) {
+	readOnly.value = readonly;
+	newsData.value = item;
+	newstype.value = type;
+	drawer.value = true;
+}
+
+function goRecord(item) {
+	recordDialogRef.value.showModal(item);
+}
+
+async function doDeleteNewsFn(item) {
+	ElMessageBox.confirm('是否确认删除本篇资讯？删除后将回收不可发布', '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'warning',
+	})
+		.then(async () => {
+			let { code, data } = await doDeleteNews({
+				id: item.id,
+			});
+			if (code == 200) {
+				ElMessage.success('操作成功');
+				drawer.value = false;
+				getData();
+			}
+		})
+		.catch(() => { });
+}
+
+function handleSearch() {
+	tableData.page = 1;
+	getData();
+}
+
+// 获取列表
+async function getData() {
+	// return
+	if (form.value.minScore && form.value.maxScore && Number(form.value.maxScore) < Number(form.value.minScore)) {
+		ElMessage.error('最高分不能小于最低分');
+		return;
+	}
+
+	let _sdate = '';
+	let _edate = '';
+	if (daterange.value) {
+		_sdate = daterange.value[0];
+		_edate = daterange.value[1];
+	}
+	console.log('🚀 ~ getData ~ _edate:', _edate);
+
+	const industry = form.value.industry?.length > 0 ? encodeURIComponent(JSON.stringify(form.value.industry)) : '';
+
+	try {
+		tableLoading.value = true;
+		let { code, data, total } = await getNews({
+			...form.value,
+			industry,
+			// page: tableData.page,
+			current: tableData.page,
+			size: tableData.size,
+			dateline_from: _sdate || undefined,
+			dateline_to: _edate || undefined,
+			range: 'review',
+		});
+		tableLoading.value = false;
+		if (code == 200) {
+			tableData.data = data;
+			tableData.total = total;
+
+			tableData.data.forEach((item, index) => {
+				item.columns.forEach((childItem, childIndex) => {
+					if (childIndex < 2) {
+						if (!item.columnsMin) {
+							item.columnsMin = [];
+						}
+						item.columnsMin.push(childItem);
+					}
+				});
+				item.title = highlightTitle(item.title, form.value.keyword);
+			});
+		}
+	} catch (error) {
+		tableLoading.value = false;
+	}
+}
+
+async function doApprovalFn(item, status) {
+	let str = '确认初审完成并提交复核？送审后不支持再次编辑';
+	if (status == 3) {
+		str = '确认撤销该篇资讯审核？';
+	} else {
+		str = '确认初审完成并提交复核？送审后不支持再次编辑';
+	}
+	ElMessageBox.confirm(str, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'warning',
+	})
+		.then(async () => {
+			let { code } =
+				status == 3
+					? await doNewRevoke({
+						id: item.id,
+					})
+					: await doNewSubmit({
+						id: item.id,
+					});
+			if (code == 200) {
+				ElMessage.success('操作成功');
+				drawer.value = false;
+				getData();
+			}
+		})
+		.catch(() => { });
+}
+
+/**
+ * 上下架
+ * @param item
+ * @param status   1：下架 2：上架
+ */
+async function doNewsPublishFn(item, status) {
+	let str = '请确认要下架该篇资讯？撤稿后前台将不可见本文章';
+	if (status == 1) {
+		str = '请确认要下架该篇资讯？撤稿后前台将不可见本文章';
+	} else {
+		str = '请确认已审核该篇资讯，发布后前台将展示本资讯';
+	}
+	ElMessageBox.confirm(str, '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'warning',
+	})
+		.then(async () => {
+			let { code } =
+				status == 1
+					? await doNewRevoke({
+						id: item.id,
+						status: status,
+					})
+					: await doNewsPublish({
+						id: item.id,
+						status: status,
+					});
+			if (code == 200) {
+				ElMessage.success('操作成功');
+				drawer.value = false;
+				getData();
+			}
+		})
+		.catch(() => { });
+}
+
+/**
+ * 表格排序改变
+ * @param row
+ */
+// 排序规则状态（记录多列排序）
+const sortRules = reactive({
+	score: null, // null | 'score$asc' | 'score$desc'
+	updateTime: null,
+	publishTime: null,
+});
+function sortChange({ prop, order }) {
+	// 原来的逻辑是每次排序叠加条件
+	// 现在不需要，每次都是一个排序条件
+	sortRules['publishTime'] = null;
+	sortRules['score'] = null;
+	sortRules['updateTime'] = null;
+
+	if (prop == 'updateTime') {
+		sortRules['publishTime'] = null;
+	} else if (prop == 'publishTime') {
+		sortRules['updateTime'] = null;
+	}
+
+	sortRules[prop] = order == 'ascending' ? '$asc' : order == 'descending' ? '$desc' : null;
+	console.log("🚀 ~ sortChange ~ sortRules[prop]:", sortRules[prop])
+
+
+	let sortVal = [];
+	for (let key in sortRules) {
+		if (sortRules[key]) {
+			sortVal.push(key + sortRules[key]);
+		}
+	}
+
+	form.value.orderBy = encodeURIComponent(sortVal.join(';'));
+
+	getData();
+}
+
+async function copyUrl(res) {
+	console.log('🚀 ~ copyUrl ~ res:', res);
+	let clipboardBean = new clipboard('.copyBtn', {
+		text: function (trigger) {
+			//返回的就是复制的内容，可以在返回前面对数据进行增强等...
+			// http://192.168.31.5:8881/#/pages/detail/index?id=0&needPay=0&type=article
+			ElMessage.success('复制成功');
+			return import.meta.env.VITE_API_URL_H5 + '/#/pages/detail/index?id=' + res.id + '&needPay=0';
+		},
+	});
+	clipboardBean.on('success', function (e) {
+		console.log('成功复制...');
+		//复制完成后销毁clipboard对象，预防下一次调用会多次提示
+		clipboardBean.destroy();
+	});
+
+	clipboardBean.on('error', function (e) {
+		console.log('失败...');
+		//复制完成后销毁clipboard对象，预防下一次调用会多次提示
+		clipboardBean.destroy();
+	});
+}
+
+function handleCommand(val) {
+	console.log('🚀 ~ handleCommand ~ val:', val);
+	form.value.status = val;
+	getData();
+}
+
+function handleCommandRating(val) {
+	form.value.rating = val;
+	getData();
+}
+
+const columnList = ref([]);
+// 获取栏目
+async function getColumnFn(parent) {
+	let { code, data } = await getColumn({
+		page: 1,
+		size: 100000,
+		parent,
+	});
+	if (code == 200) {
+		return data;
+	} else {
+		return [];
+	}
+}
+
+function checkChange(val) {
+	let str = '';
+	val.forEach((item, index) => {
+		if (index < val.length - 1) {
+			str = str + item + ',';
+		} else {
+			str = str + item;
+		}
+	});
+	if (val.length > 0) {
+		form.value.column = str;
+	} else {
+		delete form.value.column;
+	}
+
+	getData();
+}
+
+function currentChange(val) {
+	console.log('🚀 ~ currentChange ~ val:', val);
+	tableData.page = val;
+	getData();
+}
+
+function sizeChange(val) {
+	console.log('🚀 ~ sizeChange ~ val:', val);
+	tableData.size = val;
+	getData();
+}
+
+function toDetail(data: any, val: boolean) {
+	readOnly.value = val;
+	newsData.value = data;
+	drawer.value = true;
+}
+
+function handleEditStatus(val: boolean) {
+	readOnly.value = val;
+}
+
+// 资讯评分详情
+const isScoreShow = ref(false);
+const curScore = ref(0);
+const scoreDetail = ref<any>({});
+const isAdmin = computed(() => {
+	return route.query.admin == 'superman' ? true : false;
+});
+async function getScoreDetail(id: any) {
+	if (!isAdmin.value) return;
+	curScore.value = id;
+	const result = await getNewsScore({ id });
+	console.log('🚀 ~ getScoreDetail ~ result:', result);
+	if (result.code == 200) {
+		scoreDetail.value = result.data;
+		isScoreShow.value = true;
+	}
+}
+
+const industryList = ref([]);
+const defaultProps = {
+	children: 'children',
+	label: 'name',
+};
+async function getIndustryList() {
+	const result = await getIndustryHierarchy();
+	if (result.code == 200) {
+		industryList.value = result.data;
+	}
+}
+
+function handleCheckChange(node, checked, indeterminate) {
+	form.value.industry = checked.checkedKeys;
+	handleSearch();
+}
+
+function formatTime(time: string) {
+	return new Date(time).getTime();
+}
+// 来源标签列表
+const tagSourceList = ref([]);
+async function getTagSourceFn() {
+	let { code, data } = await getTagSource({
+		page: 1,
+		size: 100000,
+	});
+	if (code == 200) {
+		tagSourceList.value = data.map((item: any) => {
+			return {
+				label: item.name,
+				value: item.id,
+			};
+		});
+	}
+}
+
+const tableRef = ref();
+function restData() {
+	form.value.keyword = null;
+	form.value.industry = null;
+	form.value.tag = null;
+	daterange.value = null;
+	form.value.minScore = null;
+	form.value.maxScore = null;
+	form.value.mediaId = null;
+	form.value.deleted = null;
+
+	form.value.status = null;
+	form.value.rating = null;
+	form.value.orderBy = null;
+	tableRef.value.clearSort();
+
+	tableData.page = 1;
+	getData();
+}
+
+// 恢复已删除资讯接口
+async function doRecoverFn(item) {
+	ElMessageBox.confirm('确认恢复该条资讯？请确认无敏感信息', '提示', {
+		confirmButtonText: '确认',
+		cancelButtonText: '取消',
+		type: 'warning',
+	})
+		.then(async () => {
+			let { code } = await doRecover(item);
+			if (code == 200) {
+				ElMessage.success('操作成功');
+				drawer.value = false;
+				getData();
+			}
+		})
+		.catch(() => { });
+}
+
+function recordDialogClose() { }
+
+// 页面加载时
+onMounted(async () => {
+	if (isMobileByWidth() && Session.get('userInfoLocal').userType == '01') {
+		router.push('/richeditMobile');
+	}
+	NextLoading.done();
+	getTagSourceFn();
+	getData();
+	getIndustryList();
+	let arr = [];
+	arr = await getColumnFn(1);
+	if (arr) {
+		arr.forEach((item) => {
+			columnList.value.push(item);
+		});
+	}
+
+	let arr1 = [];
+	arr1 = await getColumnFn(null);
+	if (arr1) {
+		arr1.forEach((item) => {
+			if (item.name == '天下事' || item.name == '早知道') {
+				columnList.value.push(item);
+			}
+		});
+	}
+});
+</script>
+
+<style scoped lang="scss">
+.index {
+	background-color: white;
+	padding: 20px;
+	border-radius: 10px;
+}
+
+.option {
+	display: flex;
+	text-align: center;
+	justify-content: center;
+	align-items: center;
+
+	:deep(.el-button--large) {
+		padding: 0;
+	}
+
+	:deep(.is-disabled) {
+		color: rgba(24, 144, 255, 0.4);
+	}
+}
+
+.r_point {
+	display: flex;
+	align-items: center;
+	gap: 5px;
+	font-weight: 400;
+}
+
+.point {
+	width: 8px;
+	height: 8px;
+	border-radius: 100px;
+}
+
+.columns {
+	display: flex;
+	gap: 5px;
+
+	.column_item {
+		border: 1px solid #d9d9d9;
+		background-color: #fafafa;
+		padding: 2px 5px;
+		height: 30px;
+		text-wrap: nowrap;
+	}
+}
+
+:deep(.highlight) {
+	color: #ff0000;
+	font-weight: bold;
+}
+
+.score-active {
+	cursor: pointer;
+	font-weight: 700;
+	color: #36a4f8;
+}
+
+.score-hover {
+	&:hover {
+		cursor: pointer;
+		font-weight: 700;
+		color: #36a4f8;
+	}
+}
+
+.score-detail {
+	font-size: 14px;
+	color: #333333;
+
+	.score-detail-row {
+		margin-top: 24px;
+	}
+
+	.rule {
+		font-size: 12px;
+		color: #8e8e8e;
+	}
+}
+
+.colHeader {
+	align-items: flex-start;
+	display: flex;
+	flex-direction: column;
+}
+
+.colHeader-right {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	min-width: 700px;
+
+	.colHeader-right-1,
+	.colHeader-right-2 {
+		display: flex;
+		justify-self: flex-end;
+		align-items: center;
+		margin-bottom: 10px;
+	}
+}
+</style>