From 6997145f8cdb260374f0714d644665bc5ddb4de0 Mon Sep 17 00:00:00 2001
From: zzp <34701892@qq.com>
Date: Sat, 29 Nov 2025 16:01:53 +0800
Subject: [PATCH] =?UTF-8?q?refactor(richedit):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=8C=E4=BF=AE=E5=A4=8D=E7=8B=AC=E5=AE=B6=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E5=AE=BD=E5=BA=A6=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除独家标签的固定宽度设置，使其自适应内容
- 重构表单组件布局，改善代码可读性和维护性
- 调整表格样式，确保内容对齐和显示效果
---
 src/views/pages/richedit/all.vue   | 315 +++++++++++++++++++----------
 src/views/pages/richedit/index.vue |   2 +-
 2 files changed, 213 insertions(+), 104 deletions(-)

diff --git a/src/views/pages/richedit/all.vue b/src/views/pages/richedit/all.vue
index 949a4e5..039aaf0 100644
--- a/src/views/pages/richedit/all.vue
+++ b/src/views/pages/richedit/all.vue
@@ -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,31 +55,69 @@
 
 					<div class="colHeader-right-2" style="gap: 10px">
 						<span>信号规则：</span>
-						<el-select v-model="form.includeRuleIds" 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"
-								:disabled="form.excludeRuleIds?.includes(item.id)" :label="item.ruleName"></el-option>
+						<el-select
+							v-model="form.includeRuleIds"
+							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"
+								:disabled="form.excludeRuleIds?.includes(item.id)"
+								:label="item.ruleName"
+							></el-option>
 						</el-select>
-						<el-select v-model="form.excludeRuleIds" 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"
-								:disabled="form.includeRuleIds?.includes(item.id)" :label="item.ruleName"></el-option>
+						<el-select
+							v-model="form.excludeRuleIds"
+							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"
+								:disabled="form.includeRuleIds?.includes(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>
@@ -67,27 +127,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>
@@ -98,16 +191,32 @@
 			</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>
+					<div style="margin-right: 15px" v-if="scope.row.clusterNews">{{ scope.row.clusterNews ? scope.row.clusterNews.length : 0 }}</div>
+
+					<div
+						style="display: flex; flex-direction: column; justify-content: flex-start; align-items: start; gap: 5px; padding: 10px 0; margin-top: 8px"
+					>
+						<div
+							v-if="scope.row.isChild && scope.row.clusterIndex == 0"
+							style="font-size: 14px; font-weight: bold; margin-left: -20px; margin-bottom: 30px"
+						>
+							聚类资讯（{{ scope.row.childLength }}条）
+						</div>
+
+						<div style="display: inline-block">
+							<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">
@@ -129,12 +238,10 @@
 								</div>
 							</div> -->
 
-							<div style="background-color: #eee6cd" class="label_item"
-								v-if="scope.row.conceptLabels && scope.row.conceptLabels.length > 0">
+							<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 style="background-color: #cfdcf3" class="label_item" v-if="scope.row.industryLabels && scope.row.industryLabels.length > 0">
 								{{ scope.row.industryLabels[0] }}
 							</div>
 						</div>
@@ -183,8 +290,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>
@@ -228,8 +334,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>
@@ -238,16 +343,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">
+			<el-table-column label="操作" align="center" width="100" 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)">
@@ -283,9 +386,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>
@@ -296,8 +406,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>
@@ -307,8 +418,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>
@@ -318,20 +430,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>
@@ -339,9 +452,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>
@@ -442,7 +553,7 @@ async function doDeleteNewsFn(item) {
 				getData();
 			}
 		})
-		.catch(() => { });
+		.catch(() => {});
 }
 
 function handleSearch() {
@@ -497,20 +608,12 @@ async function getData() {
 				});
 				item.title = highlightTitle(item.title, form.value.keyword);
 
-				// item.companys = [
-				// 	"英伟达",
-				// 	"微软",
-				// ]
-
-				// item.labels = [
-				// 	"新科技-人工智能",
-				// 	"新科技-人工智能",
-				// ]
-
-				// item.signalNames = [
-				// 	"信号规则1",
-				// 	"信号规则2",
-				// ]
+				if (item.clusterNews && item.clusterNews?.length > 0) {
+					item.clusterNews.forEach((clusterItem, clusterIndex) => {
+						clusterItem.childLength = item.clusterNews?.length || 0;
+						clusterItem.clusterIndex = clusterIndex;
+					});
+				}
 			});
 		}
 	} catch (error) {
@@ -534,18 +637,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(() => {});
 }
 
 /**
@@ -569,20 +672,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(() => {});
 }
 
 /**
@@ -811,10 +914,10 @@ async function doRecoverFn(item) {
 				getData();
 			}
 		})
-		.catch(() => { });
+		.catch(() => {});
 }
 
-function recordDialogClose() { }
+function recordDialogClose() {}
 
 // 含任一信号规则
 const signalRulesList = ref();
@@ -905,6 +1008,7 @@ onMounted(async () => {
 	text-align: center;
 	justify-content: center;
 	align-items: center;
+	width: 100%;
 
 	:deep(.el-button--large) {
 		padding: 0;
@@ -1031,4 +1135,9 @@ onMounted(async () => {
 		gap: 5px;
 	}
 }
+
+:deep(.el-table td.el-table__cell div) {
+	display: flex;
+	align-items: center;
+}
 </style>
diff --git a/src/views/pages/richedit/index.vue b/src/views/pages/richedit/index.vue
index b134a5d..b501674 100644
--- a/src/views/pages/richedit/index.vue
+++ b/src/views/pages/richedit/index.vue
@@ -344,7 +344,7 @@
 							聚类资讯（{{ scope.row.childLength }}条）
 						</div>
 						<div style="display: inline-block">
-							<span style="color: red; font-weight: bold; margin-right: 3px; width: 60px" v-if="scope.row.exclusive == 1">[独家]</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>