设备管理修改

qushaowei

2024-07-12 336dcb70c156c947530eab0f0a96ee17de477929

 src/views/eam/modules/operationCertificate/OperationCertificateForm.vue

@@ -2,63 +2,167 @@
  <a-spin :spinning='confirmLoading'>
    <j-form-container :disabled='formDisabled'>
      <!-- 主表单区域 -->
      <a-form-model ref='form' :model='model' :rules='validatorRules' slot='detail'>
      <a-form-model
        ref='form'
        :model='model'
        :rules='validatorRules'
        slot='detail'
      >
        <a-row>
          <a-col :span='12'>
            <a-form-model-item label='操作证编号' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='num'>
              <a-input v-model='model.num' placeholder='请输入操作证编号' disabled></a-input>
            <a-form-model-item
              label='操作证编号'
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              prop='num'
            >
              <a-input
                v-model='model.num'
                placeholder='请输入操作证编号'
                disabled
              ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span='12'>
            <a-form-model-item label='姓名' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='userId'>
              <j-select-user-by-dep v-model='model.userId' :multi='false' />
            <a-form-model-item
              label='姓名'
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              prop='userId'
            >
              <!-- <j-select-user-by-dep
                v-model='model.userId'
                :multi='false'
              /> -->
              <j-dict-select-tag
                type='list'
                v-model='model.userId'
                dictCode='sys_user,realname,id'
                placeholder='请选择申请人'
                disabled
              />
            </a-form-model-item>
          </a-col>
          <a-col :span='12'>
            <a-form-model-item label='发证日期' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='issueDate'>
              <j-date placeholder='请选择发证日期' v-model='model.issueDate' style='width: 100%' />
            <a-form-model-item
              label='发证日期'
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              prop='issueDate'
            >
              <j-date
                placeholder='请选择发证日期'
                v-model='model.issueDate'
                style='width: 100%'
                disabled
              />
            </a-form-model-item>
          </a-col>
          <a-col :span='12'>
            <a-form-model-item label='开始时间' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='startTime'>
              <j-date placeholder='请选择开始时间' v-model='model.startTime' style='width: 100%' />
            <a-form-model-item
              label='开始时间'
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              prop='startTime'
            >
              <j-date
                placeholder='请选择开始时间'
                v-model='model.startTime'
                style='width: 100%'
                disabled
              />
            </a-form-model-item>
          </a-col>
          <a-col :span='12'>
            <a-form-model-item label='结束时间' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='endTime'>
              <j-date placeholder='请选择结束时间' v-model='model.endTime' style='width: 100%' />
            <a-form-model-item
              label='结束时间'
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              prop='endTime'
            >
              <j-date
                placeholder='请选择结束时间'
                v-model='model.endTime'
                style='width: 100%'
                disabled
              />
            </a-form-model-item>
          </a-col>
          <a-col :span='12'>
            <a-form-model-item label='当前周期分数' :labelCol='labelCol' :wrapperCol='wrapperCol'
                               prop='currentCycleScore'>
              <a-input-number v-model='model.currentCycleScore' placeholder='请输入当前周期分数' style='width: 100%' />
            <a-form-model-item
              label='当前周期分数'
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              prop='currentCycleScore'
            >
              <a-input-number
                v-model='model.currentCycleScore'
                placeholder='请输入当前周期分数'
                style='width: 100%'
                disabled
              />
            </a-form-model-item>
          </a-col>
          <a-col :span='12'>
            <a-form-model-item label='设备统一编码' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='equipmentIds'>
              <j-multi-select-tag type='list_multi' v-model='model.equipmentIds' dictCode='mom_eam_equipment,num,id'
                                  placeholder='请选择设备统一编码' />
            <a-form-model-item
              label='设备统一编码'
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              prop='equipmentIds'
            >
              <j-multi-select-tag
                type='list_multi'
                v-model='model.equipmentIds'
                dictCode='mom_eam_equipment,num,id'
                placeholder='请选择设备统一编码'
                disabled
              />
            </a-form-model-item>
          </a-col>
          <a-col :span='12'>
            <a-form-model-item label='状态' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='status'>
              <j-dict-select-tag type='list' v-model='model.status' dictCode='certificate_status'
                                 placeholder='请选择状态' disabled />
            <a-form-model-item
              label='状态'
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              prop='status'
            >
              <j-dict-select-tag
                type='list'
                v-model='model.status'
                dictCode='certificate_status'
                placeholder='请选择状态'
                disabled
              />
            </a-form-model-item>
          </a-col>
          <a-col :span='24'>
            <a-form-model-item label='备注' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='remark'>
              <a-textarea v-model='model.remark' placeholder='请输入备注'></a-textarea>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="24">
            <a-form-model-item
              label='备注'
              :labelCol="{span:3}"
              :wrapperCol="{span:21}"
              prop='remark'
            >
              <a-textarea
                v-model='model.remark'
                placeholder='请输入备注'
              ></a-textarea>
            </a-form-model-item>
          </a-col>

        </a-row>
      </a-form-model>
    </j-form-container>
    <!-- 子表单区域 -->
    <a-tabs v-model='activeKey' @change='handleChangeTabs'>
      <a-tab-pane tab='操作证管理明细' :key='refKeys[0]' :forceRender='true'>
    <a-tabs
      v-model='activeKey'
      @change='handleChangeTabs'
    >
      <a-tab-pane
        tab='操作证管理明细'
        :key='refKeys[0]'
        :forceRender='true'
      >
        <j-vxe-table
          keep-source
          :ref='refKeys[0]'
@@ -70,6 +174,8 @@
          :rowNumber='true'
          :rowSelection='true'
          :toolbar='true'
          :bordered='true'
          :alwaysEdit='true'
        />
      </a-tab-pane>
    </a-tabs>
@@ -95,11 +201,11 @@
    return {
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 }
        sm: { span: 6 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 }
        sm: { span: 18 },
      },
      model: {},
      // 新增时子表默认添加几行空数据
@@ -126,7 +232,6 @@
            title: '证书ID',
            key: 'operationCertificateId',
            type: JVXETypes.hidden,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
@@ -134,8 +239,8 @@
            title: '日期',
            key: 'happenDate',
            type: JVXETypes.date,
            width: '120px',
            placeholder: '请输入${title}',
            width: '300px',
            defaultValue: ''
          },
          {
@@ -143,16 +248,17 @@
            key: 'type',
            type: JVXETypes.select,
            dictCode: 'certificate_change_type',
            width: '100px',
            placeholder: '请输入${title}',
            width: '200px',
            defaultValue: ''

          },
          {
            title: '设备统一编码',
            key: 'equipmentId',
            type: JVXETypes.selectSearch,
            dictCode: 'mom_eam_equipment,num,id ',
            width: '200px',
            width: '250px',
            placeholder: '请输入${title}',
            defaultValue: '',
            validateRules: [{ required: true, message: '${title}不能为空' }]
@@ -222,7 +328,7 @@
    editAfter() {
      this.$nextTick(() => {
      })
      console.log( "this.loadSubTableDataMode:"+this.loadSubTableDataMode)
      console.log("this.loadSubTableDataMode:" + this.loadSubTableDataMode)
      // 加载子表数据
      if (this.model.id && this.loadSubTableDataMode) {
        let params = { id: this.model.id }