picc / admin-no-ui · Files

<template>
  <a-modal
    :title="title"
    :width="1000"
    :centered="false"
    :visible="visible"
    :okButtonProps="{ props: {disabled: disableSubmit} }"
    :confirmLoading="confirmLoading"
    @ok="handleSubmit"
    @cancel="handleCancel"
    cancelText
    :maskClosable="false"
    style="top:20px;"
    class="scoped-person"
  >
    <a-tabs defaultActiveKey="1" v-model="defaultTabKey" @change="callback" :animated="false">
      <a-tab-pane tab="客户详情" key="1">
        <a-spin :spinning="confirmLoading">
          <a-form :form="form">
            <a-card title="申请产品信息" :bordered="false">
              <a-row :gutter="24">
                <a-col :span="10">
                  <a-form-item label="产品分类名称" :labelCol="{span:8}" :wrapperCol="{span:16}">
                    <a-select
                      v-decorator="[ 'productCategoryNo', {'initialValue':productCategoryNo?productCategoryNo:''}]"
                      :disabled="disableSubmit"
                      placeholder="请选择产品分类名称"
                    >
                      <a-select-option
                        v-for="(item, index) in dbProductCategory"
                        :key="index"
                        :value="item.name"
                      >{{item.title}}</a-select-option>
                    </a-select>
                  </a-form-item>
                </a-col>
                <a-col :span="10">
                  <a-form-item label="申请时间" :labelCol="{span:8}" :wrapperCol="{span:16}">
                    <a-input
                      v-decorator="[ 'creditApplyTime',{'initialValue':creditApplyTime?creditApplyTime:''}]"
                      :readOnly="onlyread"
                    />
                  </a-form-item>
                </a-col>
              </a-row>
            </a-card>

            <a-card title="企业法定代表人信息" :bordered="false">
              <a-layout>
                <a-layout-content style="background:#fff;">
                  <a-row :gutter="24">
                    <a-col :span="12">
                      <a-form-item label="姓名" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-input
                          placeholder="请输入姓名"
                          v-decorator="[ 'cusBasicInfo.idCardName',{'initialValue':cusBasicInfo?cusBasicInfo.idCardName:'',rules:[{required: true,message: '请输入姓名'}]}]"
                          :readOnly="onlyread"
                        />
                      </a-form-item>
                    </a-col>
                    <a-col :span="12">
                      <a-form-item label="性别" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <j-dict-select-tag
                          v-decorator="[ 'cusBasicInfo.sex',{'initialValue':cusBasicInfo?cusBasicInfo.sex:''}]"
                          dictCode="sex"
                          :disabled="onlyread"
                        />
                      </a-form-item>
                    </a-col>
                  </a-row>
                  <a-row :gutter="24">
                    <a-col :span="12">
                      <a-form-item label="民族" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-input
                          placeholder="请输入民族"
                          v-decorator="[ 'cusBasicInfo.nation',{'initialValue':cusBasicInfo?cusBasicInfo.nation:''}]"
                          :readOnly="onlyread"
                        />
                      </a-form-item>
                    </a-col>
                    <a-col :span="12">
                      <a-form-item label="出生日期" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-date-picker
                          style="width: 100%"
                          v-decorator="['cusBasicInfo.birthday', {initialValue:!cusBasicInfo?null:moment(cusBasicInfo.birthday,dateFormat)}]"
                          :disabled="disableSubmit"
                        />
                      </a-form-item>
                    </a-col>
                  </a-row>
                  <a-row :gutter="24">
                    <a-col v-if="disableSubmit" :span="12">
                      <a-form-item label="手机号" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-input
                          placeholder="请输入手机号"
                          v-decorator="[ 'cusBasicInfo.mobilePhone',{'initialValue':cusBasicInfo?cusBasicInfo.mobilePhoneView:'',rules:[{required: true,message: '请输入手机号'}]}]"
                          :readOnly="onlyread"
                        />
                      </a-form-item>
                    </a-col>
                    <a-col v-else :span="12">
                      <a-form-item label="手机号" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-input
                          placeholder="请输入手机号"
                          v-decorator="[ 'cusBasicInfo.mobilePhone',{'initialValue':cusBasicInfo?cusBasicInfo.mobilePhone:'',rules:[{required: true,message: '请输入手机号'}]}]"
                          :readOnly="onlyread"
                        />
                      </a-form-item>
                    </a-col>
                    <a-col v-if="disableSubmit" :span="12">
                      <a-form-item label="身份证号" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-input
                          placeholder="请输入身份证号"
                          v-decorator="[ 'cusBasicInfo.idCardNo',{'initialValue':cusBasicInfo?cusBasicInfo.idCardNoView:'',rules:[
                        { required: true, pattern: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X|x)$/, message: '请输入身份证号' }
                        ]}]"
                          :readOnly="onlyread"
                        />
                      </a-form-item>
                    </a-col>
                    <a-col v-else :span="12">
                      <a-form-item label="身份证号" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-input
                          placeholder="请输入身份证号"
                          v-decorator="[ 'cusBasicInfo.idCardNo',{'initialValue':cusBasicInfo?cusBasicInfo.idCardNo:'',rules:[
                        { required: true, pattern: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X|x)$/, message: '请输入身份证号' }
                        ]}]"
                          :readOnly="onlyread"
                        />
                      </a-form-item>
                    </a-col>
                  </a-row>
                  <a-row :gutter="24">
                    <a-col :span="12">
                      <a-form-item label="有效期" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-date-picker
                          style="width: 100%"
                          v-decorator="['cusBasicInfo.idCardStartValidity', {initialValue:!cusBasicInfo?null:moment(cusBasicInfo.idCardStartValidity,dateFormat)}]"
                          :disabled="onlyread && disableSubmit"
                        />
                      </a-form-item>
                    </a-col>
                    <a-col :span="12">
                      <a-form-item label="至" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-date-picker
                          style="width: 100%"
                          v-decorator="['cusBasicInfo.idCardEndValidity', {initialValue:!cusBasicInfo?null:moment(cusBasicInfo.idCardEndValidity,dateFormat)}]"
                          :disabled="onlyread && disableSubmit"
                        />
                      </a-form-item>
                    </a-col>
                  </a-row>
                  <a-row :gutter="24">
                    <a-form-item label="住址" :labelCol="{span:4}" :wrapperCol="{span:19}">
                      <a-input
                        placeholder="请输入住址"
                        v-decorator="[ 'cusBasicInfo.address',{'initialValue':cusBasicInfo?cusBasicInfo.address:''}]"
                        :readOnly="onlyread && disableSubmit"
                      />
                    </a-form-item>
                  </a-row>
                  <a-row :gutter="24">
                    <a-form-item label="发证机关" :labelCol="{span:4}" :wrapperCol="{span:19}">
                      <a-input
                        placeholder="请输入发证机关"
                        v-decorator="[ 'cusBasicInfo.issuanceAuthority',{'initialValue':cusBasicInfo?cusBasicInfo.issuanceAuthority:''}]"
                        :readOnly="onlyread && disableSubmit"
                      />
                    </a-form-item>
                  </a-row>
                </a-layout-content>
                <a-layout-sider style="background:#fff;">
                  <div
                    class="scoped-img"
                    style="display: flex;align-items: center;flex-direction: column;"
                  >
                    <a-form-item label="身份证正面照片" style="text-align:center;">
                      <a-upload
                        name="file"
                        listType="picture-card"
                        class="avatar-uploader"
                        accept="image/*"
                        :showUploadList="false"
                        :action="url.upload"
                        v-decorator="[ 'cusBasicInfo.idCardUrl', {'initialValue':cusBasicInfo?cusBasicInfo.idCardUrl:'',rules:[{required: true,message: '请上传身份证正面'}]}]"
                        @change="handleChangeFront"
                        :disabled="onlyread && disableSubmit"
                      >
                        <img
                          v-if="imageUrlFront"
                          :src="imageUrlFront"
                          alt="avatar"
                          style="max-width:200px;max-height:200px;"
                        />
                        <div v-else>
                          <a-icon :type="loading ? 'loading' : 'plus'" />
                          <div class="ant-upload-text">Upload</div>
                        </div>
                      </a-upload>
                    </a-form-item>
                  </div>
                  <div
                    class="scoped-img"
                    style="display: flex;align-items: center;flex-direction: column;"
                  >
                    <a-form-item label="身份证反面照片" style="text-align:center;">
                      <a-upload
                        name="file"
                        listType="picture-card"
                        class="avatar-uploader"
                        accept="image/*"
                        :showUploadList="false"
                        :action="url.upload"
                        v-decorator="[ 'cusBasicInfo.idCardBackUrl', {'initialValue':cusBasicInfo?cusBasicInfo.idCardBackUrl:'',rules:[{required: true,message: '请上传身份证反面'}]}]"
                        @change="handleChangeBack"
                        :disabled="onlyread && disableSubmit"
                      >
                        <img
                          v-if="imageUrlBack"
                          :src="imageUrlBack"
                          alt="avatar"
                          style="max-width:200px;max-height:200px;"
                        />
                        <div v-else>
                          <a-icon :type="loading ? 'loading' : 'plus'" />
                          <div class="ant-upload-text">Upload</div>
                        </div>
                      </a-upload>
                    </a-form-item>
                  </div>
                </a-layout-sider>
              </a-layout>
            </a-card>
            <a-card title="企业基本信息" :bordered="false">
              <a-layout>
                <a-layout-content style="background:#fff;">
                  <a-row :gutter="24">
                    <a-col :span="12">
                      <a-form-item label="企业名称" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-input
                          placeholder="请输入企业名称"
                          v-decorator="[ 'cusEnterpriseBasicInfo.enterpriseName',{'initialValue':enterpriseBasicInfo?enterpriseBasicInfo.enterpriseName:'',rules:[{required: true,message: '请输入企业名称'}]}]"
                          :readOnly="onlyread"
                        />
                      </a-form-item>
                    </a-col>
                  </a-row>
                  <a-row :gutter="24">
                    <a-col :span="12">
                      <a-form-item label="注册类型" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-select
                          v-decorator="[ 'cusEnterpriseBasicInfo.registeredType', {'initialValue':enterpriseBasicInfo?enterpriseBasicInfo.registeredType:''}]"
                          placeholder="请选择"
                          :disabled="onlyread"
                        >
                          <a-select-option
                            v-for="(item, index) in registerType"
                            :key="index"
                            :value="item.value"
                          >{{item.label}}</a-select-option>
                        </a-select>
                      </a-form-item>
                    </a-col>
                    <a-col :span="12">
                      <a-form-item label="统一社会信用代码" :labelCol="{span:12}" :wrapperCol="{span:12}">
                        <a-input
                          placeholder="统一社会信用代码"
                          v-decorator="[ 'cusEnterpriseBasicInfo.orgCode',{'initialValue':enterpriseBasicInfo?enterpriseBasicInfo.orgCode:'',rules:[{required: true,message: '请输入统一社会信用代码'}]}]"
                          :readOnly="onlyread"
                        />
                      </a-form-item>
                    </a-col>
                  </a-row>
                  <a-row :gutter="24">
                    <a-col :span="12">
                      <a-form-item label="注册日期" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-date-picker
                          style="width: 100%"
                          v-decorator="['cusEnterpriseBasicInfo.orglicenseStartValidity', {initialValue:!enterpriseBasicInfo || !enterpriseBasicInfo.orglicenseStartValidity?null:moment(enterpriseBasicInfo.orglicenseStartValidity,dateFormat)}]"
                          :disabled="onlyread && disableSubmit"
                        />
                      </a-form-item>
                    </a-col>
                    <a-col :span="12">
                      <a-form-item label="到期日期" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-date-picker
                          style="width: 100%"
                          v-decorator="['cusEnterpriseBasicInfo.orglicenseEndValidity', {initialValue: !enterpriseBasicInfo || !enterpriseBasicInfo.orglicenseEndValidity?null:moment(enterpriseBasicInfo.orglicenseEndValidity,dateFormat)}]"
                          :disabled="onlyread && disableSubmit"
                        />
                      </a-form-item>
                    </a-col>
                  </a-row>
                  <a-row :gutter="24">
                    <a-col :span="12">
                      <a-form-item label="企业规模" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-input
                          placeholder="请输入企业规模"
                          v-decorator="['cusEnterpriseBasicInfo.enterpriseScale',{'initialValue':enterpriseBasicInfo?enterpriseBasicInfo.enterpriseScale:''}]"
                          :readOnly="onlyread && disableSubmit"
                        />
                      </a-form-item>
                    </a-col>
                    <a-col :span="12">
                      <a-form-item label="注册资本" :labelCol="{span:8}" :wrapperCol="{span:16}">
                        <a-input
                          v-decorator="['cusEnterpriseBasicInfo.registeredCapital',{'initialValue':enterpriseBasicInfo?enterpriseBasicInfo.registeredCapital:''}]"
                          :readOnly="onlyread && disableSubmit"
                        />
                      </a-form-item>
                    </a-col>
                  </a-row>
                  <a-row :gutter="24">
                    <a-form-item label="注册地址" :labelCol="{span:4}" :wrapperCol="{span:19}">
                      <a-input
                        placeholder="请输入注册地址"
                        v-decorator="['cusEnterpriseBasicInfo.address',{'initialValue':enterpriseBasicInfo?enterpriseBasicInfo.address:''}]"
                        :readOnly="onlyread && disableSubmit"
                      />
                    </a-form-item>
                  </a-row>
                  <a-row :gutter="24">
                    <a-form-item label="实际经营地址" :labelCol="{span:5}" :wrapperCol="{span:18}">
                      <a-input
                        placeholder="请输入实际经营地址"
                        v-decorator="['cusEnterpriseBasicInfo.actualBusinessAddress',{'initialValue':enterpriseBasicInfo?enterpriseBasicInfo.actualBusinessAddress:''}]"
                        :readOnly="onlyread && disableSubmit"
                      />
                    </a-form-item>
                  </a-row>
                  <a-row :gutter="24">
                    <a-form-item label="经营范围" :labelCol="{span:4}" :wrapperCol="{span:18}">
                      <a-textarea
                        rows="4"
                        placeholder="请输入经营范围"
                        v-decorator="['cusEnterpriseBasicInfo.businessScope',{'initialValue':enterpriseBasicInfo?enterpriseBasicInfo.businessScope:''}]"
                        :readOnly="onlyread && disableSubmit"
                      />
                    </a-form-item>
                  </a-row>
                </a-layout-content>
                <a-layout-sider style="background:#fff;">
                  <div
                    class="scoped-img"
                    style="display: flex;align-items: center;flex-direction: column;position: relative;top: 10%;"
                  >
                    <a-form-item label="营业执照" style="text-align:center;">
                      <a-upload
                        name="file"
                        listType="picture-card"
                        class="avatar-uploader"
                        accept="image/*"
                        :showUploadList="false"
                        :action="url.upload"
                        v-decorator="[ 'cusEnterpriseBasicInfo.licenceUrl', {'initialValue':enterpriseBasicInfo?enterpriseBasicInfo.licenceUrl:'',rules:[{required: true,message: '请上传身份证反面'}]}]"
                        @change="handleChangePermit"
                        :disabled="onlyread && disableSubmit"
                      >
                        <img
                          v-if="imageUrlPermit"
                          :src="imageUrlPermit"
                          alt="avatar"
                          style="max-width:240px;max-height:360px;"
                        />
                        <div v-else>
                          <a-icon :type="loading ? 'loading' : 'plus'" />
                          <div class="ant-upload-text">Upload</div>
                        </div>
                      </a-upload>
                    </a-form-item>
                  </div>
                </a-layout-sider>
              </a-layout>
            </a-card>
            <a-card title="经办人信息" :bordered="false">
              <a-row :gutter="24">
                <a-col :span="12">
                  <a-form-item label="姓名" :labelCol="{span:8}" :wrapperCol="{span:16}">
                    <a-input
                      placeholder="请输入姓名"
                      v-decorator="[ 'agent.agentName',{'initialValue':agent?agent.agentName:''}]"
                      :readOnly="onlyread"
                    />
                  </a-form-item>
                </a-col>
                <a-col v-if="disableSubmit" :span="12">
                  <a-form-item label="手机号" :labelCol="{span:8}" :wrapperCol="{span:16}">
                    <a-input
                      placeholder="请输入手机号"
                      v-decorator="[ 'agent.mobilePhone',{'initialValue':agent?agent.mobilePhoneView:''}]"
                      :readOnly="onlyread"
                    />
                  </a-form-item>
                </a-col>
                <a-col v-else :span="12">
                  <a-form-item label="手机号" :labelCol="{span:8}" :wrapperCol="{span:16}">
                    <a-input
                      placeholder="请输入手机号"
                      v-decorator="[ 'agent.mobilePhone',{'initialValue':agent?agent.mobilePhone:''}]"
                      :readOnly="onlyread"
                    />
                  </a-form-item>
                </a-col>
              </a-row>
              <a-row :gutter="24">
                <a-col v-if="disableSubmit" :span="12">
                  <a-form-item label="身份证号" :labelCol="{span:8}" :wrapperCol="{span:16}">
                    <a-input
                      placeholder="请输入身份证号"
                      v-decorator="[ 'agent.idCardNo',{'initialValue':agent?agent.idCardNoView:''}]"
                      :readOnly="onlyread"
                    />
                  </a-form-item>
                </a-col>
                <a-col v-else :span="12">
                  <a-form-item label="身份证号" :labelCol="{span:8}" :wrapperCol="{span:16}">
                    <a-input
                      placeholder="请输入身份证号"
                      v-decorator="[ 'agent.idCardNo',{'initialValue':agent?agent.idCardNo:''}]"
                      :readOnly="onlyread"
                    />
                  </a-form-item>
                </a-col>
                <!-- <a-col :span="12">
                  <a-form-item label="与经办人关系" :labelCol="{span:8}" :wrapperCol="{span:16}">
                    <a-select v-decorator="[ 'agent.relation',{'initialValue':agent?agent.relation:''}]" placeholder="请选择">
                      <a-select-option v-for="(item, index) in selectTionRelation" :key="index" :value="item.name">
                        {{item.title}}
                      </a-select-option>
                    </a-select>
                  </a-form-item>
                </a-col>-->
              </a-row>
              <a-row :gutter="24" v-show="!disableSubmit" style="float:right;margin-right:20px;">
                <a-button style="margin-right:10px;" @click="handleCancel">取消</a-button>
                <a-button type="primary" @click="handleSubmit">确定</a-button>
              </a-row>
            </a-card>
          </a-form>
        </a-spin>
        <company-account-table
          :userType="3"
          :cusPublicBankAccounts.sync="publicBankAccountList"
          :customerNo.sync="customerNo"
          @editReload="editReload"
        ></company-account-table>
        <common-link-man-table
          :userType="3"
          :contactsInfoList.sync="contactsInfoList"
          :customerNo.sync="customerNo"
          @editReload="editReload"
        ></common-link-man-table>
        <common-bank-account-table
          :userType="3"
          :privateBankAccountList.sync="privateBankAccountList"
          :customerNo.sync="customerNo"
          @editReload="editReload"
        ></common-bank-account-table>
        <company-shareholder-table
          :userType="3"
          :stockholderList.sync="stockholderList"
          :customerNo.sync="customerNo"
          @editReload="editReload"
        ></company-shareholder-table>
        <common-attachment-table
          :userType="3"
          :attachmentList.sync="attachmentList"
          :customerNo.sync="customerNo"
          @editReload="editReload"
        ></common-attachment-table>
        <common-text-table
          :userType="3"
          :objDataList.sync="objDataList"
          :customerNo.sync="customerNo"
          @editReload="editReload"
        ></common-text-table>
      </a-tab-pane>
      <a-tab-pane tab="资料补充" key="2" forceRender>
        <company-supplement-upload
          :userType="3"
          ref="supplement"
          :customerNo.sync="customerNo"
          :creditApplyAmount.sync="creditApplyAmount"
          :disableSubmit.sync="disableSubmit"
          @close="close"
        ></company-supplement-upload>
      </a-tab-pane>
      <a-tab-pane tab="电核记录" key="3" forceRender>
        <common-electrical-energy :userType="3" ref="electrical" :customerNo.sync="customerNo"></common-electrical-energy>
      </a-tab-pane>
      <a-tab-pane tab="审批记录" key="4" forceRender>
        <common-approval-record :userType="3" ref="approval" :creditApplyNo.sync="creditApplyNo"></common-approval-record>
      </a-tab-pane>
    </a-tabs>
  </a-modal>
</template>
<script>
function getBase64(img, callback) {
  const reader = new FileReader()
  reader.addEventListener('load', () => callback(reader.result))
  reader.readAsDataURL(img)
}
import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
import moment from 'moment'
import pick from 'lodash.pick'
import { queryCollLegalPersonApplyDetail, legalSaveOrUpdate, postAction } from '@/api/configApi'
import { JeecgListMixin } from '@/mixins/CoreListMixin'
import companySupplementUpload from './company/companySupplementUpload' // tab切换 资料补充
import commonApprovalRecord from './common/commonApprovalRecord' // tab切换 审批记录
import commonElectricalEnergy from './common/commonElectricalEnergy' // tab切换 电核记录

import companyAccountTable from './company/companyAccountTable'
import commonLinkManTable from './common/commonLinkManTable'
import commonBankAccountTable from './common/commonBankAccountTable'
import companyShareholderTable from './company/companyShareholderTable'
import commonAttachmentTable from './common/commonAttachmentTable'
import commonTextTable from './common/commonTextTable'
import { registerType } from '@/data/params'

export default {
  name: 'CompanyInformationListModal',
  mixins: [JeecgListMixin],
  components: {
    companySupplementUpload, // 资料补充
    commonApprovalRecord, // 审批记录
    commonElectricalEnergy, // 电核记录
    companyAccountTable, // 企业账户信息
    commonLinkManTable, // 联系人信息
    commonBankAccountTable, // 法定代表人银行账户信息
    companyShareholderTable, // 企业股东信息
    commonAttachmentTable, // 自定义附件信息
    commonTextTable // 自定义文本信息
  },
  data() {
    return {
      visible: false,
      confirmLoading: false,
      title: '',
      imageUrlFront: '',
      imageUrlBack: '',
      imageUrlPermit: '',
      disableSubmit: false,
      onlyread: false,
      creditApplyAmount: '',
      defaultTabKey: '',
      registerType: registerType,
      programOffices: JSON.parse(sessionStorage.getItem('PROGRAMOFFICES')), // 组织机构
      dbCollectionInfo: JSON.parse(sessionStorage.getItem('DB_COLLECTION_INFO')), // 进件流编号
      dbBusinessChannel: JSON.parse(sessionStorage.getItem('DB_BUSINESS_CHANNEL')), // 业务线名称
      dbCooPerationPlatform: JSON.parse(sessionStorage.getItem('DB_COOPERATION_PLATFORM')), // 合作平台
      dbProductCategory: JSON.parse(sessionStorage.getItem('DB_PRODUCT_CATEGORY')), // 产品分类
      selectTionRelation: JSON.parse(sessionStorage.getItem('SELECTION_RELATION')), // 联系关系
      creditList: '',
      model: {},
      customerNo: '',
      creditApplyNo: '',
      id: '',
      enterpriseBasicInfo: {}, // 企业基本信息
      cusBasicInfo: {}, // 法人基本信息
      publicBankAccountList: '', // 企业公户信息
      contactsInfoList: '', // 联系人信息
      privateBankAccountList: '', // 法人银行卡信息
      agent: {}, // 经办人信息
      stockholderList: {}, // 企业股东信息
      objDataList: {}, // 自定义文本信息
      attachmentList: {}, // 自定义附件信息
      collCreditStatuses: [], // 企业认证状态信息
      form: this.$form.createForm(this),
      dateFormat: 'YYYY-MM-DD',
      productCategoryNo: '',
      creditApplyTime: '',
      disableMixinCreated: true,
      url: {
        imgerver: window._CONFIG['domianURL'] + '/sys/common/view',
        syncUser: '/process/extActProcess/doSyncUser',
        list: '/legalPersonApply/queryCollLegalPersonApplyPage',
        delete: '/sys/user/delete',
        deleteBatch: '/sys/user/deleteBatch',
        exportXlsUrl: '/sys/user/exportXls',
        upload: window._CONFIG['uploadUrl']
      }
    }
  },
  created() {
    console.log('created')
  },

  methods: {
    moment,
    edit(res, data) {
      this.defaultTabKey = '1'
      this.creditApplyAmount = data.creditApplyAmount
      this.productCategoryNo = data.productCategoryNo
      this.creditApplyTime = data.creditApplyTime
      this.customerNo = data.customerNo
      this.creditApplyNo = data.creditApplyNo
      this.id = res.id
      this.assignment(res)
      this.form.resetFields()
      this.visible = true
      this.$nextTick(() => {})
    },

    add(username) {
      this.model = {}
      this.form.resetFields()
      this.visible = true
    },

    close() {
      this.$emit('close')
      this.visible = false
      this.disableSubmit = false
      this.selectedRole = []
    },
    handleSubmit() {
      // 触发表单验证
      this.form.validateFields((err, values) => {
        values.cusBasicInfo.birthday = !values.cusBasicInfo.birthday
          ? null
          : values.cusBasicInfo.birthday.format(this.dateFormat)
        values.cusBasicInfo.idCardStartValidity = !values.cusBasicInfo.idCardStartValidity
          ? null
          : values.cusBasicInfo.idCardStartValidity.format(this.dateFormat)
        values.cusBasicInfo.idCardEndValidity = !values.cusBasicInfo.idCardEndValidity
          ? null
          : values.cusBasicInfo.idCardEndValidity.format(this.dateFormat)
        values.cusEnterpriseBasicInfo.orglicenseStartValidity = !values.cusEnterpriseBasicInfo.orglicenseStartValidity
          ? null
          : values.cusEnterpriseBasicInfo.orglicenseStartValidity.format(this.dateFormat)
        values.cusEnterpriseBasicInfo.orglicenseEndValidity = !values.cusEnterpriseBasicInfo.orglicenseEndValidity
          ? null
          : values.cusEnterpriseBasicInfo.orglicenseEndValidity.format(this.dateFormat)
        if (!err) {
          this.confirmLoading = true
          values.cusBasicInfo.customerNo = this.customerNo
          values.cusEnterpriseBasicInfo.customerNo = this.customerNo
          values.agent.customerNo = this.customerNo
          values.customerNo = this.customerNo
          values.cusBasicInfo.id = this.model.cusBasicInfo ? this.model.cusBasicInfo.id : ''
          values.cusEnterpriseBasicInfo.id = this.model.enterpriseBasicInfo ? this.model.enterpriseBasicInfo.id : ''
          values.agent.id = this.agent ? this.agent.id : ''
          values.id = this.id
          values.cusBasicInfo.idCardUrl = this.imageUrlFront
          values.cusBasicInfo.idCardBackUrl = this.imageUrlBack
          values.cusEnterpriseBasicInfo.licenceUrl = this.imageUrlPermit
          let formData = Object.assign({}, values)
          console.log(formData)
          legalSaveOrUpdate(formData)
            .then(res => {
              if (res.status.statusCode == 0) {
                this.$message.success(res.status.statusReason)
                this.$emit('ok')
              } else {
                this.$message.warning(res.status.statusReason)
              }
            })
            .finally(() => {
              this.confirmLoading = false
              this.close()
            })
        }
      })
    },
    handleCancel() {
      this.close()
    },
    // tabs 回调
    callback(key) {
      if (key == 2) {
        this.$refs.supplement.loadData()
      } else if (key == 4) {
        this.$refs.approval.loadData()
      } else if (key == 3) {
        this.$refs.electrical.loadData()
      }
    },
    handleChangeFront(info) {
      if (info.file.status === 'uploading') {
        this.loading = true
        return
      }
      if (info.file.status === 'done') {
        getBase64(info.file.originFileObj, imageUrlFront => {
          this.loading = false
        })
        if (info.file.response.code == 200) {
          this.imageUrlFront = info.file.response.data.fileURL
          this.$message.success(`身份证正面上传成功!`)
        }
      }
    },
    handleChangeBack(info) {
      if (info.file.status === 'uploading') {
        this.loading = true
        return
      }
      if (info.file.status === 'done') {
        getBase64(info.file.originFileObj, imageUrlBack => {
          this.loading = false
        })
        if (info.file.response.code == 200) {
          this.imageUrlBack = info.file.response.data.fileURL
          this.$message.success(`身份证反面上传成功!`)
        }
      }
    },
    handleChangePermit(info) {
      if (info.file.status === 'uploading') {
        this.loading = true
        return
      }
      if (info.file.status === 'done') {
        getBase64(info.file.originFileObj, imageUrlPermit => {
          this.loading = false
        })
        if (info.file.response.code == 200) {
          this.imageUrlPermit = info.file.response.data.fileURL
          this.$message.success(`营业执照上传成功!`)
        }
      }
    },
    editReload() {
      let _p = { customerNo: this.customerNo }
      queryCollLegalPersonApplyDetail(_p).then(res => {
        console.log('-------------')
        console.log(res.result)
        console.log('-------------')
        this.assignment(res.result)
      })
    },
    assignment(res) {
      this.model = res ? res : {}
      this.enterpriseBasicInfo = this.model.enterpriseBasicInfo
      this.cusBasicInfo = this.model.cusBasicInfo
      if (this.cusBasicInfo) {
        this.imageUrlFront = this.cusBasicInfo.idCardUrl
        this.imageUrlBack = this.cusBasicInfo.idCardBackUrl
      } else {
        this.imageUrlFront = ''
        this.imageUrlBack = ''
      }
      if (this.enterpriseBasicInfo) {
        this.imageUrlPermit = this.enterpriseBasicInfo.licenceUrl
      } else {
        this.imageUrlPermit = ''
      }
      this.publicBankAccountList = this.model.publicBankAccountList
      this.contactsInfoList = this.model.contactsInfoList
      this.privateBankAccountList = this.model.privateBankAccountList
      this.agent = this.model.agent
      this.stockholderList = this.model.stockholderList
      this.objDataList = this.model.objDataList
      this.attachmentList = this.model.attachmentList
      this.collCreditStatuses = this.model.collCreditStatuses
    }
  }
}
</script>
<style>
.scoped-person .ant-modal-body {
  padding: 0 24px !important;
}
.scoped-person .ant-modal-body {
  overflow-y: scroll;
  min-height: 600px;
  max-height: 600px !important;
}
.scoped-person .ant-tabs-bar {
  margin-bottom: 0;
}
.scoped-person .ant-card-body {
  padding: 10px 24px;
}
.scoped-person .ant-layout-sider {
  flex: 0 0 300px;
  max-width: 300px !important;
  min-width: 300px !important;
  width: 300px !important;
}
.scoped-person .ant-modal-footer {
  display: none;
}
.scoped-person .scoped-img img {
  width: 200px;
}
.scoped-person .scoped-approval .ant-card-head {
  border-bottom: 0;
}
</style>