dcWaterService/src/views/currentSystem/work/order/handle/handle_merge.vue

<template>
  <div id="handle_merge">
    <el-form
      ref="disposeForm"
      :model="disposeForm"
      label-position="right"
      label-width="100px"
      :rules="!disabled ? rules : {}"
      size="mini"
    >
      <el-collapse v-model="activeName" :class="!isLcjd ? 'NBjd' : ''">
        <el-collapse-item title="认证处置" name="2" class="wrap">
          <div v-if="bhjl[0]">
            <div v-for="item in bhjl" :key="item.id">
              <div class="Bhclass">
                <div style="width:75%">
                  <el-row>
                    <el-col>
                      <el-form-item label="驳回说明:">
                        <el-input v-model="item.clyj" disabled />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="8">
                      <el-form-item label="驳回人员:">
                        <el-input v-model="item.clry" disabled />
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="驳回时间:">
                        <el-input v-model="item.createTime" disabled />
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="驳回到:">
                        <el-input v-model="item.bbhLcjd" disabled />
                      </el-form-item>
                    </el-col>
                  </el-row>
                </div>
                <div style="width:25%;" class="Bhclass">
                  <img src="@/assets/images/Bh.png" alt="" style="width:30%">
                </div>
                <!-- </el-row> -->
              </div>
              <hr>
            </div>
          </div>
          <div v-if="zpjl[0]">
            <div v-for="item in zpjl" :key="item.id">
              <div class="Bhclass">
                <!-- <el-row> -->
                <div style="width:75%">
                  <el-row>
                    <el-col>
                      <el-form-item label="转派说明:">
                        <el-input v-model="item.zpyj" disabled type="textarea" />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="8">
                      <el-form-item label="转派人员:">
                        <el-input v-model="item.zpry" disabled />
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="转派时间:">
                        <el-input v-model="item.createTime" disabled />
                      </el-form-item>
                    </el-col>
                  </el-row>
                </div>
                <div style="width:25%;" class="Bhclass">
                  <img src="@/assets/images/Zp.png" alt="" style="width:30%">
                </div>
                <!-- </el-row> -->
              </div>
              <hr>
            </div>
          </div>
          <el-row>
            <el-col :span="24">
              <el-row>
                <el-col v-if="disposeForm.lczt !== 53 && disposeForm.lczt !== 70 && data.isLeak == 1" :span="12">
                  <el-form-item label="漏点状态:" prop="isRealLeak">
                    <el-input v-if="disabled" v-model="disposeForm.isRealLeakName" :disabled="disabled" size="small" />
                    <el-select v-else v-model="disposeForm.isRealLeak" size="small" clearable>
                      <el-option key="1" label="真实漏点" value="1" />
                      <el-option key="2" label="非漏点" value="2" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col v-if="disposeForm.lczt !== 53 && disposeForm.lczt !== 70 && data.isLeak == 1" :span="12">
                  <el-form-item label="预估漏损水量:" prop="predictLeakWater">
                    <el-input
                      v-if="disabled"
                      v-model="disposeForm.predictLeakWater"
                      :disabled="disabled"
                      type="number"
                      size="small"
                    />
                    <el-input v-else v-model="disposeForm.predictLeakWater" type="number" size="small" />
                  </el-form-item>
                </el-col>
                <el-col v-if="disposeForm.lczt !== 53 && disposeForm.lczt !== 70" :span="24">
                  <el-form-item label="认证说明:" prop="rzyj">
                    <el-input
                      v-model="disposeForm.rzyj"
                      :placeholder="disabled ? '未输入认证说明' : '请输入认证说明'"
                      :disabled="disabled"
                      type="textarea"
                      size="small"
                      :rows="disabled ? 1 : 3"
                    />
                  </el-form-item>
                </el-col>
                <el-col v-if="disposeForm.lczt === 53" :span="24">
                  <el-form-item label="驳回原因:" prop="bhyy">
                    <el-input
                      v-model="disposeForm.bhyy"
                      :placeholder="disabled ? '未输入驳回原因' : '请输入驳回原因'"
                      :disabled="disabled"
                      type="textarea"
                      :rows="disabled ? 1 : 3"
                    />
                  </el-form-item>
                </el-col>
                <el-col v-if="disposeForm.lczt === 70" :span="24">
                  <el-form-item label="转派原因:" prop="zpyj">
                    <el-input
                      v-model="disposeForm.zpyj"
                      :placeholder="disabled ? '未输入转派原因' : '请输入转派原因'"
                      :disabled="disabled"
                      type="textarea"
                      :rows="disabled ? 1 : 3"
                    />
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col v-if="!lcjdParams.stopFlag && isJgcz && disposeForm.rzslry.length > 1 && !disabled" :span="6">
                  <el-form-item label="汇集人员:" prop="slry">
                    <el-select v-model="clhjr" placeholder="请选择处理汇集人" filterable :disabled="disabled">
                      <el-option
                        v-for="item in clhjrList"
                        :key="item.id"
                        :label="item.personName"
                        :value="item.personId"
                      />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
          <el-row>
            <el-col v-if="disposeForm.lczt === 51 || disposeForm.lczt === 52 || disposeForm.lczt === 54" :span="24">
              <el-row>
                <el-col v-if="download" :span="24">
                  <el-form-item label="附件上传:">
                    <el-upload
                      class="upload-demo"
                      action="https://jsonplaceholder.typicode.com/posts/"
                      :on-preview="handlePreview"
                      :on-remove="handleRemove"
                      :before-remove="beforeRemove"
                      :on-change="beforeAvatarUpload"
                      :on-success="handleAvatarSuccess"
                      accept=".docx,.doc,.xls,.xlsx.JPG,JPEG,PNG,GIF,.jpg,.jpeg,.png,.gif,.JPG,.JPEG,.PBG,.GIF,.amr"
                      :file-list="fileList"
                      :auto-upload="false"
                      multiple
                      :limit="3"
                      :on-exceed="handleExceed"
                      style="width: 90%;"
                      size="small"
                    >
                      <el-button size="small" type="primary" style="margin-top: 3px; left:0px; float:left; ">点击上传
                      </el-button>
                      <div slot="tip" class="el-upload__tip">⚠️注意：最多上传3个文件,且大小不能超过10MB!</div>
                    </el-upload>
                  </el-form-item>
                </el-col>
                <el-col v-if="!download" :span="24">
                  <el-form-item label="附件下载:">
                    <div v-if="ImgUrlList[0] || fileListF[0]" style="display: flex;">
                      <el-row type="flex" style="padding-right:10px; " :gutter="20">
                        <el-image
                          v-for="item in ImgUrlList"
                          :key="item"
                          :lazy="true"
                          style="padding-left:10px;margin-right:5px;  width: 100px ;"
                          :src="item"
                          :preview-src-list="ImgUrlList"
                        />
                      </el-row>

                      <el-row type="flex" style="padding-left:30px; margin: 0;margin-left:5px">
                        <el-upload
                          ref="upload"
                          disabled
                          class="upload-demo"
                          :limit="3"
                          action="https://jsonplaceholder.typicode.com/posts/"
                          :file-list="fileListF"
                          :on-preview="handleClick"
                        />
                      </el-row>
                    </div>
                    <div v-else>
                      <div class="colflexS">
                        <img src="@/assets/icon/null.png" alt="" style="height:30px">
                        <div>无上传文件</div>
                      </div>
                    </div>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
          <el-row type="flex">
            <el-col v-if="!disabled" :span="6">
              <el-form-item label="流程状态:" prop="lczt">
                <el-select v-model="disposeForm.lczt" :disabled="disabled" placeholder="请选择流程状态" @change="gddjZtChange">
                  <el-option
                    v-for="item in flows"
                    :key="item.id"
                    :disabled="disabled"
                    :label="item.cname"
                    :value="item.id"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col v-if="!lcjdParams.stopFlag && !disabled" :span="6">
              <el-form-item label="受理时限:">
                <el-date-picker
                  v-model="disposeForm.shsx"
                  disabled
                  placeholder="自动生成配置时限"
                  type="datetime"
                  style="width: 100%"
                  :picker-options="pickerOptions"
                  value-format="yyyy-MM-dd HH:mm:ss"
                />
              </el-form-item>
            </el-col>
            <el-col v-if="!lcjdParams.stopFlag && !disabled" :span="6">
              <el-form-item :label="Name + '部门:'" prop="rzbm">
                <el-select
                  v-model="disposeForm.rzbm"
                  placeholder="请选择部门"
                  :disabled="disabled"
                  :collapse-tags="isDisable"
                  :multiple="isJgcz"
                  @change="Bmchange"
                >
                  <el-option
                    v-for="item in acceptanceDepartments"
                    :key="item.departId"
                    :label="item.departName"
                    :value="item.departId"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col v-if="!lcjdParams.stopFlag && !disabled" :span="6">
              <el-form-item :label="Name + '人员:'" prop="rzslry">
                <el-select
                  v-model="disposeForm.rzslry"
                  placeholder="请选择人员"
                  filterable
                  :multiple="isJgcz"
                  :collapse-tags="isDisable"
                  :disabled="disabled"
                  @change="slryChange"
                >
                  <el-option v-for="item in receiver" :key="item.id" :label="item.personName" :value="item.personId" />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col v-if="disposeForm.lczt === 70" :span="6">
              <el-form-item label="转派部门:" prop="slbm">
                <el-select
                  v-model="disposeForm.slbm"
                  placeholder="请选择转派部门"
                  filterable
                  :disabled="disabled"
                  @change="Bmchange_zp"
                >
                  <el-option
                    v-for="item in acceptanceDepartments_zp"
                    :key="item.departId"
                    :label="item.departName"
                    :value="item.departId"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col v-if="disposeForm.lczt === 70" :span="6">
              <el-form-item label="转派人员:" prop="slry">
                <el-select v-model="disposeForm.slry" placeholder="请选择转派人员" filterable :disabled="disabled">
                  <el-option
                    v-for="item in receiver_zp"
                    :key="item.id"
                    :label="item.personName"
                    :value="item.personId"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-if="disabled" type="flex">
            <el-col :span="8">
              <el-form-item label="认证部门:">
                <el-input v-model="disposeForm.rzbmName" disabled placeholder="未选择认证部门" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="认证人员:">
                <el-input v-model="disposeForm.rzryName" disabled placeholder="未选择认证人员" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="认证时间:">
                <!-- <el-input v-model="disposeForm.rzsj" type="text" disabled placeholder="未选择认证时间" /> -->
                <el-input v-model="disposeForm.rzsj" placeholder="未选择认证时间" style="width: 100%" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <!-- <el-row v-if="disabled" type="flex">
            <el-col :span="8">
              <el-form-item label="审核部门:">
                <el-input v-model="data.jgAuditList[0].deptName" disabled placeholder="未选择审核部门" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="审核人员:">
                <el-input v-model="data.jgAuditList[0].auditUserName" disabled placeholder="未选择审核人员" />
              </el-form-item>
            </el-col>
          </el-row> -->
        </el-collapse-item>
      </el-collapse>
      <QwxFlow
        v-if="lcjdParams.zrjrFlag"
        :prop-workflow-qwx="workflowQwx"
        :acceptance-departments="acceptanceDepartments"
        :receivers="receivers"
        :is-lcjd="isLcjd"
        @propSetQwxData="propSetQwxData"
      />
    </el-form>
  </div>
</template>

<script>
import QwxFlow from '../../components/qwxFlow'
import { parseTime } from '@/utils/index'
import { IP } from '@/utils/request'
import { editHandle, getPersonnel, getSelectBygdlx, getUserByDepts, getById, getRejectList, getRedeploy } from '@/api/work'
import { imageByName } from '@/api/ftp'
import { client, _throttle } from '@/utils/index'

export default {
  components: { QwxFlow },
  props: {
    disabled: {
      type: Boolean,
      default: false
    },
    data: {
      type: Object,
      required: true
    },
    // 部门
    acceptanceDepartment: {
      type: Array,
      required: true
    },
    download: {
      type: Boolean,
      default: false
    },
    activeNames: {
      type: String,
      default: '2'
    }
  },
  data() {
    return {
      activeName: this.activeNames,
      isJgcz: false,
      isJgsh: false,
      JgshData: {},
      BmSplist1Sure: false,
      BmSplist2Sure: false,
      BmSplist3Sure: false,
      BmSplist4Sure: false,
      isLcjd: true,
      jgshCcjb: '',
      BmSplist1: [],
      RySplist1: [],
      BmSplist2: [],
      RySplist2: [],
      BmSplist3: [],
      RySplist3: [],
      BmSplist4: [],
      RySplist4: [],
      dialogFormVisible: false,
      fileListImg: [],
      ImgUrlList: [],
      srcListsrc: [],
      fileListF: [],
      rules: {
        rzbm: [{ required: true, message: ' ', trigger: 'change' }],
        slry: [{ required: true, message: ' ', trigger: 'change' }],
        slbm: [{ required: true, message: ' ', trigger: 'change' }],
        rzslry: [{ required: true, message: ' ', trigger: 'change' }],
        lczt: [{ required: true, message: ' ', trigger: 'change' }],
        bhyy: [{ required: true, message: ' ', trigger: 'blur' }],
        rzyj: [{ required: true, message: ' ', trigger: 'blur' }],
        zpyj: [{ required: true, message: ' ', trigger: 'blur' }],
        // predictLeakWater: [{ required: true, message: ' ', trigger: 'blur' }],
        // 抢维修
        orderSource: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        typeId: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        respUser: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        qwxTime: [
          { required: true, message: ' ', trigger: 'change' }
        ]
      },
      rulesR: {
        czbm: [{ required: true, message: ' ', trigger: 'change' }],
        czbm2: [{ required: true, message: ' ', trigger: 'change' }],
        czbm3: [{ required: true, message: ' ', trigger: 'change' }],
        czbm4: [{ required: true, message: ' ', trigger: 'change' }],
        jgczry: [{ required: true, message: ' ', trigger: 'change' }],
        jgczry2: [{ required: true, message: ' ', trigger: 'change' }],
        jgczry3: [{ required: true, message: ' ', trigger: 'change' }],
        jgczry4: [{ required: true, message: ' ', trigger: 'change' }]
      },
      pickerOptions: {
        disabledDate(time) {
          const dateTime = new Date()
          const startDateTime = dateTime.setDate(dateTime.getDate() - 1)
          const endDateTime = dateTime.setDate(dateTime.getDate() + 7)
          return (
            time.getTime() < new Date(startDateTime).getTime() ||
            time.getTime() > new Date(endDateTime).getTime()
          )
        },
        selectableRange: parseTime(new Date(), '{hh}:{ii}:{ss}') + '- 23:59:00'
      },
      auditForm: {
        czbm: '',
        czbm2: '',
        czbm3: '',
        czbm4: '',
        jgczry: '',
        jgczry2: '',
        jgczry3: '',
        jgczry4: ''
      },
      disposeForm: {
        rzsj: '',
        gdlx: '',
        rzyj: '',
        rzbm: '',
        slry: '',
        lczt: '',
        shsx: '',
        bhyy: '',
        lcid: '',
        rzbmName: '',
        rzryName: '',
        rzslry: '',
        rzslryOld: '', // 初始的受理人员
        slbm: '', // 部门
        // 抢维修
        qwxTime: undefined, // 抢维修时间
        startTime: '', // 开始时间
        endTime: '', // 结束时间
        orderSource: '', // 工单来源 字典编码表，0计划、1自建、2热线
        typeId: '', // 维修类型,关联表TF_YWPN_REPAIRTYPE_D的关键值，查询维修类型
        respUser: '', // 维修人ID,主要负责人，查询维修人员接口
        // isLeak: '',
        /**
         * @isRealLeak 是否为真实漏点
         */
        isRealLeak: '', // 是否为真实漏点
        /**
         * @predictLeakWater 预估漏损水量
         */
        predictLeakWater: undefined // 预估漏损水量
      },
      acceptanceDepartments: [],
      acceptanceDepartments_zp: [], // 转派部门列表
      allLcjd: '',
      menuId: '',
      tableData: [],
      isDisable: true,
      files: [],
      indexNum: 0,
      // 人员
      receiver: [],
      receiver_zp: [], // 转派时的人员
      receivers_zp: [], // 转派时保存的所有人员
      receivers: [],
      flows: [
        {
          cname: '本环节',
          id: 51
        },
        {
          cname: '下一环节',
          id: 52
        },
        {
          cname: '驳回',
          id: 53
        },
        {
          cname: '转派',
          id: 70
        }
      ],
      editData: {},
      dialogVisible: false,
      rejectedList: [],
      sendRecordList: [],
      Name: '审核',
      bhjl: [],
      zpjl: [],
      difference: false,
      fileList: [],
      clhjr: '',
      clhjrList: [],
      lcjdParams: {
        stopFlag: false, // 是否为最后一个节点
        zrjrFlag: false, // 转出外部流程(抢维修)
        lastLcjd: '', // 最后一个流程节点
        transferOutType: '', // 抢维修类型
        currentFlow: '2' // 当前步骤：2
      },
      workflowQwx: {
        // 抢维修
        slbm: '', // 部门编码
        slbmName: '', // 部门名称
        qwxTime: undefined, // 抢维修时间
        startTime: '', // 开始时间
        endTime: '', // 结束时间
        orderSource: '1', // 工单来源 字典编码表，0计划、1自建、2热线
        typeId: '', // 维修类型,关联表TF_YWPN_REPAIRTYPE_D的关键值，查询维修类型
        respUser: '', // 维修人ID,主要负责人，查询维修人员接口
        phone: '' // 受理人电话
      }
    }
  },
  computed: {
    // getFlows() {
    //   return this.disposeForm.lczt
    // }
  },
  watch: {
    // getFlows(val) {
    //   if (val === 70) {
    //     this.disposeForm.slry = ''
    //     getPersonnel({ ids: 2002, departmentId: this.data.slbm }).then(res => {
    //       this.receiver = res.result.filter(v => {
    //         return v.id !== this.data.slry
    //       })
    //     })
    //   } else {
    //     // this.getReceiver()
    //   }
    // }
  },
  created() {
    const that = this
    const data = JSON.parse(JSON.stringify(this.data))
    this.difference = JSON.stringify(this.data) !== '{}'
    if (this.difference) {
      if (this.data.lcjdName !== '认证处置' || this.disabled) {
        this.isLcjd = false
      }
    }
    const datas = {
      gdbh: this.data.gdbh
    }
    getRejectList(datas).then((res) => {
      const list = res.result.records
      if (list.length !== 0) {
        this.rejectedList = list.map((val, index) => {
          return { ...val, index: index + 1 }
        })
      }
      this.bhjl = []
      for (const i in this.rejectedList) {
        if (this.rejectedList[i].lcjd == '认证处置') {
          this.bhjl.push(this.rejectedList[i])
        }
      }
    })
    getRedeploy(datas).then(res => {
      const list = res.result.records
      if (list.length !== 0) {
        this.sendRecordList = list.map((val, index) => {
          return { ...val, index: index + 1 }
        })
      }
      this.zpjl = []
      for (const i in this.sendRecordList) {
        if (this.sendRecordList[i].lcjd == '认证处置') {
          this.zpjl.push(this.sendRecordList[i])
        }
      }
    })
    console.log(this.zpjl, '认证处置')
    console.log(data)
    Object.keys(this.disposeForm).forEach(key => {
      if (key == 'shsx') {
        // 受理时限 => 受节点影响自动判断
        const allLcjdAry = this.data['allLcjd'].split(',')
        if (allLcjdAry.indexOf('3') > 0) {
          this.disposeForm[key] = this.data['shsx']
        } else if (allLcjdAry.indexOf('4') > 0) {
          this.disposeForm[key] = this.data['zjsx']
        } else if (allLcjdAry.indexOf('5') > 0) {
          this.disposeForm[key] = this.data['czsx']
        }
      } else if (key == 'predictLeakWater' || key == 'isRealLeak' || key == 'isRealLeakName') {
        // 漏点处理
        if (key == 'predictLeakWater') {
          this.disposeForm[key] = data.leakInfo?.estimatedWaterLoss
        }
        if (key == 'isRealLeak') {
          this.disposeForm[key] = data.leakInfo?.isReal
          this.disposeForm['isRealLeakName'] = data.leakInfo?.isReal == '1' ? '真实漏点' : '非漏点'
        }
      } else {
        this.disposeForm[key] = data[key]
      }
    })
    if (!this.disposeForm.lczt) {
      this.disposeForm.lczt = 52
    }
    const _allLcjd = this.data.allLcjd

    this.allLcjd = _allLcjd.split(',')
    this.getallLcjd()
    getById({ id: data.lcid, node: 6 }).then(res => {
      console.log('123123123213213', this.allLcjd)
      const result = res.result
      // let node = ''
      if (this.disabled) {
        this.srcListsrc = []
        const arr = ['.png', '.jpg', '.jpeg', '.gif', '.webp', '.svg', '.tiff']
        var token = that.$store.state.user.token
        if (!this.arrayIsNull(this.data.gddjFiles)) {
          console.log('文件：', JSON.stringify(this.data.gddjFiles))

          for (const i in this.data.gddjFiles) {
            var fileModel = this.data.gddjFiles[i]
            const esuffixt = fileModel.fileFormat
            const es = fileModel.filePath
            // if(esuffixt == '.amr'){
            //   const audioPath = `${IP}/base/file/loadAudio?remotePath=${es}&access_token=${token}`
            //   this.audioFileList.push(audioPath)
            // }else

            // esuffixt === '.jpeg' || esuffixt === '.png' || esuffixt === '.jpg'
            if (arr.includes(esuffixt)) {
              const imagePath = `${IP}/base/file/loadImg?remotePath=${es}&access_token=${token}`
              this.ImgUrlList.push(imagePath)
            } else {
              this.fileListF.push({
                url: es,
                name: fileModel.fileName,
                urlName: fileModel.filePath,
                id: fileModel.id,
                fileFormat: fileModel.fileFormat
              })
            }
          }
        }
      }
      const deWeightThree1 = () => {
        const map = new Map()
        for (const item of result.gdpersonList) {
          if (!map.has(item.departId)) {
            map.set(item.departId, item)
          }
        }
        return [...map.values()]
      }
      // if (result.gdpersonList.length > 0) { // 如果该工单细分下分配了处理人员,则部门下拉列表则使用处理人员的部门,如果没有分配处理人员,则使用该工单类型所属的部门
      //   this.acceptanceDepartments = deWeightThree1()// deWeightThree1()// result.gddepartmentList
      //   // this.acceptanceDepartments_zp = deWeightThree1()
      // } else {
      //   this.acceptanceDepartments = result.gddepartmentList// deWeightThree1()// result.gddepartmentList
      //   // this.acceptanceDepartments_zp = result.gddepartmentList
      // }
      // this.acceptanceDepartments = result.gddepartmentList
      // this.acceptanceDepartments_zp = result.gddepartmentList
      // this.Bmchange_zp()
      // for (const i in this.allLcjd) {
      //   if (this.allLcjd[i] == 2) {
      //     if (this.allLcjd[Number(i) + 1]) {
      //       node = this.allLcjd[Number(i) + 1]
      //     }
      //   }
      // }

      this.acceptanceDepartments = result.gddepartmentList

      if (result.gdpersonList[0]) {
        var arr = []
        for (const i in result.gdpersonList) {
          if (Number(result.gdpersonList[i].node) == Number(this.allLcjd)) {
            arr.push(result.gdpersonList[i])
          }
        }
        this.receivers = arr
      }
      this.isDisable = true
      switch (this.allLcjd) {
        case '2':
          this.Name = '处置'
          break
        case '3':
          this.Name = '审核'
          break
        case '4':
          this.Name = '质检'
          break
        case '5':
          this.Name = '处置'
          break
        case '6':
          this.Name = '审核'
          break
        default:
          this.Name = '处置'
      }
      if (this.allLcjd == 5) {
        // 下一阶段为结果处置
        this.isJgcz = true
        const departArr = []
        for (const i in result.gdpersonList) {
          if (result.gdpersonList[i].node == 5) {
            departArr.push({
              departId: result.gdpersonList[i].departId,
              departName: result.gdpersonList[i].departName
            })
          }
        }
        const deWeightThree = () => {
          const map = new Map()
          for (const item of departArr) {
            if (!map.has(item.departId)) {
              map.set(item.departId, item)
            }
          }
          return [...map.values()]
        }
        const newDepartArr = deWeightThree()
        // 当结果处置配置了处理人员时
        if (newDepartArr[0]) {
          this.acceptanceDepartments = newDepartArr
        }
        // else {
        //   this.acceptanceDepartments = this.acceptanceDepartment
        //   for (const i in this.acceptanceDepartments) {
        //     this.acceptanceDepartments[i].departId = this.acceptanceDepartments[i].id
        //     this.acceptanceDepartments[i].departName = this.acceptanceDepartments[i].name
        //   }
        // }
        console.log(newDepartArr, 'newDepartArr')
        if (!this.arrayIsNull(this.data.resultList)) {
          let departmentArr = []
          const UsermentArr = []
          for (const i in this.data.resultList) {
            departmentArr.push(this.data.resultList[i].departId)
            UsermentArr.push(this.data.resultList[i].personId)
          }
          const deWeightThree = () => {
            const map = new Map()
            for (const item of departmentArr) {
              if (!map.has(item.departId)) {
                map.set(item.departId, item)
              }
            }
            return [...map.values()]
          }
          departmentArr = deWeightThree()
          this.disposeForm.rzbm = departmentArr
          this.Bmchange()
          // this.Bmchange_zp()
          this.disposeForm.rzslry = UsermentArr
          this.slryChange()
          this.clhjr = this.data.slryName
          this.isDisable = false
        } else {
          this.disposeForm.rzbm = data.rzbm ? [data.rzbm] : []
          this.Bmchange()
          // this.Bmchange_zp()
          this.disposeForm.rzslry = data.rzslry ? [data.rzslry] : []
          this.slryChange()
          this.clhjr = data.rzslry
        }
      } else {
        this.isJgcz = false
        // if (this.disabled) {
        //   this.disposeForm.rzbm = data.rzbmName
        //   this.disposeForm.rzslry = data.rzslryName
        //   this.clhjr = data.rzslryName
        // } else {
        this.disposeForm.rzbm = data.rzbm ? data.rzbm : ''
        this.Bmchange()
        // this.Bmchange_zp()
        this.disposeForm.rzslry = data.rzslry ? data.rzslry : ''
        // }
      }
      // 下一阶段为结果审核
      if (this.allLcjd == 6) {
        this.isJgsh = true
        const departArr = []
        for (const i in result.gdpersonList) {
          if (result.gdpersonList[i].childNode == 1 && result.gdpersonList[i].node == 6) {
            departArr.push({
              departId: result.gdpersonList[i].departId,
              departName: result.gdpersonList[i].departName
            })
          }
        }
        const deWeightThree = () => {
          const map = new Map()
          for (const item of departArr) {
            if (!map.has(item.departId)) {
              map.set(item.departId, item)
            }
          }
          return [...map.values()]
        }
        const newDepartArr = deWeightThree()
        // 当结果审核配置了处理人员时
        if (newDepartArr[0]) {
          this.acceptanceDepartments = newDepartArr
        }
        // else {
        //   this.acceptanceDepartments = this.acceptanceDepartment
        //   for (const i in this.acceptanceDepartments) {
        //     this.acceptanceDepartments[i].departId = this.acceptanceDepartments[i].id
        //     this.acceptanceDepartments[i].departName = this.acceptanceDepartments[i].name
        //   }
        // }
        // 审批等级中人员部门名单
        this.BmSplist1 = []
        this.RySplist1 = []
        this.BmSplist2 = []
        this.RySplist2 = []
        this.BmSplist3 = []
        this.RySplist3 = []
        this.BmSplist4 = []
        this.RySplist4 = []
        for (const i in result.gdpersonList) {
          if (result.gdpersonList[i].childNode == 1 && result.gdpersonList[i].node == 6) {
            this.BmSplist1.push({
              id: result.gdpersonList[i].departId,
              name: result.gdpersonList[i].departName
            })
            const deWeightThree = () => {
              const map = new Map()
              for (const item of this.BmSplist1) {
                if (!map.has(item.id)) {
                  map.set(item.id, item)
                }
              }
              return [...map.values()]
            }
            this.BmSplist1 = deWeightThree()
            this.RySplist1.push(result.gdpersonList[i])
          }
        }
        for (const i in result.gdpersonList) {
          if (result.gdpersonList[i].childNode == 2 && result.gdpersonList[i].node == 6) {
            this.BmSplist2.push({
              id: result.gdpersonList[i].departId,
              name: result.gdpersonList[i].departName
            })
            const deWeightThree = () => {
              const map = new Map()
              for (const item of this.BmSplist2) {
                if (!map.has(item.id)) {
                  map.set(item.id, item)
                }
              }
              return [...map.values()]
            }
            this.BmSplist2 = deWeightThree()
            this.RySplist2.push(result.gdpersonList[i])
          }
        }
        for (const i in result.gdpersonList) {
          if (result.gdpersonList[i].childNode == 3 && result.gdpersonList[i].node == 6) {
            this.BmSplist3.push({
              id: result.gdpersonList[i].departId,
              name: result.gdpersonList[i].departName
            })
            const deWeightThree = () => {
              const map = new Map()
              for (const item of this.BmSplist3) {
                if (!map.has(item.id)) {
                  map.set(item.id, item)
                }
              }
              return [...map.values()]
            }
            this.BmSplist3 = deWeightThree()
            this.RySplist3.push(result.gdpersonList[i])
          }
        }
        for (const i in result.gdpersonList) {
          if (result.gdpersonList[i].childNode == 4 && result.gdpersonList[i].node == 6) {
            this.BmSplist4.push({
              id: result.gdpersonList[i].departId,
              name: result.gdpersonList[i].departName
            })
            const deWeightThree = () => {
              const map = new Map()
              for (const item of this.BmSplist4) {
                if (!map.has(item.id)) {
                  map.set(item.id, item)
                }
              }
              return [...map.values()]
            }
            this.BmSplist4 = deWeightThree()
            this.RySplist4.push(result.gdpersonList[i])
          }
        }
        if (!this.BmSplist1[0]) {
          this.BmSplist1 = this.acceptanceDepartments
          this.BmSplist1Sure = true
        }
        if (!this.BmSplist2[0]) {
          this.BmSplist2 = this.acceptanceDepartments
          this.BmSplist2Sure = true
        }
        if (!this.BmSplist3[0]) {
          this.BmSplist3 = this.acceptanceDepartments
          this.BmSplist3Sure = true
        }
        if (!this.BmSplist4[0]) {
          this.BmSplist4 = this.acceptanceDepartments
          this.BmSplist4Sure = true
        }
        // 审批链审批等级
        this.jgshCcjb = res.result.jgshCcjb
      } else {
        this.isJgsh = false
      }
    })
    getSelectBygdlx({ id: data.gdlx, xf1id: data.gdxf1, xf2id: data.gdxf2, node: 2 }).then(res => {
      const result = res.result
      const deWeightThree1 = () => {
        const map = new Map()
        for (const item of result.gdpersonList) {
          if (!map.has(item.departId)) {
            map.set(item.departId, item)
          }
        }
        return [...map.values()]
      }
      if (result.gdpersonList.length > 0) { // 如果该工单细分下分配了处理人员,则部门下拉列表则使用处理人员的部门,如果没有分配处理人员,则使用该工单类型所属的部门
        this.acceptanceDepartments_zp = deWeightThree1()// deWeightThree1()// result.gddepartmentList
      } else {
        this.acceptanceDepartments_zp = result.gddepartmentList// deWeightThree1()// result.gddepartmentList
      }
      if (result.gdpersonList[0]) {
        const UserData = []
        for (const i in result.gdpersonList) {
          if (result.gdpersonList[i].node == 2) { // node ==2为认证处置
            // result.gdpersonList.splice(i, 1)
            // delete result.gdpersonList[i]
            UserData.push(result.gdpersonList[i])
            // console.log(result.gdpersonList[i])
          }
          // var arr = [1, 2, 3, 5, 6, 7]
          // arr.splice(0, 3)
          // console.log(arr)
          // console.log(result.gdpersonList[i].node)
        }
        console.log(result.gdpersonList, 2, 'result.gdpersonListresult.gdpersonListresult.gdpersonListresult.gdpersonListresult.gdpersonList')
        this.receivers_zp = UserData.filter(v => {
          return v.personId !== this.data.slry
        })
        this.disposeForm.slry = ''
      }
      this.Bmchange_zp()
    })
    this.disposeForm.rzslryOld = data.rzslry || ''
    // }

    if (this.disposeForm.lczt !== 52) {
      this.disposeForm.lczt = 51
    }
    // this.getReceiver()

    if (data.files !== null) {
      this.fileList = data.files.map((v) => {
        return {
          id: v.id,
          name: v.fileName,
          url: v.filePath,
          createTime: v.createTime,
          createUserName: v.createUserName
        }
      })
      this.tableData = this.fileList
    }
    // 获取最后的流程编码
    this.lcjdParams.lastLcjd = this.removeLcjd(_allLcjd)
    this.lcjdParams.transferOutType = this.data.gdflowconfig.transferOutType
    this.setFlows()
    this.judgeZrjrFlag()

    // 赋值抢维修
    this.workflowQwx.slbm = data.slbm
    this.workflowQwx.slbmName = data.slbmName
    console.log(this.disposeForm.rzbm, 'wwwwwwwwwwwwwwwwwwwwwwwwwwwwwww')
  },
  methods: {
    getReceiver() {
      switch (this.allLcjd) {
        case '3':
          this.menuId = 2003
          break
        case '4':
          this.menuId = 2004
          break
        case '5':
          this.menuId = 2005
          break
        case '6':
          this.menuId = 4097
          break
        default:
          break
      }
      if (!this.strIsNull(this.menuId)) {
        if (this.disposeForm.rzbm) {
          getPersonnel({ ids: this.menuId, departmentId: this.disposeForm.rzbm }).then(res => {
            this.receiver = res.result
          })
        }
      }
    },
    Bmchange() {
      if (this.isJgcz) {
        if (!this.arrayIsNull(this.receivers)) {
          const arr = []
          for (const i in this.receivers) {
            for (const j in this.disposeForm.rzbm) {
              if (this.receivers[i].departId === this.disposeForm.rzbm[j]) {
                arr.push(this.receivers[i])
              }
            }
          }
          this.receiver = arr
        } else {
          const data = this.disposeForm.rzbm.join(',')
          this.getUserByDept(data)
        }
      } else {
        if (!this.arrayIsNull(this.receivers)) {
          const arr = []
          for (const i in this.receivers) {
            if (this.receivers[i].departId === this.disposeForm.rzbm) {
              arr.push(this.receivers[i])
            }
          }
          this.receiver = arr
        } else {
          this.getUserByDept(this.disposeForm.rzbm)
        }
      }
    },
    Bmchange_zp() {
      this.disposeForm.slry = ''
      // const data = this.disposeForm.slbm
      // this.getUserByDept_zp(data)
      if (this.isJgcz) {
        if (!this.arrayIsNull(this.receivers_zp)) {
          const arr = []
          for (const i in this.receivers_zp) {
            for (const j in this.disposeForm.slbm) {
              if (this.receivers_zp[i].departId === this.disposeForm.slbm[j]) {
                arr.push(this.receivers_zp[i])
              }
            }
          }
          this.receiver_zp = arr.filter(item => {
            return item.personId != this.data.slry
          })
        } else {
          const data = this.acceptanceDepartments_zp.map(item => {
            return item.departId
          }).join()
          this.getUserByDept_zp(data)
        }
      } else {
        if (!this.arrayIsNull(this.receivers_zp)) {
          const arr = []
          for (const i in this.receivers_zp) {
            if (this.receivers_zp[i].departId === this.disposeForm.slbm) {
              arr.push(this.receivers_zp[i])
            }
          }
          this.receiver_zp = arr.filter(item => {
            return item.personId != this.data.slry
          })
        } else {
          this.disposeForm.slbm = ''
          const data = this.acceptanceDepartments_zp.map(item => {
            return item.departId
          }).join()
          this.getUserByDept_zp(data)
        }
      }
    },
    BmSplist1Change() {
      if (this.BmSplist1Sure) {
        this.getUserByDeptSplist(this.auditForm.czbm, '1')
        // this.RySplist1 = arr
      } else {
        return
      }
    },
    BmSplist2Change() {
      if (this.BmSplist2Sure) {
        this.getUserByDeptSplist(this.auditForm.czbm2, '2')
        // this.RySplist2 = arr
      } else {
        return
      }
    },
    BmSplist3Change() {
      if (this.BmSplist3Sure) {
        this.getUserByDeptSplist(this.auditForm.czbm3, '3')
        // this.RySplist3 = arr
      } else {
        return
      }
    },
    BmSplist4Change() {
      if (this.BmSplist4Sure) {
        this.getUserByDeptSplist(this.auditForm.czbm4, '4')
        // this.RySplist4 = arr
      } else {
        return
      }
    },
    getUserByDeptSplist(data, name) {
      const datas = {
        depts: data
      }
      getUserByDepts(datas).then(res => {
        var arr = []
        for (const i in res.result) {
          const name = res.result[i].name
          for (const j in res.result[i].users) {
            res.result[i].users[j].personId = res.result[i].users[j].id
            res.result[i].users[j].personName = res.result[i].users[j].realName
            res.result[i].users[j].departId = res.result[i].users[j].departmentId
            res.result[i].users[j].departName = name
          }
        }
        for (const i in res.result) {
          for (const j in res.result[i].users) {
            arr.push(res.result[i].users[j])
          }
        }
        switch (name) {
          case '1':
            this.RySplist1 = arr
            break
          case '2':
            this.RySplist2 = arr
            break
          case '3':
            this.RySplist3 = arr
            break
          case '4':
            this.RySplist4 = arr
            break
        }
        console.log(this.RySplist1, this.RySplist2, this.RySplist3, this.RySplist4)
        // return arr
      })
    },
    getUserByDept(datas) {
      const data = {
        depts: datas
      }
      getUserByDepts(data).then(res => {
        var arr = []
        for (const i in res.result) {
          var name = res.result[i].name
          for (const j in res.result[i].users) {
            res.result[i].users[j].personId = res.result[i].users[j].id
            res.result[i].users[j].personName = res.result[i].users[j].realName
            res.result[i].users[j].departId = res.result[i].users[j].departmentId
            res.result[i].users[j].departName = name
          }
        }
        for (const i in res.result) {
          for (const j in res.result[i].users) {
            arr.push(res.result[i].users[j])
          }
        }
        this.receiver = arr
      })
    },
    getUserByDept_zp(datas) {
      const data = {
        depts: datas
      }
      getUserByDepts(data).then(res => {
        var arr = []
        for (const i in res.result) {
          var name = res.result[i].name
          for (const j in res.result[i].users) {
            res.result[i].users[j].personId = res.result[i].users[j].id
            res.result[i].users[j].personName = res.result[i].users[j].realName
            res.result[i].users[j].departId = res.result[i].users[j].departmentId
            res.result[i].users[j].departName = name
          }
        }
        for (const i in res.result) {
          for (const j in res.result[i].users) {
            arr.push(res.result[i].users[j])
          }
        }
        this.receiver_zp = arr.filter(v => {
          return v.personId !== this.data.slry
        })
        this.receivers_zp = arr
      })
    },
    slryChange() {
      if (this.isJgcz) {
        var arr = []
        console.log(this.disposeForm.rzslry, this.receiver, '12333333333333333333333')
        for (const i in this.disposeForm.rzslry) {
          for (const j in this.receiver) {
            if (this.receiver[j].personId === this.disposeForm.rzslry[i]) {
              arr.push(this.receiver[j])
            }
          }
        }
        this.clhjrList = arr
        this.clhjr = this.disposeForm.rzslry[0]
      }
    },
    getallLcjd() {
      for (let index = 0; index < this.allLcjd.length; index++) {
        if (this.allLcjd[index] > 2) {
          this.allLcjd = this.allLcjd[index]
          return
        }
      }
    },
    handleClick(row) {
      window.open(
        `${IP}/base/file/downloadFile?fileName=${row.name}&remotePath=${row.urlName}&access_token=${this.$store.state.user.token}`
      )
    },
    JgshMothed(data) {
      this.JgshData = data
      this.dialogFormVisible = true
      this.auditForm.czbm = this.disposeForm.rzbm
      this.BmSplist1Change()
    },
    // 提交
    submitForm: _throttle(function() {
      this.$refs.disposeForm.validate((valid) => {
        if (valid) {
          const _this = this
          const rzFileid = []
          let data = {}
          _this.fileList.forEach((v) => {
            if (!_this.strIsNull(v.id)) {
              rzFileid.push(v.id)
            }
          })

          switch (_this.disposeForm.lczt) {
            // 下个环节
            case 52:
              data = {
                id: _this.data.id,
                rzyj: _this.disposeForm.rzyj,
                rzbm: _this.disposeForm.rzbm,
                gdlx: _this.data.gdlx,
                rzslry: _this.disposeForm.rzslry || '',
                lczt: _this.disposeForm.lczt,
                processDeposit: _this.data.processDeposit,
                lcid: _this.disposeForm.lcid,
                rzFileid: rzFileid.toString()
              }
              if (_this.lcjdParams.zrjrFlag) {
                data.startTime = _this.workflowQwx.startTime
                data.endTime = _this.workflowQwx.endTime
                data.orderSource = _this.workflowQwx.orderSource
                data.typeId = _this.workflowQwx.typeId
                data.respUser = _this.workflowQwx.respUser
                data.phone = _this.workflowQwx.phone
              } else {
                data.startTime = ''
                data.endTime = ''
                data.orderSource = ''
                data.typeId = ''
                data.respUser = ''
                data.phone = ''
              }
              // eslint-disable-next-line no-case-declarations
              const resultdispList = []
              if (this.disposeForm.lczt === 52) {
                if (this.isJgcz) {
                  if (!this.clhjr) {
                    this.$message.error('请选择处置汇集人')
                    return
                  }
                  for (const i in this.receiver) {
                    for (const j in this.disposeForm.rzslry) {
                      if (this.receiver[i].personId === this.disposeForm.rzslry[j]) {
                        resultdispList.push({
                          departId: this.receiver[i].departId,
                          departName: this.receiver[i].departName,
                          personId: this.receiver[i].personId,
                          personName: this.receiver[i].personName,
                          isCollect: 0
                        })
                      }
                    }
                  }
                  for (const i in resultdispList) {
                    if (resultdispList[i].personId === this.clhjr) {
                      resultdispList[i].isCollect = 1
                      _this.disposeForm.rzslry = resultdispList[i].personId
                      // 重置审核人员
                      _this.disposeForm.rzbm = resultdispList[i].departId
                      //
                    }
                    data['resultdispList[' + i + '].departId'] = resultdispList[i].departId
                    data['resultdispList[' + i + '].departName'] = resultdispList[i].departName
                    data['resultdispList[' + i + '].personId'] = resultdispList[i].personId
                    data['resultdispList[' + i + '].personName'] = resultdispList[i].personName
                    data['resultdispList[' + i + '].isCollect'] = resultdispList[i].isCollect
                    // data.resultdispList = resultdispList
                  }
                  // this.checkForm.rzslry = this.checkForm.shbm = ''
                }
              }

              switch (_this.allLcjd) {
                case '4':
                  data.shslry = _this.disposeForm.rzslry || ''
                  break
                case '5':
                  data.zjczry = _this.disposeForm.rzslry || ''
                  break
                case '6':
                  data.jgczry = _this.disposeForm.rzslry || ''
                  break
                default:
                  break
              }
              break
            // 驳回
            case 53:
              data = {
                id: _this.data.id,
                gdlx: _this.data.gdlx,
                gdbh: _this.data.gdbh,
                bhyy: _this.disposeForm.bhyy,
                lcjd: _this.data.lcjd,
                lcid: _this.disposeForm.lcid,
                lczt: _this.disposeForm.lczt,
                processDeposit: _this.data.processDeposit
              }
              break
            // 转派
            case 70:
              data = {
                gdbh: _this.data.gdbh,
                gdlx: _this.data.gdlx,
                slry: _this.disposeForm.slry,
                lcjd: _this.data.lcjd,
                id: _this.data.id,
                lcid: _this.disposeForm.lcid,
                lczt: _this.disposeForm.lczt, // 流程状态
                zpyj: _this.disposeForm.zpyj, // 转派原因
                processDeposit: _this.data.processDeposit
              }
              break
            // 51  本环节
            default:
              data = {
                id: _this.data.id,
                gdlx: _this.data.gdlx,
                lcid: _this.disposeForm.lcid,
                rzyj: _this.disposeForm.rzyj,
                lczt: _this.disposeForm.lczt,
                processDeposit: _this.data.processDeposit,
                rzFileid: rzFileid.toString(),
                isLeak: _this.data.isLeak
              }
              break
          }

          if (_this.disposeForm.lczt !== 53 && _this.disposeForm.lczt !== 70 && _this.data.isLeak == 1) {
            const leakInfo = {
              // 漏点
              'leakInfo.isReal': _this.disposeForm.isRealLeak,
              'leakInfo.estimatedWaterLoss': _this.disposeForm.predictLeakWater
            }
            if (_this.disposeForm.isRealLeak == '1') {
              // 漏点
              data.isLeak = '1'
            } else if (_this.disposeForm.isRealLeak == '2') {
              // 非漏点
              data.isLeak = '0'
            }
            Object.assign(data, leakInfo)
          }

          if (this.isJgsh && this.disposeForm.lczt == 52) {
            // this.JgshMothed(data)
            data['audit.auditUser'] = _this.disposeForm.rzslry
          }
          const datas = new FormData()
          Object.keys(data).forEach((key) => {
            datas.append(key, data[key])
          })
          if (this.files.length > 0) {
            for (let i = 0; i < this.files.length; i++) {
              console.log('附件：' + i)
              const _file = _this.files[i]
              if (!_this.strIsNull(_file) && _this.strIsNull(_file.id)) {
                datas.append('fileList', _this.files[i])
              }
            }
          }

          // console.log("认证处置："+ JSON.stringify(_this.disposeForm))
          // return false
          //  else {
          editHandle(datas).then((res) => {
            if (res.code === 1) {
              _this.$message.success('处理成功')
              this.dialogFormVisible = false
              _this.$emit('remind', '成功')
            }
          })
          // }
          return true
        } else {
          return false
        }
      })
    }, 5000),

    /* --------------------- 附件上传 ----------------*/
    handleRemove(file, fileList) {
      console.log('文件列表移除文件时的钩子', file, fileList)
      const files = fileList.map((v) => {
        return v.raw
      })
      this.files = files
      this.fileList = fileList
    },
    handlePreview(file) {
      console.log('点击文件列表中已上传的文件时的钩子', file)
    },
    handleExceed(files, fileList) {
      this.$message.warning(
        `当前限制选择 3 个文件，本次选择了 ${files.length
        } 个文件，共选择了 ${files.length + fileList.length} 个文件`
      )
    },
    beforeRemove(file, fileList) {
      return this.$confirm(`确定移除 ${file.name}？`)
    },
    onBeforeUpload(file) {
      // const isIMAGE = file.type === 'image/jpeg' || file.type === 'image/png';
      const isLt1M = file.size / 1024 / 1024 < 10

      // if (!isIMAGE) {
      // 	this.$message.error('上传文件只能是图片格式!');
      // }
      if (!isLt1M) {
        this.$message.error('上传文件大小不能超过 10MB!')
      }
      // return isIMAGE && isLt1M;
      return isLt1M
    },
    // 上传之前的钩子函数
    beforeAvatarUpload(response, file, fileList) {
      console.log(response, file)
      var isTrue = this.onBeforeUpload(response.raw)
      if (isTrue) {
        this.fileMap(file)
      } else {
        file.pop()
      }
    },
    fileMap(file) {
      if (file.length !== 0) {
        const files = file.map((v) => {
          return v.raw
        })
        this.files = files
      }
    },
    handleAvatarSuccess(res, file, fileList) {
      console.log('文件上传成功时的钩子', res, file, fileList)
    },

    /**
     * @description 流程状态 值 改变事件
     */
    gddjZtChange() {
      this.judgeZrjrFlag()
    },
    saveAuditChain() {
      this.$refs.auditForm.validate((valid) => {
        if (valid) {
          const data = {
            auditList: [
              {
                auditLevel: 0,
                // auditPlanId: planId,
                // auditType: '12',
                auditUser: this.auditForm.jgczry
              },
              {
                auditLevel: 1,
                // auditPlanId: planId,
                // auditType: '12',
                auditUser: this.auditForm.jgczry2
              },
              {
                auditLevel: 2,
                // auditPlanId: planId,
                // auditType: '12',
                auditUser: this.auditForm.jgczry3
              },
              {
                auditLevel: 3,
                // auditPlanId: planId,
                // auditType: '12',
                auditUser: this.auditForm.jgczry4
              }
            ]
          }

          // 判断审批人员是否相同
          const auditUserAry = []
          if (!this.strIsNull(this.auditForm.jgczry)) {
            auditUserAry.push(this.auditForm.jgczry)
          }
          if (!this.strIsNull(this.auditForm.jgczry2)) {
            auditUserAry.push(this.auditForm.jgczry2)
          }
          if (!this.strIsNull(this.auditForm.jgczry3)) {
            auditUserAry.push(this.auditForm.jgczry3)
          }
          if (!this.strIsNull(this.auditForm.jgczry4)) {
            auditUserAry.push(this.auditForm.jgczry4)
          }

          if (new Set(auditUserAry).size !== auditUserAry.length) {
            this.$message.error('多级审核时，每级审核人员不能重复!')
            return false
          }

          data.auditList = data.auditList.slice(0, this.jgshCcjb)
          console.log('新增审批链' + JSON.stringify(data))
          const auditList = data.auditList
          // return false;
          // this.JgshData.auditList = auditUserAry
          for (const i in auditList) {
            console.log(auditList[i], 'auditUserAry[i].auditLevel')
            this.JgshData['auditList[' + i + '].auditLevel'] = auditList[i].auditLevel
            this.JgshData['auditList[' + i + '].auditUser'] = auditList[i].auditUser
          }
          const formData = new FormData()
          Object.keys(this.JgshData).forEach((key) => {
            formData.append(key, this.JgshData[key])
          })
          if (this.files.length > 0) {
            for (let i = 0; i < this.files.length; i++) {
              console.log('附件：' + i)
              const _file = this.files[i]
              if (!this.strIsNull(_file) && this.strIsNull(_file.id)) {
                formData.append('fileList', this.files[i])
              }
            }
          }
          editHandle(formData).then((res) => {
            if (res.code === 1) {
              this.$message.success('处理成功')
              this.dialogFormVisible = false
              this.$emit('remind', '成功')
            }
          })
        } else {
          this.$message.warning('请完善工单信息!')
          return false
        }
      })

      // if (!this.difference) {
      //   this.newAddUser(formData)
      // } else {
      //   this.editSubmit(formData)
      // }
    },
    /**
     * @description 判断当前流程是否为最后一个节点，是否增加流程处置下拉
     */
    setFlows() {
      if (this.lcjdParams.lastLcjd === this.lcjdParams.currentFlow &&
        this.strIsNull(this.lcjdParams.transferOutType)
      ) {
        // this.flows =  this.flows.filter(function(flow){
        //   return flow.id !== 52
        // })
        // this.flows.push({ cname:'终止',id:54 })
        this.flows = this.flows.map(function(flow) {
          if (flow.id === 52) { flow.cname = '终止' }
          return flow
        })
      }
    },

    /**
     * @description 是否属于终止节点
     */
    existStop() {
      const lczt = this.disposeForm.lczt
      this.lcjdParams.stopFlag = false
      if (lczt === 51 || lczt === 53 || lczt === 70) {
        this.lcjdParams.stopFlag = true
      } else if (this.lcjdParams.zrjrFlag === true && lczt === 52) {
        this.lcjdParams.stopFlag = true
      } else if (this.lcjdParams.lastLcjd === this.lcjdParams.currentFlow &&
        lczt === 52 &&
        this.lcjdParams.zrjrFlag === false) {
        this.lcjdParams.stopFlag = true
      }

      console.log('测试：' + this.lcjdParams.stopFlag)
    },

    /**
     * @description 判断是否暂时外部流程(抢维修)
     */
    judgeZrjrFlag() {
      this.lcjdParams.zrjrFlag = false
      // 判断是否应该显示抢维修流程
      if (this.activeNames == this.lcjdParams.lastLcjd &&
        this.disabled === false &&
        this.disposeForm.lczt === 52) {
        if (!this.strIsNull(this.lcjdParams.transferOutType)) {
          this.lcjdParams.zrjrFlag = true
        }
      }
      this.existStop()
    },

    /**
     * @description 获取当前流程的最后一个节点
     */
    removeLcjd(lcjdStr) {
      let lastLcjd = '' // 最后一个流程节点

      var lcjdAry = lcjdStr.split(',')
      // 去除最后节点 6 和 7
      var newLcjd = lcjdAry.filter(function(value, index) {
        return value != '7'
      })

      // 返回最后一个节点
      if (newLcjd.length > 0) {
        lastLcjd = newLcjd.pop()
      }
      console.log('新数组：' + lastLcjd)

      return lastLcjd
    },

    /**
     * @description 判断数组是否为空
     */
    arrayIsNull(aryList) {
      return (typeof (aryList) === 'undefined' || aryList == null || aryList.length == 0)
    },

    /**
     * @description 判断字符串是否为空
     */
    strIsNull(strVal) {
      strVal = strVal || ''
      return (typeof (strVal) === 'undefined' || strVal == null || strVal == '')
    },

    /**
     * @description 抢维修子组件赋值
     */
    propSetQwxData(data) {
      // data就是子组件传过来的值
      console.log('子组件参数变化: ', JSON.stringify(data))
      this.workflowQwx = data

      // 给表单赋值
      this.disposeForm.qwxTime = this.workflowQwx.qwxTime
      this.disposeForm.startTime = this.workflowQwx.startTime
      this.disposeForm.endTime = this.workflowQwx.endTime
      this.disposeForm.orderSource = this.workflowQwx.orderSource
      this.disposeForm.typeId = this.workflowQwx.typeId
      this.disposeForm.respUser = this.workflowQwx.respUser
    },
    // 折叠面板
    closeTab(val) {
      this.activeName = val
    }
  }

}
</script>

<style lang="scss" scoped>
#handle_merge {
  .wrap {
    border: 1px solid rgba(57, 153, 243, 0.15);

    >>>.el-collapse-item__header {
      background: rgba(57, 153, 243, 0.15);
      font-size: 15px;
      height: 40px;
      line-height: 40px;
      color: rgb(28, 105, 229);
      padding-left: 15px;
      // text-indent: 15px;
      font-weight: 600;
      // .el-collapse-item__arrow{
      //   margin:0 9px 12px auto;
      // }
    }
  }

  .NBjd {
    >>>.el-collapse-item__header {
      background: rgb(240, 240, 240);
      color: black;
    }
  }

  .dialog_style {
    width: 100%;
    overflow-y: auto;

    /deep/ .el-table {
      text-align: center;
      vertical-align: middle;
    }
  }

  /deep/ .el-form-item {
    margin-bottom: 5px;
  }

  /deep/ .el-collapse-item__wrap {
    margin-top: 10px;
  }
}

.is-disabled>>>.el-input__inner {
  background: white;
  border: none;
  font-size: 14px;
  color: black;
  cursor: default;
  padding: 0;
}

.is-disabled>>>.el-textarea__inner {
  background: white;
  border: none;
  font-size: 14px;
  color: black;
  cursor: default;
  padding: 0;
}

/deep/ .el-upload {
  justify-content: flex-start;
}
</style>

<style lang="scss">
.Bhclass {
  display: flex;
  justify-content: center;
  align-items: center;
  // img{
  //   height: 200%;
  // }
}

.colflexS {
  display: flex;
  align-items: center;
  // justify-content: center;
}
</style>