feat(dms):优化故障工单详情页面功能

- 为设备选择器添加过滤和变更处理功能
- 隐藏操作权限列并调整表格字段显示
- 使用 Object.assign 优化表单数据响应式更新- 完善知识库选择与文件上传预览功能
- 增强表单验证与操作记录管理逻辑
- 调整样式与间距提升界面可读性

src/views/dms/dmsBillsFaultInstance/detail.vue

@@ -54,9 +54,9 @@
         <el-row :gutter="20" v-if="!repairInstanceId && !isView">
           <el-col :span="24">
             <el-form-item label="选择设备" prop="deviceId">
-              <el-select 
-                v-model="faultForm.deviceId" 
-                placeholder="请选择设备" 
+              <el-select
+                v-model="faultForm.deviceId"
+                placeholder="请选择设备"
                 filterable
                 @change="handleDeviceChange"
                 style="width: 100%">
@@ -226,11 +226,11 @@
         </el-table-column>
         <el-table-column label="操作人" align="center" prop="handleBy" width="120" />
         <el-table-column label="任务" align="center" prop="processActivityName" width="150" />
-        <el-table-column label="操作权限" align="center" prop="processHandleStatus" width="100">
+<!--        <el-table-column label="操作权限" align="center" prop="processHandleStatus" width="100">
           <template slot-scope="scope">
             <dict-tag :options="dict.type.dms_handle_status" :value="scope.row.processHandleStatus"/>
           </template>
-        </el-table-column>
+        </el-table-column>-->
         <el-table-column label="处理措施" align="center" prop="processHandleResolution" show-overflow-tooltip />
         <el-table-column label="维修内容" align="center" prop="repairContent" show-overflow-tooltip />
         <el-table-column label="防护措施" align="center" prop="protectedMethod" show-overflow-tooltip />
@@ -388,10 +388,10 @@ export default {
       repairInstanceId: null,
       // 工单状态（0待维修 1维修中 2维修完成）
       billsStatus: null,
-      
+
       // 设备列表
       deviceList: [],
-      
+
       // 设备信息
       deviceForm: {
         deviceCode: '',
@@ -401,7 +401,7 @@ export default {
         location: '',
         deviceSpec: ''
       },
-      
+
       // 故障信息
       faultForm: {
         deviceId: null,
@@ -414,25 +414,25 @@ export default {
         faultDescription: '',
         designOperations: ''
       },
-      
+
       // 维修要求
       requireForm: {
         requireEndTime: null,
         verifyMethod: ''
       },
-      
+
       // 处理意见
       processOpinion: '',
-      
+
       // 操作记录列表
       activityList: [],
-      
+
       // 知识库相关
       knowledgeDialogVisible: false,
       knowledgeList: [],
       selectedKnowledge: null,
       tempSelectedKnowledge: null,
-      
+
       // 开始维修对话框
       startRepairDialogVisible: false,
       startRepairForm: {
@@ -445,7 +445,7 @@ export default {
           { required: true, message: '请输入维修人', trigger: 'blur' }
         ]
       },
-      
+
       // 操作记录对话框
       recordDialogVisible: false,
       recordDialogTitle: '',
@@ -455,21 +455,21 @@ export default {
         processHandleResolution: '',
         fileList: []
       },
-      
+
       // 文件上传
       uploadUrl: process.env.VUE_APP_BASE_API + '/file/upload',
       uploadHeaders: {
         Authorization: 'Bearer ' + getToken()
       },
-      
+
       // 图片预览
       previewDialogVisible: false,
       previewImageUrl: '',
-      
+
       // 附件查看
       filesDialogVisible: false,
       currentFiles: [],
-      
+
       // 表单验证规则
       rules: {
         deviceId: [{ required: true, message: '请选择设备', trigger: 'change' }],
@@ -478,7 +478,7 @@ export default {
         faultType: [{ required: true, message: '请选择故障类型', trigger: 'change' }],
         faultDescription: [{ required: true, message: '请输入故障描述', trigger: 'blur' }]
       },
-      
+
       recordRules: {
         processActivityName: [{ required: true, message: '请输入任务名称', trigger: 'blur' }],
         processHandleResolution: [{ required: true, message: '请输入处理措施', trigger: 'blur' }]
@@ -493,7 +493,7 @@ export default {
     }
     // 判断是否为查看模式
     this.isView = this.$route.query.view === 'true'
-    
+
     // 新增模式下加载设备列表
     if (!this.repairInstanceId || id === 'new') {
       this.loadDeviceList()
@@ -513,67 +513,67 @@ export default {
           location: data.deviceLocation,
           deviceSpec: data.deviceSpec
         }
-        
-        // 故障信息
-        this.faultForm = {
+
+        // 故障信息 - 使用 Object.assign 保持 Vue 响应式引用
+        Object.assign(this.faultForm, {
           occurTime: data.applyTime,
           applyUser: data.applyUser,
           applyUserPhone: data.applyUserPhone || '',
           faultType: data.faultType,
           faultLevel: data.faultLevel || '',
           isShutdown: data.isShutdown || '0',
-          faultDescription: data.faultDescription,
-          designOperations: data.designOperations
-        }
-        
-        // 维修要求
-        this.requireForm = {
+          faultDescription: data.faultDescription || '',
+          designOperations: data.designOperations || ''
+        })
+
+        // 维修要求 - 使用 Object.assign 保持 Vue 响应式引用
+        Object.assign(this.requireForm, {
           requireEndTime: data.requireEndTime,
-          verifyMethod: data.verifyMethod
-        }
-        
+          verifyMethod: data.verifyMethod || ''
+        })
+
         // 处理意见
         this.processOpinion = data.processHandleResolution || ''
-        
+
         // 操作记录
         this.activityList = data.dmsFaultInstanceActivityList || []
-        
+
         // 工单状态
         this.billsStatus = data.billsStatus || null
-        
+
         // 知识库ID
         this.faultForm.knowledgeRepairId = data.knowledgeRepairId
-        
+
         // 如果有知识库ID，加载知识库信息（可选）
         if (data.knowledgeRepairId) {
           // TODO: 调用知识库API获取详情并赋值给 selectedKnowledge
         }
-        
+
         // 知识库
         if (data.knowledgeRepairId) {
           // TODO: 加载知识库详情
         }
       })
     },
-    
+
     /** 打开知识库选择对话框 */
     openKnowledgeDialog() {
       this.knowledgeDialogVisible = true
       this.loadKnowledgeList()
     },
-    
+
     /** 加载知识库列表 */
     loadKnowledgeList() {
       getKnowledgeRepairList({ isFlag: '0' }).then(response => {
         this.knowledgeList = response.data || []
       })
     },
-    
+
     /** 选择知识库 */
     selectKnowledge(row) {
       this.tempSelectedKnowledge = row
     },
-    
+
     /** 确认选择知识库 */
     confirmKnowledge() {
       if (this.tempSelectedKnowledge) {
@@ -588,7 +588,7 @@ export default {
       }
       this.knowledgeDialogVisible = false
     },
-    
+
     /** 添加操作记录 */
     handleAddRecord() {
       this.recordDialogTitle = '添加操作记录'
@@ -599,7 +599,7 @@ export default {
       }
       this.recordDialogVisible = true
     },
-    
+
     /** 编辑操作记录 */
     handleEditRecord(row) {
       this.recordDialogTitle = '编辑操作记录'
@@ -611,7 +611,7 @@ export default {
       }
       this.recordDialogVisible = true
     },
-    
+
     /** 删除操作记录 */
     handleDeleteRecord(row) {
       this.$confirm('是否确认删除该操作记录?', '警告', {
@@ -626,14 +626,14 @@ export default {
         }
       })
     },
-    
+
     /** 提交操作记录 */
     submitRecord() {
       this.$refs.recordForm.validate(valid => {
         if (valid) {
           // 提取文件URLs用于后端保存
           const fileUrls = this.recordForm.fileList.map(f => f.filePath || f.url)
-          
+
           const record = {
             ...this.recordForm,
             handleTime: new Date(),
@@ -643,7 +643,7 @@ export default {
             fileUrls: fileUrls,  // 传递给后端
             dmsInstanceFiles: this.recordForm.fileList  // 用于前端显示
           }
-          
+
           if (record.instanceActivityId) {
             // 编辑
             const index = this.activityList.findIndex(item => item.instanceActivityId === record.instanceActivityId)
@@ -655,13 +655,13 @@ export default {
             record.instanceActivityId = -new Date().getTime()
             this.activityList.push(record)
           }
-          
+
           this.recordDialogVisible = false
           this.$message.success('保存成功')
         }
       })
     },
-    
+
     /** 文件上传成功 */
     handleUploadSuccess(res, file) {
       if (res.code === 200) {
@@ -672,42 +672,42 @@ export default {
         })
       }
     },
-    
+
     /** 文件移除 */
     handleUploadRemove(file, fileList) {
       this.recordForm.fileList = fileList
     },
-    
+
     /** 查看附件 */
     viewFiles(row) {
       this.currentFiles = row.dmsInstanceFiles || []
       this.filesDialogVisible = true
     },
-    
+
     /** 下载文件 */
     downloadFile(file) {
       window.open(file.url || file.filePath, '_blank')
     },
-    
+
     /** 预览文件 */
     previewFile(file) {
       this.previewImageUrl = file.url || file.filePath
       this.previewDialogVisible = true
     },
-    
+
     /** 判断是否为图片 */
     isImage(fileName) {
       if (!fileName) return false
       const ext = fileName.toLowerCase().split('.').pop()
       return ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'].includes(ext)
     },
-    
+
     /** 图片预览 */
     handlePicturePreview(file) {
       this.previewImageUrl = file.url
       this.previewDialogVisible = true
     },
-    
+
     /** 开始维修 - 打开对话框 */
     onStartRepair() {
       if (!this.repairInstanceId) {
@@ -720,7 +720,7 @@ export default {
       }
       this.startRepairDialogVisible = true
     },
-    
+
     /** 确认开始维修 */
     confirmStartRepair() {
       this.$refs.startRepairForm.validate((valid) => {
@@ -739,7 +739,7 @@ export default {
         }
       })
     },
-    
+
     /** 完成维修 */
     onCompleteRepair() {
       if (!this.repairInstanceId) {
@@ -759,16 +759,16 @@ export default {
         this.loadData()
       })
     },
-    
+
     /** 提交表单 */
     handleSubmit() {
       console.log('提交表单, faultForm:', this.faultForm)
       console.log('deviceId:', this.faultForm.deviceId)
-      
+
       this.$refs.faultForm.validate((valid, errors) => {
         console.log('表单验证结果:', valid)
         console.log('验证错误:', errors)
-        
+
         if (valid) {
           const data = {
             ...this.faultForm,
@@ -777,9 +777,9 @@ export default {
             knowledgeRepairId: this.selectedKnowledge ? this.selectedKnowledge.knowledgeRepairId : null,
             dmsFaultInstanceActivityList: this.activityList
           }
-          
+
           console.log('提交数据:', data)
-          
+
           if (this.repairInstanceId) {
             data.repairInstanceId = this.repairInstanceId
             updateDmsBillsFaultInstance(data).then(() => {
@@ -797,14 +797,14 @@ export default {
         }
       })
     },
-    
+
     /** 加载设备列表 */
     loadDeviceList() {
       getDeviceLedgerList({}).then(response => {
         this.deviceList = response.data || []
       })
     },
-    
+
     /** 设备选择变化 */
     handleDeviceChange(objId) {
       console.log('设备选择变化, objId:', objId)
@@ -825,7 +825,7 @@ export default {
         console.error('未找到设备, objId:', objId, '设备列表:', this.deviceList)
       }
     },
-    
+
     /** 返回 */
     goBack() {
       this.$tab.closePage()
@@ -839,18 +839,18 @@ export default {
 .fault-repair-detail {
   .box-card {
     margin-bottom: 20px;
-    
+
     .card-title {
       font-weight: bold;
       font-size: 16px;
       color: #303133;
     }
   }
-  
+
   .footer-buttons {
     text-align: center;
     padding: 20px 0;
-    
+
     .el-button {
       min-width: 100px;
     }