From f5b399a52f95500c28f9b277821228ec7d55dfeb Mon Sep 17 00:00:00 2001
From: Zhou Weidong <502333560@qq.com>
Date: Mon, 19 Oct 2026 12:32:23 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E7=BB=9F=E4=B8=80=E5=8D=B1?=
 =?UTF-8?q?=E9=99=A9=E6=93=8D=E4=BD=9C=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/business/drama-management.css      | 17 +++++------------
 src/styles/business/style.css                 | 11 ++++++-----
 src/styles/business/theme.css                 | 19 +++++++++++++++++++
 src/views/commerce/OrderManagementView.vue    |  5 +++--
 .../contentManagement/DramaManagementView.vue |  1 +
 src/views/creator-center/DramaEditView.vue    |  4 ++--
 src/views/creator-center/WorkspaceView.vue    |  2 +-
 .../composables/useCreatorWorkspace.js        |  3 ++-
 src/views/creator/CreatorAuditView.vue        |  2 +-
 .../creator/composables/useCreatorAudit.js    |  3 ++-
 .../governance/ContentGovernanceView.vue      | 10 +++-------
 src/views/permission/MenuManagementView.vue   |  2 +-
 src/views/permission/RoleCategoriesView.vue   |  4 ++--
 src/views/permission/RoleManagementView.vue   |  8 ++++++--
 14 files changed, 54 insertions(+), 37 deletions(-)

diff --git a/src/styles/business/drama-management.css b/src/styles/business/drama-management.css
index 8fcd3ff..aa498c4 100644
--- a/src/styles/business/drama-management.css
+++ b/src/styles/business/drama-management.css
@@ -37,7 +37,7 @@
   align-items: center;
   gap: 8px;
   white-space: nowrap;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
 }
 .table-actions .el-button {
   /* 统一尺寸：高度固定、水平内边距，靠行高垂直居中，避免文字被压扁 */
@@ -53,12 +53,6 @@
 .table-actions .el-button + .el-button {
   margin-left: 0 !important;
 }
-.table-actions .danger-action {
-  color: #a66a6a !important;
-}
-.table-actions .danger-action:hover {
-  color: #b54848 !important;
-}
 .drama-cell .drama-cover,
 .drama-cell .drama-cover-image {
   width: 44px;
@@ -271,7 +265,6 @@
   .editor-grid--two {
     grid-template-columns: 1fr;
   }
-
 }
 
 html.dark .cover-preview-card,
@@ -406,10 +399,10 @@ html.dark .cover-preview-empty {
   --el-button-hover-border-color: #3c7358;
 }
 .table-actions .el-button--danger {
-  --el-button-bg-color: #bd5b5b;
-  --el-button-border-color: #bd5b5b;
-  --el-button-hover-bg-color: #a94b4b;
-  --el-button-hover-border-color: #a94b4b;
+  --el-button-bg-color: var(--el-color-danger);
+  --el-button-border-color: var(--el-color-danger);
+  --el-button-hover-bg-color: var(--el-color-danger-dark-2);
+  --el-button-hover-border-color: var(--el-color-danger-dark-2);
 }
 .pagination {
   display: flex;
diff --git a/src/styles/business/style.css b/src/styles/business/style.css
index 9418b25..d883473 100644
--- a/src/styles/business/style.css
+++ b/src/styles/business/style.css
@@ -6,7 +6,7 @@ body {
   min-width: 0;
   min-height: 100vh;
 }
- .page-heading {
+.page-heading {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -396,7 +396,11 @@ body {
   background: linear-gradient(145deg, #f8d6d7, #ffece4);
 }
 .purple {
-  background: linear-gradient(145deg, var(--el-color-primary-light-8), var(--el-color-primary-light-9));
+  background: linear-gradient(
+    145deg,
+    var(--el-color-primary-light-8),
+    var(--el-color-primary-light-9)
+  );
 }
 .peach {
   background: linear-gradient(145deg, #ffd6bd, #fff0d7);
@@ -615,9 +619,6 @@ body {
   padding: 5px;
   color: #9997a7;
 }
-.episode-actions .danger-action:hover {
-  color: #e77680;
-}
 .episode-footer {
   display: flex;
   justify-content: space-between;
diff --git a/src/styles/business/theme.css b/src/styles/business/theme.css
index 6831643..54ef210 100644
--- a/src/styles/business/theme.css
+++ b/src/styles/business/theme.css
@@ -38,6 +38,25 @@ body {
   --el-button-active-bg-color: var(--el-color-primary-dark-2);
   --el-button-active-border-color: var(--el-color-primary-dark-2);
 }
+.el-button--danger {
+  --el-button-text-color: #fff;
+  --el-button-bg-color: var(--el-color-danger);
+  --el-button-border-color: var(--el-color-danger);
+  --el-button-hover-bg-color: var(--el-color-danger-dark-2);
+  --el-button-hover-border-color: var(--el-color-danger-dark-2);
+  color: #fff !important;
+  background: var(--el-color-danger) !important;
+  border-color: var(--el-color-danger) !important;
+}
+.el-button--danger:hover {
+  background: var(--el-color-danger-dark-2) !important;
+  border-color: var(--el-color-danger-dark-2) !important;
+}
+.el-message-box__btns .el-button--danger {
+  color: #fff !important;
+  background: var(--el-color-danger) !important;
+  border-color: var(--el-color-danger) !important;
+}
 .eyebrow {
   letter-spacing: 0.7px;
   color: #9298a1;
diff --git a/src/views/commerce/OrderManagementView.vue b/src/views/commerce/OrderManagementView.vue
index d2f2656..0959915 100644
--- a/src/views/commerce/OrderManagementView.vue
+++ b/src/views/commerce/OrderManagementView.vue
@@ -102,6 +102,7 @@ async function refund(row) {
       {
         confirmButtonText: '确认退款',
         cancelButtonText: '取消',
+        confirmButtonClass: 'el-button--danger',
         inputValidator: (val) => (val && val.trim() ? true : '退款原因不能为空')
       }
     )
@@ -375,8 +376,8 @@ function onTabChange(name) {
                 >
                 <el-button
                   v-if="canOrderUpdate && (row.status === 'PAID' || row.status === 'DELIVERED')"
+                  type="danger"
                   size="small"
-                  class="danger-action"
                   @click="refund(row)"
                   >退款</el-button
                 >
@@ -461,8 +462,8 @@ function onTabChange(name) {
               <div class="table-actions">
                 <el-button
                   v-if="canEntitlementUpdate && row.status === 'ACTIVE'"
+                  type="danger"
                   size="small"
-                  class="danger-action"
                   @click="revokeEntitlement(row)"
                   >回收</el-button
                 >
diff --git a/src/views/contentManagement/DramaManagementView.vue b/src/views/contentManagement/DramaManagementView.vue
index 2dcbb1b..80e438c 100644
--- a/src/views/contentManagement/DramaManagementView.vue
+++ b/src/views/contentManagement/DramaManagementView.vue
@@ -561,6 +561,7 @@ onMounted(async () => {
               </el-upload>
               <el-button
                 v-if="can('cover:upload') && form.cover"
+                type="danger"
                 :disabled="uploadingCover"
                 @click="removeCover"
               >
diff --git a/src/views/creator-center/DramaEditView.vue b/src/views/creator-center/DramaEditView.vue
index 08384f9..74c45cf 100644
--- a/src/views/creator-center/DramaEditView.vue
+++ b/src/views/creator-center/DramaEditView.vue
@@ -244,8 +244,8 @@ function requestDramaCover(options) {
                 <el-button size="small">{{ hasResumeSession ? '继续上传' : '上传视频' }}</el-button>
               </el-upload>
               <el-button
+                type="danger"
                 size="small"
-                class="danger-action"
                 :disabled="!editable"
                 @click="removeEpisode(row)"
                 >删除</el-button
@@ -299,8 +299,8 @@ function requestDramaCover(options) {
             <div class="table-actions">
               <el-button
                 v-if="canEdit && ['SUBMITTED', 'REVIEWING'].includes(row.status)"
+                type="danger"
                 size="small"
-                class="danger-action"
                 @click="withdraw(row.id)"
                 >撤回</el-button
               >
diff --git a/src/views/creator-center/WorkspaceView.vue b/src/views/creator-center/WorkspaceView.vue
index c329593..0efaac7 100644
--- a/src/views/creator-center/WorkspaceView.vue
+++ b/src/views/creator-center/WorkspaceView.vue
@@ -229,8 +229,8 @@ function openEdit(row) {
                       row.submissionId &&
                       ['SUBMITTED', 'REVIEWING'].includes(row.submissionStatus)
                     "
+                    type="danger"
                     size="small"
-                    class="danger-action"
                     @click="withdraw(row)"
                     >撤回</el-button
                   >
diff --git a/src/views/creator-center/composables/useCreatorWorkspace.js b/src/views/creator-center/composables/useCreatorWorkspace.js
index 2d2405b..88f612c 100644
--- a/src/views/creator-center/composables/useCreatorWorkspace.js
+++ b/src/views/creator-center/composables/useCreatorWorkspace.js
@@ -156,7 +156,8 @@ export function useCreatorWorkspace() {
         '撤回提交',
         {
           confirmButtonText: '确认撤回',
-          cancelButtonText: '取消'
+          cancelButtonText: '取消',
+          confirmButtonClass: 'el-button--danger'
         }
       )
     } catch {
diff --git a/src/views/creator/CreatorAuditView.vue b/src/views/creator/CreatorAuditView.vue
index 3cb81b7..3880050 100644
--- a/src/views/creator/CreatorAuditView.vue
+++ b/src/views/creator/CreatorAuditView.vue
@@ -180,8 +180,8 @@ const {
             >
             <el-button
               v-if="canAudit && row.status === 'approved'"
+              type="danger"
               size="small"
-              class="danger-action"
               @click="freeze(row)"
               >冻结</el-button
             >
diff --git a/src/views/creator/composables/useCreatorAudit.js b/src/views/creator/composables/useCreatorAudit.js
index c3f9dc8..9c24c9c 100644
--- a/src/views/creator/composables/useCreatorAudit.js
+++ b/src/views/creator/composables/useCreatorAudit.js
@@ -135,7 +135,8 @@ export function useCreatorAudit() {
       await ElMessageBox.confirm(`冻结后「${row.name}」将无法提交内容，确认冻结？`, '冻结创作者', {
         confirmButtonText: '确认冻结',
         cancelButtonText: '取消',
-        type: 'warning'
+        type: 'warning',
+        confirmButtonClass: 'el-button--danger'
       })
     } catch {
       return
diff --git a/src/views/governance/ContentGovernanceView.vue b/src/views/governance/ContentGovernanceView.vue
index 9a8e493..d49d567 100644
--- a/src/views/governance/ContentGovernanceView.vue
+++ b/src/views/governance/ContentGovernanceView.vue
@@ -343,7 +343,7 @@ const handleTargetText = computed(() => {
             show-overflow-tooltip
             :formatter="dateCell"
           />
-          <el-table-column label="操作" width="200" fixed="right">
+          <el-table-column label="操作" width="230" fixed="right">
             <template #default="{ row }">
               <div class="table-actions">
                 <el-button
@@ -358,8 +358,8 @@ const handleTargetText = computed(() => {
                 >
                 <el-button
                   v-if="canCommentAudit"
+                  type="danger"
                   size="small"
-                  class="danger-action"
                   @click="removeComment(row)"
                   >删除</el-button
                 >
@@ -523,11 +523,7 @@ const handleTargetText = computed(() => {
                 <el-button v-if="canWordUpdate" type="primary" size="small" @click="openWord(row)"
                   >编辑</el-button
                 >
-                <el-button
-                  v-if="canWordUpdate"
-                  size="small"
-                  class="danger-action"
-                  @click="removeWord(row)"
+                <el-button v-if="canWordUpdate" type="danger" size="small" @click="removeWord(row)"
                   >删除</el-button
                 >
                 <span v-if="!canWordUpdate" class="console-muted">只读</span>
diff --git a/src/views/permission/MenuManagementView.vue b/src/views/permission/MenuManagementView.vue
index 43bab91..5c99a0f 100644
--- a/src/views/permission/MenuManagementView.vue
+++ b/src/views/permission/MenuManagementView.vue
@@ -37,7 +37,7 @@ const { treeData, loading, form, parentOptions, resetForm, selectNode, saveMenu,
         <div
           ><h2>{{ form.id ? '编辑菜单' : '新增菜单' }}</h2></div
         >
-        <el-button v-if="form.id" type="danger" plain @click="deleteMenu">删除菜单</el-button>
+        <el-button v-if="form.id" type="danger" @click="deleteMenu">删除菜单</el-button>
       </div>
       <el-form label-width="110px" label-position="right" class="menu-editor-form">
         <el-form-item label="菜单名称" required>
diff --git a/src/views/permission/RoleCategoriesView.vue b/src/views/permission/RoleCategoriesView.vue
index 30f47ad..5a3c49a 100644
--- a/src/views/permission/RoleCategoriesView.vue
+++ b/src/views/permission/RoleCategoriesView.vue
@@ -45,8 +45,8 @@ const {
       <el-table-column prop="roleCount" label="角色数" width="100" />
       <el-table-column label="操作" width="200">
         <template #default="{ row }">
-          <el-button type="primary" @click="editCategory(row)">编辑</el-button>
-          <el-button type="danger" @click="deleteCategory(row)">删除</el-button>
+          <el-button type="primary" size="small" @click="editCategory(row)">编辑</el-button>
+          <el-button type="danger" size="small" @click="deleteCategory(row)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
diff --git a/src/views/permission/RoleManagementView.vue b/src/views/permission/RoleManagementView.vue
index 01f74c8..3811026 100644
--- a/src/views/permission/RoleManagementView.vue
+++ b/src/views/permission/RoleManagementView.vue
@@ -73,9 +73,13 @@ function removeRoleRow(row) {
             }}</el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="90" fixed="right">
+        <el-table-column label="操作" width="100" fixed="right">
           <template #default="{ row }">
-            <el-button type="danger" link :disabled="row.builtin" @click="removeRoleRow(row)"
+            <el-button
+              type="danger"
+              size="small"
+              :disabled="row.builtin"
+              @click="removeRoleRow(row)"
               >删除</el-button
             >
           </template>