fix(web): 统一危险操作按钮样式

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
                 >

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"
               >

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
               >

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
                   >

src/views/creator-center/composables/useCreatorWorkspace.js

@@ -156,7 +156,8 @@ export function useCreatorWorkspace() {
         '撤回提交',
         {
           confirmButtonText: '确认撤回',
-          cancelButtonText: '取消'
+          cancelButtonText: '取消',
+          confirmButtonClass: 'el-button--danger'
         }
       )
     } catch {

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
             >

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

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>

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>

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>

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>