2026-01-30

工程变更申请页面【详情】优化

src/views/modules/changeManagement/changeRecord.vue

@@ -89,7 +89,7 @@
         label="操作">
         <template slot-scope="scope">
           <el-link v-if="authUpdate && scope.row.changeStatus !== '已完成'" style="cursor: pointer" @click="updateModal(scope.row)">编辑</el-link>
-          <el-link v-if="authUpdate && scope.row.changeStatus == '已完成'" style="cursor: pointer" @click="showModal()">详情</el-link>
+          <el-link v-if="authUpdate && scope.row.changeStatus == '已完成'" style="cursor: pointer" @click="showModal(scope.row)">详情</el-link>
           <el-link v-if="authIssue && scope.row.changeStatus === '草稿'" style="cursor: pointer" @click="issueModal(scope.row)">下达</el-link>
           <el-link v-if="authDelete && scope.row.changeStatus === '草稿'" style="cursor: pointer" @click="deleteChangeRecord(scope.row)">删除</el-link>
         </template>
@@ -3983,9 +3983,78 @@
         this.modalDisableFlag = true
         this.showModalFlag = false
       },
-      showModal(){
+
+      // 详情模态框（只读模式，参考编辑功能加载数据）
+      showModal (row) {
+        this.modalData = {
+          site: row.site,
+          changeNo: row.changeNo,
+          applicantId: row.applicantId,
+          applicantName: row.applicantName,
+          applicationDepartmentId: row.applicationDepartmentId,
+          applicationDepartmentName: row.applicationDepartmentName,
+          applyDate: row.applyDate,
+          ecnType: row.ecnType,
+          changeImpact: row.changeImpact,
+          changeImpactDesc: row.changeImpactDesc,
+          ecnStage: row.ecnStage,
+          changeType: row.changeType,
+          tpEngineerId: row.tpEngineerId,
+          tpEngineerName: row.tpEngineerName,
+          changePhaseInDate: row.changePhaseInDate,
+          dfIsProduct: row.dfIsProduct,
+          printing: row.printing,
+          manufacturingCostIsChange: row.manufacturingCostIsChange,
+          changeRequestDesc: row.changeRequestDesc,
+          isReQuote: row.isReQuote,
+          ulCertificationRequirements: row.ulCertificationRequirements,
+          ulContinueToMeetDemand: row.ulContinueToMeetDemand,
+          gpCertificationRequirements: row.gpCertificationRequirements,
+          gpContinueToMeetDemand: row.gpContinueToMeetDemand,
+          updateBy: this.$store.state.user.name,
+          detailList: [],
+          ecnTypeData: [],
+          industrialEngineerId: row.industrialEngineerId,
+          industrialEngineerName: row.industrialEngineerName,
+          changeStatus: row.changeStatus,
+          cqcOperatorId: row.cqcOperatorId,
+          cqcOperatorName: row.cqcOperatorName,
+          faiOperatorId: row.faiOperatorId,
+          faiOperatorName: row.faiOperatorName,
+          nodeConclusion: '',
+          rejectOpinion: '',
+          stepId: row.stepId,
+          rejectFlag: row.rejectFlag,
+          rejectStepId: row.rejectStepId,
+          isReject: row.isReject,
+          menuId: this.$route.meta.menuId,
+          userName: this.$store.state.user.name,
+          nodeId: row.nodeId,
+          buNo: row.buNo,
+          createBy2: row.createBy2,
+          tpProcessControl: row.tpProcessControl,
+          csProcessControl: row.csProcessControl
+        }
+        this.changeTitle = '变更申请详情-' + this.modalData.changeNo
+        // 查选择的ECN种类
+        this.getChangeChooseEcnType()
+        // 查变更单明细
+        this.changeRequestDetailSearch()
+        // 查变更单库存成本影响
+        this.inventoryCostImpactSearch()
+        // 查变更单TP&执行信息
+        this.tpExecutionInfoSearch()
+        // 查变更单会签信息
+        this.countersignatureSearch()
+        // 查询DelegateAccess人员列表
+        this.searchDelegateAccessByUser()
+        // 回显已选择的DelegateAccess人员
+        this.searchDelegateAccess()
+        this.activeName = 'basicInformation'
+        // 设置为只读模式
         this.showModalFlag = true
         this.modalFlag = true
+        this.modalDisableFlag = true
       },
 
       // 下达