fix: 修复维修分类界面弹窗关闭按钮显示问题

- 在新增/修改维修类型对话框添加 :show-close="true" 属性
- 在查看维修类型详情对话框添加 :show-close="true" 属性
- 确保弹窗右上角关闭按钮正常显示

问题: 新增按钮弹窗的右上角关闭按钮没显示
解决: 显式设置 el-dialog 的 show-close 属性为 true

web/src/views/hq/pm/repairCategory/index.vue

@@ -38,7 +38,7 @@
             <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['pm:category:add']">新增</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="info" plain icon="Sort" @click="toggleExpandAll">展开/折叠</el-button>
+            <el-button icon="Sort" @click="toggleExpandAll">展开/折叠</el-button>
           </el-col>
           <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
         </el-row>
@@ -123,7 +123,7 @@
     </el-card>
 
     <!-- 添加或修改维修类型对话框 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="800px" append-to-body>
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="800px" append-to-body :show-close="true">
       <el-form ref="categoryFormRef" :model="form" :rules="rules" label-width="120px">
         <el-row :gutter="20">
           <el-col :span="12">
@@ -210,7 +210,7 @@
     </el-dialog>
 
     <!-- 查看维修类型详情对话框 -->
-    <el-dialog title="维修类型详情" v-model="viewDialog.visible" width="800px" append-to-body>
+    <el-dialog title="维修类型详情" v-model="viewDialog.visible" width="800px" append-to-body :show-close="true">
       <div v-if="viewData" class="category-detail">
         <el-descriptions :column="2" border>
           <el-descriptions-item label="类型名称">
@@ -262,6 +262,8 @@
 </template>
 
 <script setup lang="ts" name="RepairCategory">
+import { ref, reactive, onMounted, nextTick, getCurrentInstance, type ComponentInternalInstance } from 'vue';
+import type { FormInstance, FormRules } from 'element-plus';
 import {
   listRepairCategory,
   getRepairCategory,
@@ -806,5 +808,4 @@ onMounted(() => {
 :deep(.el-color-picker__color) {
   border: 0px !important;
 }
-
 </style>