设备事故登记表页面功能及流程开发

zhaowei

2 天以前 cac716483630eb312b87afbecf6dbd9c5cb3e3d7

设备事故登记表页面功能及流程开发

 src/views/eam/dispose/EamEquipmentLeanOutList.vue

ÎļþÒÑɾ³ý

 src/views/eam/dispose/EamEquipmentScrapList.vue

ÎļþÒÑɾ³ý

 src/views/eam/dispose/EamEquipmentSealUpList.vue

ÎļþÒÑɾ³ý

 src/views/eam/dispose/EamEquipmentTransferList.vue

ÎļþÒÑɾ³ý

 src/views/eam/dispose/modules/EamEquipmentLeanOutModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/dispose/modules/EamEquipmentScrapModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/dispose/modules/EamEquipmentSealUpModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/dispose/modules/EamEquipmentTransferModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/purchase/EamEquipmentPurchasePlanList.vue

ÎļþÒÑɾ³ý

 src/views/eam/purchase/EamPurchasePlanAttachmentList.vue

ÎļþÒÑɾ³ý

 src/views/eam/purchase/modules/EamEquipmentPurchasePlanAuditModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/purchase/modules/EamEquipmentPurchasePlanForm.vue

ÎļþÒÑɾ³ý

 src/views/eam/purchase/modules/EamEquipmentPurchasePlanModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/purchase/modules/EamPurchasePlanAttachmentModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/repair/EamReportAccidentsRegisterList.vue

@@ -56,7 +56,7 @@
      </template>

      <span slot="action" slot-scope="text, record">
          <template v-if="record.registerStatus=='PENDING_SUBMIT'">
          <template v-if="record.registerStatus==='PENDING_SUBMIT'">
             <a @click="handleEdit(record)">编辑</a>
             <a-divider type="vertical"/>
             <a-popconfirm title="确定提交吗?" @confirm="() => handleSubmit(record.id)">
@@ -72,35 +72,32 @@

    <!-- è¡¨å•åŒºåŸŸ -->
    <eamReportAccidentsRegister-modal ref="modalForm" @ok="modalFormOk"/>

    <!--审批窗口-->
    <report-accidents-register-approval-modal ref="reportAccidentsRegisterApprovalModal"
                                              :selectShenpiData="selectedRowData"/>
  </a-card>
</template>

<script>
  import '@/assets/less/TableExpand.less'
  import EamReportAccidentsRegisterModal from './modules/EamReportAccidentsRegisterModal'
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import LxSearchEquipmentSelect from '../equipment/modules/LxSearchEquipmentSelect'
  import { getAction } from '@/api/manage'
  import ReportAccidentsRegisterApprovalModal
    from '../../flowable/workflow/repairOrder/ReportAccidentsRegisterApprovalModal'

  export default {
    name: 'EamReportAccidentsRegisterList',
    mixins: [JeecgListMixin],
    components: {
      ReportAccidentsRegisterApprovalModal,
      LxSearchEquipmentSelect,
      EamReportAccidentsRegisterModal
    },
    props: {
      isDisplayOperation: {
        type: Boolean,
        default: true
      },
      propsQueryParam: {
        type: Object
      }
    },
    data() {
      return {
        description: '设备事故登记表管理页面',
        disableMixinCreated: true,
        // è¡¨å¤´
        columns: [
          {
@@ -138,6 +135,21 @@
            align: 'center',
            dataIndex: 'registerStatus_dictText',
            fixed: 'left'
          },
          {
            title: '废品件号',
            align: 'center',
            dataIndex: 'scrapPartNumber'
          },
          {
            title: '废品件数',
            align: 'center',
            dataIndex: 'scrapPartQuantity'
          },
          {
            title: '废品价值',
            align: 'center',
            dataIndex: 'scrapPartValue'
          },
          {
            title: '是否有设备操作证',
@@ -191,7 +203,7 @@
          {
            title: '操作工',
            align: 'center',
            dataIndex: 'confirmer'
            dataIndex: 'confirmer_dictText'
          },
          {
            title: '操作工确认时间',
@@ -201,7 +213,7 @@
          {
            title: '区长',
            align: 'center',
            dataIndex: 'district'
            dataIndex: 'district_dictText'
          },
          {
            title: '区长确认时间',
@@ -211,7 +223,7 @@
          {
            title: '中心主任',
            align: 'center',
            dataIndex: 'centerDirector'
            dataIndex: 'centerDirector_dictText'
          },
          {
            title: '中心主任确认时间',
@@ -226,7 +238,7 @@
          {
            title: '设备状态',
            align: 'center',
            dataIndex: 'equipmentStatus'
            dataIndex: 'equipmentStatus_dictText'
          },
          {
            title: '原因分析',
@@ -236,7 +248,7 @@
          {
            title: '检查结果',
            align: 'center',
            dataIndex: 'inspectionResults'
            dataIndex: 'inspectionResults_dictText'
          },
          {
            title: '采取措施',
@@ -256,7 +268,7 @@
          {
            title: '维修确认',
            align: 'center',
            dataIndex: 'repairConfirm'
            dataIndex: 'repairConfirm_dictText'
          },
          {
            title: '维修确认时间',
@@ -266,7 +278,7 @@
          {
            title: '维修组长确认',
            align: 'center',
            dataIndex: 'repairGroupLeader'
            dataIndex: 'repairGroupLeader_dictText'
          },
          {
            title: '维修组长确认时间',
@@ -276,7 +288,7 @@
          {
            title: '维修组长确认',
            align: 'center',
            dataIndex: 'repairDistrict'
            dataIndex: 'repairDistrict_dictText'
          },
          {
            title: '维修组长确认时间',
@@ -284,7 +296,7 @@
            dataIndex: 'repairDistrictTime'
          },
          {
            title: '原因分析核对;同意、不同意',
            title: '原因分析核对',
            align: 'center',
            dataIndex: 'checkAgree',
            scopedSlots: { customRender: 'checkAgree' }
@@ -307,7 +319,7 @@
          {
            title: '技术负责人',
            align: 'center',
            dataIndex: 'technicalDirector'
            dataIndex: 'technicalDirector_dictText'
          },
          {
            title: '技术负责人确认时间',
@@ -317,7 +329,7 @@
          {
            title: '技术主管室级领导',
            align: 'center',
            dataIndex: 'technicalDirectorLeader'
            dataIndex: 'technicalDirectorLeader_dictText'
          },
          {
            title: '技术主管室级领导确认时间',
@@ -327,28 +339,14 @@
          {
            title: '主管部级领导',
            align: 'center',
            dataIndex: 'technicalDirectorPart'
            dataIndex: 'technicalDirectorPart_dictText'
          },
          {
            title: '主管部级领导确认时间',
            align: 'center',
            dataIndex: 'technicalDirectorPartTime'
          }
        ],
        selectedRowData: {},
        url: {
          list: '/eam/eamReportAccidentsRegister/list',
          delete: '/eam/eamReportAccidentsRegister/delete',
          deleteBatch: '/eam/eamReportAccidentsRegister/deleteBatch',
          exportXlsUrl: 'eam/eamReportAccidentsRegister/exportXls',
          importExcelUrl: 'eam/eamReportAccidentsRegister/importExcel'
        }
      }
    },
    created() {
      if (!this.isDisplayOperation) this.queryParam = Object.assign({}, this.propsQueryParam)
      else {
        const operationColumn = {
          {
          title: '操作',
          dataIndex: 'action',
          align: 'center',
@@ -356,18 +354,50 @@
          width: 200,
          fixed: 'right'
        }
        this.columns = [...this.columns, operationColumn]
        ],
        selectedRowData: {},
        url: {
          list: '/eam/eamReportAccidentsRegister/list',
          submit: '/eam/eamReportAccidentsRegister/submit',
          delete: '/eam/eamReportAccidentsRegister/delete'
      }
      this.loadData(1)
      }
    },
    methods: {
      /**
       * ç‚¹å‡»å¡«æŠ¥æ—¶è§¦å‘
       * ç‚¹å‡»æäº¤æ—¶è§¦å‘
       * @param id
       */
      handleSubmit(id) {
        this.loading = true
        getAction(this.url.submit, { id })
          .then(res => {
            if (res.success) {
              this.$notification.success({
                message: '消息',
                description: res.message
              })
              this.loadData()
            } else {
              this.$notification.warning({
                message: '消息',
                description: res.message
              })
              this.loading = false
            }
          })
      },

      /**
       * ç‚¹å‡»è¯¦æƒ…时触发时触发
       * @param record
       */
      handleFillIn(record) {
        this.$refs.modalForm.title = '填报'
        this.$refs.modalForm.handleFillIn(record)
      handleDetail(record) {
        this.selectedRowData = Object.assign({}, record)
        this.$refs.reportAccidentsRegisterApprovalModal.title = '详情'
        this.$refs.reportAccidentsRegisterApprovalModal.disableSubmit = true
        this.$refs.reportAccidentsRegisterApprovalModal.visible = true
        this.$refs.reportAccidentsRegisterApprovalModal.handleDetail(record)
      }
    }
  }

 src/views/eam/spare/EamSparePartReceiveList.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/EamSparePartRequisitionList.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/EamSparePartScrapList.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/EamSparePartsList.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/modules/EamSparePartReceive/EamSparePartReceiveDetailList.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/modules/EamSparePartReceive/EamSparePartReceiveModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/modules/EamSparePartRequisition/EamSparePartRequisitionDetailModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/modules/EamSparePartRequisition/EamSparePartRequisitionExamineModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/modules/EamSparePartRequisition/EamSparePartRequisitionModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/modules/EamSparePartScrap/EamSparePartScrapModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/modules/EamSpareParts/EamSparePartIntoModal.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/modules/EamSpareParts/EamSparePartInventoryList.vue

ÎļþÒÑɾ³ý

 src/views/eam/spare/modules/EamSpareParts/EamSparePartsModal.vue

ÎļþÒÑɾ³ý

 src/views/flowable/workflow/FlowCompleted.vue

@@ -80,6 +80,10 @@
    <!--真空热处理炉三保-->
    <third-maintenance-furnace-approval-modal ref="thirdMaintenanceFurnaceApprovalModal"
                                              :selectShenpiData="selectedRowData"/>

    <!--设备事故登记-->
    <report-accidents-register-approval-modal ref="reportAccidentsRegisterApprovalModal"
                                              :selectShenpiData="selectedRowData"/>
  </a-card>
</template>

@@ -100,11 +104,13 @@
  import MaintenanceStandardApprovalModal from './MaintenanceStandard/MaintenanceStandardApprovalModal'
  import ThirdMaintenanceOrderChangeApprovalModal from './thirdMaintenance/ThirdMaintenanceOrderChangeApprovalModal'
  import ThirdMaintenanceFurnaceApprovalModal from './thirdMaintenance/ThirdMaintenanceFurnaceApprovalModal'
  import ReportAccidentsRegisterApprovalModal from './repairOrder/ReportAccidentsRegisterApprovalModal'

  export default {
    name: 'FlowCompleted',
    mixins: [JeecgListMixin],
    components: {
      ReportAccidentsRegisterApprovalModal,
      ThirdMaintenanceFurnaceApprovalModal,
      ThirdMaintenanceOrderChangeApprovalModal,
      MaintenanceStandardApprovalModal,
@@ -219,6 +225,9 @@
            break
          case 'third_maintenance_furnace_process':
            this.handleThirdMaintenanceFurnace(record)
            break
          case 'eam_report_accidents_register':
            this.handleAccidentsRegister(record)
            break
          default:
            alert('没找到该流程')
@@ -369,6 +378,18 @@
        this.$refs.thirdMaintenanceFurnaceApprovalModal.handleApprove(record)
      },

      /**
       * ç‚¹å‡»è®¾å¤‡äº‹æ•…登记流程执行审批时触发
       * @param record
       */
      handleAccidentsRegister(record) {
        this.selectedRowData = Object.assign({}, record)
        this.$refs.reportAccidentsRegisterApprovalModal.visible = true
        this.$refs.reportAccidentsRegisterApprovalModal.title = record.name
        this.$refs.reportAccidentsRegisterApprovalModal.disableSubmit = true
        this.$refs.reportAccidentsRegisterApprovalModal.handleApprove(record)
      },

      splitProcessType(title) {
        let parts = title.split('：') // æ³¨æ„å†’号是全角字符，使用对应的字进行分割
        let result = parts[0]

 src/views/flowable/workflow/FlowTodo.vue

@@ -130,6 +130,11 @@
    <third-maintenance-furnace-approval-modal ref="thirdMaintenanceFurnaceApprovalModal"
                                              :selectShenpiData="selectedRowData"
                                              @modalFormOk="modalFormOk"/>

    <!--设备事故登记-->
    <report-accidents-register-approval-modal ref="reportAccidentsRegisterApprovalModal"
                                              :selectShenpiData="selectedRowData"
                                              @modalFormOk="modalFormOk"/>
  </a-card>
</template>

@@ -151,11 +156,13 @@
  import TechnicalStatusDeactivateApprovalModal from './TechnicalStatus/TechnicalStatusDeactivateApprovalModal'
  import ThirdMaintenanceOrderChangeApprovalModal from './thirdMaintenance/ThirdMaintenanceOrderChangeApprovalModal'
  import ThirdMaintenanceFurnaceApprovalModal from './thirdMaintenance/ThirdMaintenanceFurnaceApprovalModal'
  import ReportAccidentsRegisterApprovalModal from './repairOrder/ReportAccidentsRegisterApprovalModal'

  export default {
    name: 'FlowTodo',
    mixins: [JeecgListMixin],
    components: {
      ReportAccidentsRegisterApprovalModal,
      ThirdMaintenanceFurnaceApprovalModal,
      ThirdMaintenanceOrderChangeApprovalModal,
      TechnicalStatusDeactivateApprovalModal,
@@ -285,6 +292,9 @@
            break
          case 'third_maintenance_furnace_process':
            this.handleThirdMaintenanceFurnace(record)
            break
          case 'eam_report_accidents_register':
            this.handleAccidentsRegister(record)
            break
          default:
            alert('没找到该流程')
@@ -423,6 +433,17 @@
        this.$refs.thirdMaintenanceFurnaceApprovalModal.handleApprove(record)
      },

      /**
       * ç‚¹å‡»è®¾å¤‡äº‹æ•…登记流程执行审批时触发
       * @param record
       */
      handleAccidentsRegister(record) {
        this.selectedRowData = Object.assign({}, record)
        this.$refs.reportAccidentsRegisterApprovalModal.visible = true
        this.$refs.reportAccidentsRegisterApprovalModal.title = record.name
        this.$refs.reportAccidentsRegisterApprovalModal.handleApprove(record)
      },

      batchHandle() {
        const categorySet = new Set(this.selectionRows.map(item => item.category))
        const nameSet = new Set(this.selectionRows.map(item => item.name))

 src/views/flowable/workflow/repairOrder/RepairOrderApprovalModal.vue

@@ -19,12 +19,12 @@
                      <a-input v-model="model.repairCode" readOnly/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="customSpan">
                  <a-col :span="12">
                    <a-form-model-item label="故障类型">
                      <j-dict-select-tag dict-code="fault_type"  v-model="model.faultType" disabled/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="customSpan">
                  <a-col :span="12">
                    <a-form-model-item label="报修人">
                      <a-input v-model="model.reportPerson" readOnly/>
                    </a-form-model-item>
@@ -39,7 +39,7 @@
                      <a-input v-model="model.actualEndTime" readOnly/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="customSpan">
                  <a-col :span="24">
                    <a-form-model-item label="故障现象">
                      <a-textarea v-model="model.faultPhenomenon" readOnly/>
                    </a-form-model-item>

 src/views/flowable/workflow/repairOrder/ReportAccidentsRegisterApprovalModal.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,615 @@
<template>
  <j-modal :title="title" :visible="visible" :confirmLoading="confirmLoading" :width="1300"
           :okButtonProps="{ class:{'jee-hidden': disableSubmit} }" fullscreen @ok="handleOk"
           @cancel="handleCancel" centered cancelText="关闭">
    <a-spin :spinning="spinning">
      <a-form-model ref="form" :model="model" :rules="validatorRules" :labelCol="labelCol" :wrapperCol="wrapperCol">
        <a-row id="outer-row" :gutter="24">
          <!--左侧基础信息列-->
          <a-col :span="selectShenpiData.procInstId?8:12" class="scroll-col">
            <a-tabs>
              <a-tab-pane tab="基础信息">
                <a-row>
                  <a-col :span="12">
                    <a-form-model-item label="统一编码">
                      <lx-search-equipment-select v-model="model.equipmentId" disabled/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-model-item label="废品件号">
                      <a-input v-model="model.scrapPartNumber" readOnly/>
                    </a-form-model-item>
                  </a-col>
                </a-row>

                <a-row>
                  <a-col :span="12">
                    <a-form-model-item label="废品件数">
                      <a-input v-model="model.scrapPartQuantity" readOnly/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-model-item label="废品价值">
                      <a-input v-model="model.scrapPartValue" readOnly/>
                    </a-form-model-item>
                  </a-col>
                </a-row>

                <a-row>
                  <a-col :span="12">
                    <a-form-model-item label="是否有设备操作证">
                      <j-dict-select-tag dict-code="yn" type="radio" v-model="model.operationCertificate" disabled/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-model-item label="是否断电重启">
                      <j-dict-select-tag dict-code="yn" type="radio" v-model="model.powerOffRestart" disabled/>
                    </a-form-model-item>
                  </a-col>
                </a-row>

                <a-row>
                  <a-col :span="12">
                    <a-form-model-item label="是否为批次首件">
                      <j-dict-select-tag dict-code="yn" type="radio" v-model="model.batchFirstPiece" disabled/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-model-item label="变动因素">
                      <j-dict-select-tag dict-code="yn" type="radio" v-model="model.variableFactors" disabled/>
                    </a-form-model-item>
                  </a-col>
                </a-row>

                <a-row>
                  <a-col :span="12">
                    <a-form-model-item label="变动因素内容">
                      <a-input v-model="model.variableFactorsValue_dictText" readOnly/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-model-item label="执行程序">
                      <a-input v-model="model.executeNc" readOnly/>
                    </a-form-model-item>
                  </a-col>
                </a-row>

                <a-row>
                  <a-col :span="24">
                    <a-form-model-item label="事故现象" :labelCol="labelColLong" :wrapperCol="wrapperColLong">
                      <a-textarea v-model="model.accidentPhenomenon" readOnly/>
                    </a-form-model-item>
                  </a-col>
                </a-row>

                <a-row>
                  <a-col :span="24">
                    <a-form-model-item label="采取措施" :labelCol="labelColLong" :wrapperCol="wrapperColLong">
                      <a-textarea v-model="model.measure" readOnly/>
                    </a-form-model-item>
                  </a-col>
                </a-row>

                <a-row>
                  <a-col :span="24">
                    <a-form-model-item label="造成结果" :labelCol="labelColLong" :wrapperCol="wrapperColLong">
                      <a-textarea v-model="model.causingResults" readOnly/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-tab-pane>
            </a-tabs>
          </a-col>

          <!-- ä¸­é—´æ˜Žç»†é¡¹åˆ—-->
          <a-col v-if="selectShenpiData.procInstId" :span="10" class="scroll-col">
            <a-tabs default-active-key="1">
              <a-tab-pane key='1' tab='流程图'>
                <img :src="imageSrc" v-if="imageSrc" style="width: 100%"/>
              </a-tab-pane>
            </a-tabs>
          </a-col>

          <!--右侧审批列-->
          <a-col :span="selectShenpiData.procInstId?6:12" class="scroll-col">
            <a-tabs v-if="displayRegionalManagerFlag">
              <a-tab-pane tab="区长确认">
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="districtResult" label="确认类型" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <j-dict-select-tag type='radio' v-model='model.districtResult'
                                         dictCode='approve_reject'
                                         :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REGIONAL_MANAGER')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item label="确认意见" :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <a-textarea placeholder="请输入意见" v-model="model.districtConfirm"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REGIONAL_MANAGER')"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-tab-pane>
            </a-tabs>

            <a-tabs v-if="displayCenterManagerFlag">
              <a-tab-pane tab="中心主任确认">
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="centerDirectorResult" label="确认类型" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <j-dict-select-tag type='radio' v-model='model.centerDirectorResult'
                                         dictCode='approve_reject'
                                         :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_CENTER_MANAGER')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item label="确认意见" :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <a-textarea placeholder="请输入意见" v-model="model.centerDirectorConfirm"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_CENTER_MANAGER')"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-tab-pane>
            </a-tabs>

            <a-tabs v-if="displayRepairFlag">
              <a-tab-pane tab="维修工确认">
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="reportStartTime" label="维修开始时间" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <a-date-picker v-model="model.reportStartTime" value-format="YYYY-MM-DD" style="width: 100%"
                                     :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_WORKER')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item prop="equipmentStatus" label="设备状态" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <a-input v-model="model.equipmentStatus" placeholder="请输入设备状态"
                               :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_WORKER')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item prop="causeAnalysis" label="原因分析" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <a-textarea v-model="model.causeAnalysis" placeholder="请输入原因分析"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_WORKER')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item prop="inspectionResults" label="检查结果" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <a-textarea v-model="model.inspectionResults" placeholder="请输入检查结果"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_WORKER')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item prop="takeSteps" label="采取措施" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <a-textarea v-model="model.takeSteps" placeholder="请输入采取措施"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_WORKER')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item prop="suggestionTakeSteps" label="建议采取措施" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <a-textarea v-model="model.suggestionTakeSteps" placeholder="请输入建议采取措施"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_WORKER')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item prop="suggestionTakeStepsTime" label="建议采取措施时间" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <a-date-picker v-model="model.suggestionTakeStepsTime" value-format="YYYY-MM-DD"
                                     style="width: 100%"
                                     :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_WORKER')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item prop="repairConfirmResult" label="确认类型" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <j-dict-select-tag type='radio' v-model='model.repairConfirmResult' dictCode='approve_reject'
                                         disabled/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item label="确认意见" :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <a-textarea placeholder="请输入意见" v-model="model.repairConfirmComment"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_WORKER')"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-tab-pane>
            </a-tabs>

            <a-tabs v-if="displayRepairLeaderFlag">
              <a-tab-pane tab="维修室主任确认">
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="repairGroupLeaderResult" label="确认类型"
                                       :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <j-dict-select-tag type='radio' v-model='model.repairGroupLeaderResult'
                                         dictCode='approve_reject'
                                         :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_TEAM_LEADER')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item label="确认意见" :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <a-textarea placeholder="请输入意见" v-model="model.repairGroupLeaderComment"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_TEAM_LEADER')"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-tab-pane>
            </a-tabs>

            <a-tabs v-if="displayRepairRegionalManagerFlag">
              <a-tab-pane tab="维修区长确认">
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="repairDistrictResult" label="确认类型"
                                       :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <j-dict-select-tag type='radio' v-model='model.repairDistrictResult'
                                         dictCode='approve_reject'
                                         :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_REGIONAL_MANAGER')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item label="确认意见" :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <a-textarea placeholder="请输入意见" v-model="model.repairDistrictComment"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_REPAIR_REGIONAL_MANAGER')"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-tab-pane>
            </a-tabs>

            <a-tabs v-if="displayTechnicalLeaderFlag">
              <a-tab-pane tab="技术负责人确认">
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="checkAgree" label="原因分析核对"
                                       :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <j-dict-select-tag type='radio' v-model='model.checkAgree'
                                         dictCode='approve_reject' @change="handleCheckAgreeChange"
                                         :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_TECHNICAL_RESPONSIBLE')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24" v-if="model.checkAgree==='2'">
                    <a-form-model-item label="不同意原因分析" prop="disagreeReason" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <a-textarea placeholder="请输入不同意原因" v-model="model.disagreeReason"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_TECHNICAL_RESPONSIBLE')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item label="整改措施" prop="rectificationMeasures" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <a-textarea placeholder="请输入整改措施" v-model="model.rectificationMeasures"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_TECHNICAL_RESPONSIBLE')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item label="事故结论" prop="accidentConclusion" :labelCol="rightColLabelCol"
                                       :wrapperCol="rightColWrapperCol">
                      <a-textarea placeholder="请输入事故结论" v-model="model.accidentConclusion"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_TECHNICAL_RESPONSIBLE')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item prop="technicalDirectorResult" label="确认类型"
                                       :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <j-dict-select-tag type='radio' v-model='model.technicalDirectorResult'
                                         dictCode='approve_reject'
                                         :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_TECHNICAL_RESPONSIBLE')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item label="确认意见" :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <a-textarea placeholder="请输入意见" v-model="model.technicalDirectorConfirm"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_TECHNICAL_RESPONSIBLE')"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-tab-pane>
            </a-tabs>

            <a-tabs v-if="displayTechnicalSupervisorFlag">
              <a-tab-pane tab="技术主管室级领导">
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="technicalDirectorLeaderResult" label="确认类型"
                                       :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <j-dict-select-tag type='radio' v-model='model.technicalDirectorLeaderResult'
                                         dictCode='approve_reject'
                                         :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_TECHNICAL_SUPERVISOR')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item label="确认意见" :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <a-textarea placeholder="请输入意见" v-model="model.technicalDirectorLeaderConfirm"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_TECHNICAL_SUPERVISOR')"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-tab-pane>
            </a-tabs>

            <a-tabs v-if="displaySuperiorDepartmentFlag">
              <a-tab-pane tab="主管部级领导">
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="technicalDirectorPartResult" label="确认类型"
                                       :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <j-dict-select-tag type='radio' v-model='model.technicalDirectorPartResult'
                                         dictCode='approve_reject'
                                         :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_SUPERIOR_DEPARTMENT')"/>
                    </a-form-model-item>
                  </a-col>
                  <a-col :span="24">
                    <a-form-model-item label="确认意见" :labelCol="rightColLabelCol" :wrapperCol="rightColWrapperCol">
                      <a-textarea placeholder="请输入意见" v-model="model.technicalDirectorPartConfirm"
                                  :disabled="disableSubmit||(model.registerStatus&&model.registerStatus!=='PENDING_SUPERIOR_DEPARTMENT')"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-tab-pane>
            </a-tabs>
          </a-col>
        </a-row>
      </a-form-model>
    </a-spin>
  </j-modal>
</template>

<script>
  import { downFile, getAction, httpAction } from '@/api/manage'
  import TechnicalStatusEquipmentSelect from '../../../eam/equipment/modules/TechnicalStatusEquipmentSelect'
  import LxSearchEquipmentSelect from '../../../eam/equipment/modules/LxSearchEquipmentSelect'

  export default {
    name: 'ReportAccidentsRegisterApprovalModal',
    components: {
      LxSearchEquipmentSelect,
      TechnicalStatusEquipmentSelect
    },
    props: {
      selectShenpiData: {
        type: Object
      }
    },
    data() {
      return {
        title: '操作',
        visible: false,
        model: {},
        labelCol: {
          xs: { span: 24 },
          sm: { span: 10 }
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 14 }
        },
        labelColLong: {
          xs: { span: 24 },
          sm: { span: 5 }
        },
        wrapperColLong: {
          xs: { span: 24 },
          sm: { span: 19 }
        },
        rightColLabelCol: {
          xs: { span: 24 },
          sm: { span: 8 }
        },
        rightColWrapperCol: {
          xs: { span: 24 },
          sm: { span: 15 }
        },
        confirmLoading: false,
        spinning: false,
        imageSrc: null,
        validatorRules: {
          districtResult: [{ required: true, message: '请选择确认类型' }],
          centerDirectorResult: [{ required: true, message: '请选择确认类型' }],
          reportStartTime: [{ required: true, message: '请选择维修开始时间', trigger: 'change' }],
          equipmentStatus: [{ required: true, message: '请输入设备状态', trigger: 'change' }],
          causeAnalysis: [{ required: true, message: '请输入原因分析', trigger: 'change' }],
          inspectionResults: [{ required: true, message: '请输入检查结果', trigger: 'change' }],
          takeSteps: [{ required: true, message: '请输入采取措施', trigger: 'change' }],
          suggestionTakeSteps: [{ required: true, message: '请输入建议采取措施', trigger: 'change' }],
          suggestionTakeStepsTime: [{ required: true, message: '请选择建议采取措施时间', trigger: 'change' }],
          repairConfirmResult: [{ required: true, message: '请选择确认类型' }],
          repairGroupLeaderResult: [{ required: true, message: '请选择确认类型' }],
          repairDistrictResult: [{ required: true, message: '请选择确认类型' }],
          checkAgree: [{ required: true, message: '请选择原因分析核对' }],
          disagreeReason: [{ required: true, message: '请输入不同意原因', trigger: 'change' }],
          rectificationMeasures: [{ required: true, message: '请输入整改措施', trigger: 'change' }],
          accidentConclusion: [{ required: true, message: '请输入事故结论', trigger: 'change' }],
          technicalDirectorResult: [{ required: true, message: '请选择确认类型' }],
          technicalDirectorLeaderResult: [{ required: true, message: '请选择确认类型' }],
          technicalDirectorPartResult: [{ required: true, message: '请选择确认类型' }]
        },
        url: {
          queryById: '/eam/eamReportAccidentsRegister/queryById',
          approval: '/eam/eamReportAccidentsRegister/perform',
          diagramView: '/assign/flow/diagramView'
        },
        disableSubmit: false
      }
    },
    computed: {
      displayRegionalManagerFlag() {
        return this.model.registerStatus && ['PENDING_REGIONAL_MANAGER', 'PENDING_CENTER_MANAGER', 'PENDING_REPAIR_WORKER', 'PENDING_REPAIR_TEAM_LEADER', 'PENDING_REPAIR_REGIONAL_MANAGER', 'PENDING_TECHNICAL_RESPONSIBLE', 'PENDING_TECHNICAL_SUPERVISOR', 'PENDING_SUPERIOR_DEPARTMENT', 'REPAIR_COMPLETED', 'REJECTED'].includes(this.model.registerStatus)
      },
      displayCenterManagerFlag() {
        return this.model.registerStatus && ['PENDING_CENTER_MANAGER', 'PENDING_REPAIR_WORKER', 'PENDING_REPAIR_TEAM_LEADER', 'PENDING_REPAIR_REGIONAL_MANAGER', 'PENDING_TECHNICAL_RESPONSIBLE', 'PENDING_TECHNICAL_SUPERVISOR', 'PENDING_SUPERIOR_DEPARTMENT', 'REPAIR_COMPLETED', 'REJECTED'].includes(this.model.registerStatus) && this.model.districtResult === '1'
      },
      displayRepairFlag() {
        return this.model.registerStatus && ['PENDING_REPAIR_WORKER', 'PENDING_REPAIR_TEAM_LEADER', 'PENDING_REPAIR_REGIONAL_MANAGER', 'PENDING_TECHNICAL_RESPONSIBLE', 'PENDING_TECHNICAL_SUPERVISOR', 'PENDING_SUPERIOR_DEPARTMENT', 'REPAIR_COMPLETED', 'REJECTED'].includes(this.model.registerStatus) && this.model.centerDirectorResult === '1'
      },
      displayRepairLeaderFlag() {
        return this.model.registerStatus && ['PENDING_REPAIR_TEAM_LEADER', 'PENDING_REPAIR_REGIONAL_MANAGER', 'PENDING_TECHNICAL_RESPONSIBLE', 'PENDING_TECHNICAL_SUPERVISOR', 'PENDING_SUPERIOR_DEPARTMENT', 'REPAIR_COMPLETED', 'REJECTED'].includes(this.model.registerStatus) && this.model.repairConfirmResult === '1'
      },
      displayRepairRegionalManagerFlag() {
        return this.model.registerStatus && ['PENDING_REPAIR_REGIONAL_MANAGER', 'PENDING_TECHNICAL_RESPONSIBLE', 'PENDING_TECHNICAL_SUPERVISOR', 'PENDING_SUPERIOR_DEPARTMENT', 'REPAIR_COMPLETED', 'REJECTED'].includes(this.model.registerStatus) && this.model.repairGroupLeaderResult === '1'
      },
      displayTechnicalLeaderFlag() {
        return this.model.registerStatus && ['PENDING_TECHNICAL_RESPONSIBLE', 'PENDING_TECHNICAL_SUPERVISOR', 'PENDING_SUPERIOR_DEPARTMENT', 'REPAIR_COMPLETED', 'REJECTED'].includes(this.model.registerStatus) && this.model.repairDistrictResult === '1'
      },
      displayTechnicalSupervisorFlag() {
        return this.model.registerStatus && ['PENDING_TECHNICAL_SUPERVISOR', 'PENDING_SUPERIOR_DEPARTMENT', 'REPAIR_COMPLETED', 'REJECTED'].includes(this.model.registerStatus) && this.model.technicalDirectorResult === '1'
      },
      displaySuperiorDepartmentFlag() {
        return this.model.registerStatus && ['PENDING_SUPERIOR_DEPARTMENT', 'REPAIR_COMPLETED', 'REJECTED'].includes(this.model.registerStatus) && this.model.technicalDirectorLeaderResult === '1'
      }
    },
    methods: {
      /**
       * ä¸»é¡µé¢ç‚¹å‡»æ‰§è¡Œå®¡æ‰¹æ—¶è§¦å‘
       * @param record ä¸»é¡µé¢åˆ—表行记录
       */
      async handleApprove(record) {
        this.model = {}
        this.getBasicInformationByApi(record)
        this.getFlowChartImageByApi(record)
      },

      /**
       * ä¸»é¡µé¢ç‚¹å‡»è¯¦æƒ…时触发
       * @param record ä¸»é¡µé¢åˆ—表行记录
       */
      handleDetail(record) {
        this.model = Object.assign({}, record)
      },

      /**
       * èŽ·å–基础信息
       * @param record ä¸»é¡µé¢åˆ—表行记录
       */
      getBasicInformationByApi(record) {
        this.spinning = true
        const that = this
        getAction(this.url.queryById, { id: record.dataId })
          .then(res => {
            if (res.success) {
              that.model = Object.assign({}, res.result, { repairConfirmResult: '1' })
              that.model.dataId = record.dataId
              that.model.taskId = record.id
              that.model.userId = record.assignee
              that.model.instanceId = record.procInstId
            }
            else {
              that.$notification.warning({
                message: '消息',
                description: res.message
              })
            }
          })
          .finally(() => {
            that.spinning = false
          })
      },

      /**
       * èŽ·å–流程图
       * @param record ä¸»é¡µé¢åˆ—表行记录
       */
      getFlowChartImageByApi(record) {
        const { processDefinitionId, processInstanceId, processDefinitionKey } = record

        downFile(this.url.diagramView, {
          processDefinitionId,
          processInstanceId,
          TaskDefinitionKey: processDefinitionKey
        }, 'get')
          .then((res => {
            this.imageSrc = window.URL.createObjectURL(new Blob([res]))
          }))
          .catch(err => {
            this.$notification.error({
              message: '消息',
              description: err.message
            })
          })
      },

      async handleOk() {
        const that = this

        // è§¦å‘表单验证
        this.$refs.form.validate(valid => {
          if (valid) {
            that.confirmLoading = that.spinning = true

            httpAction(that.url.approval, that.model, 'post')
              .then((res) => {
                if (res.success) {
                  that.$notification.success({
                    message: '消息',
                    description: res.message
                  })
                  that.$emit('modalFormOk')
                  that.close()
                } else {
                  that.$notification.warning({
                    message: '消息',
                    description: res.message
                  })
                }
              })
              .finally(() => {
                that.confirmLoading = that.spinning = false
              })
          } else {
            return false
          }
        })
      },

      /**
       * åŽŸå› åˆ†æžæ ¸å¯¹å€¼å‘生改变时触发
       * @param value
       */
      handleCheckAgreeChange(value) {
        if (value === '1') delete this.model.disagreeReason
      },

      handleCancel() {
        this.close()
      },

      close() {
        this.$emit('close')
        this.visible = false
        if (this.$refs.form) this.$refs.form.clearValidate()
      }
    }
  }
</script>

<style scoped lang="less">
  /deep/ .ant-spin-nested-loading {
    height: 100%;

    .ant-spin-container {
      height: 100%;

      .ant-form {
        height: 100%;

        #outer-row {
          height: 100%;

          .scroll-col {
            height: 100%;
            overflow: auto;
          }
        }
      }
    }
  }
</style>

 src/views/flowable/workflow/transfer/EquipmentTransferApprovalModal.vue

ÎļþÒÑɾ³ý