<template>
    <main>
        <section class="second">
            <div class="body">
                <div class="top-apply">
                    <div class="apply-left"></div>
                    <div class="apply-text">借款申请</div>
                </div>
                <!-- 已授权 -->
                <section class="big-empower">
                    <!-- 头部 -->
                    <div class="top-state">
                        <div class="state-topbig">
                            <div class="state-top">
                                <div class="state-icon">
                                    <img src="~assets/images/icon-Authorized Shop.png" alt />
                                </div>
                                <div class="state-icon">
                                    <img src="~assets/images/icon-input.png" alt />
                                </div>
                                <div class="state-icon">
                                    <img src="~assets/images/icon-examine2.png" alt />
                                </div>
                                <div class="state-icon">
                                    <img src="~assets/images/icon-Auditcompleted2.png" alt />
                                </div>
                            </div>
                        </div>
                        <div class="state-bottom">
                            <div class="content">
                                <div class="biankuang"></div>
                                <div class="state-text">授权店铺</div>
                            </div>
                            <div class="content">
                                <div class="biankuang"></div>
                                <div class="state-text">填写申请资料</div>
                            </div>
                            <div class="content">
                                <div class="state-text">等待审核</div>
                            </div>
                            <div class="content">
                                <div class="state-text">审核完成</div>
                            </div>
                        </div>
                    </div>
                    <!-- 填写资料含香港大陆个人 -->
                    <div class="write">
                        <div class="notwrite" v-if="empower == 1">
                            <div class="notwrite-icon">
                                <img src="~assets/images/icon-status-no-sh.png" alt />
                            </div>
                            <div class="notwrite-text">非常抱歉，您需要填写信息才能继续借钱</div>
                            <div class="notwrite-menu" @click="fillin">立即填写</div>
                        </div>
                        <div class="write-content" v-if="empower == 2">
                            <el-form
                                :model="fillinForm"
                                :rules="fillinFormRule"
                                ref="fillinForm"
                                :hide-required-asterisk="true"
                            >
                                <div class="information">
                                    <div class="information-top">借款人信息</div>
                                    <div class="information-content">
                                        <div
                                            class="information-type"
                                            v-if="lendmoney.registerTypeCode == '2'"
                                        >
                                            <div class="information-text">借款人类型：</div>
                                            <el-select
                                                v-model="fillinForm.borrowertype"
                                                placeholder="请选择借款人类型"
                                                @change="selectborrowertype"
                                            >
                                                <el-option
                                                    v-for="item in borrowertypea"
                                                    :key="item.name"
                                                    :label="item.label"
                                                    :value="item.name"
                                                ></el-option>
                                            </el-select>
                                        </div>
                                        <!-- 自动带出来的数据展示 -->
                                        <div class="one">
                                            <div
                                                class="information-name"
                                                v-if="selectnumber=='1'||lendmoney.registerTypeCode == '4'||lendmoney.registerTypeCode == '1'"
                                            >
                                                <div class="information-text">借款人姓名：</div>
                                                <div
                                                    class="information-con"
                                                >{{fillinForm.borrowerName}}</div>
                                            </div>
                                            <div
                                                class="information-name"
                                                v-if="selectnumber=='1'||lendmoney.registerTypeCode == '4'||lendmoney.registerTypeCode == '1'"
                                            >
                                                <div class="information-text">借款人身份证号：</div>
                                                <div
                                                    class="information-con"
                                                >{{fillinForm.borrowerIdcard}}</div>
                                            </div>
                                            <div
                                                class="becareful"
                                                v-if="selectnumber=='1'||lendmoney.registerTypeCode == '4'||lendmoney.registerTypeCode == '1'"
                                            >
                                                证件照片
                                                <span>（请确认信息无误，证件图片清晰可见，图片支持jpg、png、jpeg，文件不超过5MB）</span>
                                            </div>
                                            <div class="photobig">
                                                <div
                                                    class="photo-portrait"
                                                    v-if="selectnumber=='1'||lendmoney.registerTypeCode == '4'||lendmoney.registerTypeCode == '1'"
                                                >
                                                    <img :src="imageUrla" alt />
                                                </div>
                                                <div
                                                    class="photo-portrait"
                                                    v-if="selectnumber=='1'||lendmoney.registerTypeCode == '4'||lendmoney.registerTypeCode == '1'"
                                                >
                                                    <img :src="imageUrlb" alt />
                                                </div>
                                                <div
                                                    class="photo-portrait"
                                                    v-if="selectnumber=='1'&&lendmoney.registerTypeCode !='2'"
                                                >
                                                    <img :src="imageUrlc" alt />
                                                </div>
                                            </div>
                                            <div class="datatime">
                                                <div class="datatime-top" v-if="selectnumber=='1'">
                                                    <span>身份证有效期：</span>
                                                    <div class="time">
                                                        <div
                                                            class="start"
                                                        >{{fillinForm.effectiveStartTime.substr(0,10)}}</div>至
                                                        <div
                                                            class="end"
                                                        >{{fillinForm.effectiveEndTime.substr(0,10)}}</div>
                                                    </div>
                                                </div>
                                                <el-radio-group
                                                    v-model="radio1"
                                                    v-if="selectnumber=='1'"
                                                    @change="isLongTime"
                                                >
                                                    <el-radio
                                                        :label="0"
                                                        :disabled="lendmoney.longFlag"
                                                    >非长期</el-radio>
                                                    <el-radio
                                                        :label="1"
                                                        :disabled="!lendmoney.longFlag"
                                                    >长期</el-radio>
                                                </el-radio-group>
                                            </div>
                                        </div>
                                        <!-- 用户自己输入的展示 -->
                                        <div class="one">
                                            <el-form-item
                                                v-if="selectnumber=='2'"
                                                prop="borrowerName"
                                                label="借款人姓名："
                                            >
                                                <div class="information-list">
                                                    <el-input
                                                        :maxlength="20"
                                                        v-model="fillinForm.borrowerName"
                                                        @input="borrowerNameinput"
                                                        placeholder="请输入借款人姓名"
                                                    ></el-input>
                                                </div>
                                            </el-form-item>
                                            <el-form-item
                                                v-if="selectnumber=='2'"
                                                prop="borrowerIdcard"
                                                label="借款人身份证号："
                                            >
                                                <div class="information-list">
                                                    <el-input
                                                        type="text"
                                                        v-model="fillinForm.borrowerIdcard"
                                                        maxlength="18"
                                                        @input="borrowerIdcardinput"
                                                        oninput="value=value.replace(/[^\d]/g,'')"
                                                        placeholder="请输入借款人身份证号"
                                                    ></el-input>
                                                </div>
                                            </el-form-item>
                                            <div class="becareful" v-if="selectnumber=='2'">
                                                证件照片
                                                <span>（请确认信息无误，证件图片清晰可见，图片支持jpg、png、jpeg，文件不超过5MB）</span>
                                            </div>
                                            <div class="photobig">
                                                <div
                                                    class="photo-portrait"
                                                    v-if="selectnumber=='2'"
                                                >
                                                    <files-upload
                                                        :uploadUrl="uploadUrl"
                                                        :popoverImg="popoverImg"
                                                        :imageUrl="imageUrl"
                                                        :title="uploadTitle"
                                                        v-loading="loading"
                                                        @success="handleAvatarSuccess"
                                                        @error="handleAvatarError"
                                                        @before="beforeAvatarUpload"
                                                    ></files-upload>
                                                </div>
                                                <div
                                                    class="photo-portrait"
                                                    v-if="selectnumber=='2'"
                                                >
                                                    <files-upload
                                                        :uploadUrl="uploadUrl2"
                                                        :popoverImg="popoverImg2"
                                                        :imageUrl="imageUrl2"
                                                        :title="uploadTitle2"
                                                        v-loading="loading2"
                                                        @success="handleAvatarSuccess2"
                                                        @error="handleAvatarError2"
                                                        @before="beforeAvatarUpload2"
                                                    ></files-upload>
                                                </div>
                                                <div
                                                    class="photo-portrait"
                                                    v-if="selectnumber=='2'"
                                                >
                                                    <files-upload
                                                        :uploadUrl="uploadUrl3"
                                                        :popoverImg="popoverImg3"
                                                        :imageUrl="imageUrl3"
                                                        :title="uploadTitle3"
                                                        v-loading="loading3"
                                                        @success="handleAvatarSuccess3"
                                                        @error="handleAvatarError3"
                                                        @before="beforeAvatarUpload3"
                                                    ></files-upload>
                                                </div>
                                            </div>
                                            <div class="datatime">
                                                <div class="legalper-top" v-if="selectnumber=='2'">
                                                    <span>身份证有效期：</span>
                                                    <div class="time">
                                                        <el-date-picker
                                                            type="date"
                                                            prefix-icon="false"
                                                            value-format="yyyy-MM-dd"
                                                            v-model="fillinForm.effectiveStartTime"
                                                            placeholder="开始时间"
                                                        ></el-date-picker>
                                                        <p>至</p>
                                                        <el-date-picker
                                                            type="date"
                                                            prefix-icon="false"
                                                            value-format="yyyy-MM-dd"
                                                            v-model="fillinForm.effectiveEndTime"
                                                            placeholder="结束时间"
                                                        ></el-date-picker>
                                                    </div>
                                                </div>
                                                <div class="selectb" v-if="selectnumber=='2'">
                                                    <el-radio-group
                                                        v-model="radio2"
                                                        @change="isLongTime"
                                                    >
                                                        <el-radio :label="0">非长期</el-radio>
                                                        <el-radio :label="1">长期</el-radio>
                                                    </el-radio-group>
                                                </div>
                                            </div>
                                        </div>
                                        <el-form-item prop="phonenumber" label="借款人手机号：">
                                            <div class="information-list">
                                                <el-input
                                                    v-model="fillinForm.phonenumber"
                                                    :maxlength="11"
                                                    type="text"
                                                    placeholder="请输入手机号"
                                                    :oninput ="fillinForm.phonenumber=fillinForm.phonenumber.replace(/[^\d]/g,'')"
                                                    width="331px"
                                                    height="46px"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="borrowermailbox" label="借款人邮箱：">
                                            <div class="information-list">
                                                <el-input
                                                    maxlength="40"
                                                    v-model="fillinForm.borrowermailbox"
                                                    placeholder="请输入邮箱"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="maritalstatus" label="婚姻状况：">
                                            <div class="information-list">
                                                <el-select
                                                    v-model="fillinForm.maritalstatus"
                                                    placeholder="请选择婚姻状况"
                                                    @change="maritalsta"
                                                >
                                                    <el-option
                                                        v-for="item in options"
                                                        :key="item.value"
                                                        :label="item.label"
                                                        :value="item.value"
                                                    ></el-option>
                                                </el-select>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="familyaddressnow" label="现家庭住址：">
                                            <div class="information-list">
                                                <el-input
                                                    :maxlength="50"
                                                    v-model="fillinForm.familyaddressnow"
                                                    placeholder="请输入现家庭住址"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="colleaguecontact" label="同事联系方式：">
                                            <div class="information-list">
                                                <el-input
                                                    v-model="fillinForm.colleaguecontact"
                                                    type="text"
                                                    :maxlength="11"
                                                    v-on:oninput ="fillinForm.colleaguecontact=fillinForm.colleaguecontact.replace(/[^\d]/g,'')"
                                                    placeholder="请输入同事联系方式"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                    </div>
                                </div>
                                <div class="querybig">
                                    <div class="querybig-top">
                                        <div class="query-left">借款人授权人民银行征信查询</div>
                                    </div>
                                    <div class="querybig-bottom">
                                        <el-form-item
                                            prop="humanregisteredaccount"
                                            label="人行征信注册账号："
                                        >
                                            <div class="query-list">
                                                <el-input
                                                    maxlength="20"
                                                    v-model="fillinForm.humanregisteredaccount"
                                                    placeholder="请输入人行征信注册账号"
                                                    type="text"
                                                    :oninput="fillinForm.humanregisteredaccount=fillinForm.humanregisteredaccount.replace(/[\u4e00-\u9fa5a]/g,'')"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="verificationcode" label="人行征信身份验证码：">
                                            <div class="query-list">
                                                <el-input
                                                    :maxlength="20"
                                                    type="text"
                                                    :oninput="fillinForm.verificationcode=fillinForm.verificationcode.replace(/[\u4e00-\u9fa5a]/g,'')"
                                                    v-model="fillinForm.verificationcode"
                                                    placeholder="请输入人行征信身份验证码"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="password" label="人行征信登录密码：">
                                            <div class="query-list">
                                                <el-input
                                                    :maxlength="20"
                                                    v-model="fillinForm.password"
                                                    type="text"
                                                    :oninput="fillinForm.password=fillinForm.password.replace(/[\u4e00-\u9fa5a]/g,'')"
                                                    placeholder="请输入人行征信登录密码"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="checkagreement" class="checka">
                                            <div class="querybig-agreement">
                                                <el-checkbox
                                                    name="type"
                                                    v-model="fillinForm.checkagreement"
                                                ></el-checkbox>
                                                <p>
                                                    本人为申请及时雨贷款服务，已阅读并同意将人民银行征信查询授权给大麦及时雨
                                                    <router-link
                                                        target="_blank"
                                                        to="/loan/borrowMoneyUserProtocol"
                                                    >
                                                        <el-link type="primary">《用户授权协议》</el-link>
                                                    </router-link>
                                                </p>
                                            </div>
                                        </el-form-item>
                                    </div>
                                </div>
                                <div class="guaranteebig">
                                    <div class="guaranteebig-top">
                                        <div class="guarantee-left">担保企业信息</div>
                                    </div>
                                    <div class="guaranteebig-bottom">
                                        <div class="basic">
                                            <div class="basic-list">
                                                <div class="left-bold"></div>企业基本信息
                                                <span>*请以您现账户的开户企业注册</span>
                                            </div>
                                            <div
                                                class="one"
                                                v-if="lendmoney.registerTypeCode == '1'||lendmoney.registerTypeCode == '3'||lendmoney.registerTypeCode == '4'"
                                            >
                                                <el-form-item prop="businessname" label="企业名称：">
                                                    <div class="guaranteebig-list">
                                                        <el-input
                                                            v-model="fillinForm.businessname"
                                                            placeholder="请输入企业名称"
                                                        ></el-input>
                                                    </div>
                                                </el-form-item>
                                                <el-form-item
                                                    prop="businessaddress"
                                                    label="企业实际经营地址："
                                                >
                                                    <div class="guaranteebig-list">
                                                        <el-input
                                                            maxlength="100"
                                                            v-model="fillinForm.businessaddress"
                                                            placeholder="请输入企业实际经营地址"
                                                        ></el-input>
                                                    </div>
                                                </el-form-item>
                                                <el-form-item prop="creditcode" label="统一社会信用代码：">
                                                    <div class="guaranteebig-list">
                                                        <el-input
                                                            :maxlength="18"
                                                            v-model="fillinForm.creditcode"
                                                            placeholder="请输入统一社会信用代码"
                                                        ></el-input>
                                                    </div>
                                                </el-form-item>
                                                <div class="bottomtips">
                                                    加盖公章的营业执照复印件照片
                                                    <span>（请确认信息无误，证件图片清晰可见，图片支付jpg、png、jpeg，文件不超过5MB）</span>
                                                </div>
                                                <div class="hold">
                                                    <files-upload
                                                        :uploadUrl="uploadUrl4"
                                                        :popoverImg="popoverImg4"
                                                        :imageUrl="imageUrl4"
                                                        :title="uploadTitle4"
                                                        v-loading="loading4"
                                                        @success="handleAvatarSuccess4"
                                                        @error="handleAvatarError4"
                                                        @before="beforeAvatarUpload4"
                                                        placement="right"
                                                    ></files-upload>
                                                </div>
                                            </div>
                                            <div
                                                class="one"
                                                v-if="lendmoney.registerTypeCode == '2'"
                                            >
                                                <el-form-item label="企业名称：">
                                                    <div class="guaranteebig-list">
                                                        <div
                                                            class="guaranteebig-texttcon"
                                                        >{{fillinForm.businessname}}</div>
                                                    </div>
                                                </el-form-item>
                                                <el-form-item label="企业实际经营地址：">
                                                    <div class="guaranteebig-list">
                                                        <div
                                                            class="guaranteebig-texttcon"
                                                        >{{fillinForm.businessaddress}}</div>
                                                    </div>
                                                </el-form-item>
                                                <el-form-item label="统一社会信用代码：">
                                                    <div class="guaranteebig-list">
                                                        <div
                                                            class="guaranteebig-texttcon"
                                                        >{{fillinForm.creditcode}}</div>
                                                    </div>
                                                </el-form-item>
                                                <div class="bottomtips">
                                                    加盖公章的营业执照复印件照片
                                                    <span>（请确认信息无误，证件图片清晰可见，图片支付jpg、png、jpeg，文件不超过5MB）</span>
                                                </div>
                                                <div class="hold">
                                                    <img :src="imageUrld" alt />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="legalperson">
                                            <div class="legalperson-lift">
                                                <div class="left-bold"></div>企业法人信息
                                            </div>
                                            <div
                                                class="legalpersontype-list"
                                                v-if="lendmoney.registerTypeCode == '4'||lendmoney.registerTypeCode == '1'"
                                            >
                                                <div class="legalpersontype-text">法人类型：</div>
                                                <el-select
                                                    v-model="fillinForm.legalpersontypename"
                                                    placeholder="请选择法人类型"
                                                    @change="selectlegalpersontypename"
                                                >
                                                    <el-option
                                                        v-for="item in type"
                                                        :key="item.smzname"
                                                        :label="item.label"
                                                        :value="item.smzname"
                                                    ></el-option>
                                                </el-select>
                                            </div>

                                            <div
                                                class="legalperson-bottomtips"
                                                v-if="legalpersontype == '2'"
                                            >
                                                法定代表人证件照片
                                                <span>（请确认信息无误，证件图片清晰可见，图片支付jpg、png、jpeg，文件不超过5MB）</span>
                                            </div>
                                            <div class="legalpersonone">
                                                <div
                                                    class="photo-portrait"
                                                    v-if="legalpersontype == '1'"
                                                >
                                                    <img :src="imageUrla" alt />
                                                </div>
                                                <div
                                                    class="photo-portrait"
                                                    v-if="legalpersontype == '1'"
                                                >
                                                    <img :src="imageUrlb" alt />
                                                </div>
                                                <el-form-item v-if="legalpersontype == '1'">
                                                    <div class="information-name">
                                                        <div class="legalperson-textt">法定代表人姓名：</div>
                                                        <div
                                                            class="legalperson-texttcon"
                                                        >{{fillinForm.legalpersonname}}</div>
                                                    </div>
                                                </el-form-item>
                                                <el-form-item v-if="legalpersontype == '1'">
                                                    <div class="information-name">
                                                        <div class="legalperson-textt">法定代表人证件号码：</div>
                                                        <div
                                                            class="legalperson-texttcon"
                                                        >{{fillinForm.legalpersonidphoto}}</div>
                                                    </div>
                                                </el-form-item>
                                                <el-radio-group
                                                    v-model="radio1"
                                                    v-if="legalpersontype == '1'"
                                                    @change="isLongTime"
                                                >
                                                    <el-radio
                                                        :label="0"
                                                        :disabled="lendmoney.longFlag"
                                                    >非长期</el-radio>
                                                    <el-radio
                                                        :label="1"
                                                        :disabled="!lendmoney.longFlag"
                                                    >长期</el-radio>
                                                </el-radio-group>
                                                <div class="legalper">
                                                    <div
                                                        class="datatime-top"
                                                        v-if="legalpersontype == '1'"
                                                    >
                                                        <span>身份证有效期：</span>
                                                        <div class="time">
                                                            <div
                                                                class="start"
                                                            >{{fillinForm.start.substr(0,10)}}</div>至
                                                            <div
                                                                class="end"
                                                            >{{fillinForm.end.substr(0,10)}}</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <el-form-item
                                                    prop
                                                    v-if="legalpersontype == '1'"
                                                    label="法人手机号："
                                                >
                                                    <div class="information-name">
                                                        <div
                                                            class="legalperson-texttcon"
                                                        >{{fillinForm.legalpersonphone}}</div>
                                                    </div>
                                                </el-form-item>
                                                <el-form-item
                                                    prop
                                                    v-if="legalpersontype == '1'"
                                                    label="法人邮箱："
                                                >
                                                    <div class="information-name">
                                                        <div
                                                            class="legalperson-texttcon"
                                                        >{{fillinForm.legalpersonemail}}</div>
                                                    </div>
                                                </el-form-item>
                                                <el-form-item
                                                    prop
                                                    v-if="legalpersontype == '1'"
                                                    label="法人现家庭住址："
                                                >
                                                    <div class="information-name">
                                                        <div
                                                            class="legalperson-texttcon"
                                                        >{{fillinForm.legalpersonaddress}}</div>
                                                    </div>
                                                </el-form-item>
                                                <el-form-item
                                                    prop="officeaddress"
                                                    v-if="legalpersontype == '1'"
                                                    label="法人现办公住址："
                                                >
                                                    <el-input
                                                        v-model="fillinForm.officeaddress"
                                                        :maxlength="100"
                                                        placeholder="请输入法人现办公住址"
                                                    ></el-input>
                                                </el-form-item>
                                            </div>
                                            <div class="legalpersonone">
                                                <div
                                                    class="photo-portrait"
                                                    v-if="legalpersontype == '2'"
                                                >
                                                    <files-upload
                                                        :uploadUrl="uploadUrl5"
                                                        :popoverImg="popoverImg5"
                                                        :imageUrl="imageUrl5"
                                                        :title="uploadTitle5"
                                                        v-loading="loading5"
                                                        @success="handleAvatarSuccess5"
                                                        @error="handleAvatarError5"
                                                        @before="beforeAvatarUpload5"
                                                    ></files-upload>
                                                </div>
                                                <div
                                                    class="photo-portrait"
                                                    v-if="legalpersontype == '2'"
                                                >
                                                    <files-upload
                                                        :uploadUrl="uploadUrl6"
                                                        :popoverImg="popoverImg6"
                                                        :imageUrl="imageUrl6"
                                                        :title="uploadTitle6"
                                                        v-loading="loading6"
                                                        @success="handleAvatarSuccess6"
                                                        @error="handleAvatarError6"
                                                        @before="beforeAvatarUpload6"
                                                    ></files-upload>
                                                </div>
                                                <el-form-item
                                                    prop="legalpersonname"
                                                    v-if="legalpersontype == '2'"
                                                    label="法定代表人姓名："
                                                >
                                                    <el-input
                                                        :maxlength="100"
                                                        type="text"
                                                        :oninput="fillinForm.legalpersonname=fillinForm.legalpersonname.replace(/[^\u4e00-\u9fa5a-zA-Z]/g,'')"
                                                        v-model="fillinForm.legalpersonname"
                                                        placeholder="请输入法定代表人姓名"
                                                    ></el-input>
                                                </el-form-item>
                                                <el-form-item
                                                    prop="legalpersonidphoto"
                                                    v-if="legalpersontype == '2'"
                                                    label="法定代表人证件号码："
                                                >
                                                    <el-input
                                                        :maxlength="18"
                                                        v-model="fillinForm.legalpersonidphoto"
                                                        type="text"
                                                        :oninput="fillinForm.legalpersonidphoto=fillinForm.legalpersonidphoto.replace(/[^\d]/g,'')"
                                                        placeholder="请输入法定代表人证件号码"
                                                    ></el-input>
                                                </el-form-item>
                                                <el-radio-group
                                                    v-model="radio2"
                                                    v-if="legalpersontype == '2'"
                                                    @change="isLongTime2"
                                                >
                                                    <el-radio :label="0">非长期</el-radio>
                                                    <el-radio :label="1">长期</el-radio>
                                                </el-radio-group>
                                                <div class="legalper">
                                                    <div
                                                        class="legalper-top"
                                                        v-if="legalpersontype == '2'"
                                                    >
                                                        <span>身份证有效期：</span>
                                                        <div class="time">
                                                            <el-date-picker
                                                                type="date"
                                                                prefix-icon="false"
                                                                value-format="yyyy-MM-dd"
                                                                v-model="fillinForm.start"
                                                                placeholder="开始时间"
                                                            ></el-date-picker>
                                                            <p>至</p>
                                                            <el-date-picker
                                                                type="date"
                                                                prefix-icon="false"
                                                                value-format="yyyy-MM-dd"
                                                                v-model="fillinForm.end"
                                                                placeholder="结束时间"
                                                            ></el-date-picker>
                                                        </div>
                                                    </div>
                                                </div>
                                                <el-form-item
                                                    prop="legalpersonphone"
                                                    v-if="legalpersontype == '2'"
                                                    label="法人手机号："
                                                >
                                                    <el-input
                                                        v-model="fillinForm.legalpersonphone"
                                                        type="text"
                                                        :oninput="fillinForm.legalpersonphone=fillinForm.legalpersonphone.replace(/[^\d]/g,'')"
                                                        :maxlength="11"
                                                        placeholder="请输入法人手机号"
                                                    ></el-input>
                                                </el-form-item>
                                                <el-form-item
                                                    prop="legalpersonemail"
                                                    v-if="legalpersontype == '2'"
                                                    label="法人邮箱："
                                                >
                                                    <el-input
                                                        v-model="fillinForm.legalpersonemail"
                                                        :maxlength="100"
                                                        placeholder="请输入法人邮箱"
                                                    ></el-input>
                                                </el-form-item>
                                                <el-form-item
                                                    prop="legalpersonaddress"
                                                    v-if="legalpersontype == '2'"
                                                    label="法人现家庭住址："
                                                >
                                                    <el-input
                                                        v-model="fillinForm.legalpersonaddress"
                                                        :maxlength="100"
                                                        placeholder="请输入法人现家庭住址"
                                                    ></el-input>
                                                </el-form-item>     
                                                <el-form-item
                                                    prop="officeaddress"
                                                    label="法人现办公住址："
                                                    v-if="legalpersontype == '2'"
                                                >
                                                    <el-input
                                                        v-model="fillinForm.officeaddress"
                                                        :maxlength="100"
                                                        placeholder="请输入法人现办公住址"
                                                    ></el-input>
                                                </el-form-item>
                                            </div>
                                        </div>
                                        <div class="authentication-left">
                                            <div class="left-bold"></div>企业实名认证信息
                                        </div>
                                        <el-form-item label="账户名：">
                                            <div class="authentication-list">
                                                <div
                                                    class="authentication-texttcon"
                                                >{{fillinForm.businessname}}</div>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="bankname" label="银行名称：">
                                            <div class="authentication-list">
                                                <el-select
                                                    v-model="fillinForm.bankname"
                                                    placeholder="选择开户银行"
                                                    @change="selectPrivateBank"
                                                >
                                                    <el-option
                                                        v-for="item in privateBankList"
                                                        :key="item.bankCode"
                                                        :label="item.bankName"
                                                        :value="item.bankCode"
                                                    ></el-option>
                                                </el-select>
                                            </div>
                                        </el-form-item>
                                        <div class="special" v-if="other==1">
                                            <div class="authenticationt-list">
                                                <div class="authenticationt-text">银行名称：</div>
                                                <el-input
                                                    v-model="fillinForm.otherbankname"
                                                    type="text"
                                                    :oninput="fillinForm.otherbankname=fillinForm.otherbankname.replace(/[^\u4e00-\u9fa5a-zA-Z\d]/g,'')"
                                                    :maxlength="100"
                                                    placeholder="请准确输入银行名称"
                                                ></el-input>
                                            </div>
                                        </div>
                                        <el-form-item prop="provincename" label="银行所在省/直辖市：">
                                            <div class="authentication-list">
                                                <el-select
                                                    v-model="fillinForm.provincename"
                                                    placeholder="选择所在省/直辖市"
                                                    @change="selectBankArea"
                                                >
                                                    <el-option
                                                        v-for="item in province"
                                                        :key="item.code"
                                                        :label="item.name"
                                                        :value="item.code"
                                                    ></el-option>
                                                </el-select>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="cityname" label="市/县：">
                                            <div class="authentication-list">
                                                <el-select
                                                    v-model="fillinForm.cityname"
                                                    placeholder="选择所在市/县"
                                                    @change="selectCity"
                                                >
                                                    <el-option
                                                        v-for="item in city"
                                                        :key="item.code"
                                                        :label="item.name"
                                                        :value="item.code"
                                                    ></el-option>
                                                </el-select>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="otherbank" label="支行名称：">
                                            <div class="authentication-list">
                                                <el-input
                                                    v-model="fillinForm.otherbank"
                                                    :maxlength="100"
                                                    placeholder="请准确输入开户支行银行名称"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="bankaccount" label="银行账号：">
                                            <div class="authentication-list">
                                                <p
                                                    class="bankcard-format"
                                                    v-show="bankcardFormat"
                                                >{{fillinForm.bankaccount.replace(/(\d{4})(?=\d)/g, "$1 ")}}</p>
                                                <el-input
                                                    v-model="fillinForm.bankaccount"
                                                    type="text"
                                                    :oninput="fillinForm.bankaccount=fillinForm.bankaccount.replace(/[^\d]/g,'')"
                                                    maxlength="20"
                                                    placeholder="请准确输入银行账号"
                                                    @focus="showBankcardFormat"
                                                    @blur="showBankcardFormat"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                    </div>
                                </div>
                            </el-form>
                            <el-button
                                class="submission"
                                @click="submissio('fillinForm')"
                                :loading="loadinga"
                                type="primary"
                            >提交</el-button>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </main>
</template>

<script>
import { mapState, mapMutations } from "vuex";
import {
    api_getProvence,
    api_getCity,
    api_findJsBankList
} from "api/center.js";
import {
    api_loan_accessm,
    api_loan_getKeyNatural,
    api_loan_downLoad,
    api_loan_queryLoanRisk,
    api_loan_condition,
    api_loan_updateLoanRisk
} from "api/loan.js";
import filesUpload from "pages/login/components/filesUpload";
import utils from "utils/utils.js";
import BIN from "bankcardinfo";
let host = process.env.NODE_ENV == "development" ? "/api" : "";
export default {
    data() {
        // 借款人手机号校验
        var checkphone = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请输入手机号"));
            } else if (!utils.isvalidPhone(value)) {
                callback(new Error("手机号格式错误"));
            } else {
                callback();
            }
        };
        // 借款人邮箱校验
        var checkEmail = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请输入邮箱"));
            } else if (!utils.isvalidEmail(value)) {
                callback(new Error("邮箱格式错误"));
            } else {
                callback();
            }
        };
        // 借款人同事联系方式校验
        var checkclassphone = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请输入同事联系方式"));
            } else if (!utils.isvalidPhone(value)) {
                callback(new Error("同事手机号格式错误"));
            } else {
                callback();
            }
        };
        // 企业名称校验
        var checkconpanyname = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请输入企业名称"));
            } else if (!utils.regEngName(value)) {
                callback(new Error("请输入正确的企业名称"));
            } else {
                callback();
            }
        };
        // 企业实际经营地址校验
        var checkaddress = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请输入企业实际经营地址"));
            } else if (!utils.regEngName(value)) {
                callback(new Error("请输入正确的企业实际经���地址"));
            } else {
                callback();
            }
        };
        // 统一社会信用代码校验
        var checkbusinessaddress = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请输入统一社会信用代码"));
            } else if (utils.regEngName(value)) {
                callback(new Error("请输入正确的统一社会信用代码"));
            } else {
                callback();
            }
        };
        // 法定代表人姓名校验
        var checkname = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请输入法定代表人姓名"));
            } else if (!utils.regEngName(value)) {
                callback(new Error("请正确输入法定代表人姓名"));
            } else {
                callback();
            }
        };
        // 法人证件照号码校验
        var checkIdCard = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请输入法定代表人证件号码"));
            } else if (!utils.isvalidIdCard(value)) {
                callback(new Error("法定代表人证件号码格式错误"));
            } else if (utils.isAdult(value) < 18) {
                callback(new Error("此身份信息未满十八周岁"));
            } else {
                // this.ruleForm.idCard = utils.toLocaleUpperCaseIdCard(value);
                callback();
            }
        };
        // 法人邮箱校验
        var checklegalpersonEmail = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请输入法人邮箱"));
            } else if (!utils.isvalidEmail(value)) {
                callback(new Error("邮箱格式错误"));
            } else {
                callback();
            }
        };
        // 法人手机号校验
        var checklegalpersonPhone = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请输入法人手机号"));
            } else if (!utils.isvalidPhone(value)) {
                callback(new Error("手机号格式错误"));
            } else {
                callback();
            }
        };
        // 银行名称校验
        var checkbankname = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请准确输入开户支行银行名称"));
            } else if (!utils.regEngName(value)) {
                callback(new Error("请准确输入开户支行银行名称"));
            } else {
                callback();
            }
        };
        // 银行账号校验
        var checkbanknumber = (rule, value, callback) => {
            if (value === "") {
                callback(new Error("请输入银行卡号"));
            } else if (!utils.regNum(value)) {
                callback(new Error("请输入数字"));
            } else {
                callback();
            }
        };  
        return {
            // 状态
            empower: "",
            imageUrl: "",
            loadingstatues:false,
            imageUrl2: "",
            imageUrl3: "",
            imageUrl4: "",
            imageUrl5: "",
            imageUrl6: "",
            radio1: "",
            radio2: "",
            uploadUrl: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE&certiFileType=CARD_FRONT_IMAGE`,
            popoverImg: require("assets/images/kyc-idcard-front.jpg"),
            uploadTitle: "身份证 人像页",
            uploadUrl2: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE&certiFileType=CARD_BACK_IMAGE`,
            popoverImg2: require("assets/images/kyc-idcard-back.jpg"),
            uploadTitle2: "身份证 国徽页",
            uploadUrl3: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE&certiFileType=CARD_HANDID_IMAGE`,
            popoverImg3: require("assets/images/kyc-idcard-hand.jpg"),
            uploadTitle3: "手持身份证照片",
            uploadUrl4: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE&certiFileType=BUSINESS_LICENSE_IMAGE`,
            popoverImg4: require("assets/images/kyc-business-license.jpg"),
            uploadTitle4: "营业执照照片",
            uploadUrl5: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE&certiFileType=CARD_FRONT_IMAGE`,
            popoverImg5: require("assets/images/kyc-idcard-front.jpg"),
            uploadTitle5: "身份证 人像页",
            uploadUrl6: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE&certiFileType=CARD_BACK_IMAGE`,
            popoverImg6: require("assets/images/kyc-idcard-back.jpg"),
            uploadTitle6: "身份证 国徽页",
            other: 0,
            state: 2, //借款授权状态
            input: "",
            informationnumber: 2,
            loading: false,
            states: "",
            loading2: false,
            provincename: "",
            loading3: false,
            provinceCode: "",
            loading4: false,
            loading5: false,
            loading6: false,
            banknumber: 1,
            selectnumber: "1",
            loadinga: false,
            guaranteenumber: 1,
            value: "",
            legalpersontype: "1",
            // 表单字段集合
            fillinForm: {
                otherbankname: "",
                otherbank: "",
                kycNaturalId: "", //KYC注册ID接口
                registerTypeName: "", //KYC类型接口
                borrowertype: "实名注册企业法人", //借款人类型接口
                borrowerName: "", //借款人姓名接口
                phonenumber: "", //借款人手机号
                borrowerIdcard: "", //借款人身份证号接口
                borrowerIdCardFront: "", //借款人身份证正面
                borrowerIdCardBack: "", //借款人身份证反面
                borrowerIdCardHold: "", //借款人手持身份证
                effectiveStartTime: "", //身份证有效起始日期接口
                effectiveEndTime: "", //身份证有效截止日期接口
                time: "", //是否长期有效接口
                borrowermailbox: "", //借款人邮箱
                legalpersontypecode: 1,
                maritalstatus: "", //借款人婚姻状态
                colleaguecontact: "", //借款人同事联系方式
                familyaddressnow: "", //借款人现家庭住址
                humanregisteredaccount: "", //人行征信注册账号
                verificationcode: "", //人行征信登录密码
                password: "", //人行征信身份验证码
                creditReportingOss: "", //人行征信报告OSS地址
                legalpersontypename: "法人即实名认证个人", //担保人类型
                businessname: "", //担保企业名称
                creditcode: "", //担保企业统一信用代码
                businessaddress: "", //担保企业实际经营地址
                company: "", //担保企业证明材料
                guaranteeLegalnamea: "", //担保企业法人身份证正面
                borrowerIdCardbacka: "", //担保企业法人身份证反面
                legalpersonname: "", //担保企业法人姓名
                legalpersonidphoto: "", //担保企业法人证件号码
                legalpersonphone: "", //担保企业法人手机号
                legalpersonemail: "", //担保企业法人邮箱
                legalpersonaddress: "", //担保企业法人家庭住址
                officeaddress: "", //担保企业法人办公地址
                bankaccount: "", //企业对公账号
                bank_code: "", //对公开户行
                end: "", //担保企业法人身份证结束有效期
                start: "", //担保企业法人身份证开始有效期
                corpBaCode: "", //银行所在省份编码
                provincename: "", //银行所在省份名称
                corpBankCitycode: "", //银行所在城市编码
                cityname: "", //银行所在城市名称
                name: "", //银行名称
                bankcode: "", //银行编码
                corpAcctName: "", //企业对公账号名称
                liddate: "", //担保人身份证长期与非长期
                provincename: "",
                bankname: "",
                zhanghuname: "",
                checkagreement: []
            },
            fillinFormRule: {
                phonenumber: [{ validator: checkphone, trigger: "blur" }],
                colleaguecontact: [
                    { validator: checkclassphone, trigger: "blur" }
                ],
                familyaddressnow: [
                    {
                        required: true,
                        message: "请输入现家庭住址",
                        trigger: "blur"
                    }
                ],
                borrowerIdcard: [
                    {
                        required: true,
                        message: "请输入借款人身份证号",
                        trigger: "blur"
                    }
                ],
                borrowerName: [
                    {
                        required: true,
                        message: "请输入借款人姓名",
                        trigger: "blur"
                    }
                ],
                borrowermailbox: [{ validator: checkEmail, trigger: "blur" }],
                humanregisteredaccount: [
                    {
                        required: true,
                        message: "请输入人行征信注册账号",
                        trigger: "blur"
                    }
                ],
                verificationcode: [
                    {
                        required: true,
                        message: "请输入人行征信身份验证码",
                        trigger: "blur"
                    }
                ],
                password: [
                    {
                        required: true,
                        message: "请输入人行征信登录密码",
                        trigger: "blur"
                    }
                ],
                officeaddress: [
                    {
                        required: true,
                        message: "请输入法人现办公住址",
                        trigger: "blur"
                    }
                ],
                legalpersonaddress: [
                    {
                        required: true,
                        message: "请输入法人现家庭住址",
                        trigger: "blur"
                    }
                ],
                legalpersonemail: [
                    {
                        validator: checklegalpersonEmail,
                        message: "请输入法人邮箱",
                        trigger: "blur"
                    }
                ],
                legalpersonphone: [
                    { validator: checklegalpersonPhone, trigger: "blur" }
                ],
                legalpersonidphoto: [
                    { validator: checkIdCard, trigger: "blur" }
                ],
                legalpersonname: [
                    {
                        required: true,
                        message: "请输入法定代表人姓名",
                        trigger: "blur"
                    }
                ],
                businessname: [
                    { validator: checkconpanyname, trigger: "blur" }
                ],
                businessaddress: [
                    {
                        required: true,
                        message: "请输入企业实际经营地址",
                        trigger: "blur"
                    }
                ],
                creditcode: [
                    { validator: checkbusinessaddress, trigger: "blur" }
                ],
                otherbankname: [
                    {
                        required: true,
                        message: "请准确输入银行名称",
                        trigger: "blur"
                    }
                ],
                otherbank: [{ validator: checkbankname, trigger: "blur" }],
                borrowertypelabel: [
                    {
                        required: true,
                        message: "请选择借款人类型",
                        trigger: "change"
                    }
                ],
                cityname: [
                    {
                        required: true,
                        message: "选择所在省/直辖市",
                        trigger: "change"
                    }
                ],
                maritalstatus: [
                    {
                        required: true,
                        message: "请选择婚姻状况",
                        trigger: "change"
                    }
                ],
                bankaccount: [{ validator: checkbanknumber, trigger: "blur" }],
                provincename: [
                    {
                        required: true,
                        message: "请选择选择所在省/直辖市",
                        trigger: "change"
                    }
                ],
                cityname: [
                    {
                        required: true,
                        message: "请选择市/县",
                        trigger: "change"
                    }
                ],
                bankname: [
                    {
                        required: true,
                        message: "请选择开户银行",
                        trigger: "change"
                    }
                ],
                checkagreement: [
                    {
                        required: true,
                        message: "请阅读用户授权协议并选中",
                        trigger: "change"
                    }
                ],
                zhanghuname: [
                    { required: true, message: "请输入账户名", trigger: "blur" }
                ]
            },
            options: [
                {
                    label: "已婚",
                    value: "1"
                },
                {
                    label: "未婚",
                    value: "2"
                },
                {
                    label: "离异",
                    value: "3"
                },
                {
                    label: "再婚",
                    value: "4"
                }
            ],
            idCardHand: {},
            type: [
                {
                    smzname: 1,
                    label: "法人即实名认证个人"
                },
                {
                    smzname: 2,
                    label: "法人非实名认证个人"
                }
            ],
            city: [],
            borrowertypea: [
                {
                    name: "1",
                    label: "实名注册企业法人"
                },
                {
                    name: "2",
                    label: "持股比例超过51%（含）以上的个人股东"
                }
            ],
            province: [],
            privateBankList: [],
            lendmoney: {},
            bankcardFormat: false
        };
    },
    name: "borrowMoneyFilling",
    computed:{
        fill_colleaguecontact(){
            return this.fillinForm.colleaguecontact;
        },
        fill_phonenumber(){
            return this.fillinForm.phonenumber;
        },
        fill_borrowermailbox(){
            return this.fillinForm.borrowermailbox;
        },
        fill_familyaddressnow(){
            return this.fillinForm.familyaddressnow;
        },
    },
    watch:{
        fill_colleaguecontact(New,Old){
            console.log(New,Old);
            // this.fillinForm.colleaguecontact = nnn;
        },
        fill_phonenumber(New,Old){
            if (
                this.number == 1 ||
                this.legalpersontype == 1 ||
                this.selectnumber == 1
            ) {
                this.fillinForm.legalpersonphone = New;
                this.legalpersonphone = New;
            } else {
            }
        },
        fill_borrowermailbox(New,Old){
            if (
                this.number == 1 ||
                this.legalpersontype == 1 ||
                this.selectnumber == 1
            ) {
                this.fillinForm.legalpersonemail = New;
                this.legalpersonemail = New;
            } else {
            }
        },
        fill_familyaddressnow(New,Old){
            console.log(New,Old);
            if (
                this.number == 1 ||
                this.legalpersontype == 1 ||
                this.selectnumber == 1
            ) {
                this.fillinForm.legalpersonaddress = New;
                this.legalpersonaddress = New;
            } else {
            }
        },
    },
    methods: {
        // 下一步事件
        fillin() {
            this.empower = 2;
        },
        // 婚姻状况
        maritalsta(maritalsta) {
            console.log(maritalsta);
        },
        // 借款人姓名
        borrowerNameinput(e) {
            this.fillinForm.borrowerName = e.target.value;
        },
        // 身份证号
        borrowerIdcardinput(e) {
            this.fillinForm.borrowerIdcard = e.target.value;
        },
        // 上传按钮事件
        submissio(formName) {
            if (this.states !== "4") {
                this.loadingstatues = true;
                this.$refs[formName].validate(valid => {
                    if (valid) {
                        this.loadinga = true;
                        let accessmData = {
                            data: {
                                // riskNo: "", //准入申请编号
                                kycNaturalId: this.fillinForm.kycNaturalId, //KYC注册ID接口
                                // registerType: this.lendmoney.registerTypeName, //KYC类型接口
                                borrowerType: this.legalpersontype, //借款人类型接口
                                borrowerName: this.fillinForm.borrowerName, //借款人姓名接口
                                borrowerPhone: this.fillinForm.phonenumber, //借款人手机号
                                borrowerIdcard: this.fillinForm.borrowerIdcard, //借款人身份证号接口
                                borrowerIdCardFront: this.fillinForm
                                    .borrowerIdCardFront, //借款人身份证正面
                                borrowerIdCardBack: this.fillinForm
                                    .borrowerIdCardBack, //借款人身份证反面
                                borrowerIdCardHold: this.fillinForm
                                    .borrowerIdCardHold, //借款人手持身份证
                                effectiveStartTime: this.fillinForm
                                    .effectiveStartTime, //身份证有效起始日期接口
                                effectiveEndTime: this.fillinForm
                                    .effectiveEndTime, //身份证有效截止日期接口
                                longFlag: this.fillinForm.time, //是否长期有效接口
                                borrowerEmail: this.fillinForm.borrowermailbox, //借款人邮箱
                                marriageStatus: this.fillinForm.maritalstatus, //借款人婚姻状态
                                borrowerColleague: this.fillinForm
                                    .colleaguecontact, //借款人同事联系方式
                                borrowerAddress: this.fillinForm
                                    .familyaddressnow, //借款人现家庭住址
                                creditReportingNo: this.fillinForm
                                    .humanregisteredaccount, //人行征信注册账号
                                creditReportingPassword: this.fillinForm
                                    .verificationcode, //人行征信登录密码
                                creditReportingAuthcode: this.fillinForm
                                    .password, //人行征信身份验证码
                                creditReportingOss: "", //人行征信报告OSS地址
                                guaranteeType: this.fillinForm
                                    .legalpersontypecode, //担保人类型
                                guaranteeCorp: this.fillinForm.businessname, //担保企业名称
                                guaranteeCorpOrgcode: this.fillinForm
                                    .creditcode, //担保企业统一社会信用代码
                                guaranteeCorpAddress: this.fillinForm
                                    .businessaddress, //担保企业实际经营地址
                                guaranteeCorpQualification: this
                                    .mainlandCompanyImg, //担保企业证明材料
                                guaranteeLegalnameFront: this.fillinForm
                                    .guaranteeLegalnamea, //担保企业法人身份证正面
                                guaranteeLegalnameBack: this.fillinForm
                                    .borrowerIdCardbacka, //担保企业法人身份证反面
                                guaranteeCorpLegalname: this.fillinForm
                                    .legalpersonname, //担保企业法人姓名
                                guaranteeCorpIdcard: this.fillinForm
                                    .legalpersonidphoto, //担保企业法人证件号码
                                guaranteeCorpPhone: this.fillinForm
                                    .legalpersonphone, //担保企业法人手机号
                                guaranteeCorpEmail: this.fillinForm
                                    .legalpersonemail, //担保企业法人邮箱
                                guaranteeLegalHomeAddress: this.fillinForm
                                    .legalpersonaddress, //担保企业法人家庭住址
                                guaranteeLegalOfficeAddress: this.fillinForm
                                    .officeaddress, //担保企业法人办公地址
                                corpAcct: this.fillinForm.bankaccount, //企业对公账号
                                corpAcctBank: this.fillinForm.bankname, //对公开户行
                                guaranteeIdcardEndTime: this.fillinForm.end, //担保企业法人身份证结束有效期
                                guaranteeIdcardStartTime: this.fillinForm.start, //担保企业法人身份证开始有效期
                                corpBankProvinceCode: this.fillinForm
                                    .corpBaCode, //银行所在省份编码
                                corpBankProvinceName: this.fillinForm
                                    .provincename, //银行所在省份名称
                                corpBankCityCode: this.fillinForm.corpBankCitycode, //银行所在城市编码
                                corpBankCityName: this.fillinForm.cityname, //银行所在城市名称
                                corpBankName: this.fillinForm.bankname, //银行名称
                                corpBankCode: this.fillinForm.bankcode, //银行编码
                                corpAcctName: "", //企业对公账号名称
                                guaranteeLongFlag: this.fillinForm.liddate, //担保人身份证长期与非长期
                                corpAcctBranchBank: this.fillinForm.otherbank
                            }
                        };
                        api_loan_accessm(accessmData).then(res => {
                            console.log(accessmData);
                            if (res.success) {
                                this.loadinga = false;
                                this.$router.replace({
                                    path: "/loan/borrowMoneyAudit"
                                });
                            } else {
                                this.$message.error(res.msg);
                                this.loadinga = false;
                                this.loadingstatues =false;
                            }
                        });
                    } else {
                        console.log("error submit!!");
                        this.guaranteenumber == 2;
                        this.informationnumber == 2;
                        this.banknumber == 2;
                        this.loadingstatues =false;
                        // return false;
                    }
                });
            } else {
                this.$refs[formName].validate(valid => {
                    this.loadingstatues =true;
                    if (valid) {
                        this.loadinga = true;
                        let updateLoanRiskData = {
                            data: {
                                riskNo: this.riskNo, //准入申请编号
                                kycNaturalId: this.fillinForm.kycNaturalId, //KYC注册ID接口
                                // registerType: this.lendmoney.registerTypeName, //KYC类型接口
                                borrowerType: this.legalpersontype, //借款人类型接口
                                borrowerName: this.fillinForm.borrowerName, //借款人姓名接口
                                borrowerPhone: this.fillinForm.phonenumber, //借款人手机号
                                borrowerIdcard: this.fillinForm.borrowerIdcard, //借款人身份证号接口
                                borrowerIdCardFront: this.fillinForm
                                    .borrowerIdCardFront, //借款人身份证正面
                                borrowerIdCardBack: this.fillinForm
                                    .borrowerIdCardBack, //借款人身份证反面
                                borrowerIdCardHold: this.fillinForm
                                    .borrowerIdCardHold, //借款人手持身份证
                                effectiveStartTime: this.fillinForm
                                    .effectiveStartTime, //身份证有效起始日期接口
                                effectiveEndTime: this.fillinForm
                                    .effectiveEndTime, //身份证有效截止日期接口
                                longFlag: this.fillinForm.time, //是否长期有效接口
                                borrowerEmail: this.fillinForm.borrowermailbox, //借款人邮箱
                                marriageStatus: this.fillinForm.maritalstatus, //借款人婚姻状态
                                borrowerColleague: this.fillinForm
                                    .colleaguecontact, //借款人同事联系方式
                                borrowerAddress: this.fillinForm
                                    .familyaddressnow, //借款人现家庭住址
                                creditReportingNo: this.fillinForm
                                    .humanregisteredaccount, //人行征信注册账号
                                creditReportingPassword: this.fillinForm
                                    .verificationcode, //人行征信登录密码
                                creditReportingAuthcode: this.fillinForm
                                    .password, //人行征信身份验证码
                                creditReportingOss: "", //人行征信报告OSS地址
                                guaranteeType: this.fillinForm
                                    .legalpersontypecode, //担保人类型
                                guaranteeCorp: this.fillinForm.businessname, //担保企业名称
                                guaranteeCorpOrgcode: this.fillinForm
                                    .creditcode, //担保企业统一社会信用代码
                                guaranteeCorpAddress: this.fillinForm
                                    .businessaddress, //担保企业实际经营地址
                                guaranteeCorpQualification: this
                                    .mainlandCompanyImg, //担保企业证明材料
                                guaranteeLegalnameFront: this.fillinForm
                                    .guaranteeLegalnamea, //担保企业法人身份证正面
                                guaranteeLegalnameBack: this.fillinForm
                                    .borrowerIdCardbacka, //担保企业法人身份证反面
                                guaranteeCorpLegalname: this.fillinForm
                                    .legalpersonname, //担保企业法人姓名
                                guaranteeCorpIdcard: this.fillinForm
                                    .legalpersonidphoto, //担保企业法人证件号码
                                guaranteeCorpPhone: this.fillinForm
                                    .legalpersonphone, //担保企业法人手机号
                                guaranteeCorpEmail: this.fillinForm
                                    .legalpersonemail, //担保企业法人邮箱
                                guaranteeLegalHomeAddress: this.fillinForm
                                    .legalpersonaddress, //担保企业法人家庭住址
                                guaranteeLegalOfficeAddress: this.fillinForm
                                    .officeaddress, //担保企业法人办公地址
                                corpAcct: this.fillinForm.bankaccount, //企业对公账号
                                corpAcctBank: this.fillinForm.bankname, //对公开户行
                                guaranteeIdcardEndTime: this.fillinForm.end, //担保企业法人身份证结束有效期
                                guaranteeIdcardStartTime: this.fillinForm.start, //担保企业法人身份证开始有效期
                                corpBankProvinceCode: this.fillinForm
                                    .corpBaCode, //银行所在省份编码
                                corpBankProvinceName: this.fillinForm
                                    .provincename, //银行所在省份名称
                                corpBankCityCode: this.fillinForm
                                    .corpBankCitycode, //银行所在城市编码
                                corpBankCityName: this.fillinForm.cityname, //银行所在城市名称
                                corpBankName: this.fillinForm.bankname, //银行名称
                                corpBankCode: this.fillinForm.bankcode, //银行编码
                                corpAcctName: "", //企业对公账号名称
                                guaranteeLongFlag: this.fillinForm.liddate, //担保人身份证长期与非长期
                                corpAcctBranchBank: this.fillinForm.otherbank
                            }
                        };
                        api_loan_updateLoanRisk(updateLoanRiskData).then(
                            res => {
                                console.log(updateLoanRiskData);
                                if (res.success) {
                                    this.loadinga = false;
                                    this.$router.replace({
                                        path: "/loan/borrowMoneyAudit"
                                    });
                                } else {
                                    this.$message.error(res.msg);
                                    this.loadinga = false;
                                    this.loadingstatues =false;
                                }
                            }
                        );
                    } else {
                        console.log("error submit!!");
                        this.guaranteenumber == 2;
                        this.loadingstatues =false;
                        this.informationnumber == 2;
                        this.banknumber == 2;
                        // return false;
                    }
                });
            }
        },
        // 选择开户行
        selectPrivateBank(val) {
            console.log(val);
            this.privateBankList.filter(item => {
                if (item.bankCode === val) {    
                    console.log(item);
                    this.fillinForm.bankname = item.bankName;
                    this.fillinForm.bankcode = item.bankCode;
                }
            });
        },
        // 城市
        getCity(provinceCode) {
            let getCityParams = {
                params: {
                    provinceCode: provinceCode
                }
            };
            api_getCity(getCityParams).then(res => {
                this.city = res.data;
            });
        },
        // 选择省 
        selectBankArea(province) {
            this.province.filter(item => {
                if (item.code === province) {
                    this.fillinForm.provincename = item.name;
                    this.fillinForm.corpBaCode = item.code;
                    this.getCity(item.code);
                }
            });
        },
        // 选择市
        selectCity(city) {
            console.log(this.city);
            this.city.filter(item => {
                if (item.code === city) {
                    console.log(item.code);
                    this.fillinForm.cityname = item.name;
                    this.fillinForm.corpBankCitycode = item.code;
                }
            });
        },
        // 选择借款人类型
        selectborrowertype(aval) {
            this.selectnumber = aval== 1 ? 1 : 2;
            this.legalpersontype = aval== 1 ? 1 : 2;
            this.fillinForm.guaranteeLegalnamea = aval== 1 ? this.filePath : '';
            this.fillinForm.borrowerIdCardbacka = aval== 1 ? this.filePath2 : '';
            this.fillinForm.legalpersonname = aval== 1 ? this.lendmoney.borrowerName : '';
            this.fillinForm.borrowerName = aval== 1 ? this.lendmoney.borrowerName : '';
            this.fillinForm.time = aval== 1 ? this.radio1 : this.radio1;
            this.fillinForm.liddate = aval== 1 ? this.radio2 : '';
            this.fillinForm.borrowerIdcard = aval== 1 ? this.lendmoney.borrowerIdcard : '';
            this.fillinForm.effectiveStartTime = aval== 1 ? this.lendmoney.effectiveStartTime : '';
            this.fillinForm.borrowerIdcard = aval== 1 ? this.lendmoney.borrowerIdcard : '';
            this.fillinForm.end = aval== 1 ? this.fillinForm.effectiveStartTime : '';
            this.fillinForm.humanregisteredaccount = aval== 1 ? this.fillinForm.humanregisteredaccount : '';
            this.fillinForm.verificationcode = aval== 1 ? this.fillinForm.verificationcode : '';
            this.fillinForm.legalpersontype = aval== 1 ? this.fillinForm.legalpersontype : '';
            this.fillinForm.phonenumber = aval== 1 ? this.fillinForm.phonenumber : '';
            this.fillinForm.password = aval== 1 ? this.fillinForm.password : '';
            this.fillinForm.start = aval== 1 ? this.fillinForm.effectiveStartTime : '';
            this.fillinForm.borrowerIdcard = aval== 1 ? this.fillinForm.borrowerIdcard : '';
            this.fillinForm.effectiveEndTime = aval== 1 ? this.fillinForm.effectiveEndTime : '';
            this.fillinForm.legalpersonidphoto = aval== 1 ? this.fillinForm.legalpersonidphoto : '';
            this.fillinForm.borrowerIdCardFront = aval== 1 ? this.fillinForm.borrowerIdCardFront : '';
            this.fillinForm.borrowerIdCardBack = aval== 1 ? this.fillinForm.borrowerIdCardBack : '';
            this.fillinForm.borrowerIdCardHold = aval== 1 ? this.fillinForm.borrowerIdCardHold : '';
            this.fillinForm.borrowermailbox = aval== 1 ? this.fillinForm.borrowermailbox : '';
            this.fillinForm.colleaguecontact = aval== 1 ? this.fillinForm.colleaguecontact : '';
            this.fillinForm.familyaddressnow = aval== 1 ? this.fillinForm.familyaddressnow : '';
            this.fillinForm.legalpersontypename = aval== 1 ? this.fillinForm.legalpersontypename : '';
            this.fillinForm.company = aval== 1 ? this.fillinForm.company : '';
            this.fillinForm.guaranteeLegalnamea = aval== 1 ? this.fillinForm.guaranteeLegalnamea : '';
            this.fillinForm.legalpersonphone = aval== 1 ? this.fillinForm.legalpersonphone : '';
            this.fillinForm.legalpersonemail = aval== 1 ? this.fillinForm.legalpersonemail : '';
            this.fillinForm.legalpersonaddress = aval== 1 ? this.fillinForm.legalpersonaddress : '';
            this.fillinForm.officeaddress = aval== 1 ? this.fillinForm.officeaddress : '';
            this.fillinForm.bankaccount = aval== 1 ? this.fillinForm.bankaccount : '';
            this.fillinForm.bank_code = aval== 1 ? this.fillinForm.bank_code : '';
            this.fillinForm.corpBaCode = aval== 1 ? this.fillinForm.corpBaCode : '';
            this.fillinForm.provincename = aval== 1 ? this.fillinForm.provincename : '';
            this.fillinForm.corpBankCitycode = aval== 1 ? this.fillinForm.corpBankCitycode : '';
            this.fillinForm.cityname = aval== 1 ? this.fillinForm.cityname : '';
            this.fillinForm.bankname = aval== 1 ? this.fillinForm.bankname : '';
            this.fillinForm.bankcode = aval== 1 ? this.fillinForm.bankcode : '';
            this.fillinForm.otherbank = aval== 1 ? this.fillinForm.otherbank : '';
        },
        // 选择法人类型
        selectlegalpersontypename(val) {
            console.log(val);
            this.fillinForm.legalpersontypecode = val== 1 ? 1 : 2;
            this.legalpersontype = val== 1 ? 1 : 2;
            this.fillinForm.start = val== 1 ? this.fillinForm.effectiveStartTime : '';
            this.fillinForm.time = val== 1 ? this.radio1 : '';
            this.fillinForm.liddate = val== 1 ? this.radio2 : '';
            this.fillinForm.end = val== 1 ? this.fillinForm.effectiveEndTime : '';
            this.fillinForm.effectiveEndTime = val== 1 ? this.lendmoney.effectiveEndTime : '';
            this.fillinForm.legalpersonidphoto = val== 1 ? this.lendmoney.borrowerIdcard : '';
            this.fillinForm.legalpersonname = val== 1 ? this.lendmoney.borrowerName : '';
            this.fillinForm.start = val== 1 ? this.lendmoney.effectiveStartTime : '';
            this.fillinForm.end = val== 1 ? this.lendmoney.effectiveEndTime : '';
            this.fillinForm.legalpersonidphoto = val== 1 ? this.lendmoney.borrowerIdcard : '';
            this.fillinForm.legalpersonphone = val== 1 ? this.legalpersonphone : '';
            this.fillinForm.legalpersonemail = val== 1 ? this.legalpersonemail : '';
            this.fillinForm.legalpersonaddress = val== 1 ? this.legalpersonaddress : '';
        },
        // 选择借款人法人有效期
        isLongTime(val) {
            this.radio1 = val == "0" ? 0 : 1;
        },
        // 选择法人身份有效期
        isLongTime2(val) {
            this.radio2 = val == "0" ? 0 : 1;
        },
        // 银行账号的显示
        showBankcardFormat() {
            this.bankcardFormat = !this.bankcardFormat;
        },
        // 失败调取事件
        handleAvatarError() {
            this.loading = false;
            this.$message.error("上传失败");
        },
        //身份证人像
        handleAvatarSuccess(res, file) {
            let ocrData = res.data.ocrData;
            if (ocrData !== null) {
                this.ruleForm.name = ocrData.name;
                this.ruleForm.idCard = ocrData.id;
                this.ruleForm.address = ocrData.address;
                this.setEngName();
            }

            this.fillinForm.borrowerIdCardFront =
                file.response.data.fileSavePath;
            this.loading = false;
            this.imageUrl = URL.createObjectURL(file.raw);
            this.idCardFront = Object.assign(file.response.data, {
                certiFileType: "CARD_FRONT_IMAGE"
            });
            this.$message.warning("请确认上传的是身份证正面照！");
        },
        // 发生之前调取加载事件
        beforeAvatarUpload(file) {
            this.loading = true;
        },
        handleAvatarError2() {
            this.loading2 = false;
            this.$message.error("上传失败");
        },
        //身份证国徽
        handleAvatarSuccess2(res, file) {
            //borrowerIdCardBack: this.fillinForm.borrowerIdCardBack, //借款人身份证反面
            let ocrData = res.data.ocrData;
            if (ocrData !== null) {
                if (ocrData.valid_date !== "") {
                    this.ruleForm.startTime = new Date(
                        Date.parse(
                            ocrData.valid_date.split("-")[0].replace(/\./g, "/")
                        )
                    );
                    this.ruleForm.endTime = new Date(
                        Date.parse(
                            ocrData.valid_date.split("-")[1].replace(/\./g, "/")
                        )
                    );
                }
            }
            this.fillinForm.borrowerIdCardBack =
                file.response.data.fileSavePath;
            this.loading2 = false;
            this.imageUrl2 = URL.createObjectURL(file.raw);
            this.idCardBack = Object.assign(file.response.data, {
                certiFileType: "CARD_BACK_IMAGE"
            });
        },
        // 上传前调起加载
        beforeAvatarUpload2(file) {
            this.loading2 = true;
        },
        //身份证手持
        handleAvatarSuccess3(res, file) {
            this.loading3 = false;
            if (res.data.ocrData == "true") {
                this.fillinForm.borrowerIdCardHold =
                    file.response.data.fileSavePath;
                this.imageUrl3 = URL.createObjectURL(file.raw);
                this.idCardHand = Object.assign(file.response.data, {
                    certiFileType: "CARD_HANDID_IMAGE"
                });
            } else {
                this.$message.error("手持身份证识别失败！");
                return false;
            }
        },
        handleAvatarError3() {
            this.loading3 = false;
            this.$message.error("上传失败");
        },
        beforeAvatarUpload3(file) {
            this.loading3 = true;
        },
        //营业执照
        handleAvatarSuccess4(res, file) {
            console.log(file);
            let ocrData4 = res.data.ocrData;
            console.log(ocrData4);
            // if (ocrData !== null) {
            //     ocrData.item_list.filter(item => {
            //         if (item.item == "注册号") {
            //             this.ruleForm.creditCard = item.itemstring;
            //         } else if (item.item == "公司名称") {
            //             this.ruleForm.companyName = item.itemstring;
            //             this.setEngName();
            //         } else if (item.item == "营业期限") {
            //         }
            //     });
            // }else{
            //     false
            // }

            this.loading4 = false;
            this.imageUrl4 = URL.createObjectURL(file.raw);
            this.mainlandCompanyImg = file.response.data.fileSavePath;
            console.log(file.response.data.fileSavePath);
            this.businessLicense = Object.assign(file.response.data, {
                certiFileType: "BUSINESS_LICENSE_IMAGE"
            });
        },
        handleAvatarError4() {
            this.loading4 = false;
            this.$message.error("上传失败");
        },
        beforeAvatarUpload4(file) {
            this.loading4 = true;
        },
        //法人身份证正面
        handleAvatarSuccess5(res, file) {
            let ocrData5 = res.data.ocrData;
            if (ocrData !== null) {
                this.ruleForm.name = ocrData.name;
                // this.ruleForm.idCard = ocrData.id;
                this.ruleForm.address = ocrData.address;
                this.setEngName();
            }

            this.loading = false;
            this.imageUrl5 = URL.createObjectURL(file.raw);
            this.fillinForm.guaranteeLegalnamea =
                file.response.data.fileSavePath;
            this.idCardFront = Object.assign(file.response.data, {
                certiFileType: "CARD_FRONT_IMAGE"
            });
            this.$message.warning("请确认上传的是身份证正面照！");
        },
        handleAvatarError5() {
            this.loading5 = false;
            this.$message.error("上传失败");
        },
        beforeAvatarUpload5(file) {
            this.loading5 = true;
        },
        //法人身份证反面
        handleAvatarSuccess6(res, file) {
            let ocrData6 = res.data.ocrData;
            if (ocrData !== null) {
                if (ocrData.valid_date !== "") {
                    this.ruleForm.startTime = new Date(
                        Date.parse(
                            ocrData.valid_date.split("-")[0].replace(/\./g, "/")
                        )
                    );
                    this.ruleForm.endTime = new Date(
                        Date.parse(
                            ocrData.valid_date.split("-")[1].replace(/\./g, "/")
                        )
                    );
                }
            }
            this.fillinForm.borrowerIdCardbacka =
                file.response.data.fileSavePath;
            this.loading6 = false;
            this.imageUrl6 = URL.createObjectURL(file.raw);
            this.idCardBack = Object.assign(file.response.data, {
                certiFileType: "CARD_BACK_IMAGE"
            });
        },
        handleAvatarError6() {
            this.loading6 = false;
            this.$message.error("上传失败");
        },
        beforeAvatarUpload6(file) {
            this.loading6 = true;
        },
        setEngName() {
            let nameList = pinyin(this.ruleForm.name, {
                style: pinyin.STYLE_NORMAL // 设置拼音风格
            });
            let result = "";
            for (let i = 0; i < nameList.length; i++) {
                const element = nameList[i];
                let str = element.join("");
                if (i === 0 || i === 1) {
                    str = str.replace(str[0], str[0].toUpperCase());
                }
                if (i === 0) {
                    str += " ";
                }
                result += str;
            }
            this.ruleForm.cusEngName = result;
            if (this.ruleForm.cusEngName !== "") {
                this.$message.warning("请核对英文名称是否正确！");
            }
        }
    },
    created() {
        document.getElementsByTagName("html")[0].style.background = "#f7f7f7";
        let findJsBankListParams = {
            params: {}
        };
        api_findJsBankList(findJsBankListParams).then(res => {
            // console.log(res.success);
            if (res.success) {
                this.privateBankList = res.data;
            } else {
                this.$message.error(res.msg);
            }
        });
        // 省列表
        let getProvenceparams = {
            params: {}
        };
        api_getProvence(getProvenceparams).then(res => {
            this.province = res.data;
        });
        let getKeyNaturalparams = {
            params: {}
        };
        api_loan_getKeyNatural(getKeyNaturalparams).then(res => {
            this.lendmoney.registerTypeCode = res.data.registerTypeCode;
        });
        let applicationparams = {
            params: {}
        };
        api_loan_condition(applicationparams).then(res => {
            this.states = res.data.reverseStatus;
            console.log(res.data.reverseStatus);
            if (res.data.reverseStatus !== "4") {
                this.empower = 1;
                //初始化准入页面
                let getKeyNaturalparams = {
                    params: {}
                };
                api_loan_getKeyNatural(getKeyNaturalparams).then(res => {
                    this.lendmoney = res.data;
                    console.log(res.data);
                    // this.lendmoney.registerTypeCode=res.data.registerTypeCode;
                    let filePath = res.data.borrowerIdCardFront;
                    this.fillinForm.kycNaturalId = res.data.kycNaturalId; //KYC注册ID接口
                    this.filePath = res.data.borrowerIdCardFront;
                    let fileName = "abc.png";
                    this.fillinForm.borrowerIdCardFront =
                        res.data.borrowerIdCardFront;
                    this.imageUrla = `${host}/api/v1/anon/jsFile/downLoad?filePath=${filePath}&fileName=${fileName}`;
                    let filePath2 = res.data.borrowerIdCardBack;
                    this.filePath2 = res.data.borrowerIdCardBack;
                    this.fillinForm.borrowerIdCardBack =
                        res.data.borrowerIdCardBack;
                    let fileName2 = "abc.png";
                    this.imageUrlb = `${host}/api/v1/anon/jsFile/downLoad?filePath=${filePath2}&fileName=${fileName2}`;
                    let filePath3 = res.data.borrowerIdCardHold;
                    this.fillinForm.borrowerIdCardHold =
                        res.data.borrowerIdCardHold;
                    let fileName3 = "abc.png";
                    this.imageUrlc = `${host}/api/v1/anon/jsFile/downLoad?filePath=${filePath3}&fileName=${fileName3}`;
                    let filePath4 = res.data.mainlandCompanyImg;
                    this.mainlandCompanyImg = res.data.mainlandCompanyImg;
                    let fileName4 = "abc.png";
                    this.imageUrld = `${host}/api/v1/anon/jsFile/downLoad?filePath=${filePath4}&fileName=${fileName4}`;
                    //判断用户用户法人类型、用户注册类型
                    if (this.lendmoney.registerTypeCode == "2") {
                        this.fillinForm.creditcode = this.lendmoney.unifiedSocialCreditCode;
                        this.fillinForm.businessaddress = this.lendmoney.companyAddress;
                        this.fillinForm.businessname = this.lendmoney.companyName;
                        this.mainlandCompanyImg = this.lendmoney.mainlandCompanyImg;
                    }
                    if (
                        this.lendmoney.registerTypeCode == "1" ||
                        this.lendmoney.registerTypeCode == "4" ||
                        this.legalpersontype == "1" ||
                        selectnumber == "1"
                    ) {
                        this.fillinForm.guaranteeLegalnamea = this.filePath;
                        this.fillinForm.borrowerIdCardbacka = this.filePath2;
                        this.fillinForm.legalpersonname = this.lendmoney.borrowerName; //显示借款人姓名
                        this.fillinForm.start = this.lendmoney.effectiveStartTime; //显示借款人身份证起时间
                        this.fillinForm.end = this.lendmoney.effectiveEndTime; //显示借款人身份证止时间
                        this.fillinForm.legalpersonidphoto = this.lendmoney.borrowerIdcard; //显示身份证号
                        this.fillinForm.effectiveStartTime = this.lendmoney.effectiveStartTime; //显示借款人身份证起时间
                        this.fillinForm.borrowerName = this.lendmoney.borrowerName; //显示借款人姓名
                        this.fillinForm.borrowerIdcard = this.lendmoney.borrowerIdcard; //显示借款人身份证号
                        this.fillinForm.effectiveEndTime = this.lendmoney.effectiveEndTime; //显示借款人身份证止时间
                        //判断借款人身份证和法人身份证时间是否为长期非长期
                        if (this.lendmoney.longFlag === false) {
                            this.radio1 = 0; //借款人身份证时间
                            this.radio2 = 0; //法人身份证时间
                            this.fillinForm.time = 0; //显示借款人身份证有效期
                            this.fillinForm.liddate = 0; //法人身份证时间
                        } else {
                            this.fillinForm.time = 1; //借款人身份证有效期
                            this.fillinForm.liddate = 1; //法人身份证时间
                            this.radio1 = 1; //借款人身份证时间
                            this.radio2 = 1; //法人身份证时间
                        }
                    } else {
                    }
                });
            } else {
                this.empower = 2;
                let queryLoanRiskparams = {
                    params: {}
                };
                api_loan_queryLoanRisk(queryLoanRiskparams).then(res => {
                    let getKeyNaturalparams = {
                        params: {}
                    };
                    api_loan_getKeyNatural(getKeyNaturalparams).then(res => {
                        this.lendmoney.registerTypeCode =res.data.registerTypeCode;
                    })
                    console.log(res);
                    let filePath = res.data.borrowerIdcardFront;
                    let fileName = "abc.png";
                    this.imageUrla = `${host}/api/v1/anon/jsFile/downLoad?filePath=${filePath}&fileName=${fileName}`;
                    let filePath2 = res.data.borrowerIdcardBack;
                    let fileName2 = "abc.png";
                    this.imageUrlb = `${host}/api/v1/anon/jsFile/downLoad?filePath=${filePath2}&fileName=${fileName2}`;
                    let filePath3 = res.data.borrowerIdcardHold;
                    let fileName3 = "abc.png";
                    this.imageUrlc = `${host}/api/v1/anon/jsFile/downLoad?filePath=${filePath3}&fileName=${fileName3}`;
                    let filePath4 = res.data.guaranteeCorpQualification;
                    let fileName4 = "abc.png";
                    this.imageUrld = `${host}/api/v1/anon/jsFile/downLoad?filePath=${filePath4}&fileName=${fileName4}`;
                    // if(this.lendmoney.registerTypeCode ===1){
                        this.imageUrl = this.imageUrla;
                        this.imageUrl2 = this.imageUrlb;
                        this.imageUrl3 = this.imageUrlc;
                        this.imageUrl4 = this.imageUrld;
                    // }else{
                        this.fillinForm.borrowerIdCardFront = res.data.borrowerIdcardFront;
                        this.fillinForm.borrowerIdCardBack = res.data.borrowerIdcardBack;
                        this.fillinForm.borrowerIdCardHold = res.data.borrowerIdcardHold;
                        this.mainlandCompanyImg = res.data.guaranteeCorpQualification;
                    // }
                    this.fillinForm.kycNaturalId = res.data.kycNaturalId; //KYC注册ID接口
                    // registerType: this.lendmoney.registerTypeName, //KYC类型接口
                    this.legalpersontype = res.data.borrowerType; //借款人类型接口
                    this.fillinForm.borrowerName = res.data.borrowerName; //借款人姓名接口
                    this.fillinForm.phonenumber = res.data.borrowerPhone; //借款人手机号
                    this.fillinForm.borrowerIdcard = res.data.borrowerIdcard; //借款人身份证号接口
                    // this.fillinForm.borrowerIdCardFront = res.data.borrowerIdCardFront, //借款人身份证正面
                    // this.fillinForm.borrowerIdCardBack = res.data.borrowerIdCardBack, //借款人身份证反面
                    // this.fillinForm.borrowerIdCardHold = res.data.borrowerIdCardHold, //借款人手持身份证
                    this.fillinForm.effectiveStartTime =
                        res.data.effectiveStartTime; //身份证有效起始日期接口
                    this.fillinForm.effectiveEndTime =
                        res.data.effectiveEndTime; //身份证有效截止日期接口
                    // this.fillinForm.time = res.data.longFlag, //是否长期有效接口
                    this.fillinForm.borrowermailbox = res.data.borrowerEmail; //借款人邮箱
                    this.fillinForm.maritalstatus = res.data.marriageStatus; //借款人婚姻状态
                    this.fillinForm.colleaguecontact =
                        res.data.borrowerColleague; //借款人同事联系方式
                    this.fillinForm.familyaddressnow = res.data.borrowerAddress; //借款人现家庭住址
                    this.fillinForm.humanregisteredaccount =
                        res.data.creditReportingNo; //人行征信注册账号
                    this.fillinForm.verificationcode =
                        res.data.creditReportingPassword; //人行征信登录密码
                    this.fillinForm.password = res.data.creditReportingAuthcode; //人行征信身份验证码
                    // creditReportingOss: "", //人行征信报告OSS地址
                    this.fillinForm.legalpersontypecode =
                        res.data.guaranteeType; //担保人类型
                    this.fillinForm.businessname = res.data.guaranteeCorp; //担保企业名称
                    this.fillinForm.creditcode = res.data.guaranteeCorpOrgcode; //担保企业统一社会信用代码
                    this.fillinForm.businessaddress =
                        res.data.guaranteeCorpAddress; //担保企业实际经营地址
                    this.mainlandCompanyImg =
                        res.data.guaranteeCorpQualification; //担保企业证明材料
                    this.fillinForm.guaranteeLegalnamea =
                        res.data.guaranteeLegalnameFront; //担保企业法人身份证正面
                    this.fillinForm.borrowerIdCardbacka =
                        res.data.guaranteeLegalnameBack; //担保企业法人身份证反面
                    this.fillinForm.legalpersonname =
                        res.data.guaranteeCorpLegalname; //担保企业法人姓名
                    this.fillinForm.legalpersonidphoto =
                        res.data.guaranteeCorpIdcard; //担保企业法人证件号码
                    this.fillinForm.legalpersonphone =
                        res.data.guaranteeCorpPhone; //担保企业法人手机号
                    this.fillinForm.legalpersonemail =
                        res.data.guaranteeCorpEmail; //担保企业法人邮箱
                    this.fillinForm.legalpersonaddress =
                        res.data.guaranteeLegalHomeAddress; //担保企业法人家庭住址
                    this.fillinForm.officeaddress =
                        res.data.guaranteeLegalOfficeAddress; //担保企业法人办公地址
                    this.fillinForm.bankaccount = res.data.corpAcct; //企业对公账号
                    this.fillinForm.bankname = res.data.corpAcctBank; //对公开户行
                    this.fillinForm.end = res.data.guaranteeIdcardEndTime; //担保企业法人身份证结束有效期
                    this.fillinForm.start = res.data.guaranteeIdcardStartTime; //担保企业法人身份证开始有效期
                    this.fillinForm.corpBaCode = res.data.corpBankProvinceCode; //银行所在省份编码
                    this.fillinForm.provincename =
                        res.data.corpBankProvinceName; //银行所在省份名称
                    this.fillinForm.corpBankCitycode =
                        res.data.corpBankCityCode; //银行所在城市编码
                    this.fillinForm.cityname = res.data.corpBankCityName; //银行所在城市名称
                    this.fillinForm.bankname = res.data.corpBankName; //银行名称
                    this.fillinForm.bankcode = res.data.corpBankCode; //银行编码
                    // corpAcctName: "", //企业对公账号名称
                    this.fillinForm.liddate = res.data.guaranteeLongFlag; //担保人身份证长期与非长期
                    this.fillinForm.otherbank = res.data.corpAcctBranchBank;
                    this.riskNo = res.data.riskNo;
                    this.fillinForm.checkagreement = true;
                    this.$message.error(res.data.auditMsg);
                });
                if (res.data.longFlag === 0) {
                    this.radio1 = 0; //借款人身份证时间
                    this.fillinForm.time = 0; //显示借款人身份证有效期
                } else {
                    this.fillinForm.time = 1; //借款人身份证有效期
                    this.radio1 = 1; //借款人身份证时间
                }
                if (res.data.guaranteeLongFlag === 0) {
                    this.radio2 = 0; //法人身份证时间
                    this.fillinForm.liddate = 0; //法人身份证时间
                } else {
                    this.fillinForm.liddate = 1; //法人身份证时间
                    this.radio2 = 1; //法人身份证时间
                }
            }
        });
    },
    components: {
        filesUpload
    }
};
</script>

<style lang="less" scoped>
main {
    display: block;
    margin: 40px 0 49px 0;
    .second {
        width: 100%;
        padding: 30px 0 0 0;
        .body {
            width: 1080px;
            height: auto;
            margin: 0 auto;
            left: 50%;
            background: #ffffff;
            padding-bottom: 55px;
            .top-apply {
                width: 100%;
                .apply-left {
                    width: 4px;
                    height: 20px;
                    float: left;
                    background: #3d86e9;
                    margin-right: 18px;
                    transform: translateY(27.3px);
                }
                .apply-text {
                    margin: 0 0 0 16px;
                    font-size: 18px;
                    font-weight: bold;
                    border-bottom: 1px solid #eaeaea;
                    width: 1040px;
                    height: 22px;
                    transform: translateY(-0.7px);
                    text-align: left;
                    padding: 28px 0 10px 0;
                }
            }
            .big-empower {
                margin: auto;
                padding-top: 31px;
                .top-state {
                    width: 960px;
                    margin: 0 auto 45px;
                    text-align: center;
                    .state-topbig {
                        border-bottom: 1px solid #e6e6e6;
                        width: 960px;
                        .state-top {
                            width: 840px;
                            margin: auto;
                            padding-bottom: 9px;
                            .state-icon {
                                width: 200px;
                                display: inline-block;
                                text-align: center;
                                img {
                                    width: 40px;
                                    height: 40px;
                                }
                            }
                        }
                    }
                    .state-bottom {
                        width: 840px;
                        margin: -1px auto 0;
                        .content {
                            width: 200px;
                            display: inline-block;
                            .biankuang {
                                width: 110px;
                                margin: auto;
                                border-top: 1px solid rgba(61, 134, 233, 1);
                            }
                            .state-text {
                                text-align: center;
                                font-size: 14px;
                                font-weight: 400;
                                color: rgba(51, 51, 51, 1);
                                padding-top: 20px;
                            }
                        }
                    }
                }
                .write {
                    width: 1040px;
                    margin: auto;
                    text-align: left;
                    .notwrite {
                        width: 960px;
                        margin: auto;
                        .notwrite-icon {
                            width: 276px;
                            height: 158px;
                            margin: 10px auto 0;
                        }
                        .notwrite-text {
                            margin: 44px auto 0;
                            text-align: center;
                            font-size: 24px;
                            color: rgba(61, 134, 233, 1);
                        }
                        .notwrite-menu {
                            margin: 40px auto 0;
                            width: 331px;
                            height: 46px;
                            line-height: 46px;
                            background: rgba(61, 134, 233, 1);
                            border-radius: 4px;
                            font-size: 18px;
                            color: rgba(255, 255, 255, 1);
                            text-align: center;
                            font-weight: 400;
                            cursor: pointer;
                        }
                    }
                    .el-form {
                        .information {
                            padding: 18px 10px 18px 39px;
                            border-bottom: 1px solid rgba(230, 230, 230, 1);
                            margin-top: 0;
                            .information-top {
                                font-size: 18px;
                                font-weight: bold;
                                color: rgba(51, 51, 51, 1);
                                margin-left: 0;
                                padding-left: 0;
                                display: block;
                                .information-right {
                                    float: right;
                                    font-size: 18px;
                                    width: 17px;
                                    height: 9px;
                                }
                            }
                            .information-content {
                                widows: 100%;
                                display: block;
                                margin-top: 20px;
                                .information-type {
                                    font-size: 18px;
                                    width: 100%;
                                    display: inline-block;
                                    padding-bottom: 30px;
                                    .information-text {
                                        font-size: 14px;
                                        color: #666666;
                                        font-weight: 400;
                                        float: left;
                                        height: 46px;
                                        line-height: 46px;
                                    }
                                    .el-select {
                                        width: 332px;
                                        font-size: 18px;
                                        padding: 0 11px 0 11px;
                                        height: 46px;
                                        line-height: 46px;
                                        border-radius: 4px;
                                        margin: 0 15px 0 47px;
                                    }
                                }
                                .information-name {
                                    font-size: 18px;
                                    margin-bottom: 30px;
                                    width: 487px;
                                    display: inline-block;
                                    .information-text {
                                        font-size: 14px;
                                        color: #666666;
                                        font-weight: 400;
                                        float: left;
                                        height: 46px;
                                        line-height: 46px;
                                    }
                                    .information-con {
                                        width: 310px;
                                        font-size: 18px;
                                        padding: 0 11px 0 11px;
                                        height: 46px;
                                        line-height: 46px;
                                        border-radius: 4px;
                                        margin: 0 15px 0 0;
                                        float: right;
                                        background: #f5f5f5;
                                    }
                                    /deep/.el-input__inner {
                                        background: #f5f5f5;
                                        box-sizing: none;
                                    }
                                }
                                .el-form-item {
                                    width: 487px;
                                    display: inline-block;
                                    margin-bottom: 26px;
                                    .information-list {
                                        font-size: 18px;
                                        width: 487px;
                                        .el-input {
                                            width: 332px;
                                            margin-right: 15px;
                                            float: right;
                                        }
                                        .el-select {
                                            width: 332px;
                                            margin-right: 15px;
                                            float: right;
                                        }
                                    }
                                }
                                .becareful {
                                    font-size: 14px;
                                    color: #999999;
                                    font-weight: 400;
                                    padding: 0 0 21px 0;
                                    span {
                                        font-weight: 400;
                                        font-size: 14px;
                                        margin-left: 12px;
                                        display: inline-block;
                                        p {
                                            color: #3d86e9;
                                            display: inline-block;
                                        }
                                    }
                                }
                                .photobig {
                                    width: 100%;
                                    height: auto;
                                    display: block;
                                    overflow: hidden;
                                    .photo-portrait {
                                        width: 269px;
                                        height: 168px;
                                        background: #f0f4ff;
                                        border-radius: 4px;
                                        text-align: center;
                                        float: left;
                                        overflow: hidden;
                                        margin: 0 20px 10px 0;
                                        img {
                                            width: 269px;
                                            object-fit: cover;
                                            height: 168px;
                                        }
                                    }
                                    .photo-portraita {
                                        width: 269px;
                                        height: 168px;
                                        background: #f0f4ff;
                                        border-radius: 4px;
                                        text-align: center;
                                        float: left;
                                        overflow: hidden;
                                        margin: 0 20px 10px 0;
                                        img {
                                            width: 269px;
                                            height: 168px;
                                        }
                                    }
                                    .nationalemblem {
                                        width: 269px;
                                        height: 168px;
                                        background: #f0f4ff;
                                        border-radius: 4px;
                                        text-align: center;
                                        float: left;
                                        overflow: hidden;
                                    }
                                    .hold {
                                        width: 269px;
                                        height: 168px;
                                        background: #f0f4ff;
                                        border-radius: 4px;
                                        text-align: center;
                                        float: left;
                                    }
                                }
                                .datatime {
                                    display: block;
                                    width: auto;
                                    .legalper-top {
                                        height: 46px;
                                        margin-top: 30px;
                                        span {
                                            font-size: 14px;
                                            color: #666666;
                                            float: left;
                                            font-weight: 400;
                                            line-height: 45px;
                                            margin-right: 45px;
                                        }
                                        .time {
                                            width: 310px;
                                            height: 46px;
                                            line-height: 46px;
                                            display: inline-block;
                                            clear: both;
                                            padding: 0 11px 0 11px;
                                            border-radius: 4px;
                                            text-align: center;
                                            border: 1px solid #dcdfe6;
                                            /deep/.el-date-editor.el-input,
                                            .el-date-editor.el-input__inner {
                                                width: 140px;
                                                display: inline-block;
                                                border: none;
                                                transform: translateY(-3px);
                                            }
                                            /deep/.el-input--prefix
                                                .el-input__inner {
                                                padding-left: 10px;
                                            }
                                            /deep/.el-input--suffix
                                                .el-input__inner {
                                                padding-right: 10px;
                                            }
                                            /deep/.el-input__inner {
                                                border: none;
                                                height: auto;
                                                background: none;
                                                text-align: center;
                                            }
                                            p {
                                                display: inline-block;
                                            }
                                        }
                                    }
                                    .datatime-top {
                                        height: 46px;
                                        line-height: 46px;
                                        margin-top: 30px;
                                        span {
                                            font-size: 14px;
                                            color: #666666;
                                            float: left;
                                            font-weight: 400;
                                            margin-right: 41px;
                                        }
                                        .time {
                                            width: 310px;
                                            height: 46px;
                                            line-height: 46px;
                                            background: #f5f5f5;
                                            display: inline-block;
                                            clear: both;
                                            padding: 0 11px 0 11px;
                                            border-radius: 4px;
                                            text-align: center;
                                            .start {
                                                width: 100px;
                                                display: inline-block;
                                                font-size: 18px;
                                                margin-right: 40px;
                                            }
                                            .end {
                                                width: 100px;
                                                margin-left: 40px;
                                                display: inline-block;
                                                font-size: 18px;
                                            }
                                        }
                                    }
                                    .el-radio-group {
                                        margin: 26px 0 26px 140px;
                                    }
                                }
                                /deep/.el-form-item__error {
                                    left: 140px;
                                }
                                /deep/.el-form-item__error {
                                    left: 140px;
                                }
                            }
                        }
                        .querybig {
                            padding: 18px 10px 18px 39px;
                            border-bottom: 1px solid rgba(230, 230, 230, 1);
                            margin-top: 0;
                            .querybig-top {
                                font-size: 18px;
                                font-weight: bold;
                                color: rgba(51, 51, 51, 1);
                                margin-left: 0;
                                display: block;
                                .query-left {
                                    font-size: 18px;
                                    font-weight: bold;
                                    color: rgba(51, 51, 51, 1);
                                }
                            }
                            .querybig-bottom {
                                width: 100%;
                                height: auto;
                                margin-top: 20px;
                                .el-form-item {
                                    width: 487px;
                                    display: inline-block;
                                    margin-bottom: 26px;
                                    .query-list {
                                        font-size: 18px;
                                        width: 487px;
                                        .el-input {
                                            width: 331px;
                                            height: 46px;
                                            line-height: 46px;
                                            border-radius: 4px;
                                            margin: 0 16px 0 0;
                                            padding-left: 0;
                                            float: right;
                                        }
                                    }
                                    /deep/.el-form-item__label {
                                        padding: 0;
                                    }
                                    /deep/.el-form-item__error {
                                        left: 148px;
                                    }
                                }
                                .checka {
                                    width: 100%;
                                    margin-bottom: 0;
                                    .querybig-agreement {
                                        width: 100%;
                                        font-size: 14px;
                                        .el-checkbox {
                                            display: inline-block;
                                        }
                                        p {
                                            font-size: 14px;
                                            color: #666666;
                                            font-weight: 400;
                                            display: inline-block;
                                            margin-right: 10px;
                                            transform: translateX(-20px);
                                            .el-link {
                                                color: #3d86e9;
                                                font-size: 14px;
                                                font-weight: 400;
                                                display: inline-block;
                                                margin-left: 0px;
                                                transform: translateY(-2px)
                                                    translateX(0px);
                                            }
                                        }
                                    }
                                    /deep/.el-form-item__error {
                                        left: 25px;
                                        transform:translateY(-10px);
                                    }
                                }
                            }
                        }
                        .guaranteebig {
                            padding: 18px 10px 18px 39px;
                            border-bottom: 1px solid rgba(230, 230, 230, 1);
                            margin-top: 0;
                            .guaranteebig-top {
                                font-size: 18px;
                                font-weight: bold;
                                color: rgba(51, 51, 51, 1);
                                margin-left: 0;
                                display: block;
                                .guarantee-left {
                                    font-size: 18px;
                                    font-weight: bold;
                                    color: rgba(51, 51, 51, 1);
                                }
                            }
                            .guaranteebig-bottom {
                                width: 100%;
                                height: auto;
                                margin-top: 20px;
                                .basic {
                                    width: auto;
                                    height: auto;
                                    font-size: 18px;
                                    font-weight: 400;
                                    color: #333333;
                                    .basic-list {
                                        font-size: 18px;
                                        font-weight: 400;
                                        color: #333333;
                                        margin-bottom: 23px;
                                        .left-bold {
                                            width: 4px;
                                            height: 18px;
                                            background: #3d86e9;
                                            border-radius: 2px;
                                            display: inline-block;
                                            transform: translateY(4px);
                                            margin-right: 10px;
                                        }
                                        span {
                                            font-size: 14px;
                                            font-weight: 400;
                                            color: #999999;
                                            margin-left: 7px;
                                        }
                                    }
                                    .el-form-item {
                                        display: inline-block;
                                        margin-bottom: 26px;
                                        .guaranteebig-list {
                                            font-size: 18px;
                                            width: 487px;
                                            .guaranteebig-texttcon {
                                                width: 310px;
                                                font-size: 18px;
                                                overflow: hidden;
                                                white-space: nowrap;
                                                text-overflow: ellipsis;
                                                padding: 0 11px 0 11px;
                                                height: 46px;
                                                line-height: 46px;
                                                border-radius: 4px;
                                                margin: 0 15px 0 0;
                                                float: right;
                                                background: #f5f5f5;
                                            }
                                            .el-input {
                                                width: 332px;
                                                height: 46px;
                                                line-height: 46px;
                                                border-radius: 4px;
                                                margin: 0 15px 0 0;
                                                padding-left: 0;
                                                float: right;
                                            }
                                        }
                                    }
                                    /deep/.el-form-item__error {
                                        left: 140px;
                                    }
                                    .bottomtips {
                                        width: auto;
                                        font-size: 14px;
                                        font-weight: 400;
                                        color: #999999;
                                        margin-bottom: 21px;
                                        span {
                                            font-size: 14px;
                                            font-weight: 400;
                                            color: #999999;
                                            margin-left: 9px;
                                            display: inline-block;
                                            p {
                                                color: #3d86e9;
                                                margin-left: 4px;
                                                display: inline-block;
                                            }
                                        }
                                    }
                                    .hold {
                                        width: 269px;
                                        height: 168px;
                                        overflow: hidden;
                                        margin-bottom: 10px;
                                        img {
                                            width: 100%;
                                            height: 168px;
                                            object-fit: cover;
                                            border-radius: 4px;
                                        }
                                        .avatar-uploader {
                                            overflow: hidden;
                                            position: relative;
                                            float: left;
                                            width: 270px;
                                            height: 168px;
                                            margin-right: 30px;
                                            border: 1px dashed #f0f4ff;
                                            border-radius: 6px;
                                            background: #f0f4ff;
                                            img {
                                                position: relative;
                                                z-index: 8;
                                            }
                                            .avatar-uploader-icon {
                                                position: absolute;
                                                left: 0;
                                                top: 0;
                                                z-index: 10;
                                                width: 270px;
                                                height: 168px;
                                                &::before {
                                                    content: "";
                                                }
                                            }
                                            .avatar-cont {
                                                position: absolute;
                                                left: 0;
                                                top: 0;
                                                width: 270px;
                                                height: 168px;
                                                span {
                                                    display: block;
                                                    line-height: 24px;
                                                    font-size: 14px;
                                                }
                                                .icon-plus {
                                                    display: block;
                                                    width: 50px;
                                                    height: 50px;
                                                    margin: 30px auto 18px;
                                                    background: url(~assets/images/icon-plus.png)
                                                        no-repeat;
                                                    background-size: 50px 50px;
                                                }
                                            }
                                            .avatar {
                                                width: 270px;
                                                height: 168px;
                                                display: block;
                                            }
                                            .mask {
                                                position: absolute;
                                                left: 0;
                                                top: 0;
                                                z-index: 9;
                                                width: 270px;
                                                height: 168px;
                                                line-height: 168px;
                                                text-align: center;
                                                background: rgba(0, 0, 0, 0.5);
                                                p {
                                                    color: #ffffff;
                                                }
                                            }
                                            .example-mask {
                                                position: absolute;
                                                left: 0;
                                                bottom: -210px;
                                                z-index: 6;
                                                width: 270px;
                                                height: 168px;
                                                border-radius: 6px;
                                                background: #e4dde5;
                                                &::before {
                                                    content: "";
                                                    position: absolute;
                                                    top: -20px;
                                                    left: 60px;
                                                    width: 0;
                                                    height: 0;
                                                    border-top: 10px solid
                                                        transparent;
                                                    border-right: 10px solid
                                                        transparent;
                                                    border-bottom: 10px solid
                                                        #e4dde5;
                                                    border-left: 10px solid
                                                        transparent;
                                                }
                                            }
                                        }
                                    }
                                }
                                .legalperson {
                                    width: 100%;
                                    height: auto;
                                    .legalperson-lift {
                                        font-size: 18px;
                                        font-weight: 400;
                                        color: #333333;
                                        margin-bottom: 23px;
                                        .left-bold {
                                            width: 4px;
                                            height: 18px;
                                            background: #3d86e9;
                                            border-radius: 2px;
                                            display: inline-block;
                                            transform: translateY(4px);
                                            margin-right: 10px;
                                        }
                                    }
                                    .legalpersontype-list {
                                        font-size: 18px;
                                        width: 487px;
                                        display: block;
                                        clear: both;
                                        overflow: hidden;
                                        margin-bottom: 26px;
                                        .legalpersontype-text {
                                            font-size: 14px;
                                            color: #666666;
                                            font-weight: 400;
                                            line-height: 46px;
                                            float: left;
                                        }
                                        .el-select {
                                            width: 332px;
                                            height: 46px;
                                            background: #f5f5f5;
                                            border-radius: 4px;
                                            margin: 0 10px 0 0;
                                            padding-left: 0;
                                            float: right;
                                        }
                                    }
                                    .el-form-item {
                                        width: 487px;
                                        display: inline-block;
                                        margin-bottom: 26px;
                                        .legalperson-textt {
                                            font-size: 14px;
                                            color: #666666;
                                            font-weight: 400;
                                            height: 46px;
                                            line-height: 46px;
                                            float: left;
                                        }
                                        .legalperson-texttcon {
                                            width: 310px;
                                            font-size: 18px;
                                            padding: 0 11px 0 11px;
                                            height: 46px;
                                            line-height: 46px;
                                            border-radius: 4px;
                                            margin: 0 15px 0 0;
                                            float: right;
                                            background: #f5f5f5;
                                        }
                                        .el-input {
                                            width: 332px;
                                            padding: 0 11px 0 0;
                                            float: right;
                                        }
                                    }
                                    .selectb {
                                        width: auto;
                                        margin: 0 0 30px 151px;
                                    }
                                    /deep/.el-form-item__error {
                                        left: 148px;
                                    }
                                    .legalperson-bottomtips {
                                        width: auto;
                                        font-size: 14px;
                                        font-weight: 400;
                                        color: #999999;
                                        margin-bottom: 21px;
                                        span {
                                            font-size: 14px;
                                            font-weight: 400;
                                            color: #999999;
                                            margin-left: 9px;
                                            display: inline-block;
                                            p {
                                                color: #3d86e9;
                                                margin-left: 4px;
                                                display: inline-block;
                                            }
                                        }
                                    }
                                    .legalpersonone {
                                        .photo-portrait {
                                            width: 269px;
                                            height: 168px;
                                            display: inline-block;
                                            margin: 0 20px 30px 0;
                                            img {
                                                width: 269px;
                                                height: 168px;
                                                object-fit: cover;
                                            }
                                            .avatar-uploader {
                                                overflow: hidden;
                                                position: relative;
                                                float: left;
                                                width: 270px;
                                                height: 168px;
                                                margin-right: 30px;
                                                border: 1px dashed #f0f4ff;
                                                border-radius: 6px;
                                                background: #f0f4ff;
                                                img {
                                                    position: relative;
                                                    z-index: 8;
                                                }
                                                .avatar-uploader-icon {
                                                    position: absolute;
                                                    left: 0;
                                                    top: 0;
                                                    z-index: 10;
                                                    width: 270px;
                                                    height: 168px;
                                                    &::before {
                                                        content: "";
                                                    }
                                                }
                                                .avatar-cont {
                                                    position: absolute;
                                                    left: 0;
                                                    top: 0;
                                                    width: 270px;
                                                    height: 168px;
                                                    span {
                                                        display: block;
                                                        line-height: 24px;
                                                        font-size: 14px;
                                                    }
                                                    .icon-plus {
                                                        display: block;
                                                        width: 50px;
                                                        height: 50px;
                                                        margin: 30px auto 18px;
                                                        background: url(~assets/images/icon-plus.png)
                                                            no-repeat;
                                                        background-size: 50px
                                                            50px;
                                                    }
                                                }
                                                .avatar {
                                                    width: 270px;
                                                    height: 168px;
                                                    display: block;
                                                }
                                                .mask {
                                                    position: absolute;
                                                    left: 0;
                                                    top: 0;
                                                    z-index: 9;
                                                    width: 270px;
                                                    height: 168px;
                                                    line-height: 168px;
                                                    text-align: center;
                                                    background: rgba(
                                                        0,
                                                        0,
                                                        0,
                                                        0.5
                                                    );
                                                    p {
                                                        color: #ffffff;
                                                    }
                                                }
                                                .example-mask {
                                                    position: absolute;
                                                    left: 0;
                                                    bottom: -210px;
                                                    z-index: 6;
                                                    width: 270px;
                                                    height: 168px;
                                                    border-radius: 6px;
                                                    background: #e4dde5;
                                                    &::before {
                                                        content: "";
                                                        position: absolute;
                                                        top: -20px;
                                                        left: 60px;
                                                        width: 0;
                                                        height: 0;
                                                        border-top: 10px solid
                                                            transparent;
                                                        border-right: 10px solid
                                                            transparent;
                                                        border-bottom: 10px
                                                            solid #e4dde5;
                                                        border-left: 10px solid
                                                            transparent;
                                                    }
                                                }
                                            }
                                        }
                                        .photo-portraita {
                                            width: 269px;
                                            height: 168px;
                                            float: left;
                                            margin: 0 20px 30px 0;
                                            img {
                                                width: 269px;
                                                border-radius: 4px;
                                                height: 168px;
                                            }
                                        }
                                        .nationalemblem {
                                            width: 269px;
                                            height: 168px;
                                            display: inline-block;
                                        }
                                        .legalperson-list {
                                            font-size: 18px;
                                            width: 487px;
                                            display: inline-block;
                                            margin-bottom: 26px;
                                            .legalperson-text {
                                                font-size: 14px;
                                                color: #666666;
                                                font-weight: 400;
                                                height: 46px;
                                                line-height: 46px;
                                                float: left;
                                            }
                                            .legalperson-conten {
                                                width: 310px;
                                                font-size: 18px;
                                                padding: 0 11px 0 11px;
                                                height: 46px;
                                                line-height: 46px;
                                                border-radius: 4px;
                                                margin: 0 15px 0 0;
                                                float: right;
                                            }
                                        }
                                        .bottom-menu {
                                            width: auto;
                                            margin-left: 150px;
                                            margin-bottom: 26px;
                                        }
                                        .el-radio-group {
                                            margin: 0 0 0 140px;
                                        }
                                        .legalper {
                                            display: block;
                                            width: auto;
                                            margin-bottom: 26px;
                                            .legalper-top {
                                                height: 46px;
                                                margin-top: 30px;
                                                span {
                                                    font-size: 14px;
                                                    color: #666666;
                                                    float: left;
                                                    font-weight: 400;
                                                    line-height: 45px;
                                                    margin-right: 45px;
                                                }
                                                .time {
                                                    width: 310px;
                                                    height: 46px;
                                                    line-height: 46px;
                                                    display: inline-block;
                                                    clear: both;
                                                    padding: 0 11px 0 11px;
                                                    border-radius: 4px;
                                                    text-align: center;
                                                    border: 1px solid #dcdfe6;
                                                    /deep/.el-date-editor.el-input,
                                                    .el-date-editor.el-input__inner {
                                                        width: 140px;
                                                        display: inline-block;
                                                        border: none;
                                                        transform: translateY(
                                                            -3px
                                                        );
                                                    }
                                                    /deep/.el-input--prefix
                                                        .el-input__inner {
                                                        padding-left: 10px;
                                                    }
                                                    /deep/.el-input--suffix
                                                        .el-input__inner {
                                                        padding-right: 10px;
                                                    }
                                                    /deep/.el-input__inner {
                                                        border: none;
                                                        height: auto;
                                                        background: none;
                                                        text-align: center;
                                                    }
                                                    p {
                                                        display: inline-block;
                                                    }
                                                }
                                            }
                                            .datatime-top {
                                                height: 46px;
                                                line-height: 46px;
                                                margin-top: 30px;
                                                span {
                                                    font-size: 14px;
                                                    color: #666666;
                                                    float: left;
                                                    font-weight: 400;
                                                    margin-right: 41px;
                                                }
                                                .time {
                                                    width: 310px;
                                                    height: 46px;
                                                    line-height: 46px;
                                                    background: #f5f5f5;
                                                    display: inline-block;
                                                    clear: both;
                                                    padding: 0 11px 0 11px;
                                                    border-radius: 4px;
                                                    text-align: center;
                                                    .start {
                                                        display: inline-block;
                                                        font-size: 18px;
                                                        margin-right: 40px;
                                                    }
                                                    .end {
                                                        display: inline-block;
                                                        margin-left: 40px;
                                                        font-size: 18px;
                                                    }
                                                }
                                            }
                                            .el-radio-group {
                                                margin: 26px 0 26px 140px;
                                            }
                                        }
                                    }
                                }
                                .authentication-left {
                                    font-size: 18px;
                                    font-weight: 400;
                                    color: #333333;
                                    margin-bottom: 23px;
                                    .left-bold {
                                        width: 4px;
                                        height: 18px;
                                        background: #3d86e9;
                                        border-radius: 2px;
                                        display: inline-block;
                                        transform: translateY(4px);
                                        margin-right: 10px;
                                    }
                                }
                                .el-form-item {
                                    display: inline-block;
                                    width: 487px;
                                    margin-bottom: 26px;
                                    .authentication-list {
                                        font-size: 18px;
                                        width: 487px;
                                        .authentication-texttcon {
                                            width: 310px;
                                            font-size: 18px;
                                            overflow: hidden;
                                            white-space: nowrap;
                                            text-overflow: ellipsis;
                                            padding: 0 11px 0 11px;
                                            height: 46px;
                                            line-height: 46px;
                                            border-radius: 4px;
                                            margin: 0 15px 0 0;
                                            float: right;
                                            background: #f5f5f5;
                                        }
                                        .bankcard-format {
                                            position: absolute;
                                            left: 0;
                                            top: -38px;
                                            width: 330px;
                                            height: 40px;
                                            transform: translateX(140px);
                                            padding-left: 15px;
                                            line-height: 40px;
                                            font-size: 20px;
                                            border-radius: 4px;
                                            box-sizing: border-box;
                                            background: #fff8e8;
                                            color: #333;    
                                            border: 1px solid #eaeaea;
                                        }
                                        .el-input {
                                            width: 332px;
                                            height: 46px;
                                            margin-right: 15px;
                                            padding-left: 0;
                                            float: right;
                                        }
                                        .el-select {
                                            width: 332px;
                                            height: 46px;
                                            margin-right: 15px;
                                            padding-left: 0;
                                            float: right;
                                        }
                                    }
                                    /deep/.el-form-item__label {
                                        padding: 0;
                                    }
                                }
                                .special {
                                    display: block;
                                    width: 100%;
                                    height: auto;
                                    .authenticationt-list {
                                        font-size: 18px;
                                        width: 487px;
                                        .authenticationt-text {
                                            font-size: 14px;
                                            color: #666666;
                                            font-weight: 400;
                                            height: 46px;
                                            line-height: 46px;
                                            float: left;
                                        }
                                        /deep/.el-input {
                                            width: 332px;
                                            height: 46px;
                                            margin: 0 15px 26px 0;
                                            padding-left: 0;
                                            float: right;
                                        }
                                    }
                                }
                                /deep/.el-form-item__error {
                                    left: 140px;
                                }
                            }
                        }
                    }
                    .submission {
                        width: 331px;
                        height: 46px;
                        background: #3d86e9;
                        border-radius: 4px;
                        color: rgba(255, 255, 255, 1);
                        text-align: center;
                        margin: 72px 0 14px -165.5px;
                        position: relative;
                        left:50%;
                        font-size: 18px;
                        cursor: pointer;
                    }
                }
            }
        }
    }
    /deep/.el-form-item {
        margin-bottom: 0px;
    }
    /deep/.el-form-item__content {
        margin-left: 0 !important;
    }
    /deep/.el-form-item {
        margin-bottom: 0px;
    }
    /deep/.el-checkbox__inner {
        width: 14px;
        height: 14px;
    }
    /deep/.el-input__inner {
        height: 46px;
    }
    /deep/.el-radio__input {
        opacity: none;
    }
}
</style>
