<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
  <div>
    <el-row>
      <el-col :span="24">

        <el-form :model="inputForm" ref="inputForm2" v-loading="loading" :class="method === 'view' ? 'readonly' : ''"
          :disabled="true" label-width="135px" @submit.native.prevent>
          <el-divider content-position="left"><i class="el-icon-document"></i> 项目信息</el-divider>
          <el-row :gutter="0">
            <el-col :span="12">
              <el-form-item label="项目名称" prop="projectName" :rules="[
              ]">
                <!--                <el-input v-model="inputForm.projectName" placeholder="请填写项目名称" clearable></el-input>-->
                <el-input @focus="openContractForm()" v-model="inputForm.projectName" placeholder="请选择项目名称">
                  <el-button slot="append" icon="el-icon-search" @click="openContractForm()"></el-button>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="项目编号" prop="projectNumber" :rules="[
              ]">
                <el-input :disabled="true" v-model="inputForm.projectNumber" placeholder="请填写项目编号" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="项目经理1" prop="projectMasterName" :rules="[
              ]">
                <el-input :disabled="true" v-model="inputForm.projectMasterName" placeholder="请填写项目经理1"
                  clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="项目经理2" prop="realHeaderName" :rules="[
              ]">
                <el-input :disabled="true" v-model="inputForm.realHeaderName" placeholder="请填写项目经理2"
                  clearable></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-divider content-position="left"><i class="el-icon-document"></i> 基础信息</el-divider>
          <el-row :gutter="0">
            <el-col :span="12">
              <el-form-item label="单据编号" prop="documentNo" :rules="[

              ]">
                <el-input :disabled="true" v-model="inputForm.documentNo" placeholder="自动生成" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="报告所属部门" prop="officeId" :rules="[
              ]">
                <SelectTree ref="officeTree" :props="{
                  value: 'id',             // ID字段名
                  label: 'name',         // 显示名称
                  children: 'children'    // 子级字段名
                }" size="default" :url="`/system-server/sys/office/treeData?type=2`" :value="inputForm.officeId"
                  :accordion="true" @getValue="(value) => { inputForm.officeId = value }" />
              </el-form-item>
            </el-col>
            <!--<el-col :span="12">
              <el-form-item label="盖章类型" prop="signatureType"
                            :rules="[
                            /*{required: true, message: '盖章类型不能为空', trigger: 'change'}*/
                   ]">
                &lt;!&ndash;                <el-input v-model="inputForm.signatureType" placeholder="请填写盖章类型" clearable></el-input>&ndash;&gt;
                <el-select  v-model="inputForm.signatureType" placeholder="请选择盖章类型" clearable style="width: 100%;">
                  <el-option
                    v-for="item in $dictUtils.getDictList('cw_signature_type')"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>-->
            <el-col :span="12"
              v-if="!inputForm.signatureType || (inputForm.signatureType === '1' && inputForm.status1 !== '4') || (inputForm.signatureType === '2' && inputForm.status2 !== '4') || (inputForm.signatureType === '3' && inputForm.status3 !== '4')">
              <el-form-item label="盖章类型" prop="signatureType" :rules="[
                { required: true, message: '盖章类型不能为空', trigger: 'change' }
              ]">
                <!--                <el-input v-model="inputForm.signatureType" placeholder="请填写盖章类型" clearable></el-input>-->
                <el-select v-model="inputForm.signatureType" placeholder="请选择盖章类型" clearable style="width: 100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_signature_type')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12"
              v-if="(inputForm.signatureType === '1' && inputForm.status1 === '4') || (inputForm.signatureType === '2' && inputForm.status2 === '4') || (inputForm.signatureType === '3' && inputForm.status3 === '4')">
              <el-form-item label="盖章类型" prop="signatureType" :rules="[
                { required: true, message: '盖章类型不能为空', trigger: 'change' }
              ]">
                <!--                <el-input v-model="inputForm.signatureType" placeholder="请填写盖章类型" clearable></el-input>-->
                <el-select :disabled="true" v-model="inputForm.signatureType" placeholder="请选择盖章类型" clearable
                  style="width: 100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_signature_type')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col
              v-if="inputForm.signatureType === '1' || inputForm.signatureType === '3' || commonJS.isEmpty(inputForm.signatureType)"
              :span="12">
              <el-form-item label="签字注师1" prop="signatureAnnotator1" :rules="[
                { required: true, message: '签字注师1不能为空', trigger: 'change' },
                { required: true, message: '签字注师1不能为空', trigger: 'blur' }
              ]">
                <!--                <el-input v-model="inputForm.signatureAnnotator1" placeholder="请填写签字注师1" clearable></el-input>-->
                <!--                <UserSelect style="width: 100%" ref="userSelect1" :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true" :limit='1' :modelValue="inputForm.signatureAnnotator1" @update:modelValue='(value) => {changeSignatory1(value)}'></UserSelect>-->
                <el-input :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true"
                  @blur="changeSignatory1(inputForm.signatureAnnotator1)" @focus="openUserDia1"
                  v-model="inputForm.signatureAnnotator1Name" placeholder="请选择签字注师1">
                  <template #suffix>
                    <el-button :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true"
                      style="background-color: white;color: #1b1e25;border-color: white;" type="primary" slot="append"
                      icon="el-icon-search" @click="openUserDia1">
                    </el-button>
                  </template>
                </el-input>
              </el-form-item>
            </el-col>

            <el-col
              v-if="inputForm.signatureType === '1' || inputForm.signatureType === '3' || commonJS.isEmpty(inputForm.signatureType)"
              :span="12">
              <el-form-item label="签字注师2" prop="signatureAnnotator2" :rules="[
              ]">
                <!--                <el-input v-model="inputForm.signatureAnnotator2" placeholder="请填写签字注师2" clearable></el-input>-->
                <!--                <UserSelect2 style="width: 100%" ref="userSelect2" :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true" :limit='1' :modelValue="inputForm.signatureAnnotator2" @update:modelValue='(value) => {changeSignatory2(value)}'></UserSelect2>-->
                <el-input :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true"
                  @blur="changeSignatory2(inputForm.signatureAnnotator2)" @focus="openUserDia2"
                  v-model="inputForm.signatureAnnotator2Name" placeholder="请选择签字注师2">
                  <template #suffix>
                    <el-button :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true"
                      style="background-color: white;color: #1b1e25;border-color: white;" type="primary" slot="append"
                      icon="el-icon-search" @click="openUserDia2">
                    </el-button>
                  </template>
                </el-input>
              </el-form-item>
            </el-col>

            <el-col v-if="inputForm.signatureType === '2'" :span="12">
              <el-form-item label="签字注师1" prop="signatureAnnotator1" :rules="[
                { required: true, message: '签字注师1不能为空', trigger: 'change' },
                { required: true, message: '签字注师1不能为空', trigger: 'blur' }
              ]">
                <!--                <el-input v-model="inputForm.signatureAnnotator1" placeholder="请填写签字注师1" clearable></el-input>-->
                <!--                <UserSelect style="width: 100%" ref="userSelect1" :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true" :limit='1' :modelValue="inputForm.signatureAnnotator1" @update:modelValue='(value) => {changeSignatory1(value)}'></UserSelect>-->
                <el-input :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true"
                  @blur="changeSignatory1(inputForm.signatureAnnotator1)" @focus="openUserDia1"
                  v-model="inputForm.signatureAnnotator1Name" placeholder="请选择签字注师1">
                  <template #suffix>
                    <el-button :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true"
                      style="background-color: white;color: #1b1e25;border-color: white;" type="primary" slot="append"
                      icon="el-icon-search" @click="openUserDia1">
                    </el-button>
                  </template>
                </el-input>
              </el-form-item>
            </el-col>

            <el-col v-if="inputForm.signatureType === '2'" :span="12">
              <el-form-item label="签字注师2" prop="signatureAnnotator2" :rules="[
              ]">
                <!--                <el-input v-model="inputForm.signatureAnnotator2" placeholder="请填写签字注师2" clearable></el-input>-->
                <!--                <UserSelect2 style="width: 100%" ref="userSelect2" :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true" :limit='1' :modelValue="inputForm.signatureAnnotator2" @update:modelValue='(value) => {changeSignatory2(value)}'></UserSelect2>-->
                <el-input :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true"
                  @blur="changeSignatory2(inputForm.signatureAnnotator2)" @focus="openUserDia2"
                  v-model="inputForm.signatureAnnotator2Name" placeholder="请选择签字注师2">
                  <template #suffix>
                    <el-button :disabled="status === 'audit' || status === 'taskFormDetail'" :readonly="true"
                      style="background-color: white;color: #1b1e25;border-color: white;" type="primary" slot="append"
                      icon="el-icon-search" @click="openUserDia2">
                    </el-button>
                  </template>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="审计意见类型" prop="opinionType" :rules="[
              ]">
                <el-select v-model="inputForm.opinionType" placeholder="请选择审计意见类型" style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_opinion_type')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="审计收费(税前、元)" prop="auditFees" :rules="[
              ]">
                <el-input v-model="inputForm.auditFees" placeholder="请填写审计收费(税前、元)" clearable
                  @keyup.native="inputForm.auditFees = twoDecimalPlaces(inputForm.auditFees)"></el-input>
              </el-form-item>
            </el-col>

            <el-col :span="12">
              <el-form-item label="报告实际制作人" prop="realCreate" :rules="[
              ]">
                <!--                <UserSelectAll :readonly="true" :disabled="status === 'audit' || status === 'taskFormDetail'" :limit='1' :modelValue="inputForm.realCreate" @update:modelValue='(value) => {inputForm.realCreate = value}'></UserSelectAll>-->
                <el-input :readonly="true" :disabled="true" @focus="openUserDia3" v-model="inputForm.realCreateName"
                  placeholder="请选择报告实际制作人">
                  <template #suffix>
                    <el-button :readonly="true" :disabled="true"
                      style="background-color: white;color: #1b1e25;border-color: white;" type="primary" slot="append"
                      icon="el-icon-search" @click="openUserDia3">
                    </el-button>
                  </template>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="创建时间" prop="createDate" :rules="[
              ]">
                <el-input :disabled="true" v-model="inputForm.createDate" placeholder="请填写创建时间" clearable></el-input>
              </el-form-item>
            </el-col>

          </el-row>
          <el-divider content-position="left"><i class="el-icon-document"></i> 报告信息</el-divider>
          <el-row :gutter="0">
            <el-col :span="24">
              <el-form-item label="报告名称" prop="reportName" :rules="[
                { required: true, message: '报告名称不能为空', trigger: 'blur' },
              ]">
                <el-input v-model="inputForm.reportName" placeholder="请填写报告名称" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="被服务单位" prop="servedUnitName" :rules="[
              ]">
                <el-input @focus="openWorkClient()" v-model="inputForm.servedUnitName" placeholder="请填写被服务单位" clearable>
                  <el-button slot="append" icon="el-icon-search" @click="openWorkClient()"></el-button>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="报告类型" prop="reportType" :rules="[
              ]">
                <el-select v-model="inputForm.reportType" placeholder="请选择报告类型" style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_report_title_type')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="所属行业" prop="industry" :rules="[
                { required: true, message: '所属行业不能为空', trigger: 'change' }
              ]">
                <el-select v-model="inputForm.industry" placeholder="请选择所属行业" style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_industry')" :key="item.value" :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="业务对象" prop="businessObjects" :rules="[
                { required: true, message: '业务对象不能为空', trigger: 'change' }
              ]">
                <el-select v-model="inputForm.businessObjects" placeholder="请选择业务对象" style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_business_objects')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="业务类型" prop="businessType" :rules="[
                { required: true, message: '业务类型不能为空', trigger: 'change' }
              ]">
                <el-select @change="changeBusinessType" v-model="inputForm.businessType" placeholder="请选择业务类型"
                  style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_business_type')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12" v-if="inputForm.businessType === '1'">
              <el-form-item label="审计业务类型" prop="auditBusinessType" :rules="[
                { required: true, message: '审计业务类型不能为空', trigger: 'change' }
              ]">
                <el-select v-model="inputForm.auditBusinessType" placeholder="请选择审计业务类型" style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_audit_business_type1')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12" v-if="inputForm.businessType === '2'">
              <el-form-item label="审计业务类型" prop="auditBusinessType" :rules="[
                { required: true, message: '审计业务类型不能为空', trigger: 'change' }
              ]">
                <el-select v-model="inputForm.auditBusinessType" placeholder="请选择审计业务类型" style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_audit_business_type2')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12" v-if="inputForm.businessType === '3'">
              <el-form-item label="审计业务类型" prop="auditBusinessType" :rules="[
                { required: true, message: '审计业务类型不能为空', trigger: 'change' }
              ]">
                <el-select v-model="inputForm.auditBusinessType" placeholder="请选择审计业务类型" style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_audit_business_type3')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12" v-if="inputForm.businessType === '4'">
              <el-form-item label="审计业务类型" prop="auditBusinessType" :rules="[
                { required: true, message: '审计业务类型不能为空', trigger: 'change' }
              ]">
                <el-select v-model="inputForm.auditBusinessType" placeholder="请选择审计业务类型" style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_audit_business_type4')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12" v-if="inputForm.businessType === '5'">
              <el-form-item label="审计业务类型" prop="auditBusinessType" :rules="[
                { required: true, message: '审计业务类型不能为空', trigger: 'change' }
              ]">
                <el-select v-model="inputForm.auditBusinessType" placeholder="请选择审计业务类型" style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_audit_business_type5')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12" v-if="inputForm.businessType === '6'">
              <el-form-item label="审计业务类型" prop="auditBusinessType" :rules="[
                { required: true, message: '审计业务类型不能为空', trigger: 'change' }
              ]">
                <el-select v-model="inputForm.auditBusinessType" placeholder="请选择审计业务类型" style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_audit_business_type6')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="报告流水号" prop="reportNumber" :rules="[
              ]">
                <el-input :disabled="true" v-model="inputForm.reportNumber" placeholder="自动生成" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="报告文号" prop="reportNo" :rules="[
              ]">
                <el-input :disabled="true" v-model="inputForm.reportNo" placeholder="自动生成" clearable></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="报告日期" prop="reportDate" :rules="[
                { required: true, message: '报告日期不能为空', trigger: 'blur' }
              ]">
                <el-date-picker placement="bottom-start" value-format="YYYY-MM-DD" v-model="inputForm.reportDate"
                  style="width: 100%" placeholder="选择日期">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <!--            <el-col :span="12">-->
            <!--              <el-form-item label="盖章状态" prop="sealType"-->
            <!--                            :rules="[-->
            <!--                   ]">-->
            <!--                <el-input :disabled="true" v-model="inputForm.sealType" placeholder="请填写盖章状态" clearable></el-input>-->
            <!--              </el-form-item>-->
            <!--            </el-col>-->

          </el-row>
          <el-divider content-position="left"><i class="el-icon-document"></i> 其他信息</el-divider>
          <el-row :gutter="0">
            <el-col :span="12">
              <el-form-item label="公司注册地址" prop="registerAddress" :rules="[
              ]">
                <el-input v-model="inputForm.registerAddress" placeholder="请填写公司注册地址" clearable>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="业务所在地" prop="businessLocation" :rules="[]">
                <el-input v-model="inputForm.businessLocation" placeholder="请填写业务所在地" clearable>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否数据证券业务" prop="securityBusiness" :rules="[
              ]">
                <el-select v-model="inputForm.securityBusiness" placeholder="请选择是否数据证券业务" style="width:100%;">
                  <el-option v-for="item in $dictUtils.getDictList('cw_report_negotiable')" :key="item.value"
                    :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
                <!--                <el-input :disabled="true" v-model="inputForm.securityBusiness" placeholder="请填写是否数据证券业务" clearable>-->
                <!--                </el-input>-->
              </el-form-item>
            </el-col>
          </el-row>
          <el-divider content-position="left"><i class="el-icon-document"></i> 报告审核信息</el-divider>
          <el-row :gutter="15">
            <el-col :span="12">
              <el-form-item label="下一节点审核人" prop="reviewBy" :rules="[
                { required: true, message: '下一节点审核人不能为空', trigger: 'blur' }
              ]">
                <el-select
                  :disabled="this.inputForm.reviewStatus === '2' || this.inputForm.reviewStatus === '4' || this.inputForm.reviewStatus === '5'"
                  v-model="inputForm.reviewBy" placeholder="请选择下一节点审核人" style="width:100%;">
                  <el-option v-for="item in reviewBys" :key="item.index" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <!--<el-col :span="12">
              <el-form-item label="报告编号" prop="reportReviewNo"
                            :rules="[
                   ]">
                <el-input  :disabled="true" v-model="inputForm.reportReviewNo" placeholder="自动生成">
&lt;!&ndash;                  <el-button slot="append" icon="el-icon-search" @click="openContractForm()"></el-button>&ndash;&gt;
                </el-input>
              </el-form-item>
            </el-col>-->
            <el-col :span="12">
              <el-form-item label="共印份数（大写）" prop="allPrintNum" :rules="[
                { required: true, message: '共印份数不能为空', trigger: 'blur' }
              ]">
                <el-input v-model="inputForm.allPrintNum" placeholder="请输入本报告共印份数">
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="发出份数（大写）" prop="issueNum" :rules="[
                { required: true, message: '发出份数不能为空', trigger: 'blur' }
              ]">
                <el-input v-model="inputForm.issueNum" placeholder="请输入发出份数">
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="存档份数（大写）" prop="placeOnFileNum" :rules="[
                { required: true, message: '存档份数不能为空', trigger: 'blur' }
              ]">
                <el-input v-model="inputForm.placeOnFileNum" placeholder="请输入存档份数">
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="打印人签名" prop="printedBy" :rules="[
              ]">
                <el-input v-model="inputForm.printedBy" placeholder="请输入打印人签名">
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="校对人签名" prop="checkAutograph" :rules="[
              ]">
                <el-input v-model="inputForm.checkAutograph" placeholder="请输入校对人签名">
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="计算机文号" prop="computerNo" :rules="[
              ]">
                <el-input v-model="inputForm.computerNo" placeholder="请输入计算机文号">
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <el-form :model="inputForm" ref="inputForm2" v-loading="loading" :class="method === 'view' ? 'readonly' : ''"
          :disabled="status === 'audit' || status === 'taskFormDetail'" label-width="135px" @submit.native.prevent>
          <el-row :gutter="0">
            <el-col :span="24">
              <el-form-item label="撤回原因" prop="rebackReason" :rules="[{ required: true, message: '撤回原因不能为空', trigger: 'blur' }
              ]">
                <el-input maxlength="500" type="textarea" placeholder="请填写撤回原因" v-model="inputForm.rebackReason"
                  show-word-limit></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>

      </el-col>
    </el-row>
    <ProjectRecoredChooseCom ref="projectRecoredChooseCom" @getProject="getContract"></ProjectRecoredChooseCom>
    <ReportServiceUnitForm ref="reportServiceUnitForm" @getWorkClientChoose="getWorkClientChoose">
    </ReportServiceUnitForm>
    <user-select1 ref="userSelect1" @doSubmit="selectUser1"></user-select1>
    <user-select2 ref="userSelect2" @doSubmit="selectUser2"></user-select2>
    <user-select3 ref="userSelect3" @doSubmit="selectUser3"></user-select3>
    <!--    <ReportCancellApplyChooseCom  ref="reportCancellApplyChooseCom" @getProject="getContract"></ReportCancellApplyChooseCom>-->
  </div>
</template>

<script>
import ProjectRecoredChooseCom from '../../projectRecords/ProjectRecordsChooseCom'
import ReportServiceUnitForm from '../ReportServiceUnitForm'
import SelectTree from '@/components/treeSelect/treeSelect.vue'
import UserSelect from '../../workClientInfo/clientUserSelect/AccountantUserIndex'
// import UserSelect2 from '../../workClientInfo/clientUserSelect/AccountantUserIndex2'
import UserSelectAll from '@/components/userSelect'
import ReportCancellApplyService from '@/api/cw/reportCancellApply/ReportCancellApplyService'
import ReportReviewService from '@/api/cw/reportManagement/ReportReviewService'
import projectReportService from '@/api/cw/reportManagement/ProjectReportService'
import ProjectReportArchiveService from "@/api/cw/projectRecords/ProjectReportArchiveService.js"
import EnterpriseSearchService from '@/api/cw/common/EnterpriseSearchService'
import processService from "@/api/flowable/processService.js";
import CommonApi from '@/api/cw/common/CommonApi'
import userService from "@/api/sys/userService";
import UserSelect1 from '@/views/utils/UserTreeSelect'
import UserSelect2 from '@/views/utils/UserTreeSelect'
import UserSelect3 from '@/views/utils/UserTreeSelect'
export default {
  props: {
    businessId: {
      type: String,
      default: ''
    },
    formReadOnly: {
      type: Boolean,
      default: false
    },
    status: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      title: '',
      method: '',
      loading: false,
      reviewBys: [],
      inputForm: {
        cwFileInfoList2: [],
        sealType: '',
        reviewBy: '', // 下一个节点审核人
        reportNumber: '',
        reportType: '',
        businessType: '',
        auditBusinessType: '',
        reportDate: '',
        reportName: '',
        servedUnitName: '', // 被服务单位
        registerAddress: '',
        securityBusiness: '',
        businessLocation: '',
        auditFees: '',
        documentNo: '',
        projectName: '',
        projectNumber: '',
        officeId: '',
        signatureAnnotator1: '',
        signatureAnnotator1Name: '',
        signatureAnnotator2: '',
        signatureAnnotator2Name: '',
        signatureType: '',
        projectMasterName: '',
        cwProjectInfoList: [],
        status: '',
        realCreate: '',
        realCreateName: '',
        userName: '',
        detailFor1010: [],
        detailFor1020: [],
        detailFor1030: [],
        details: [],
        projectId: '',
        reportNewLineId: '',
        id: '',
        createDate: '',
        createBy: {
          id: '',
          name: ''
        },
        remarks: '',
        reportNo: '',
        reportReviewNo: '',
        allPrintNum: '',
        issueNum: '',
        placeOnFileNum: '',
        printedBy: '',
        checkAutograph: '',
        computerNo: '',
        reportTitleType: '',
        needUpdate1: '',
        needUpdate2: '',
        needUpdate3: '',
        remark1: '',
        remark2: '',
        remark3: '',
        opinionType: '',
        cwFileInfoList: [],
        servedUnitId: '',
        reviewStatus: '',
        repetitionReviewFlag: '',
        taskName: '',
        realHeaderName: '',
        projectMasterId1: '',
        projectMasterId2: '',
        industry: '',
        businessObjects: '',
        reviewComments0: '',
        reviewComments1: '',
        reviewComments2: '',
        sid1: '',
        sid2: '',
        reviewProcInsId: '',
        status1: '',
        status2: '',
        status3: '',
        rebackReason: '',
        revocationId: ''
      },
      keyWatch: '',
      activeName: 'enclosure',
      signatureName: 'archiveFile',
      tableKey: '',
      tableKeyClient: '1',
      tableKeyClient2: '1',
      tableKeyClient3: '1',
      created: '',
      projectReportArchiveService: null
    }
  },
  ReportCancellApplyService: null,
  ReportReviewService: null,
  enterpriseSearchService: null,
  commonApi: null,
  created() {
    this.enterpriseSearchService = new EnterpriseSearchService()
    this.reportCancellApplyService = new ReportCancellApplyService()
    this.reportReviewService = new ReportReviewService()
    this.commonApi = new CommonApi()
    this.detail = this.$route.query.detail;
  },
  computed: {
    bus: {
      get() {
        return this.businessId
      },
      set(val) {
        this.businessId = val
      }
    }
  },
  watch: {
    'keyWatch': {
      handler(newVal) {
        if (this.commonJS.isNotEmpty(this.bus)) {
          this.init('', this.bus)
        } else {
          this.$nextTick(() => {
            // this.$refs.inputForm.resetFields()
          })
        }
      }
    },
    'loading': {
      handler(newVal) {
        this.$emit('changeLoading', newVal)
      }
    }
  },
  components: {
    ReportServiceUnitForm,
    ProjectRecoredChooseCom,
    SelectTree,
    UserSelect,
    UserSelect2,
    UserSelectAll,
    UserSelect1,
    UserSelect3
    // ReportCancellApplyChooseCom
  },
  methods: {
    getKeyWatch(keyWatch) {
      this.keyWatch = keyWatch
    },
    init(method, id, detail) {
      console.log('method', method)
      console.log('detail', detail)
      this.activeName = 'enclosure'
      this.signatureName = 'archiveFile'
      this.reportCancellApplyService = new ReportCancellApplyService()
      this.reportReviewService = new ReportReviewService()
      this.projectReportArchiveService = new ProjectReportArchiveService()
      this.method = method
      this.inputForm = {
        reviewBy: '', // 下一个节点审核人
        sealType: '',
        reportNumber: '',
        reportType: '',
        businessType: '',
        auditBusinessType: '',
        reportDate: '',
        reportName: '',
        servedUnitName: '', // 被服务单位
        registerAddress: '',
        securityBusiness: '',
        businessLocation: '',
        auditFees: '',
        documentNo: '',
        projectName: '',
        projectNumber: '',
        officeId: '',
        signatureAnnotator1: '',
        signatureAnnotator1Name: '',
        signatureAnnotator2: '',
        signatureAnnotator2Name: '',
        signatureType: '',
        projectMasterName: '',
        cwProjectInfoList: [],
        status: '',
        realCreate: '',
        realCreateName: '',
        userName: '',
        detailFor1010: [],
        detailFor1020: [],
        detailFor1030: [],
        details: [],
        projectId: '',
        reportNewLineId: '',
        id: '',
        createDate: '',
        createBy: {
          id: '',
          name: ''
        },
        remarks: '',
        reportNo: '',
        reportReviewNo: '',
        allPrintNum: '',
        issueNum: '',
        placeOnFileNum: '',
        printedBy: '',
        checkAutograph: '',
        computerNo: '',
        reportTitleType: '',
        needUpdate1: '',
        needUpdate2: '',
        needUpdate3: '',
        remark1: '',
        remark2: '',
        remark3: '',
        opinionType: '',
        cwFileInfoList: [],
        cwFileInfoList2: [],
        servedUnitId: '',
        reviewStatus: '',
        repetitionReviewFlag: '',
        taskName: '',
        realHeaderName: '',
        projectMasterId1: '',
        projectMasterId2: '',
        industry: '',
        businessObjects: '',
        sid1: '',
        sid2: '',
        reviewProcInsId: '',
        status1: '',
        status2: '',
        status3: '',
        rebackReason: '',
        revocationId: ''
      },
        this.inputForm.id = id
      this.loading = false

      this.reviewBys = []
      this.$nextTick(() => {
        // this.$refs.inputForm.resetFields()

        this.loading = true
        projectReportService.queryByReId(this.inputForm.id).then((data) => {
          this.inputForm = this.recover(this.inputForm, data)
          console.log(data)
          console.log(this.inputForm.status1)
          this.inputForm = JSON.parse(JSON.stringify(this.inputForm))
          if (this.commonJS.isEmpty(this.inputForm.createDate)) {
            this.inputForm.createDate = this.moment(new Date()).format('YYYY-MM-DD')
          }
          if (this.commonJS.isEmpty(data.details)) {
            this.reportReviewService.list('1').then((data) => { this.detailDivide(data) })
          } else {
            this.detailDivide(data.details)
          }
          if (this.commonJS.isNotEmpty(data.procInsId3)) {
            this.reportReviewService.getProcessStatus(data.procInsId3).then((data) => {
              this.inputForm.taskName = data
            })
          }
          //当前登录人是苏州报告签字盖章代办且签章附件不为空的时候,进入页面展示已签章附件
          if (this.commonJS.isNotEmpty(data.signatureFileList) && data.isXs === '1') {
            this.signatureName = 'signatureFile'
          }
          if (data.reviewBys) {
            data.reviewBys.forEach(re => {
              let va = {
                label: re.name,
                value: re.sysUserId
              }
              this.reviewBys.push(va)
            })
          }
          if (this.status === 'taskFormDetail' || this.status === 'audit') {
            this.method = 'view'
          } else {
            this.method = 'false'
          }
          if (this.commonJS.isEmpty(this.inputForm.signatureType) && this.method !== 'view') {
            this.inputForm.signatureType = '1'
          }
          let sFiles = ''
          console.log('data.cwFileInfoList', data.cwFileInfoList)
          if (this.commonJS.isNotEmpty(data.cwFileInfoList)) {
            sFiles = data.cwFileInfoList.map(file => {
              if (this.commonJS.isNotEmpty(file.sealType)) {
                if (file.sealType === '1') {
                  return file.sealType
                }
              }
            }).join(',')
          } else {
            this.inputForm.cwFileInfoList = []
          }

          this.reportReviewService.queryByReportId(this.inputForm.id).then((review) => {
            if (review.procInsId) {
              this.inputForm.reviewProcInsId = review.procInsId
              this.commonApi.getTaskNameByProcInsId(review.procInsId).then((da) => {
              })
            }

          })
          this.loading = false
        })
      })
    },
    detailDivide(details) {
      this.inputForm.detailFor1010 = []
      this.inputForm.detailFor1020 = []
      this.inputForm.detailFor1030 = []
      details.forEach(item => {
        if (item.sort.toString().startsWith('1010')) {
          this.inputForm.detailFor1010.push(item)
          this.tableKeyClient = Math.random()
        }
        if (item.sort.toString().startsWith('1020')) {
          this.inputForm.detailFor1020.push(item)
          this.tableKeyClient2 = Math.random()
        }
        if (item.sort.toString().startsWith('1030')) {
          this.inputForm.detailFor1030.push(item)
          this.tableKeyClient3 = Math.random()
        }
      })
    },
    /* openContractForm () {
      if (!this.commonJS.isEmpty(this.inputForm.contractId)) {
        this.$refs.reportCancellApplyChooseCom.init()
      } else {
        this.$refs.reportCancellApplyChooseCom.init()
      }
    }, */
    /* getContract (row) {
      this.inputForm.projectName = row.projectName // 项目名称
      this.inputForm.projectId = row.id // 项目id
      this.inputForm.projectMasterName = row.projectMasterName // 项目经理
      this.inputForm.reportNo = row.reportNo // 报告文号
      this.inputForm.reportNewLineId = row.reportNewLineId // 新建行id
      this.inputForm.reportSponsor = row.reportSponsor // 报告主办人
      this.clearClientList()
      this.$forceUpdate()
    }, */
    clearClientList() {
      // 项目直接对接联系人列表清除
      this.inputForm.clientList = []
      this.$forceUpdate()
    },
    saveForm(callback) {
      this.doSubmit('save', callback)
    },
    startForm(callback) {
      this.loading = true
      if (this.commonJS.isNotEmpty(this.inputForm.id)) {
        projectReportService.queryByReId(this.inputForm.id).then((data) => {
          if (this.commonJS.isNotEmpty(data.rebackStatus) && data.rebackStatus !== '0' && data.rebackStatus !== '1' && data.rebackStatus !== '3') { // 审核状态不是“未发起”或“暂存”或“撤回”，就弹出提示
            if (data.rebackStatus === '5') {
              this.doSubmit('start', callback)
            } else {
              this.loading = false
              this.$message.error('任务数据已发生改变或不存在，请在待办任务中确认此任务是否存在')
              throw new Error('任务数据已发生改变或不存在，请在待办任务中确认此任务是否存在')
            }
          } else {
            this.doSubmit('start', callback)
          }
        })
      } else {
        this.doSubmit('start', callback)
      }
    },
    async agreeForm(callback) {
      this.loading = true
      await projectReportService.queryByReId(this.inputForm.id).then((data) => {
        if (data.rebackStatus !== '2') { // 审核状态不是“待审核”，就弹出提示
          this.loading = false
          this.$message.error('任务数据已发生改变或不存在，请在待办任务中确认此任务是否存在')
          throw new Error()
        } else {
          this.doSubmit('agree', callback)
        }
      })
    },
    reapplyForm(callback) {
      this.loading = true
      projectReportService.queryByReId(this.inputForm.id).then((data) => {
        if (data.rebackStatus !== '4') { // 审核状态不是“驳回”，就弹出提示
          this.loading = false
          this.$message.error('任务数据已发生改变或不存在，请在待办任务中确认此任务是否存在')
          throw new Error('任务数据已发生改变或不存在，请在待办任务中确认此任务是否存在')
        } else {
          this.doSubmit('reapply', callback)
        }
      })
    },
    // 表单提交
    doSubmit(status, callback) {
      if (status === 'save') {
        // 暂存
        this.inputForm.rebackStatus = '1'
        this.loading = true
        projectReportService.saveRevocation(this.inputForm).then((data) => {
          callback(data.businessTable, data.businessId, this.inputForm)
          this.loading = false
        }).catch(() => {
          this.loading = false
        })
        return
      } else if (status === 'start') {
        if (this.commonJS.isEmpty(this.inputForm.rebackReason)) {
          this.loading = false
          this.$message.error('请填写撤回原因')
          return
        }
        // 送审  待审核
        this.inputForm.rebackStatus = '2'
        this.inputForm.assignee = this.inputForm.reviewBy
      } else if (status === 'agree') {
        // 审核同意
        this.inputForm.rebackStatus = '5'
      } else if (status === 'reapply') {
        this.inputForm.rebackStatus = '2'
        this.inputForm.assignee = this.inputForm.reviewBy
      }
      this.$refs['inputForm2'].validate((valid) => {
        if (valid) {
          this.loading = true
          // 会在用户点击 撤回签章 的时候查询报告归档数据
          if (status == "start") {
            this.projectReportArchiveService.list({
              size: 10,
              current: 1,
              cwProjectRecordsDTO: {
                projectName: '',
                projectMasterName: '',
                realHeaderName: '',
              },
              reportNo: this.inputForm.reportNo
            }).then(res => {
              if (res.records.length > 0) {
                // 若数据存在则进行终止流程，删除归档数据操作
                if (res.records[0].procInsId != '' && res.records[0].procInsId && res.records[0].procInsId != null) {
                  processService.stop(res.records[0].procInsId, "撤回签章自动终止").then((data) => {
                    this.projectReportArchiveService.deleteById(res.records[0].id)
                  })
                  // 若当前归档没有发起流程则删除归档数据即可
                } else {
                  this.projectReportArchiveService.deleteById(res.records[0].id)
                }

              }
            })
          }
          console.log('this.inputForm', this.inputForm)
          projectReportService.saveRevocation(this.inputForm).then((data) => {
            callback(data.businessTable, data.businessId, this.inputForm)
            this.loading = false
          }).catch(() => {
            this.loading = false
          })
        } else {
          this.loading = false
        }
      })
    },
    async updateStatusById(type, callback) {
      this.loading = true
      if (type === 'reject' || type === 'reback') {
        await projectReportService.queryByReId(this.inputForm.id).then((data) => {
          if (data.rebackStatus !== '2') { // status的值不等于“审核中”就弹出提示
            this.loading = false
            this.$message.error('任务数据已发生改变或不存在，请在待办任务中确认此任务是否存在')
            throw new Error()
          } else {
            if (type === 'reject') {
              let param = { rebackStatus: '4', revocationId: this.inputForm.revocationId }
              projectReportService.updateStatusByIdRe(param).then(() => {
                callback()
                this.loading = false
              })
            }
            if (type === 'reback') {
              // 撤回
              let param = { rebackStatus: '3', revocationId: this.inputForm.revocationId }
              projectReportService.updateStatusByIdRe(param).then(() => {
                callback()
                this.loading = false
              })
            }
          }
        })
      } else if (type === 'hold') {
        projectReportService.queryByReId(this.inputForm.id).then((data) => {
          if (data.rebackStatus !== '4') { // status的值不等于“驳回”就弹出提示
            this.loading = false
            this.$message.error('任务数据已发生改变或不存在，请在待办任务中确认此任务是否存在')
            throw new Error()
          } else {
            // 终止
            let param = { rebackStatus: '1', revocationId: this.inputForm.revocationId }
            projectReportService.updateStatusByIdRe(param).then(() => {
              callback()
              this.loading = false
            })
          }
        })
      }
    },
    // 这个方法是这个之前这个页面的驳回方法，现在粘出来复用
    rejectOn(callback) {
      // 驳回
      let param = { rebackStatus: '4', revocationId: this.inputForm.revocationId }
      projectReportService.updateStatusByIdRe(param).then(() => {
        callback()
        this.loading = false
      })
    },
    close() {
      this.inputForm = {
        id: '',
        createDate: '',
        createBy: {
          id: '',
          name: this.$store.state.user.name
        },
        remarks: '',
        reportNo: '',
        reportReviewNo: '',
        allPrintNum: '',
        issueNum: '',
        placeOnFileNum: '',
        printedBy: '',
        checkAutograph: '',
        computerNo: '',
        reportTitleType: '',
        needUpdate1: '',
        remark1: '',
        opinionType: '',
        reportSponsor: '',
        projectMasterName: '',
        tableKeyClient: '1',
        realHeaderName: '',
        projectMasterId1: '',
        projectMasterId2: '',
        industry: '',
        businessObjects: ''
      }
      this.detail = ''
      this.reviewBys = []
      // this.$refs.inputForm.resetFields()
    },
    tabHandleClick(event) {
      // console.log(event)
    },
    // 删除
    removeEvent(row, rowIndex, type) {
      if (type === 'client') {
        this.$refs.clientTable.remove(row)
      }
    },
    openContractForm() {
      if (!this.commonJS.isEmpty(this.inputForm.contractId)) {
        // this.$refs.projectInfoForm.init(this.inputForm.contractId)
        this.$refs.projectRecoredChooseCom.init(this.inputForm.contractId)
      } else {
        this.$refs.projectRecoredChooseCom.init()
        // this.$refs.projectInfoForm.init()
      }
    },
    getContract(row) {
      // console.log('row', row)
      this.inputForm.projectName = row.projectName // 项目名称
      this.inputForm.projectId = row.id // 项目id
      this.inputForm.projectNumber = row.projectNumber // 项目编号
      this.inputForm.projectMasterName = row.projectMasterName // 项目经理
      this.clearClientList()
      this.$forceUpdate()
      this.inputForm.cwProjectInfoList = []
    },
    openWorkClient() {
      this.$refs.reportServiceUnitForm.init(this.inputForm.projectId)
    },
    getWorkClientChoose(row) {
      this.inputForm.servedUnitName = row.name
      this.inputForm.servedUnitId = row.id
      this.inputForm.sealType = '未盖章'
      // this.tableKeyClient = Math.random()
    },
    changeBusinessType() {
      // 切换业务类型的时候，审计业务类型清空
      this.inputForm.auditBusinessType = ''
    },
    changeSignatory1(value) {
      if (this.inputForm.signatureAnnotator2 === value && this.commonJS.isNotEmpty(value)) {
        this.$message.warning('首次发行签字注师1和首次发行签字注师2不可以相同')
        this.$nextTick(() => {
          this.inputForm.signatureAnnotator1 = ''
          this.$refs.userSelect1.changeNameValue('')
          this.$refs.userSelect1.clearSelectData()
          this.$forceUpdate()
        })
      } else if (this.commonJS.isNotEmpty(this.inputForm.signatureAnnotator2) &&
        this.inputForm.projectMasterId1 !== this.inputForm.signatureAnnotator2 &&
        this.inputForm.projectMasterId2 !== this.inputForm.signatureAnnotator2 &&
        this.inputForm.projectMasterId1 !== value &&
        this.inputForm.projectMasterId2 !== value &&
        this.commonJS.isNotEmpty(value)) {
        this.$message.warning('签字注师1和签字注师2至少有一个与项目经理相同')
        this.$nextTick(() => {
          this.inputForm.signatureAnnotator1 = ''
          this.$refs.userSelect1.changeNameValue('')
          this.$refs.userSelect1.clearSelectData()
          this.$forceUpdate()
        })
      } else {
        this.inputForm.signatureAnnotator1 = value
      }
    },
    changeSignatory2(value) {
      if (this.inputForm.signatureAnnotator1 === value && this.commonJS.isNotEmpty(value)) {
        this.$message.warning('首次发行签字注师1和首次发行签字注师2不可以相同')
        this.$nextTick(() => {
          this.inputForm.signatureAnnotator2 = ''
          this.$refs.userSelect2.changeNameValue('')
          this.$refs.userSelect2.clearSelectData()
          this.$forceUpdate()
        })
      } else if (this.commonJS.isNotEmpty(this.inputForm.signatureAnnotator1) &&
        this.inputForm.projectMasterId1 !== this.inputForm.signatureAnnotator1 &&
        this.inputForm.projectMasterId2 !== this.inputForm.signatureAnnotator1 &&
        this.inputForm.projectMasterId1 !== value && this.commonJS.isNotEmpty(value) &&
        this.inputForm.projectMasterId2 !== value) {
        this.$message.warning('签字注师1和签字注师2至少有一个与项目经理相同')
        this.$nextTick(() => {
          this.inputForm.signatureAnnotator2 = ''
          this.$refs.userSelect2.changeNameValue('')
          this.$refs.userSelect2.clearSelectData()
          this.$forceUpdate()
        })
      } else {
        this.inputForm.signatureAnnotator2 = value
      }
    },

    changeValue(now) {
      this.inputForm.detailFor1010.forEach(res => {
        res.reviewComments = now.value
      })
    },
    changeValue1(now) {
      this.inputForm.detailFor1020.forEach(res => {
        res.reviewComments = now.value
      })
    },
    changeValue2(now) {
      this.inputForm.detailFor1030.forEach(res => {
        res.reviewComments = now.value
      })
    },
    clickSign() {
      projectReportService.saveFlowableParam(this.inputForm).then((data) => {
        window.open(data, '_blank')
      })
    },
    jobScheduler() {
      this.interVal = setInterval(() => {
        console.log('正在访问签章状态...')
        console.log(this.inputForm)
        if (this.inputForm.signatureType === '1') {
          projectReportService.getAuditNodeByReportId(this.inputForm.sid1).then((data) => {
            console.log('进来了', data)
            if (data.success) {
              projectReportService.getSignatureTypeById(this.inputForm.sid1, data.signatureType).then((sign) => {
                if (sign.signatureType === '1') {
                  console.log('sign.signatureType', sign.signatureType)
                  console.log('签章已完成,展示‘同意’按钮')
                  this.$emit('callBackFunc', 'show')
                  this.$refs.archiveFile.hideSign() // 隐藏签章按钮
                  clearInterval(this.interVal)
                  this.showConfirm() // 提示签章操作已完成
                }
              })
            }
          })
        }
        if (this.inputForm.signatureType === '2') {
          projectReportService.getAuditNodeByReportId(this.inputForm.sid2).then((data) => {
            if (data.success) {
              projectReportService.getSignatureTypeById(this.inputForm.sid2, data.signatureType).then((sign) => {
                if (sign.signatureType === '1') {
                  console.log('签章已完成,展示‘同意’按钮')
                  this.$emit('callBackFunc', 'show')
                  this.$refs.archiveFile.hideSign() // 隐藏签章按钮
                  clearInterval(this.interVal)
                  this.showConfirm() // 提示签章操作已完成
                }
              })
            }
          })
        }
      }, 2000)
    },
    showConfirm() {
      this.$confirm(`签章操作已完成，请进行审核操作`, '提示', {
        confirmButtonText: '确定',
        type: 'warning'
      })
    },
    openUserDia1() {
      this.$refs.userSelect1.init()
    },
    selectUser1(user) {
      console.log(user[0].name)
      this.inputForm.signatureAnnotator1Name = user[0].name
      this.inputForm.signatureAnnotator1 = user[0].id
    },
    openUserDia2() {
      this.$refs.userSelect2.init()
    },
    selectUser2(user) {
      console.log(user[0].name)
      this.inputForm.signatureAnnotator2Name = user[0].name
      this.inputForm.signatureAnnotator2 = user[0].id
    },
    openUserDia3() {
      this.$refs.userSelect3.init()
    },
    selectUser3(user) {
      console.log(user[0].name)
      this.inputForm.realCreateName = user[0].name
      this.inputForm.realCreate = user[0].id
    },


  }
}
</script>
<style scoped>
/deep/ .el-input-number .el-input__inner {
  text-align: left;
}

/deep/ .vxe-select-option {
  padding: 0 .6em;
  max-width: 600px;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
</style>
