diff --git a/web/src/views/hq/pm/repairCategory/index.vue b/web/src/views/hq/pm/repairCategory/index.vue
index d56f00b2..b24be759 100644
--- a/web/src/views/hq/pm/repairCategory/index.vue
+++ b/web/src/views/hq/pm/repairCategory/index.vue
@@ -123,7 +123,15 @@
     </el-card>
 
     <!-- 添加或修改维修类型对话框 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="800px" append-to-body :show-close="true">
+    <el-dialog
+      :title="dialog.title"
+      v-model="dialog.visible"
+      width="800px"
+      append-to-body
+      :show-close="true"
+      :close-on-click-modal="false"
+      class="repair-category-dialog"
+    >
       <el-form ref="categoryFormRef" :model="form" :rules="rules" label-width="120px">
         <el-row :gutter="20">
           <el-col :span="12">
@@ -210,7 +218,15 @@
     </el-dialog>
 
     <!-- 查看维修类型详情对话框 -->
-    <el-dialog title="维修类型详情" v-model="viewDialog.visible" width="800px" append-to-body :show-close="true">
+    <el-dialog
+      title="维修类型详情"
+      v-model="viewDialog.visible"
+      width="800px"
+      append-to-body
+      :show-close="true"
+      :close-on-click-modal="false"
+      class="repair-category-dialog"
+    >
       <div v-if="viewData" class="category-detail">
         <el-descriptions :column="2" border>
           <el-descriptions-item label="类型名称">
@@ -670,6 +686,24 @@ onMounted(() => {
 });
 </script>
 
+<style lang="scss" scoped>
+// 强制显示关闭按钮
+.repair-category-dialog {
+  :deep(.el-dialog__headerbtn) {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+  }
+
+  :deep(.el-dialog__close) {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    color: var(--art-gray-500) !important;
+  }
+}
+</style>
+
 <style lang="scss" scoped>
 .page-container {
   .table-container {