From 5f216703225e1cb47f311031a6a8688407c131d6 Mon Sep 17 00:00:00 2001
From: "34701892@qq.com" <34701892@qq.com>
Date: Fri, 5 Dec 2025 17:49:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(richedit):=20=E6=B7=BB=E5=8A=A0=E8=81=9A?=
 =?UTF-8?q?=E7=B1=BB=E6=A8=A1=E5=BC=8F=E5=BC=80=E5=85=B3=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E7=9B=B8=E5=85=B3=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在富文本编辑页面添加聚类模式开关组件
- 调整聚类新闻数量显示逻辑与开关状态绑定
- 修改初始化逻辑，默认开启聚类模式
- 添加开关样式调整
---
 src/views/pages/richedit/all.vue   | 18 ++++++++++++++-
 src/views/pages/richedit/index.vue | 37 +++++++++++++++++++++---------
 2 files changed, 43 insertions(+), 12 deletions(-)

diff --git a/src/views/pages/richedit/all.vue b/src/views/pages/richedit/all.vue
index bd9f636..bf0ef20 100644
--- a/src/views/pages/richedit/all.vue
+++ b/src/views/pages/richedit/all.vue
@@ -191,6 +191,10 @@
 			</div>
 		</div>
 
+		<div style="width: 100%; display: flex; justify-content: flex-end">
+			<el-switch v-model="hadExpand" inactive-text="聚类模式" @change="handleExpandChange"></el-switch>
+		</div>
+
 		<tableComponents
 			ref="tableRef"
 			:tableData="tableData"
@@ -199,11 +203,14 @@
 			:tableLoading="tableLoading"
 			@currentChange="currentChange"
 			@sizeChange="sizeChange"
+			:hadExpand="hadExpand"
 		>
 			<el-table-column prop="title" label="标题" align="left" width="380">
 				<template v-slot="scope">
 					<div style="display: flex; justify-content: flex-start; align-items: center; width: 100%">
-						<div style="margin-right: 15px" v-if="scope.row.clusterNews">{{ scope.row.clusterNews ? scope.row.clusterNews.length : 0 }}</div>
+						<div style="margin-right: 15px" v-if="scope.row.clusterNews && hadExpand">
+							{{ scope.row.clusterNews ? scope.row.clusterNews.length : 0 }}
+						</div>
 
 						<div
 							style="
@@ -596,8 +603,13 @@ function initPageData() {
 		range: 'all',
 		includeRuleIds: includeRuleIds.value,
 		excludeRuleIds: excludeRuleIds.value,
+		clusterSwitch: hadExpand.value,
 	};
 }
+function handleExpandChange() {
+	// hadExpand.value = !hadExpand.value;
+	getData();
+}
 
 const hadExpand = ref(true);
 // 获取列表
@@ -1182,4 +1194,8 @@ onMounted(async () => {
 	font-style: normal;
 	cursor: pointer;
 }
+
+:deep(.el-switch__label.is-active) {
+	color: #4e4e4e;
+}
 </style>
diff --git a/src/views/pages/richedit/index.vue b/src/views/pages/richedit/index.vue
index 53a3ff8..653f13e 100644
--- a/src/views/pages/richedit/index.vue
+++ b/src/views/pages/richedit/index.vue
@@ -316,6 +316,10 @@
 			</div>
 		</div>
 
+		<div v-if="Session.get('userInfoLocal').userType == '00'" style="width: 100%; display: flex; justify-content: flex-end">
+			<el-switch v-model="hadExpand" inactive-text="聚类模式" @change="handleExpandChange"></el-switch>
+		</div>
+
 		<tableComponents
 			ref="tableRef"
 			:tableData="tableData"
@@ -334,7 +338,7 @@
 			<el-table-column prop="title" label="标题" align="left" width="380">
 				<template v-slot="scope">
 					<div style="display: flex; justify-content: flex-start; align-items: center; width: 100%">
-						<div style="margin-right: 15px" v-if="scope.row.clusterNews && Session.get('userInfoLocal').userType == '00'">
+						<div style="margin-right: 15px" v-if="scope.row.clusterNews && Session.get('userInfoLocal').userType == '00' && hadExpand">
 							{{ scope.row.clusterNews ? scope.row.clusterNews.length : 0 }}
 						</div>
 
@@ -795,9 +799,16 @@ function initPageData() {
 		range: Session.get('userInfoLocal').userType == '01' ? 'review' : Session.get('userInfoLocal').userType == '02' ? 'secondReview' : 'all',
 		includeRuleIds: includeRuleIds.value,
 		excludeRuleIds: excludeRuleIds.value,
+		clusterSwitch: hadExpand.value,
 	};
 }
-const hadExpand = ref(false);
+
+function handleExpandChange() {
+	// hadExpand.value = !hadExpand.value;
+	getData();
+}
+
+const hadExpand = ref(true);
 // 获取列表
 async function getData() {
 	// return
@@ -832,15 +843,6 @@ async function getData() {
 					});
 				}
 			});
-
-			// 判断有没有折叠菜单
-			if (Session.get('userInfoLocal').userType != '00') {
-				hadExpand.value = false;
-			} else {
-				// 会进来这里说明这个页面是资讯精选
-				getRealTotalFn();
-				hadExpand.value = true;
-			}
 		}
 	} catch (error) {
 		tableLoading.value = false;
@@ -1256,6 +1258,15 @@ onMounted(async () => {
 	}
 
 	getCompany();
+
+	// 判断有没有折叠菜单
+	if (Session.get('userInfoLocal').userType != '00') {
+		hadExpand.value = false;
+	} else {
+		// 会进来这里说明这个页面是资讯精选
+		getRealTotalFn();
+		hadExpand.value = true;
+	}
 });
 </script>
 
@@ -1421,4 +1432,8 @@ onMounted(async () => {
 	font-style: normal;
 	cursor: pointer;
 }
+
+:deep(.el-switch__label.is-active) {
+	color: #4e4e4e;
+}
 </style>