yf-admin-ui/src/views/iosBasicData/bcorps/detailsPage.vue

<template>
  <dev>
    <el-card class="box-card">
      <el-form ref="userDataForm" :rules="rules" :model="formData" size="medium" label-width="100px">
        <div class="head">
          <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
            @click="backToList">返回列表
          </el-button>
          <h4 style="margin: 0">往来单位</h4>
          <dev>
            <el-button type="primary" @click="submitForm">保存</el-button>
          </dev>
        </div>
        <el-row style="display: flex; flex-direction: row; align-items: center;">
          <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;">
          </div>
          <h4>详情（必填）</h4>
        </el-row>
        <el-row gutter="15">
          <el-col :span="8">
            <el-form-item label="客户分类" prop="corpType">
              <!-- <el-select v-model="formData.corpType" placeholder="请选择客户分类" clearable :style="{ width: '100%' }">
              <el-option v-for="(item, index) in field102Options" :key="index" :label="item.label" :value="item.value"
                :disabled="item.disabled"></el-option>
            </el-select> -->
              <avue-input-tree :check-strictly="true" @change="corpTypeChange" multiple v-model="formData.corpTypeList"
                placeholder="请选择客户分类" :props="{ label: 'cnName', value: 'id', disabled: 'status' }"
                :dic="customTypeData" :style="{ width: '100%' }"></avue-input-tree>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="客户编号" prop="code">
              <!-- <el-select v-model="formData.code" placeholder="请选择客户编号" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in field103Options" :key="index" :label="item.label"
                :value="item.value" :disabled="item.disabled"></el-option>
            </el-select> -->
              <el-input v-model="formData.code" placeholder="请输入客户编号" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="客户简称" prop="shortName">
              <!-- <el-select v-model="formData.shortName" placeholder="请选择客户简称" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in field104Options" :key="index" :label="item.label"
                :value="item.value" :disabled="item.disabled"></el-option>
            </el-select> -->
              <el-input v-model="formData.shortName" placeholder="请输入客户简称" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="16">
            <el-form-item label="客户名称" prop="cnName">
              <el-input v-model="formData.cnName" placeholder="请输入客户名称" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="信用代码" prop="uscc">
              <el-input v-model="formData.uscc" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="16">
            <el-form-item label="英文名称" prop="enName">
              <el-input v-model="formData.enName" placeholder="请输入英文名称" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <!-- <el-form-item label="英文地址" prop="enAddr">
              <el-input v-model="formData.enAddr" placeholder="请输入英文地址" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item> -->
            <el-form-item label="邮箱" prop="email">
              <el-input v-model="formData.email" placeholder="请输入邮箱" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row gutter="15">
          <el-col :span="16">
            <el-form-item label="中文地址" prop="cnAddr">
              <el-input v-model="formData.cnAddr" placeholder="请输入中文地址" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="备注" prop="remarks">
              <el-input v-model="formData.remarks" placeholder="请输入备注" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row gutter="15">
          <el-col :span="16">
            <el-form-item label="英文地址" prop="enAddr">
              <el-input v-model="formData.enAddr" placeholder="请输入英文地址" clearable :style="{ width: '100%' }">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="状态" prop="status">
              <el-select v-model="formData.status" placeholder="请选择状态" clearable :style="{ width: '100%' }">
                <el-option v-for="(item, index) in statusOptions" :key="index" :label="item.label" :value="item.value"
                  :disabled="item.disabled"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-card>
    <el-card class="box-card">
      <el-form :model="formData" size="medium" label-width="100px" ref="customerDetailsForm" :rules="rules">
        <el-row gutter="15">
          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="客户详情" name="kgxq">
              <el-col :span="8">
                <el-form-item label="企业类型" prop="enterpriseType">
                  <el-select v-model="formData.enterpriseType" size="small" placeholder="请选择信用等级" clearable
                    :style="{ width: '100%' }">
                    <el-option v-for="(item, index) in enterpriseTypeDict" :key="index" :label="item.dictValue"
                      :value="item.dictKey" :disabled="item.disabled"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="业务来源" prop="sourceType">
                  <el-row :gutter="10">
                    <el-col :span="10">
                      <search-query :datalist="sourceTypeData" :selectValue="formData.sourceType" :filterable="true"
                        :clearable="true" :remote="true" :buttonIf="false" placeholder="请选择业务来源"
                        @corpChange="sourceCorp($event, 'sourceType')">
                      </search-query>
                    </el-col>
                    <el-col :span="13">
                      <search-query :datalist="srcData" :selectValue="formData.srcCnName" :filterable="true"
                        :clearable="true" :remote="true" :disabled="!formData.sourceType" :buttonIf="false"
                        :forParameter="sourceforParameter" placeholder="请选择来源明细"
                        @remoteMethod="sourceRemote($event, 'srcCnName')" @corpChange="sourceCorp($event, 'srcCnName')"
                        @corpFocus="sourceRemote($event, 'srcCnName')">
                      </search-query>
                    </el-col>
                  </el-row>
                  <!--<el-input v-model="formData.sourceType" placeholder="请输入业务来源" clearable :style="{ width: '100%' }">-->
                  <!--</el-input>-->

                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="客户来源" prop="corpSource">
                  <template slot-scope="{}" slot="label">
                    <span style="color: #409EFF;cursor: pointer" @click.stop="addDic('客户来源')">客户来源</span>
                  </template>
                  <el-select v-model="formData.corpSource" size="small" placeholder="请选择客户来源" clearable
                    :style="{ width: '100%' }">
                    <el-option v-for="(item, index) in corpSourceDict" :key="index" :label="item.dictValue"
                      :value="item.dictKey" :disabled="item.disabled"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="国家" prop="cntyCode">
                  <search-query ref="SearchQuery" :datalist="cntyOptions" title="国家" :filterable="true"
                    :clearable="true" :remote="true"
                    :forParameter="{ key: 'id', label: 'cnName', value: 'code', disabled: 'status' }"
                    :disabledStatus="1" :selectValue="formData.cntyCode" placeholder="请选择国家"
                    @remoteMethod="bcountrysListfun" @corpChange="bcountrysChange">
                    <bcountrys></bcountrys>
                  </search-query>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="优势航线" prop="advantageRoute">
                  <search-query ref="SearchQuery" :datalist="advantageData" :selectValue="formData.advantageRoute"
                    title="优势航线" :filterable="true" :clearable="true" :remote="true" placeholder="请选择优势航线"
                    :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" @corpFocus="blinesListfun"
                    @remoteMethod="blinesListfun" @corpChange="blinesChange">
                    <blines></blines>
                  </search-query>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="海关号" prop="customsCode">
                  <el-input v-model="formData.customsCode" size="small" placeholder="请输入海关号" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="负责人" prop="mgrName">
                  <el-input v-model="formData.mgrName" size="small" placeholder="请输入负责人" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="联系人电话" prop="tel">
                  <el-input v-model="formData.tel" size="small" placeholder="请输入联系人电话" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="传真" prop="fax">
                  <el-input v-model="formData.fax" size="small" placeholder="请输入传真" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="SCAC码" prop="scacCode">
                  <el-input v-model="formData.scacCode" size="small" placeholder="请输入SCAC码" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="维护人员" prop="maintenanceStaffName">
                  <!--<el-input v-model="formData.maintenanceStaffName" size="small" placeholder="请输入维护人员" clearable-->
                  <!--  :style="{ width: '100%' }">-->
                  <!--</el-input>-->
                  <search-query :datalist="maintenanceStaffData" :selectValue="formData.maintenanceStaffName"
                    :filterable="true" :clearable="true" :buttonIf="false" placeholder="请选择维护人员"
                    :forParameter="{ key: 'id', label: 'name', value: 'name' }"
                    @corpChange="maintenanceStaffChange($event, 'maintenanceStaffName')" @corpFocus="selectListLosfun">
                  </search-query>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="操作员" prop="salesId">
                  <!-- <el-input v-model="formData.salesId" placeholder="请输入业务员" clearable :style="{ width: '100%' }"> -->
                  <el-select v-model="formData.salesId" size="small" filterable @change="salesChange"
                    placeholder="请选择操作员" clearable :style="{ width: '100%' }">
                    <el-option v-for="(item, index) in salesData" :key="index" :label="item.realName" :value="item.id"
                      :disabled="item.disabled"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <!-- <el-col :span="8">
              <el-form-item label="所属单位编号" prop="field125">
                <el-input v-model="formData.field125" placeholder="请输入所属单位编号" clearable :style="{width: '100%'}">
                </el-input>
              </el-form-item>
            </el-col> -->
              <el-col :span="8">
                <el-form-item label="所属单位名称" prop="corpName">
                  <el-input v-model="formData.corpName" size="small" placeholder="请输入名称" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="信用等级" prop="creditLevel">
                  <el-select v-model="formData.creditLevel" size="small" placeholder="请输入信用等级" clearable
                    :style="{ width: '100%' }">
                    <el-option v-for="(item, index) in creditLevelDict" :key="index" :label="item.dictValue"
                      :value="item.dictKey" :disabled="item.disabled"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="内部报价 PS 规则" label-width="120" prop="psRate">
                  <el-input v-model="formData.psRate" placeholder="请输入内部报价PS规则" clearable :style="{ width: '50%' }"
                    @input="psRateValid(formData, 'psRate')" @blur="psRateBlue('psRate')" />
                  <!--<el-input-number v-model="formData.psRate" controls-position="right" @change="handleChange" :min="0"-->
                  <!--  :precision="2" :step="1" :style="{ width: '100%' }"></el-input-number>-->
                  <!--  <search-query :datalist="psRateData"-->
                  <!--                :selectValue="formData.psRate"-->
                  <!--                :filterable="true"-->
                  <!--                :clearable="true"-->
                  <!--                :buttonIf="false"-->
                  <!--                :forParameter="{key:'dictKey',label:'dictValue',value:'dictKey'}"-->
                  <!--                @corpChange="psRateChange($event,'psRate')"-->
                  <!--                @corpFocus="psRateWorkDictsfun">-->
                  <!--  </search-query>-->
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="外部报价 PS 规则" label-width="120" prop="psRateExternal">
                  <el-input v-model="formData.psRateExternal" placeholder="请输入外部报价PS规则" clearable
                    :style="{ width: '50%' }" @input="psRateValid(formData, 'psRateExternal')"
                    @blur="psRateBlue('psRateExternal')" />
                  <!--<el-input-number v-model="formData.psRate" controls-position="right" @change="handleChange" :min="0"-->
                  <!--  :precision="2" :step="1" :style="{ width: '100%' }"></el-input-number>-->
                  <!--  <search-query :datalist="psRateData"-->
                  <!--                :selectValue="formData.psRate"-->
                  <!--                :filterable="true"-->
                  <!--                :clearable="true"-->
                  <!--                :buttonIf="false"-->
                  <!--                :forParameter="{key:'dictKey',label:'dictValue',value:'dictKey'}"-->
                  <!--                @corpChange="psRateChange($event,'psRate')"-->
                  <!--                @corpFocus="psRateWorkDictsfun">-->
                  <!--  </search-query>-->
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="分管员" prop="adminProfiles">
                  <el-select v-model="formData.adminProfilesList" size="small" multiple @change="adminProfilesChange"
                    filterable placeholder="请选择分管员" :style="{ width: '100%' }">
                    <el-option v-for="(item, index) in userOptions" :key="index" :label="item.realName" :value="item.id"
                      :disabled="item.disabled">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="船公司约号" prop="carrierArgreementNo">
                  <el-input v-model="formData.carrierArgreementNo" size="small" placeholder="请输入船公司约号" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="存在HP/S" prop="isPs">
                  <el-switch v-model="formData.isPs" size="small" :active-value="1" :inactive-value="0" active-text="开启"
                    inactive-text="关闭"></el-switch>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="允许付大于收" prop="psAllowLargeCredit">
                  <el-switch v-model="formData.psAllowLargeCredit" size="small" :active-value="1" :inactive-value="0"
                    active-text="开启" inactive-text="关闭"></el-switch>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="是否已签约" prop="isSigned">
                  <el-switch v-model="formData.isSigned" size="small" :active-value="1" :inactive-value="0"
                    active-text="是" inactive-text="否"></el-switch>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="是否VIP" prop="vip">
                  <el-switch v-model="formData.vip" size="small" :active-value="1" :inactive-value="0" active-text="是"
                    inactive-text="否"></el-switch>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="协议号" prop="agreementNo">
                  <el-input v-model="formData.agreementNo" size="small" placeholder="请输入协议号" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="港口" prop="addressCname">
                  <dic-select v-model="formData.addressCname" placeholder="港口" key="id" label="cnName" res="records"
                  url="/blade-los/bports/list" :filterable="true" :remote="true" dataName="cnName"
                  @selectChange="dicChange('addressCname', $event)" :disabled="editDisabled"></dic-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="详情信息" prop="details">
                  <el-input v-model="formData.details" size="small" type="textarea" placeholder="请输入详情信息"
                    :autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
                </el-form-item>
              </el-col>
            </el-tab-pane>
            <el-tab-pane label="EDI数据" name="edi">
              <el-col :span="8">
                <el-form-item label="海运邮箱" prop="seaEmail">
                  <el-input v-model="formData.seaEmail" size="small" placeholder="请输入海运邮箱" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="空运邮箱" prop="airEmail">
                  <el-input v-model="formData.airEmail" size="small" placeholder="请输入空运邮箱" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="国际编码" prop="unCode">
                  <el-input v-model="formData.unCode" size="small" placeholder="请输入国际编码" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="iGenZong 代码" prop="igenzongCode">
                  <el-input v-model="formData.igenzongCode" size="small" placeholder="请输入iGenZong 代码" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="美线约号" prop="amLineAgreementno">
                  <el-input v-model="formData.amLineAgreementno" size="small" placeholder="请输入美线约号" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="船公司代码" prop="carrierCode">
                  <el-input v-model="formData.carrierCode" size="small" placeholder="请输入船公司代码" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="场站三字码" prop="cyCode">
                  <el-input v-model="formData.cyCode" size="small" placeholder="请输入场站三字码" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="CMA Laracode" prop="cmaLaracode">
                  <el-input v-model="formData.cmaLaracode" size="small" placeholder="请输入CMA Laracode" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="CMA Location" prop="cmaLocation">
                  <el-input v-model="formData.cmaLocation" size="small" placeholder="请输入CMA Location" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="ZIM CUCC" prop="zimCucc">
                  <el-input v-model="formData.zimCucc" size="small" placeholder="请输入ZIM CUCC" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="关贸云编码" prop="gmyCode">
                  <el-input v-model="formData.gmyCode" size="small" placeholder="请输入关贸云编码" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="INTRRA ICUA" prop="inttraIcua">
                  <el-input v-model="formData.inttraIcua" size="small" placeholder="请输入INTRRA ICUA" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="INTRRA CODE" prop="inttraCode">
                  <el-input v-model="formData.inttraCode" size="small" placeholder="请输入INTRRA CODE" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="INTRRA ICUA 联系人" prop="inttraIcuaAttn" label-width="140px">
                  <el-input v-model="formData.inttraIcuaAttn" size="small" placeholder="请输入INTRRA ICUA 联系人" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="INTRRA ICUA Email" prop="inttraIcuaEmail" label-width="140px">
                  <el-input v-model="formData.inttraIcuaEmail" size="small" placeholder="请输入INTRRA ICUA Email" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="EDI 格式名称" prop="ediFmt">
                  <el-input v-model="formData.ediFmt" size="small" placeholder="请输入EDI 格式名称" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="EDI FTP 地址" prop="ediFtp">
                  <el-input v-model="formData.ediFtp" size="small" placeholder="请输入EDI FTP 地址" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="EDI 邮箱" prop="ediEmail">
                  <el-input v-model="formData.ediEmail" size="small" placeholder="请输入EDI 邮箱" clearable
                    :style="{ width: '100%' }">
                  </el-input>
                </el-form-item>
              </el-col>
            </el-tab-pane>
            <el-tab-pane label="财务信息" name="cwxx">
              <!-- <el-row style="display: flex; flex-direction: row; align-items: center;">
              <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;"></div>
              <h4>人民币（RMB）</h4>
            </el-row>
            <el-row gutter="15">
              <el-col :span="8">
                <el-form-item label="账号名称" prop="field136">
                  <el-input v-model="formData.field136" placeholder="请输入账号名称" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="开户银行" prop="field137">
                  <el-input v-model="formData.field137" placeholder="请输入开户银行" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="银行账号" prop="field138">
                  <el-input v-model="formData.field138" placeholder="请输入银行账号" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="CNAPS" prop="field139">
                  <el-input v-model="formData.field139" placeholder="请输入CNAPS" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="银行地址" prop="field140">
                  <el-input v-model="formData.field140" placeholder="请输入银行地址" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="display: flex; flex-direction: row; align-items: center;">
              <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;"></div>
              <h4>外币银行信息</h4>
            </el-row>
            <el-row gutter="15">
              <el-col :span="8">
                <el-form-item label="账号名称" prop="accountName">
                  <el-input v-model="formData.accountName" placeholder="请输入账号名称" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="开户银行" prop="accountBank">
                  <el-input v-model="formData.accountBank" placeholder="请输入开户银行" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="银行账号" prop="accountNo">
                  <el-input v-model="formData.accountNo" placeholder="请输入银行账号" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="Swift Code" prop="swiftCode">
                  <el-input v-model="formData.swiftCode" placeholder="请输入Swift Code" clearable
                    :style="{width: '100%'}"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="银行地址" prop="address">
                  <el-input v-model="formData.address" placeholder="请输入银行地址" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
            </el-row> -->
              <el-row style="display: flex; flex-direction: row; align-items: center;">
                <div
                  style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;">
                </div>
                <h4>授信信息</h4>
                <el-form-item label="授信状态" prop="creditStatus">
                  <el-switch style="margin-bottom:0" active-value="1" inactive-value="0" v-model="formData.creditStatus"
                    active-text="开启" inactive-text="关闭"></el-switch>
                </el-form-item>
              </el-row>
              <el-row gutter="15">
                <el-col :span="8">
                  <el-form-item label="授信额度" prop="creditGrant">
                    <el-input v-model="formData.creditGrant" placeholder="请输入授信额度" clearable :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="授信天数" prop="creditDay">
                    <el-input v-model="formData.creditDay" placeholder="请输入授信天数" clearable :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="授信利率" prop="creditRate">
                    <el-input v-model="formData.creditRate" placeholder="请输入授信利率" clearable :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="授信币种" prop="creditCur">
                    <el-input v-model="formData.creditCur" placeholder="请输入授信币种" clearable :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="付款方式" prop="paymentType">
                    <el-input v-model="formData.paymentType" placeholder="请输入付款方式" clearable :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="账期设置" prop="accountPeriodType">
                    <!-- <el-input v-model="formData.accountPeriodType" placeholder="请输入账期设置" clearable
                      :style="{ width: '100%' }">
                    </el-input> -->
                    <el-select v-model="formData.accountPeriodType" placeholder="请选择账期设置" style="width: 100%;">
                      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="最大欠款额" prop="maxArrears">
                    <el-input v-model="formData.maxArrears" placeholder="请输入最大欠款额" clearable :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="绩效系数" prop="performanceRate">
                    <el-input v-model="formData.performanceRate" placeholder="请输入绩效系数" clearable
                      :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="增值税率" prop="taxRate">
                    <el-input v-model="formData.taxRate" placeholder="请输入增值税率" clearable :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="天数" prop="days">
                    <el-input v-model="formData.days" placeholder="请输入天数" clearable :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="结清月份" prop="settlementMonth">
                    <el-input v-model="formData.settlementMonth" placeholder="请输入结清月份" clearable
                      :style="{ width: '100%' }">
                    </el-input>
                    <!-- <el-date-picker v-model="formData.settlementMonth" type="month" placeholder="选择结清月份"
                      style="width:100%" format="yyyy-MM" value-format="yyyy-MM">
                    </el-date-picker> -->
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="结清天数" prop="settlementDays">
                    <el-input v-model="formData.settlementDays" placeholder="请输入结清天数" clearable
                      :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="日利息万分" prop="dailyInterest">
                    <el-input v-model="formData.dailyInterest" placeholder="请输入日利息万分" clearable
                      :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="最大欠款" prop="taxRate">
                    <el-input v-model="formData.maximumOutstandingDebt" placeholder="请输入最大欠款" clearable
                      :style="{ width: '100%' }">
                    </el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <!-- <el-row style="display: flex; flex-direction: row; align-items: center;">
              <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;"></div>
              <h4>财务联系人</h4>
            </el-row>
            <el-row gutter="15">
              <el-col :span="8">
                <el-form-item label="联系人" prop="field155">
                  <el-input v-model="formData.field155" placeholder="请输入联系人" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="联系电话" prop="field156">
                  <el-input v-model="formData.field156" placeholder="请输入联系电话" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="部门职务" prop="field157">
                  <el-input v-model="formData.field157" placeholder="请输入部门职务" clearable :style="{width: '100%'}">
                  </el-input>
                </el-form-item>
              </el-col>
            </el-row> -->
            </el-tab-pane>
            <el-tab-pane label="客户联系人" name="khlxk">
              <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
              <el-table :data="formData.corpsAttnList" border
                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
                style="width: 100%">
                <el-table-column prop="code" label="编号" width="180" />
                <el-table-column prop="cname" label="名称" width="180" />
                <el-table-column prop="attn" label="联系方式" width="180" />
                <el-table-column prop="tel" label="电话" width="180" />
                <el-table-column prop="position" label="岗位" width="180" />
                <el-table-column prop="addr" label="公司地址" width="180" />
                <el-table-column prop="sex" label="性别" width="180" />
                <el-table-column prop="email" label="邮箱地址" width="180" />
                <el-table-column prop="status" label="状态" width="180">
                  <template slot-scope="scope">
                    <span v-if="scope.row.status == 0">正常</span>
                    <span v-if="scope.row.status == 1">启用</span>
                  </template>
                </el-table-column>
                <el-table-column fixed="right" label="操作" width="180">
                  <template slot-scope="scope">
                    <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
                    <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
                  </template>
                </el-table-column>
              </el-table>
            </el-tab-pane>
            <el-tab-pane label="银行信息" name="yhxx">
              <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
              <el-table :data="formData.corpsBankList" border
                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
                style="width: 100%">
                <el-table-column prop="uscc" label="税号" width="180" />
                <el-table-column prop="accountName" label="账户名称" width="180" />
                <el-table-column prop="accountBank" label="开户银行" width="180" />
                <el-table-column prop="accountNo" label="银行账号" width="180" />
                <el-table-column prop="mnemonicCode" label="助记码" width="180" />
                <el-table-column prop="curNo" label="币别" width="180" />
                <el-table-column prop="subjectNumber" label="科目编码" width="180" />
                <el-table-column prop="address" label="地址" width="180" />
                <el-table-column prop="swiftCode" label="Swift Code" width="180" />
                <el-table-column prop="cnapsCode" label="CNAPS" width="180" />
                <el-table-column prop="status" label="状态">
                  <template slot-scope="scope">
                    <span v-if="scope.row.status == 0">正常</span>
                    <span v-if="scope.row.status == 1">启用</span>
                  </template>
                </el-table-column>
                <el-table-column prop="remarks" label="备注" width="180" />
                <el-table-column fixed="right" label="操作" width="180">
                  <template slot-scope="scope">
                    <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
                    <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
                  </template>
                </el-table-column>
              </el-table>
            </el-tab-pane>
            <el-tab-pane label="附件" name="fj">
              <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
              <el-table :data="formData.corpsFilesList" border
                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
                style="width: 100%">
                <el-table-column prop="sort" label="排序" />
                <el-table-column prop="fileName" label="文件名" />
                <el-table-column prop="url" label="文件地址" :show-overflow-tooltip="true">
                  <template slot-scope="scope">
                    <!-- <el-link type="primary" :href="scope.row.url">{{ scope.row.url }}</el-link> -->
                    <span @click="openPreview(scope.row)">
                      {{ scope.row.url }}
                    </span>
                  </template>
                </el-table-column>
                <el-table-column prop="status" label="状态">
                  <template slot-scope="scope">
                    <span v-if="scope.row.status == 0">正常</span>
                    <span v-if="scope.row.status == 1">启用</span>
                  </template>
                </el-table-column>
                <el-table-column prop="remarks" label="备注" />
                <el-table-column fixed="right" label="操作" width="180">
                  <template slot-scope="scope">
                    <el-button type="text" size="small" @click="openPreview(scope.row)">查看</el-button>
                    <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
                    <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
                  </template>
                </el-table-column>
              </el-table>
            </el-tab-pane>
            <el-tab-pane label="更名记录" name="gmjl">
              <!--<el-button type="primary" @click="corpsAttnAdd">新建</el-button>-->
              <el-table :data="formData.corpsRenameList" border
                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
                style="width: 100%">
                <el-table-column prop="oldCnName" label="原中文名称" />
                <el-table-column prop="newCnName" label="新中文名称" />
                <el-table-column prop="oldEnName" label="原英文名称" />
                <el-table-column prop="newEnName" label="新英文名称" />
                <!-- <el-table-column prop="byId" label="操作人" width="180"/> -->
                <el-table-column prop="byTime" label="操作时间" />
                <el-table-column prop="remarks" label="备注" />
                <el-table-column fixed="right" label="操作">
                  <template slot-scope="scope">
                    <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
                    <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
                  </template>
                </el-table-column>
              </el-table>
            </el-tab-pane>
            <el-tab-pane label="发票抬头" name="fptt">
              <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
              <el-table :data="formData.corpsInvoiceHeaderList" border
                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
                style="width: 100%">
                <!-- <el-table-column prop="pid" label="主表id" width="180" /> -->
                <el-table-column prop="invoiceHeader" label="发票抬头" width="180" />
                <el-table-column prop="uscc" label="税号" width="180" />
                <el-table-column prop="address" label="地址" width="180" />
                <el-table-column prop="address" label="地址" width="180" />
                <el-table-column prop="attnName" label="联系人姓名" width="180" />
                <el-table-column prop="attnTel" label="联系人电话" width="180" />
                <el-table-column prop="email" label="电子邮箱" width="180" />
                <el-table-column prop="taxpayerNature" label="纳税人性质" width="180" />
                <el-table-column prop="taxRate" label="增值税税率" width="180" />
                <!-- <el-table-column prop="invoiceType" label="发票类型" width="180" /> -->
                <el-table-column prop="accountBankCny" label="人民币账户银行" width="180" />
                <el-table-column prop="accountBankUsd" label="美元账户银行" width="180" />
                <el-table-column prop="accountNoUsd" label="美元银行账号" width="180" />
                <el-table-column prop="guaranteeNo" label="保函号码" width="180" />
                <el-table-column prop="guaranteeDate" label="保函日期" width="180" />
                <el-table-column prop="version" label="版本" width="180" />
                <el-table-column prop="status" label="状态" width="180">
                  <template slot-scope="scope">
                    <span v-if="scope.row.status == 0">正常</span>
                    <span v-if="scope.row.status == 1">启用</span>
                  </template>
                </el-table-column>
                <el-table-column prop="remarks" label="备注" width="180" />
                <el-table-column fixed="right" label="操作" width="180">
                  <template slot-scope="scope">
                    <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
                    <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
                  </template>
                </el-table-column>
              </el-table>
            </el-tab-pane>
            <el-tab-pane label="不良记录" name="bljl">
              <el-button type="primary" @click="corpsAttnAdd">新行</el-button>
              <el-table :data="formData.corpsBadrecordList" border
                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
                style="width: 100%">
                <el-table-column prop="oldCreditLevel" label="原授信等级" />
                <el-table-column prop="newCreditLevel" label="新授信等级" />
                <el-table-column prop="version" label="版本" />
                <el-table-column prop="status" label="状态">
                  <template slot-scope="scope">
                    <span v-if="scope.row.status == 0">正常</span>
                    <span v-if="scope.row.status == 1">启用</span>
                  </template>
                </el-table-column>
                <el-table-column prop="remarks" label="备注" />
                <el-table-column fixed="right" label="操作" width="180">
                  <template slot-scope="scope">
                    <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
                    <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
                  </template>
                </el-table-column>
              </el-table>
            </el-tab-pane>
            <!-- <el-tab-pane label="增值税开票" name="zzskp">
              定时任务补偿
            </el-tab-pane>
            <el-tab-pane label="匹配编号" name="ppbh">
              定时任务补偿
            </el-tab-pane>kai -->
          </el-tabs>

        </el-row>
      </el-form>
    </el-card>

    <el-dialog :title="dialogTitle" :visible.sync="corpsAttnDialogVisible" :append-to-body="true" width="40%"
      :before-close="handleClose" :close-on-click-modal="false">

      <el-form ref="corpsAttnForm" :rules="corpsAttnRules" :model="corpsAttnForm" label-width="120px">
        <div v-if="activeName == 'khlxk'">
          <el-form-item label="编号" prop="code" width="180">
            <el-input v-model="corpsAttnForm.code"></el-input>
          </el-form-item>
          <el-form-item label="名称" prop="cname">
            <el-input v-model="corpsAttnForm.cname"></el-input>
          </el-form-item>
          <el-form-item label="联系方式" prop="attn">
            <el-input v-model="corpsAttnForm.attn"></el-input>
          </el-form-item>
          <el-form-item label="邮箱地址" prop="email">
            <el-input v-model="corpsAttnForm.email"></el-input>
          </el-form-item>
          <el-form-item label="电话" prop="tel">
            <el-input v-model="corpsAttnForm.tel"></el-input>
          </el-form-item>
          <el-form-item label="岗位" prop="position">
            <el-input v-model="corpsAttnForm.position"></el-input>
          </el-form-item>
          <el-form-item label="公司地址" prop="addr">
            <el-input v-model="corpsAttnForm.addr"></el-input>
          </el-form-item>
          <!-- <el-form-item label="用户" prop="userId">
            <search-query ref="SearchQuery" :datalist="userOptions" title="用户" :filterable="true" :clearable="true"
              :remote="true" :forParameter="{ key: 'id', label: 'realName', value: 'id', disabled: 'workingStatus' }"
              :disabledStatus="1" @remoteMethod="userListfun" @corpChange="userChange">
              <user></user>
            </search-query>
          </el-form-item> -->
          <el-form-item label="性别" prop="sex">
            <el-select v-model="corpsAttnForm.sex" placeholder="请选择性别" :style="{ width: '100%' }">
              <el-option label="男" value="男"></el-option>
              <el-option label="女" value="女"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="状态" prop="status">
            <el-select v-model="corpsAttnForm.status" placeholder="请选择状态" :style="{ width: '100%' }">
              <el-option label="正常" :value="0"></el-option>
              <el-option label="停用" :value="1"></el-option>
            </el-select>
          </el-form-item>
        </div>
        <div v-if="activeName == 'yhxx'">
          <el-form-item label="税号" prop="uscc">
            <el-input v-model="corpsAttnForm.uscc"></el-input>
          </el-form-item>
          <el-form-item label="账户名称" prop="accountName">
            <el-input v-model="corpsAttnForm.accountName"></el-input>
          </el-form-item>
          <el-form-item label="开户银行" prop="accountBank">
            <el-input v-model="corpsAttnForm.accountBank"></el-input>
          </el-form-item>
          <el-form-item label="银行账号" prop="accountNo">
            <el-input v-model="corpsAttnForm.accountNo"></el-input>
          </el-form-item>
          <el-form-item label="助记码" prop="mnemonicCode">
            <el-input v-model="corpsAttnForm.mnemonicCode"></el-input>
          </el-form-item>
          <el-form-item label="币别" prop="curId">
            <!-- <el-input v-model="corpsAttnForm.curId"></el-input> -->
            <search-query ref="SearchQuery" :selectValue="corpsAttnForm.curId" :datalist="rateOptions" title="币别"
              :filterable="true" :clearable="true" :remote="true"
              :forParameter="{ key: 'id', label: 'code', value: 'id', disabled: 'status' }" :disabledStatus="1"
              @remoteMethod="rateListfun" @corpChange="rateChange">
              <rateManagement></rateManagement>
            </search-query>
          </el-form-item>
          <el-form-item label="科目编码" prop="subjectNumber">
            <el-input v-model="corpsAttnForm.subjectNumber"></el-input>
          </el-form-item>
          <el-form-item label="地址" prop="address">
            <el-input v-model="corpsAttnForm.address"></el-input>
          </el-form-item>
          <el-form-item label="Swift Code" prop="swiftCode">
            <el-input v-model="corpsAttnForm.swiftCode"></el-input>
          </el-form-item>
          <el-form-item label="CNAPS" prop="cnapsCode">
            <el-input v-model="corpsAttnForm.cnapsCode"></el-input>
          </el-form-item>
          <el-form-item label="状态" prop="status">
            <el-select v-model="corpsAttnForm.status" placeholder="请选择状态" :style="{ width: '100%' }">
              <el-option label="正常" :value="0"></el-option>
              <el-option label="停用" :value="1"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="备注" prop="remarks">
            <el-input v-model="corpsAttnForm.remarks"></el-input>
          </el-form-item>
        </div>
        <div v-if="activeName == 'fj'">
          <el-form-item label="排序" prop="sort">
            <el-input-number v-model="corpsAttnForm.sort" controls-position="right" @change="handleChange" :min="0"
              :precision="0" :step="1" :style="{ width: '100%' }"></el-input-number>
          </el-form-item>
          <el-form-item label="文件上传" prop="url">
            <el-upload class="upload-demo"
              :action="incomingAction ? incomingAction : '/api/blade-resource/oss/endpoint/put-file'"
              :on-remove="handleRemove" :headers="headers" :on-success="handleSuccess" :before-remove="beforeRemove"
              :on-progress="handleProgress" multiple :limit="1" :on-exceed="handleExceed" :file-list="fileList">
              <el-button size="small" type="primary">点击上传</el-button>
            </el-upload>
          </el-form-item>
          <el-form-item label="状态" prop="status">
            <el-select v-model="corpsAttnForm.status" placeholder="请选择状态" :style="{ width: '100%' }">
              <el-option label="正常" :value="0"></el-option>
              <el-option label="停用" :value="1"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="备注" prop="remarks">
            <el-input v-model="corpsAttnForm.remarks"></el-input>
          </el-form-item>
        </div>
        <div v-if="activeName == 'fptt'">
          <el-form-item label="发票抬头" prop="invoiceHeader">
            <el-input v-model="corpsAttnForm.invoiceHeader"></el-input>
          </el-form-item>
          <el-form-item label="税号" prop="uscc">
            <el-input v-model="corpsAttnForm.uscc"></el-input>
          </el-form-item>
          <el-form-item label="地址" prop="address">
            <el-input v-model="corpsAttnForm.address"></el-input>
          </el-form-item>
          <el-form-item label="联系人姓名" prop="attnName">
            <el-input v-model="corpsAttnForm.attnName"></el-input>
          </el-form-item>
          <el-form-item label="联系人电话" prop="attnTel">
            <el-input v-model="corpsAttnForm.attnTel"></el-input>
          </el-form-item>
          <el-form-item label="电子邮箱" prop="email">
            <el-input v-model="corpsAttnForm.email"></el-input>
          </el-form-item>
          <el-form-item label="纳税人性质" prop="taxpayerNature">
            <el-input v-model="corpsAttnForm.taxpayerNature"></el-input>
          </el-form-item>
          <el-form-item label="增值税税率" prop="taxRate">
            <!-- <el-input v-model="corpsAttnForm.taxRate"></el-input> -->
            <el-input-number v-model="corpsAttnForm.taxRate" controls-position="right" @change="handleChange" :min="0"
              :precision="2" :step="1" :style="{ width: '100%' }"></el-input-number>
          </el-form-item>
          <!-- <el-form-item label="发票类型" prop="invoiceType">
            <el-input v-model="corpsAttnForm.invoiceType"></el-input>
          </el-form-item> -->
          <el-form-item label="人民币账户银行" prop="accountBankCny">
            <el-input v-model="corpsAttnForm.accountBankCny"></el-input>
          </el-form-item>
          <el-form-item label="人民币银行账号" prop="accountNoCny">
            <el-input v-model="corpsAttnForm.accountNoCny"></el-input>
          </el-form-item>
          <el-form-item label="美元账户银行" prop="accountBankUsd">
            <el-input v-model="corpsAttnForm.accountBankUsd"></el-input>
          </el-form-item>
          <el-form-item label="美元银行账号" prop="accountNoUsd">
            <el-input v-model="corpsAttnForm.accountNoUsd"></el-input>
          </el-form-item>
          <el-form-item label="保函号码" prop="guaranteeNo">
            <el-input v-model="corpsAttnForm.guaranteeNo"></el-input>
          </el-form-item>
          <el-form-item label="保函日期" prop="guaranteeDate">
            <el-date-picker v-model="corpsAttnForm.guaranteeDate" value-format="yyyy-MM-dd" type="date"
              placeholder="选择日期" :style="{ width: '100%' }">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="版本" prop="version">
            <el-input v-model="corpsAttnForm.version"></el-input>
          </el-form-item>
          <el-form-item label="状态" prop="status">
            <el-select v-model="corpsAttnForm.status" placeholder="请选择状态" :style="{ width: '100%' }">
              <el-option label="正常" :value="0"></el-option>
              <el-option label="停用" :value="1"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="备注" prop="remarks">
            <el-input v-model="corpsAttnForm.remarks"></el-input>
          </el-form-item>
        </div>
        <div v-if="activeName == 'gmjl'">
          <el-form-item label="原中文名称" prop="oldCnName">
            <el-input v-model="corpsAttnForm.oldCnName"></el-input>
          </el-form-item>
          <el-form-item label="新中文名称" prop="newCnName">
            <el-input v-model="corpsAttnForm.newCnName"></el-input>
          </el-form-item>
          <el-form-item label="原英文名称" prop="oldEnName">
            <el-input v-model="corpsAttnForm.oldEnName"></el-input>
          </el-form-item>
          <el-form-item label="新英文名称" prop="newEnName">
            <el-input v-model="corpsAttnForm.newEnName"></el-input>
          </el-form-item>
          <!-- <el-form-item label="操作时间" prop="byTime">
            <el-date-picker v-model="corpsAttnForm.byTime" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"
              :style="{ width: '100%' }">
            </el-date-picker>
          </el-form-item> -->
          <el-form-item label="备注" prop="remarks">
            <el-input v-model="corpsAttnForm.remarks"></el-input>
          </el-form-item>
        </div>
        <div v-if="activeName == 'bljl'">
          <el-form-item label="原授信等级" prop="oldCreditLevel">
            <!-- <el-input v-model="corpsAttnForm.oldCreditLevel"></el-input> -->
            <el-select v-model="corpsAttnForm.oldCreditLevel" placeholder="请输入信用等级" clearable
              :style="{ width: '100%' }">
              <el-option v-for="(item, index) in enterpriseTypeDict" :key="index" :label="item.dictValue"
                :value="item.dictKey" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="新授信等级" prop="newCreditLevel">
            <!-- <el-input v-model="corpsAttnForm.newCreditLevel"></el-input> -->
            <el-select v-model="corpsAttnForm.newCreditLevel" placeholder="请输入信用等级" clearable
              :style="{ width: '100%' }">
              <el-option v-for="(item, index) in enterpriseTypeDict" :key="index" :label="item.dictValue"
                :value="item.dictKey" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="状态" prop="status">
            <el-select v-model="corpsAttnForm.status" placeholder="请选择状态" :style="{ width: '100%' }">
              <el-option label="正常" :value="0"></el-option>
              <el-option label="停用" :value="1"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="备注" prop="remarks">
            <el-input v-model="corpsAttnForm.remarks"></el-input>
          </el-form-item>
        </div>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="corpsAttnAddClose">取 消</el-button>
        <el-button type="primary" @click="corpsAttnAddConfirm">确 定</el-button>
      </span>
    </el-dialog>
    <dictbiz-dialog ref="dictbiz" title="添加客户来源" code="corp_Source" parentId="1866359762266894337"
      @closed="getAllWorkDicts">
    </dictbiz-dialog>

  </dev>
</template>
<script>
import { getToken } from "@/util/auth";
import {
  addBcorps,
  updateBcorps,
  getBcorpsDetail,
  bcorpsattnRemove,
  bcorpsbankRemove,
  bcorpsfilesRemove, bcorpsrenameRemove, corpsinvoiceheaderRemove, bcorpsbadrecordRemove
} from "@/api/iosBasicData/bcorps";
import { bcountrysList } from "@/api/iosBasicData/bcountrys";
import { userList } from "@/api/system/user";
import { getRateList } from "@/api/iosBasicData/rateManagement";
import { bcorpstypedefineList } from "@/api/iosBasicData/bcorpstypedefine"

import { getWorkDicts } from "@/api/system/dictbiz"
import { isProcurement } from "@/api/basicData/configuration";
// import { getBcorpsattnList, getBcorpsattnDetail, removevBcorpsattn, addBcorpsattn, updateBcorpsattn } from "@/api/iosBasicData/bcorpsattn";
import bcountrys from '@/views/iosBasicData/bcountrys/index.vue'
import user from '@/views/system/user.vue'
import rateManagement from '@/views/iosBasicData/rateManagement/index.vue'
import SearchQuery from '@/components/iosbasic-data/searchquery.vue'
import { getDeptLazyTree } from "@/api/system/dept";
import { getBcorpslistByType } from "@/api/iosBasicData/bcorps";
import { blinesList } from "@/api/iosBasicData/blines";
import blines from "@/views/iosBasicData/blines/index.vue";
import { selectListLos } from "@/api/approval/processConfig";
import losaudit from "@/views/wel/components/losAssembly/losaudit.vue";
import dicSelect from "@/components/dicSelect/main";
export default {
  components: {
    SearchQuery, bcountrys, user, rateManagement, blines,dicSelect
  },
  props: {
    detailData: {
      type: Object
    },
    incomingAction: {
      type: String
    },
  },
  data() {
    return {
      options: [{
        value: '票结',
        label: '票结'
      }, {
        value: '月结',
        label: '月结'
      }],
      psRateData: [], // ps 规则数据
      psRateInternalMax: 0.5, // PS RATE 内部报价最大值
      psRateExternalMax: 0.7, // PS RATE 外部报价最大值
      // 业务来源
      sourceTypeData: [
        {
          label: '公司',
          value: 'OWN'
        },
        {
          label: '代理',
          value: 'AGENT'
        },
        {
          label: '业务员',
          value: 'SALES'
        }
      ],
      // 业务来源下级配置
      sourceforParameter: {},
      // 业务来源下级
      srcData: [],
      maintenanceStaffData: [], // 维护人员
      // tab标签
      activeName: 'kgxq',
      // 远程搜索
      loading: false,
      headers: { "Blade-Auth": "Bearer " + getToken() },
      // 文件list
      fileList: [],
      // 国家list
      cntyOptions: [],
      // 优势航线
      advantageData: [],
      // 币别list
      rateOptions: [],
      // 用户list
      userOptions: [],
      salesData: [], // 操作员
      // 客户类别数据
      customTypeData: [],
      // 用户联系人form
      corpsAttnForm: {
        status: 0
      },
      // 字典
      creditLevelDict: [],
      enterpriseTypeDict: [],
      corpSourceDict: [],
      // 对话框
      // 客户联系人对话框
      dialogTitle: '窗口',
      corpsAttnDialogVisible: false,
      corpsAttnDialogIndex: null,
      formData: {
        status: 0,
        accountPeriodType:'票结',
        corpsAttnList: [],
        corpsBankList: [],
        corpsFilesList: [],
        corpsInvoiceHeaderList: [],
        corpsRenameList: [],
        corpsBadrecordList: []
      },
      // rules: {
      //   corpType: [{
      //     required: true,
      //     message: '请选择客户分类',
      //     trigger: 'change'
      //   }],
      //   code: [{
      //     required: true,
      //     message: '请选择客户编号',
      //     trigger: 'change'
      //   }],
      //   shortName: [{
      //     required: true,
      //     message: '请选择客户简称',
      //     trigger: 'change'
      //   }],
      //   cnName: [{
      //     required: true,
      //     message: '请选择客户名称',
      //     trigger: 'change'
      //   }],
      //   enName: [{
      //     required: true,
      //     message: '请选择英文名称',
      //     trigger: 'change'
      //   }],
      //   cnAddr: [{
      //     required: true,
      //     message: '请选择中文地址',
      //     trigger: 'change'
      //   }],
      //   enAddr: [{
      //     required: true,
      //     message: '请选择英文地址',
      //     trigger: 'change'
      //   }],
      // },
      rules: {
        corpType: [{
          required: true,
          message: ' ',
          trigger: 'change'
        }],
        code: [{
          required: true,
          message: ' ',
          trigger: 'change'
        }],
        shortName: [{
          required: true,
          message: ' ',
          trigger: 'change'
        }],
        cnName: [{
          required: true,
          message: ' ',
          trigger: 'change'
        }],
        enName: [{
          required: true,
          message: ' ',
          trigger: 'change'
        }],
        cnAddr: [{
          required: true,
          message: ' ',
          trigger: 'change'
        }],
        // enAddr: [{
        //   required: true,
        //   message: ' ',
        //   trigger: 'change'
        // }],
        uscc: [{
          required: true,
          message: ' ',
          trigger: 'change'
        }],
        sourceType: [{
          required: true,
          message: ' ',
          trigger: 'change'
        }],
        corpSource: [{
          required: false,
          message: ' ',
          trigger: 'change'
        }],
        srcCnName: [{
          required: true,
          message: ' ',
          trigger: 'change'
        }],
      },
      // 客户联系人表单校验
      // corpsAttnRules: {
      //   code: [
      //     { required: true, message: '请输入编号', trigger: 'change' }
      //   ],
      //   cname: [
      //     { required: true, message: '请输入名称', trigger: 'change' }
      //   ],
      //   accountName: [
      //     { required: true, message: '请输入账号名称', trigger: 'change' }
      //   ],
      //   accountBank: [
      //     { required: true, message: '请输入账号银行', trigger: 'change' }
      //   ],
      //   accountNo: [
      //     { required: true, message: '请输入银行账号', trigger: 'change' }
      //   ],
      //   curId: [
      //     { required: true, message: '请输入币别', trigger: 'change' }
      //   ],
      //   sort: [
      //     { required: true, message: '请输入排序', trigger: 'change' }
      //   ],
      //   invoiceHeader: [
      //     { required: true, message: '请输入发票抬头', trigger: 'change' }
      //   ],
      // },
      corpsAttnRules: {
        code: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        cname: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        accountName: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        accountBank: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        accountNo: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        mnemonicCode: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        curId: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        sort: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        invoiceHeader: [
          { required: true, message: ' ', trigger: 'change' }
        ],
        uscc: [
          { required: true, message: ' ', trigger: 'change' }
        ]
      },
      statusOptions: [{
        "label": "正常",
        "value": 0
      }, {
        "label": "停用",
        "value": 1
      }],
    }
  },
  computed: {},
  watch: {},
  created() {

    if (this.detailData.id) {
      this.getBcorpsDetailfun(this.detailData.id)
    }
    if (this.detailData.corpType != null) {
      this.formData.corpTypeList = [this.detailData.corpType]
      this.formData.corpType = this.detailData.corpType
    }
    // 查询国家下拉
    bcountrysList(1, 10).then(res => {
      this.cntyOptions = res.data.data.records
    })
    // 查询币别下拉
    getRateList(1, 10).then(res => {
      this.rateOptions = res.data.data.records
    })
    // 获取客户类别
    bcorpstypedefineList(1, 9999).then(res => {
      this.customTypeData = res.data.data.records
    })
    // 查询用户信息
    userList(1, 9999999).then((res) => {
      this.userOptions = res.data.data
    });
    // 操作员数据
    selectListLos('操作员').then(res => {
      this.salesData = res.data.data
    })
    // 查询字典
    getWorkDicts('bcorps-credit-level').then((res) => {
      this.creditLevelDict = res.data.data
    });
    getWorkDicts('bcorps-enterprise-type').then((res) => {
      this.enterpriseTypeDict = res.data.data
      // 没有id 取第一个
      if (!this.formData.id) {
        this.formData.enterpriseType = this.enterpriseTypeDict[0].dictKey
      }
    });
    this.getAllWorkDicts()
    isProcurement({ "param": "corpSource.required" }).then(res => {
      // res.data.data === '1'
      if (res.data.data == 1) {
        this.rules.corpSource = [{
          required: true,
          message: ' ',
          trigger: 'change'
        }]
        this.rules.sourceType = [{
          required: false,
          message: ' ',
          trigger: 'change'
        }]
      }
    })
    // PS RATE 内部报价最大值
    isProcurement({ "param": "psRate.Internal.max" }).then(res => {
      console.log('psRateInternalMax', res.data.data)
      // res.data.data= 0.5
      let n = Number(res.data.data)
      this.psRateInternalMax = isNaN(n) ? 0.5 : n
    })
    // PS RATE 外部报价最大值
    isProcurement({ "param": "psRate.external.max" }).then(res => {
      console.log('psRateExternalMax', res.data.data)
      // default res.data.data= 0.7
      let n = Number(res.data.data)
      this.psRateExternalMax = isNaN(n) ? 0.7 : n
    })
  },
  mounted() { },
  methods: {
    dicChange(name,row){
      if (name == 'addressCname') {
        if (row) {
          this.formData.addressId = row.id
          this.formData.addressCode = row.code
          this.formData.addressEname = row.enName
        } else {
          this.formData.addressId = null
          this.formData.addressCode = null
          this.formData.addressEname = null
          this.formData.addressCname = null
        }
      }
    },
    openPreview(row) {
      this.$ImagePreview([{ url: row.url }], 0, {
        closeOnClickModal: true,
        // click: (data, index) => {
        //   this.$message.success('点击事件' + index)
        // },
        // beforeClose: () => {
        //   this.$message.success('关闭回调')
        // }
      });
    },
    addDic() {
      this.$refs.dictbiz.open()
    },
    getAllWorkDicts() {
      getWorkDicts('corp_Source').then((res) => {
        this.corpSourceDict = res.data.data
      });
    },
    // ps规则监听输入事件
    psRateValid(inputContent, name) {
      let reg = /^(0.\d+|0|1)$/;
      if (reg.test(inputContent[name])) {
        let n = Number(inputContent[name])
        n = isNaN(n) ? 0 : n
        if (name == 'psRate') {
          if (n > this.psRateInternalMax) n = this.psRateInternalMax
        } else {
          if (n > this.psRateExternalMax) n = this.psRateExternalMax
        }
        this.formData[name] = n;
      } else {
        if (inputContent[name] != "0.") {
          this.formData[name] = "";
        }
      }
    },
    // ps 规则失去焦点触发
    psRateBlue(name) {
      if (this.formData[name]) {
        let n = Number(this.formData[name])
        n = isNaN(n) ? 0 : n
        if (name == 'psRate') {
          if (n > this.psRateInternalMax) n = this.psRateInternalMax
        } else {
          if (n > this.psRateExternalMax) n = this.psRateExternalMax
        }
        this.$set(this.formData, name, n.toFixed(2))
      } else {
        this.$set(this.formData, name, '')
      }
    },
    // 详情
    getBcorpsDetailfun(id) {
      getBcorpsDetail(id).then(res => {
        this.formData = res.data.data
        this.formData.corpTypeList = res.data.data.corpType.split(',')
        this.$set(this.formData, 'adminProfilesList', res.data.data.adminProfiles.split(','))
      })
    },
    // ps 规则下拉
    psRateChange(value, name) {
      this.$set(this.formData, name, value)
    },
    // 维护人员下拉
    maintenanceStaffChange(value, name) {
      for (let item of this.maintenanceStaffData) {
        if (item.name == value) {
          this.$set(this.formData, 'maintenanceStaffId', item.id)
          this.$set(this.formData, 'maintenanceStaffName', item.name)
        }
      }
    },
    // 业务来源下拉
    sourceCorp(value, name) {
      if (name == 'srcCnName') {
        if (!value) {
          this.$set(this.formData, 'srcId', '')
          this.$set(this.formData, 'srcCnName', '')
          this.$set(this.formData, 'srcEnName', '')
        }
        for (let item of this.srcData) {
          if (item[this.sourceforParameter.value] == value) {
            if (this.formData.sourceType == 'OWN') {
              // 国家
              this.$set(this.formData, 'srcId', item.id)
              this.$set(this.formData, 'srcCnName', item.title)
              this.$set(this.formData, 'srcEnName', item.title)
            } else if (this.formData.sourceType == 'AGENT') {
              // 代理
              this.$set(this.formData, 'srcId', item.id)
              this.$set(this.formData, 'srcCnName', item.cnName)
              this.$set(this.formData, 'srcEnName', item.cnName)
            } else if (this.formData.sourceType == 'SALES') {
              // 业务员
              this.$set(this.formData, 'srcId', item.id)
              this.$set(this.formData, 'srcCnName', item.name)
              this.$set(this.formData, 'srcEnName', item.name)
            } else { }
          }
        }
      } else if (name == 'sourceType') {
        this.$set(this.formData, 'sourceType', value)
        this.$set(this.formData, 'srcId', '')
        this.$set(this.formData, 'srcCnName', '')
        this.$set(this.formData, 'srcEnName', '')
        if (this.formData.sourceType == 'OWN') {
          this.sourceforParameter = { key: 'id', label: 'title', value: 'title' }
          this.ownDeptLazyTreefun()
        } else if (this.formData.sourceType == 'AGENT') {
          this.sourceforParameter = { key: 'id', label: 'cnName', value: 'cnName' }
          this.agentBcorpsListfun()
        } else if (this.formData.sourceType == 'SALES') {
          this.sourceforParameter = { key: 'id', label: 'name', value: 'name' }
          this.salesUserGetListfun()
        } else { }
      } else { }
    },
    // 业务来源接口
    sourceRemote(value, name) {
      if (name == 'srcCnName') {
        if (this.formData.sourceType == 'OWN') {
          this.sourceforParameter = { key: 'id', label: 'title', value: 'title' }
          this.ownDeptLazyTreefun()
        } else if (this.formData.sourceType == 'AGENT') {
          this.sourceforParameter = { key: 'id', label: 'cnName', value: 'cnName' }
          this.agentBcorpsListfun(value)
        } else if (this.formData.sourceType == 'SALES') {
          this.sourceforParameter = { key: 'id', label: 'name', value: 'name' }
          this.salesUserGetListfun(value)
        } else { }
      } else { }
    },
    // 获取业务来源代理数据
    agentBcorpsListfun(cnName) {
      let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理,代理客户'
      getBcorpslistByType(1, 10, { cnName, corpTypeName }).then(res => {
        this.srcData = res.data.data.records
      })
    },
    // 获取业务来源业务员数据
    salesUserGetListfun(account) {
      selectListLos('业务员').then(res => {
        this.srcData = res.data.data
      })
    },
    // 获取公司名称 用户管理左侧
    ownDeptLazyTreefun() {
      getDeptLazyTree(0).then(res => {
        this.srcData = res.data.data
        // 来源 内容 默认登录人所属公司
        for (let item of this.srcData) {
          if (item.id == JSON.parse(localStorage.getItem('saber-userInfo')).content.dept_id) {
            this.$set(this.formData, 'srcId', item.id)
            this.$set(this.formData, 'srcCnName', item.title)
            this.$set(this.formData, 'srcEnName', item.title)
          }
        }

      })
    },
    // 获取维护人员数据
    selectListLosfun() {
      selectListLos('人事').then(res => {
        this.maintenanceStaffData = res.data.data
      })
    },

    corpTypeChange(ids) {
      let arr = []
      for (let item of ids) {
        for (let ite of this.customTypeData) {
          if (item == ite.id) {
            arr.push(ite.cnName)
          }
        }
      }
      this.formData.corpType = ids.join(",")
      this.formData.corpTypeName = arr.join(",")
      // console.log(this.formData.corpTypeName);
    },
    salesChange(id) {
      if (id == null) {
        this.formData.salesName = null
      }
      for (const user of this.userOptions) {
        if (user.id == id) {
          this.formData.salesName = user.realName;
        }
      }
    },
    // 查询国家下拉
    bcountrysListfun(cnName) {
      bcountrysList(1, 10, { cnName }).then(res => {
        this.cntyOptions = res.data.data.records
      })
    },
    // 获取优势航线数据
    blinesListfun(cnName) {
      blinesList(1, 10, { cnName }).then(res => {
        this.advantageData = res.data.data.records
      })
    },
    // 查询币别下拉
    rateListfun(cnName) {
      getRateList(1, 10, { cnName }).then(res => {
        this.rateOptions = res.data.data.records
      })
    },
    // ps 规则字典数据获取
    psRateWorkDictsfun() {
      getWorkDicts('share_ratio-los').then((res) => {
        this.psRateData = res.data.data
      });
    },
    // 国家的下拉赋值
    bcountrysChange(value) {
      this.formData.cntyCode = value
      for (let item of this.cntyOptions) {
        if (item.code == value) {
          this.formData.cntyName = item.cnName
        }
      }
    },
    // 优势航线下拉赋值
    blinesChange(value) {
      this.$set(this.formData, 'advantageRoute', value)
    },
    // 银行信息币别回调
    rateChange(value) {
      if (!value) {
        this.$set(this.corpsAttnForm, 'curId', null)
        this.$set(this.corpsAttnForm, 'curNo', null)
      }
      for (let item of this.rateOptions) {
        if (item.id == value) {
          this.$set(this.corpsAttnForm, 'curId', item.id)
          this.$set(this.corpsAttnForm, 'curNo', item.code)
        }
      }
    },
    adminProfilesChange(value) {
      if (value != null && value != []) {
        this.formData.adminProfiles = value.join(",")
      }
      var userName = [];
      for (var userId of value) {
        for (var user of this.userOptions) {
          if (user.id == userId) {
            userName.push(user.realName)
            break;
          }
        }
      }
      if (userName != null && userName != []) {
        this.formData.adminProfilesName = userName.join(',')
      }
    },
    submitForm() {
      this.$refs['userDataForm'].validate(valid => {
        if (!valid) return
        // 判断业务来源是否填写
        if (!this.formData.sourceType) {
          this.$message.warning('请填写业务来源')
          return;
        }
        // 判断来源明细是否填写
        if (!this.formData.srcCnName) {
          this.$message.warning('请填写来源明细')
          return;
        }
        // 联系人姓名 取 客户联系人里的第一项
        if (this.formData.corpsAttnList.length > 0) {
          this.formData.attnName = this.formData.corpsAttnList[0].cname
          this.formData.attnTel = this.formData.corpsAttnList[0].tel
        }
        // 部门 取当前登录人的部门
        this.formData.deptId = JSON.parse(localStorage.getItem("saber-userInfo")).content.dept_id

        // TODO 提交表单
        // 联系电话赋值
        if (this.formData.id != null) {
          updateBcorps(this.formData).then(res => {
            this.$message({
              type: "success",
              message: "修改成功!"
            });
            this.getBcorpsDetailfun(res.data.data.id)
          })
        } else {
          this.formData.attnTel = this.formData.tel
          addBcorps(this.formData).then((res) => {
            this.$message({
              type: "success",
              message: "添加成功!"
            });
            this.getBcorpsDetailfun(res.data.data.id)
          });
        }

      })
    },
    resetForm() {
      this.$refs['userDataForm'].resetFields()
    },
    // -------------------------------------- 弹窗相关 ---------------------------------
    // 客户联系人新建
    corpsAttnAdd() {
      this.corpsAttnDialogVisible = true

      if (this.activeName == 'khlxk') {
        this.dialogTitle = "客户联系人"
      } else if (this.activeName == 'yhxx') {
        this.dialogTitle = "银行信息"
      } else if (this.activeName == 'fj') {
        this.dialogTitle = "附件"
      } else if (this.activeName == 'fptt') {
        this.dialogTitle = "发票抬头"
      } else if (this.activeName == 'gmjl') {
        this.dialogTitle = "更名记录"
      } else if (this.activeName == 'bljl') {
        this.dialogTitle = "不良记录"
      }
    },
    // 确认
    corpsAttnAddConfirm() {
      if (this.corpsAttnDialogIndex == null) {
        this.corpsAttnForm.pid = this.formData.id
        // 新建
        this.$refs['corpsAttnForm'].validate(valid => {
          if (!valid) return
          // TODO 提交表单
          // if (this.formData.id != null) {
          //   // 调用新建接口
          //   if (this.activeName == 'khlxk') {
          //     addBcorpsattn(this.corpsAttnForm).then(() => {
          //       this.$message({
          //         type: "success",
          //         message: "添加成功!"
          //       });
          //     });
          //   } else if (this.activeName == 'yhxx') {
          //     // this.formData.corpsBankList.push(this.corpsAttnForm);
          //   } else if (this.activeName == 'fj') {
          //     // this.formData.corpsFilesList.push(this.corpsAttnForm);
          //   }
          // } else {
          if (this.activeName == 'khlxk') {
            this.formData.corpsAttnList.push(this.corpsAttnForm);
          } else if (this.activeName == 'yhxx') {
            this.formData.corpsBankList.push(this.corpsAttnForm);
          } else if (this.activeName == 'fj') {
            this.formData.corpsFilesList.push(this.corpsAttnForm);
          } else if (this.activeName == 'fptt') {
            this.formData.corpsInvoiceHeaderList.push(this.corpsAttnForm);
          } else if (this.activeName == 'gmjl') {
            this.formData.corpsRenameList.push(this.corpsAttnForm);
          } else if (this.activeName == 'bljl') {
            this.formData.corpsBadrecordList.push(this.corpsAttnForm);
          }
          // }
          this.corpsAttnForm = {
            status: 0
          };
          this.corpsAttnDialogVisible = false;
        })
      } else {
        // 修改
        // if (this.corpsAttnForm.id != null) {
        //   // 调用修改接口

        //   if (this.activeName == 'khlxk') {
        //     updateBcorpsattn(this.corpsAttnForm).then(_ => {
        //       this.$message({
        //         type: "success",
        //         message: "修改成功!"
        //       });
        //     })
        //   } else if (this.activeName == 'yhxx') {
        //     // this.formData.corpsBankList.push(this.corpsAttnForm);
        //   } else if (this.activeName == 'fj') {
        //     // this.formData.corpsFilesList.push(this.corpsAttnForm);
        //   }
        // } else {
        if (this.activeName == 'khlxk') {
          this.formData.corpsAttnList[this.corpsAttnDialogIndex] = this.corpsAttnForm
        } else if (this.activeName == 'yhxx') {
          this.formData.corpsBankList[this.corpsAttnDialogIndex] = this.corpsAttnForm
        } else if (this.activeName == 'fj') {
          this.formData.corpsFilesList[this.corpsAttnDialogIndex] = this.corpsAttnForm
        } else if (this.activeName == 'fptt') {
          this.formData.corpsInvoiceHeaderList[this.corpsAttnDialogIndex] = this.corpsAttnForm
        } else if (this.activeName == 'gmjl') {
          this.formData.corpsRenameList[this.corpsAttnDialogIndex] = this.corpsAttnForm
        } else if (this.activeName == 'bljl') {
          this.formData.corpsBadrecordList[this.corpsAttnDialogIndex] = this.corpsAttnForm
        }
        // }
        this.corpsAttnForm = {
          status: 0
        };
        this.corpsAttnDialogIndex = null
        this.corpsAttnDialogVisible = false;
      }
    },
    // 编辑
    corpsAttnHandle(scope) {
      this.corpsAttnDialogIndex = scope.$index
      this.corpsAttnForm = scope.row;
      this.corpsAttnDialogVisible = true
    },
    // 删除
    corpsAttnDelete(scope) {
      console.log(scope.row.id, 1697)
      this.$confirm('确认要删除吗？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {

        // if (scope.row.id != null) {
        //   // 调用删除接口
        //   if (this.activeName == 'khlxk') {
        //     removevBcorpsattn(scope.row.id);
        //   } else if (this.activeName == 'yhxx') {
        //     this.formData.corpsBankList.splice(scope.$index, 1)
        //   } else if (this.activeName == 'fj') {
        //     this.formData.corpsFilesList.splice(scope.$index, 1)
        //   }
        // } else {
        if (this.activeName == 'khlxk') {
          if (scope.row.id) {
            bcorpsattnRemove(scope.row.id)
          }
          this.formData.corpsAttnList.splice(scope.$index, 1)
        } else if (this.activeName == 'yhxx') {
          if (scope.row.id) {
            bcorpsbankRemove(scope.row.id)
          }
          this.formData.corpsBankList.splice(scope.$index, 1)
        } else if (this.activeName == 'fj') {
          if (scope.row.id) {
            bcorpsfilesRemove(scope.row.id)
          }
          this.formData.corpsFilesList.splice(scope.$index, 1)
        } else if (this.activeName == 'fptt') {
          if (scope.row.id) {
            corpsinvoiceheaderRemove(scope.row.id)
          }
          this.formData.corpsInvoiceHeaderList.splice(scope.$index, 1)
        } else if (this.activeName == 'gmjl') {
          if (scope.row.id) {
            bcorpsrenameRemove(scope.row.id)
          }
          this.formData.corpsRenameList.splice(scope.$index, 1)
        } else if (this.activeName == 'bljl') {
          if (scope.row.id) {
            bcorpsbadrecordRemove(scope.row.id)
          }
          this.formData.corpsBadrecordList.splice(scope.$index, 1)
        }
        // }
        this.$message({
          type: 'success',
          message: '删除成功!'
        });
      }).catch(() => {
        // this.$message({
        //   type: 'info',
        //   message: '已取消删除'
        // });
      });
    },
    // 关闭窗口
    corpsAttnAddClose() {
      this.corpsAttnForm = {
        status: 0
      };
      this.corpsAttnDialogVisible = false;
    },
    // 文件上传成功
    handleSuccess(response, file, fileList) {
      this.corpsAttnForm.fileName = response.data.originalName;
      this.corpsAttnForm.url = response.data.link;
    },
    // 删除文件
    handleRemove(file, fileList) {
      this.$confirm(`确定移除 ${file.name}？`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.corpsAttnForm.fileName = null
        this.corpsAttnForm.url = null
        this.$message({
          type: 'success',
          message: '删除成功!'
        });
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },
    // ---------------------------------------------------------------------------------
    //返回列表
    backToList() {
      // if (this.formData.id) {
      //   this.unLock({
      //     moduleName: "xxb",
      //     tableName: "primary_school",
      //     billId: this.form.id,
      //     billNo: this.form.exrateYear + "-" + this.form.moon
      //   });
      // }
      this.formData = {
        status: 0,
        corpsAttnList: [],
        corpsBankList: [],
        corpsFilesList: [],
        corpsInvoiceHeaderList: [],
        corpsRenameList: [],
      }
      this.detailData = {}
      this.corpsAttnForm = {
        status: 0
      }
      this.corpsAttnDialogVisible = false,
        this.corpsAttnDialogIndex = null,
        this.$emit("goBack");
      // this.leaveDetailsKey(this.$route.name);
    },
  }
}

</script>
<style lang="scss" scoped>
/deep/ .el-form-item {
  margin-bottom: 8px;
  // margin-top: 8px;
}

.head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.text {
  font-size: 14px;
}

.item {
  padding: 18px 0;
}

.box-card {
  margin: 10px;
  margin-bottom: 0;
  box-shadow: 0 0 0 red;
}
</style>