dcWaterService/src/views/dcSystem/installationProcess/process/deptmentAudit/formDialog.vue

<template class="deptmentAudit_formDialog">
  <div>
    <el-form
      ref="deptmentAuditFrom"
      style="overflow-y: auto;margin-top: 15px;"
      :rules="rules"
      :model="deptmentAuditFrom"
      label-width="110px"
      size="small"
    >
      <el-row v-if="disabled">
        <el-col v-if="approvalPersonOptions.length" :span="8">
          <el-form-item label="下一步审核人" prop="auditPersonId">
            <el-select
              v-model="deptmentAuditFrom.auditPersonId"
              style="width: 100%"
              clearable
              placeholder="请选择审核人"
              @change="changeAudit"
            >
              <el-option
                v-for="item in approvalPersonOptions"
                :key="item.approvalPersonId"
                :label="item.approvalPersonName"
                :value="item.approvalPersonId + ''"
              />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="处理人" prop="registerUser">
            <el-input v-model="deptmentAuditFrom.registerUser" readonly placeholder="系统自动生成" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="处理时间" prop="registerDate">
            <el-input v-model="deptmentAuditFrom.registerDate" readonly placeholder="系统自动生成" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="处理意见" prop="approvalSuggest">
            <el-input v-model="deptmentAuditFrom.approvalSuggest" maxlength="200" rows="3" resize="none" show-word-limit type="textarea" placeholder="请输入备注信息" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row v-else>
        <el-row>
          <el-col :span="8">
            <el-form-item label="处理人：">
              {{ deptmentAuditFrom.registerUser }}
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="处理时间：">
              {{ deptmentAuditFrom.registerDate }}
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="处理意见：">
              {{ deptmentAuditFrom.approvalSuggest }}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="Array.isArray(list) && list.length !== 0">
          <tf-title>驳回记录</tf-title>
          <tf-table
            :table-data="list"
            :column="column"
            :pagination="false"
            :for-id="true"
            :border="true"
            :tableheight="tableheight"
            :multiple="false"
          />
        </el-row>
      </el-row>
    </el-form>
    <!-- <div v-else style="height: 100px; line-height: 100px; text-align: center;font-size: 16px">
      已跳过该节点的审批
    </div> -->
  </div>
</template>

<script>

import { parseTime } from '@/utils/index'
import { approvalInstance, addFormAssign, updateApplyState, changeApprovalPerson } from '@/api/dcApi/installationProcess/process.js'
import { mixins } from '../mixin/index'
export default {
  mixins: [mixins],
  props: {
    data: {
      type: Object,
      required: true
    },
    isLook: {
      type: Boolean,
      required: true
    },
    active: {
      type: Number,
      required: true
    },
    processInstanceId: {
      type: Number,
      default: 0
    },
    // 实例流程信息
    checkData: {
      type: Array,
      required: true
    },
    editFormId: {
      type: Number,
      required: true
    }
  },
  data() {
    return {
      rules: {
        // registerDate: [{ required: true, message: '请选择处理时间', trigger: 'blur' }],
        // registerUser: [{ required: true, message: '请选择处理人', trigger: 'change' }],
        approvalSuggest: [{ required: true, message: '请输入处理意见', trigger: 'blur' }]
      },
      deptmentAuditFrom: {
        registerUser: sessionStorage.getItem('realName'),
        registerDate: parseTime(
          new Date(),
          '{y}-{m}-{d} {h}:{i}:{s}'
        ),
        auditPersonId: '',
        auditPersonName: '',
        constructionCost: ''
      },
      disabled: false,
      fileList: [],
      optionData: [],
      tableId: '',
      loading: false,
      tableheight: '166px',
      list: [],
      column: [
        {
          label: '驳回人员',
          prop: 'approvalPersonName'
        },
        {
          label: '驳回时间',
          prop: 'approvalTime'
        },
        {
          label: '驳回意见',
          prop: 'approvalSuggest'
        }

      ],
      approvalPersonOptions: []
    }
  },

  created() {
    this.approvalStatus = this.checkData[1].approvalStatus
    if (this.isLook) {
      // 处理
      this.active > 1 ? this.disabled = false : this.disabled = true
      if (this.checkData[1]?.histroy) {
        this.deptmentAuditFrom = {
          registerDate: this.checkData[1].approvalTime ? this.checkData[1].approvalTime.slice(0, 10) : parseTime(
            new Date(),
            '{y}-{m}-{d} {h}:{i}:{s}'
          ),
          registerUser: sessionStorage.getItem('realName'),
          approvalSuggest: this.checkData[1].approvalSuggest
        }
        this.list = this.checkData[1].histroy.filter(e => {
          return (e.approvalStatus == 2 && e.nodeAlias == 'workOrderAudit')
        })
      }
    } else {
      // 查看
      this.disabled = false
      this.deptmentAuditFrom = {
        registerDate: this.checkData[1].approvalTime ? this.checkData[1].approvalTime.slice(0, 10) : '',
        registerUser: this.checkData[1].approvalPersonName,
        approvalSuggest: this.checkData[1].approvalSuggest
      }
      if (this.checkData[1].histroy) {
        this.list = this.checkData[1].histroy.filter(e => {
          return (e.approvalStatus == 2 && e.nodeAlias == 'workOrderAudit')
        })
      }
    }
  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {
    console.log('checkData', this.checkData, this.data)
    this.tableId = this.data.id
  },

  methods: {

    // 重置
    resetFields() {
      this.$refs.deptmentAuditFrom.resetFields()
    },

    // 提交
    submitForm(val) {
      console.log('this.fileList', this.fileList)
      const _this = this
      _this.$refs.deptmentAuditFrom.validate((valid) => {
        if (valid) {
          const checkData = _this.checkData[1]
          debugger
          const data = {
            formData: [
              {
                formId: this.editFormId,
                fieldName: 'auditPersonId', // 审核人员
                fieldDataValue: _this.deptmentAuditFrom.auditPersonId
              },
              {
                formId: this.editFormId,
                fieldName: 'auditPersonName', // 审核人员
                fieldDataValue: _this.deptmentAuditFrom.auditPersonName
              }
            ],
            processId: checkData.processId || '',
            processNodeAlias: checkData.nodeAlias || ''
          }
          addFormAssign(data).then((res) => {
            console.log('res', res)
            const flag = res.code == 1
            if (flag) {
              _this.newAddUser(val)
            }
          })
          return true
        } else {
          return false
        }
      })
    },
    async  updateApplyStateF(data) {
      try {
        await updateApplyState(data)
      } finally {
        console.log(data)
      }
    },
    // 新增提交
    async newAddUser(val) {
      const _this = this
      this.loading = true
      _this.$emit('remind', '2')
      const checkData = this.checkData[1]
      debugger
      if (_this.approvalPersonOptions.length > 1 && _this.checkData[_this.active + 1]) {
      // 动态改变节点审批人
        const params = [{
          'approvalPersonId': _this.deptmentAuditFrom.auditPersonId,
          'approvalPersonName': _this.deptmentAuditFrom.auditPersonName,
          // 'formId': _this.checkData[_this.active + 1].formTemplateId || 0,
          'nodeAlias': _this.checkData[_this.active + 1].nodeAlias,
          // 'nodeSortNum': _this.checkData[_this.active + 1].sortNum,
          'processId': _this.checkData[_this.active + 1].processId
          // 'processNodeName': _this.checkData[_this.active + 1].processNodeName
        }]
        await changeApprovalPerson(params).then((pRes) => {
          if (pRes && pRes.code == 1) {
            console.log('流程节点改变成功', pRes)
          }
        })
      }

      const userInfo = this.$store.state.user
      const data = {
        approvalPersonId: userInfo.userId, //	审批人ID
        approvalPersonName: userInfo.realName, // 审批人姓名
        // approvalPersonId: checkData.approvalPersonId, //	审批人ID
        // approvalPersonName: checkData.approvalPersonName, // 审批人姓名
        approvalStatus: val, // 1、审核通过 2回退 3拒绝
        approvalSuggest: this.deptmentAuditFrom.approvalSuggest, // 审批意见
        nodeAlias: checkData.nodeAlias, // 流程节点别名
        processId: checkData.processId, // 流程实例ID
        isMessagePush: 1,
        buinessInfoId: this.tableId,
        nodeSortNum: checkData.nodeSortNum,
        constructionCost: this.deptmentAuditFrom.constructionCost,
        auditPersonId: this.deptmentAuditFrom.auditPersonId,
        auditPersonName: this.deptmentAuditFrom.auditPersonName
      }
      approvalInstance(data).then(res => {
        this.loading = false
        _this.$emit('remind', '0')
        console.log(res)
        if (res.code === 1) {
          if (val == 2) {
            const data = {
              id: this.data.id,
              applyStatus: 1
            }
            this.updateApplyStateF(data)
          }
          _this.$message.success('成功!')
          _this.$emit('remind', '1')
          _this.resetFields()
        }
      })
    }
  }
}
</script>
<style lang="scss" scoped>

</style>