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

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>