From 9480e8c4d092217a03666f42671070f16becc891 Mon Sep 17 00:00:00 2001
From: zzp <34701892@qq.com>
Date: Sat, 29 Nov 2025 15:56:25 +0800
Subject: [PATCH] =?UTF-8?q?style(richedit):=20=E8=B0=83=E6=95=B4=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E5=88=97=E5=B8=83=E5=B1=80=E4=B8=BA=E5=9E=82=E7=9B=B4?=
 =?UTF-8?q?=E6=8E=92=E5=88=97=E5=B9=B6=E4=BC=98=E5=8C=96=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将操作列按钮布局改为垂直排列，提高可读性和一致性
移除按钮间的水平间距，统一使用垂直布局
调整操作列宽度为100px以适应新布局
---
 src/views/pages/richedit/index.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/views/pages/richedit/index.vue b/src/views/pages/richedit/index.vue
index a81fe5c..b134a5d 100644
--- a/src/views/pages/richedit/index.vue
+++ b/src/views/pages/richedit/index.vue
@@ -509,17 +509,17 @@
 					</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 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">
+						<div v-else style="display: flex; align-items: center; flex-direction: column; justify-content: center">
 							<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'">
+							<div v-if="Session.get('userInfoLocal').userType == '00'" style="display: flex; flex-direction: column">
 								<!-- 普通账号 -->
 								<el-button
 									v-if="scope.row.status == 0 || scope.row.status == 1 || scope.row.status == -1"
@@ -544,7 +544,7 @@
 									>删除</el-button
 								>
 							</div>
-							<div v-if="Session.get('userInfoLocal').userType == '02'">
+							<div v-if="Session.get('userInfoLocal').userType == '02'" style="display: flex; flex-direction: column">
 								<el-button v-if="scope.row.status == 4" type="text" @click="doApprovalFn(scope.row, scope.row.status)">撤审</el-button>
 
 								<!-- 二审账号 -->
@@ -556,7 +556,7 @@
 
 								<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'">
+							<div v-if="Session.get('userInfoLocal').userType == '01'" style="display: flex; flex-direction: column">
 								<!-- 终审账号 -->
 								<el-button v-if="scope.row.status == 3 || scope.row.status == 4" type="text" @click="goDetail(1, scope.row, false)">编辑</el-button>
 
@@ -1241,9 +1241,11 @@ onMounted(async () => {
 
 .option {
 	display: flex;
+	flex-direction: column;
 	text-align: center;
 	justify-content: center;
 	align-items: center;
+	width: 100%;
 
 	:deep(.el-button--large) {
 		padding: 0;
@@ -1391,4 +1393,8 @@ onMounted(async () => {
 
 	background-size: 16px;
 }
+
+.el-button + .el-button {
+	margin-left: 0px;
+}
 </style>