设备借出归还审批流程调整

zhaowei

2 天以前 926cbd6186778da6379d1c12ec149f82e5151e20

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

@@ -9,70 +9,258 @@
    @ok="handleOk"
    @cancel="handleCancel"
    centered
    cancelText="关闭">
    cancelText="关闭"
  >

    <a-spin :spinning="spinning">
      <a-form-model ref="form" :model="model" :rules="validatorRules">
        <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 归属信息
      <a-form-model
        ref="form"
        :model="model"
        :rules="validatorRules"
      >
        <a-divider
          orientation="center"
          style="font-size: large;font-style: italic;color: #66aeed;"
        > 调拨信息
        </a-divider>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="code" label="单据号">
              <a-input v-model="model.code" disabled />
            <a-form-model-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="code"
              label="单据号"
            >
              <a-input
                v-model="model.code"
                disabled
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="equipmentId" label="设备编码">
              <lx-search-equipment-select placeholder="请输入设备编号或名称搜索"
                                          v-model="model.equipmentId" disabled></lx-search-equipment-select>
            <a-form-model-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="equipmentId"
              label="设备编码"
            >
              <lx-search-equipment-select
                placeholder="请输入设备编号或名称搜索"
                v-model="model.equipmentId"
                disabled
              ></lx-search-equipment-select>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="newDepartId_dictText" label="调入部门">
              <a-input v-model="model.newDepartId_dictText" disabled />
            <a-form-model-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="newDepartId_dictText"
              label="调入部门"
            >
              <a-input
                v-model="model.newDepartId_dictText"
                disabled
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="oldDepartId_dictText" label="调出部门">
              <a-input v-model="model.oldDepartId_dictText" disabled />
            <a-form-model-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="oldDepartId_dictText"
              label="调出部门"
            >
              <a-input
                v-model="model.oldDepartId_dictText"
                disabled
              />
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="reportUser_dictText" label="申请人">
              <a-input v-model="model.reportUser_dictText" disabled />
            <a-form-model-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="reportUser_dictText"
              label="申请人"
            >
              <a-input
                v-model="model.reportUser_dictText"
                disabled
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="transferReason" label="变动原因">
              <a-input v-model="model.transferReason" disabled />
            <a-form-model-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="transferReason"
              label="变动原因"
            >
              <a-input
                v-model="model.transferReason"
                disabled
              />
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="24">
            <a-form-model-item :labelCol="labelColLong" :wrapperCol="wrapperColLong" prop="remark" label="备注">
              <a-textarea v-model="model.remark" disabled />
            <a-form-model-item
              :labelCol="labelColLong"
              :wrapperCol="wrapperColLong"
              prop="remark"
              label="备注"
            >
              <a-textarea
                v-model="model.remark"
                disabled
              />
            </a-form-model-item>
          </a-col>
        </a-row>
        <div v-if="approvalDisable">
          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 管理员封存审核
        <div v-if="useApprovalDisable">
          <a-divider
            orientation="center"
            style="font-size: large;font-style: italic;color: #66aeed;"
          > 使用单位领导审批
          </a-divider>
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="approvalDealType" label="审批类型">
                <j-dict-select-tag type="radio" v-model="model.approvalDealType" dictCode="approved_rejected"
                                   placeholder="请选择处理类型" :disabled="disableSubmit || initialAcceptanceDisable" />
              <a-form-model-item
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="useLeaderApprovalDealType"
                label="审批类型"
              >
                <j-dict-select-tag
                  type="radio"
                  v-model="model.useLeaderApprovalDealType"
                  dictCode="approved_rejected"
                  placeholder="请选择处理类型"
                  :disabled="disableSubmit || leanOutApprovalDisable"
                />
              </a-form-model-item>
            </a-col>
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="approvalComment" label="审批意见">
                <a-textarea placeholder="请输入意见" v-model="model.approvalComment"
                            :disabled="disableSubmit || returnDisable" />
              <a-form-model-item
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="useLeaderApprovalComment"
                label="审批意见"
              >
                <a-textarea
                  placeholder="请输入意见"
                  v-model="model.useLeaderApprovalComment"
                  :disabled="disableSubmit || leanOutApprovalDisable"
                />
              </a-form-model-item>
            </a-col>
          </a-row>
        </div>
        <div v-if="leanOutApprovalDisable">
          <a-divider
            orientation="center"
            style="font-size: large;font-style: italic;color: #66aeed;"
          > 调入单位领导审批
          </a-divider>
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-model-item
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="transferLeaderApprovalDealType"
                label="审批类型"
              >
                <j-dict-select-tag
                  type="radio"
                  v-model="model.transferLeaderApprovalDealType"
                  dictCode="approved_rejected"
                  placeholder="请选择处理类型"
                  :disabled="disableSubmit || externalConfirmDisable"
                />
              </a-form-model-item>
            </a-col>
            <a-col :span="12">
              <a-form-model-item
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="transferLeaderApprovalComment"
                label="审批意见"
              >
                <a-textarea
                  placeholder="请输入意见"
                  v-model="model.transferLeaderApprovalComment"
                  :disabled="disableSubmit || externalConfirmDisable"
                />
              </a-form-model-item>
            </a-col>
          </a-row>
        </div>
        <div v-if="externalConfirmDisable">
          <a-divider
            orientation="center"
            style="font-size: large;font-style: italic;color: #66aeed;"
          > 机动办确认
          </a-divider>
          <a-row :gutter="24">
            <a-col :span="24">
              <a-form-model-item
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="companyLeaderCheck"
                label="是否需要公司领导审批"
              >
                <j-dict-select-tag
                  type="radio"
                  v-model="model.companyLeaderCheck"
                  dictCode="yn"
                  placeholder="请选择是否"
                  :disabled="disableSubmit || companyApprovalDisable"
                />
              </a-form-model-item>
            </a-col>
          </a-row>
        </div>
        <div v-if="companyApprovalDisable">
          <a-divider
            orientation="center"
            style="font-size: large;font-style: italic;color: #66aeed;"
          > 公司领导审批
          </a-divider>
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-model-item
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="companyLeaderApprovalDealType"
                label="审批类型"
              >
                <j-dict-select-tag
                  type="radio"
                  v-model="model.companyLeaderApprovalDealType"
                  dictCode="approved_rejected"
                  placeholder="请选择处理类型"
                  :disabled="disableSubmit"
                />
              </a-form-model-item>
            </a-col>
            <a-col :span="12">
              <a-form-model-item
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                prop="companyLeaderApprovalComment"
                label="审批意见"
              >
                <a-textarea
                  placeholder="请输入意见"
                  v-model="model.companyLeaderApprovalComment"
                  :disabled="disableSubmit"
                />
              </a-form-model-item>
            </a-col>
          </a-row>
@@ -105,41 +293,44 @@
      treeData: [],
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 }
        sm: { span: 6 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 18 }
        sm: { span: 16 }
      },
      labelColLong: {
        xs: { span: 24 },
        sm: { span: 2 }
        sm: { span: 3 }
      },
      wrapperColLong: {
        xs: { span: 24 },
        sm: { span: 21 }
        sm: { span: 20 }
      },
      confirmLoading: false,
      spinning: false,
      imageSrc: null,
      validatorRules: {
        approvalDealType: [
        useLeaderApprovalDealType: [
          { required: true, message: '请选择通过或驳回!' }
        ],
        unsealApprovalDealType: [
        transferLeaderApprovalDealType: [
          { required: true, message: '请选择通过或驳回!' }
        ],
        approvalComment: [
        companyLeaderCheck: [
          { required: true, message: '请选择是或否!' }
        ],
        companyLeaderApprovalDealType: [
          { required: true, message: '请选择通过或驳回!' }
        ],
        useLeaderApprovalComment: [
          { required: true, message: '请输入审批意见!' }
        ],
        unsealApprovalComment: [
        transferLeaderApprovalComment: [
          { required: true, message: '请输入审批意见!' }
        ],
        returnComment: [
          { required: true, message: '请输入归还备注!' }
        ],
        confirmComment: [
          { required: true, message: '请输入确认意见!' }
        companyLeaderApprovalComment: [
          { required: true, message: '请输入审批意见!' }
        ]
      },
      url: {
@@ -154,8 +345,21 @@
    this.loadAllProductionTree()
  },
  computed: {
    approvalDisable: function() {
      return ['WAIT_CHECK'].includes(this.model.transferStatus)
    //使用单位领导审批
    useApprovalDisable: function () {
      return ['WAIT_SUBMIT', 'WAIT_USE_LEADER_CHECK', 'WAIT_TRANSFER_LEADER_CHECK', 'WAIT_EXTERNAL_CONFIRM', 'WAIT_COMPANY_LEADER_CHECK', 'REJECT', 'COMPLETE'].includes(this.model.transferStatus)
    },
    //调入单位领导审批WAIT_USE_LEADER_CHECK
    leanOutApprovalDisable: function () {
      return ['WAIT_TRANSFER_LEADER_CHECK', 'WAIT_EXTERNAL_CONFIRM', 'WAIT_COMPANY_LEADER_CHECK', 'REJECT', 'COMPLETE'].includes(this.model.transferStatus)
    },
    //机动办确认
    externalConfirmDisable: function () {
      return ['WAIT_EXTERNAL_CONFIRM', 'WAIT_COMPANY_LEADER_CHECK', 'REJECT', 'COMPLETE'].includes(this.model.transferStatus)
    },
    // 公司领导审批
    companyApprovalDisable: function () {
      return ['WAIT_COMPANY_LEADER_CHECK', 'REJECT', 'COMPLETE'].includes(this.model.transferStatus)
    },
  },
  methods: {
@@ -176,6 +380,7 @@
      console.log('record', record)
      this.initParams()
      this.model = Object.assign({}, record)
      this.spinning = false
    },

    initParams() {
@@ -231,5 +436,4 @@
</script>

<style lang="less" scoped>

</style>