<template>
    <main>
        <portal-header></portal-header>
        <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">
                            <div class="write-topbig">
                                <el-header height="38px" line-height="38px">KYC注册类型</el-header>
                                <el-footer height="77px">
                                    <div class="left">注册类型：</div>
                                    <div class="left-conten">{{lendmoney.registerTypeName}}</div>
                                </el-footer>
                            </div>
                            <el-form :model="fillinForm" :rules="fillinFormRule" ref="fillinForm">
                                <div class="information">
                                    <div class="information-top" @click="loaninformation">
                                        借款人信息
                                        <div class="information-right">
                                            <img
                                                src="~assets/images/icon-arr.png"
                                                alt
                                                v-if="informationnumber == 1"
                                            />
                                            <img
                                                src="~assets/images/icon-arr2.png"
                                                alt
                                                v-if="informationnumber == 2"
                                            />
                                        </div>
                                    </div>
                                    <div class="information-content" v-if="informationnumber == 2">
                                        <div
                                            class="information-type"
                                            v-if="lendmoney.registerTypeName == '中国大陆-企业'"
                                        >
                                            <div class="information-text">借款人类型：</div>
                                            <el-select
                                                v-model="lendmoney.borrowertypelabel"
                                                placeholder
                                            >
                                                <el-option
                                                    v-for="item in borrowertypea"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    @change="selectborrowertype"
                                                    :value="item"
                                                ></el-option>
                                            </el-select>
                                        </div>
                                        <el-form-item>
                                            <div class="information-name">
                                                <div class="information-text">借款人姓名：</div>
                                                <div
                                                    class="information-con"
                                                >{{lendmoney.borrowerName}}</div>
                                            </div>
                                        </el-form-item>
                                        <div class="information-certificates">
                                            <div class="certificates-text">借款人身份证号：</div>
                                            <div
                                                class="information-con"
                                            >{{lendmoney.borrowerIdcard}}</div>
                                        </div>
                                        <div class="becareful">
                                            证件照片
                                            <span>（请确认信息无误，证件图片清晰可见，图片支持jpg、png、jpeg，文件不超过5MB）</span>
                                        </div>
                                        <div class="photobig">
                                            <div class="photo-portrait">
                                                <img :src="imageUrl" alt />
                                            </div>
                                            <div class="photo-portrait">
                                                <img :src="imageUrl2" alt />
                                            </div>
                                            <div class="photo-portrait">
                                                <img :src="imageUrl3" alt />
                                            </div>
                                        </div>
                                        <div class="datatime">
                                            <div class="datatime-top">
                                                <span>身份证有效期：</span>
                                                <div class="time">
                                                    <div
                                                        class="start"
                                                    >{{lendmoney.effectiveStartTime}}</div>至
                                                    <div class="end">{{lendmoney.effectiveEndTime}}</div>
                                                </div>
                                            </div>
                                            <div class="selecta">
                                                <el-radio v-model="radio" label="1">非长期</el-radio>
                                                <el-radio v-model="radio" label="2">长期</el-radio>
                                            </div>
                                        </div>
                                        <el-form-item prop="phonenumber">
                                            <div class="information-list">
                                                <div class="name-text">借款人手机号：</div>
                                                <el-input
                                                    v-model="fillinForm.phonenumber"
                                                    :maxlength="11"
                                                    placeholder="请输入手机号"
                                                    width="331px"
                                                    height="46px"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="borrowermailbox">
                                            <div class="information-list">
                                                <div class="name-text">借款人邮箱：</div>
                                                <el-input
                                                    :maxlength="100"
                                                    v-model="fillinForm.borrowermailbox"
                                                    placeholder="请输入邮箱"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item>
                                            <div class="information-list">
                                                <div class="name-text">婚姻状况：</div>
                                                <el-select
                                                    v-model="fillinForm.maritalstatus"
                                                    placeholder="请选择婚姻状况"
                                                    @change="maritalsta"
                                                >
                                                    <el-option
                                                        v-for="item in options"
                                                        :key="item.valuea"
                                                        :label="item.label"
                                                        :value="item.valuea"
                                                    ></el-option>
                                                </el-select>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="familyaddressnow">
                                            <div class="information-list">
                                                <div class="name-text">现家庭住址：</div>
                                                <el-input
                                                    :maxlength="100"
                                                    v-model="fillinForm.familyaddressnow"
                                                    placeholder="请输入现家庭住址"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="colleaguecontact">
                                            <div class="information-list">
                                                <div class="name-text">同事联系方式：</div>
                                                <el-input
                                                    :maxlength="11"
                                                    v-model="fillinForm.colleaguecontact"
                                                    placeholder="请输入同事联系方式"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                    </div>
                                </div>
                                <div class="querybig">
                                    <div class="querybig-top" @click="selectbank">
                                        <div class="query-left">
                                            借款人授权人民银行征信查询
                                            <div class="query-right">
                                                <img
                                                    src="~assets/images/icon-arr.png"
                                                    alt
                                                    v-if="banknumber == 1"
                                                />
                                                <img
                                                    src="~assets/images/icon-arr2.png"
                                                    alt
                                                    v-if="banknumber == 2"
                                                />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="querybig-bottom" v-if="banknumber == 2">
                                        <el-form-item prop="humanregisteredaccount">
                                            <div class="query-list">
                                                <div class="query-text">人行征信注册账号：</div>
                                                <el-input
                                                    :maxlength="20"
                                                    v-model="fillinForm.humanregisteredaccount"
                                                    placeholder="请输入人行征信注册账号"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="verificationcode">
                                            <div class="query-list">
                                                <div class="query-text">人行征信身份验证码：</div>
                                                <el-input
                                                    :maxlength="20"
                                                    v-model="fillinForm.verificationcode"
                                                    placeholder="请输入人行征信身份验证码"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="password">
                                            <div class="query-list">
                                                <div class="query-text">人行征信登录密码：</div>
                                                <el-input
                                                    :maxlength="20"
                                                    v-model="fillinForm.password"
                                                    placeholder="请输入人行征信登录密码"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <div class="querybig-agreement">
                                            <el-checkbox v-model="fillinForm.checked"></el-checkbox>本人为申请及时雨贷款服务，已阅读并同意将人民银行征信查询授权给大麦及时雨
                                            <router-link
                                                target="_blank"
                                                to="/loan/borrowMoneyUserProtocol"
                                            >
                                                <el-link type="primary">《用户授权协议》</el-link>
                                            </router-link>
                                        </div>
                                    </div>
                                </div>
                                <div class="guaranteebig">
                                    <div class="guaranteebig-top" @click="guaranteen">
                                        <div class="guarantee-left">
                                            担保企业信息
                                            <div class="guarantee-right">
                                                <img
                                                    src="~assets/images/icon-arr.png"
                                                    alt
                                                    v-if="guaranteenumber == 1"
                                                />
                                                <img
                                                    src="~assets/images/icon-arr2.png"
                                                    alt
                                                    v-if="guaranteenumber == 2"
                                                />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="guaranteebig-bottom" v-if="guaranteenumber == 2">
                                        <div class="basic">
                                            <div class="basic-list">
                                                <div class="left-bold"></div>企业基本信息
                                                <span>*请以您体现账户的开户企业注册</span>
                                            </div>
                                            <el-form-item prop="businessname">
                                                <div class="guaranteebig-list">
                                                    <div class="guaranteebig-text">企业名称：</div>
                                                    <el-input
                                                        v-model="fillinForm.businessname"
                                                        placeholder="请输入企业名称"
                                                    ></el-input>
                                                </div>
                                            </el-form-item>
                                            <el-form-item prop="businessaddress">
                                                <div class="guaranteebig-list">
                                                    <div class="guaranteebig-text">企业实际经营地址：</div>
                                                    <el-input
                                                        maxlength="100"
                                                        v-model="fillinForm.businessaddress"
                                                        placeholder="请输入企业实际经营地址"
                                                    ></el-input>
                                                </div>
                                            </el-form-item>
                                            <el-form-item prop="creditcode">
                                                <div class="guaranteebig-list">
                                                    <div class="guaranteebig-text">统一社会信用代码：</div>
                                                    <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"
                                                ></files-upload>
                                            </div>
                                        </div>
                                        <div class="legalperson">
                                            <div class="legalperson-lift">
                                                <div class="left-bold"></div>企业法人信息
                                            </div>
                                            <div
                                                class="legalpersontype-list"
                                                v-if="lendmoney.registerTypeName == '中国大陆-个人'"
                                            >
                                                <div class="legalpersontype-text">法人类型：</div>
                                                <el-select
                                                    v-model="fillinForm.legalpersontype"
                                                    placeholder="请选择法人类型"
                                                    @change="selectlegalpersontypename"
                                                >
                                                    <el-option
                                                        v-for="item in type"
                                                        :key="item.label"
                                                        :label="item.label"
                                                        :value="item.label"
                                                    ></el-option>
                                                </el-select>
                                            </div>
                                            <div
                                                class="legalperson-bottomtips"
                                                v-if="borrowertypename == '非实名制认证个人'"
                                            >
                                                法定代表人证件照片
                                                <span>（请确认信息无误，证件图片清晰可见，图片支付jpg、png、jpeg，文件不超过5MB）</span>
                                            </div>
                                            <div
                                                class="photo-portrait"
                                                v-if="borrowertypename == '非实名制认证个人'"
                                            >
                                                <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-portraita"
                                                v-if="borrowertypename == '实名制认证个人'"
                                            >
                                                <img :src="imageUrl" alt />
                                            </div>
                                            <div
                                                class="photo-portrait"
                                                v-if="borrowertypename == '非实名制认证个人'"
                                            >
                                                <files-upload
                                                    :uploadUrl="uploadUrl6"
                                                    :popoverImg="popoverImg6"
                                                    :imageUrl="imageUrl6"
                                                    :title="uploadTitle6"
                                                    v-loading="loading6"
                                                    @success="handleAvatarSuccess6"
                                                    @error="handleAvatarError6"
                                                    @before="beforeAvatarUpload6"
                                                ></files-upload>
                                            </div>
                                            <div
                                                class="photo-portraita"
                                                v-if="borrowertypename == '实名制认证个人'"
                                            >
                                                <img :src="imageUrl2" alt />
                                            </div>
                                            <el-form-item
                                                prop="legalpersonname"
                                                v-if="borrowertypename == '实名制认证个人'"
                                            >
                                                <div class="information-name">
                                                    <div class="legalperson-textt">法定代表人姓名：</div>
                                                    <div
                                                        class="legalperson-texttcon"
                                                    >{{fillinForm.legalpersonname}}</div>
                                                </div>
                                            </el-form-item>
                                            <el-form-item
                                                prop="legalpersonname"
                                                v-if="borrowertypename == '非实名制认证个人'"
                                            >
                                                <div class="legalperson-textt">法定代表人姓名：</div>
                                                <el-input
                                                    :maxlength="100"
                                                    v-model="fillinForm.legalpersonname"
                                                    placeholder="请输入法定代表人姓名"
                                                ></el-input>
                                            </el-form-item>
                                            <el-form-item
                                                prop="legalpersonidphoto"
                                                v-if="borrowertypename == '实名制认证个人'"
                                            >
                                                <div class="information-name">
                                                    <div class="legalperson-textt">法定代表人证件号码：</div>
                                                    <div
                                                        class="legalperson-texttcon"
                                                    >{{fillinForm.legalpersonidphoto}}</div>
                                                </div>
                                            </el-form-item>
                                            <el-form-item
                                                prop="legalpersonidphoto"
                                                v-if="borrowertypename == '非实名制认证个人'"
                                            >
                                                <div class="legalperson-textt">法定代表人证件号码：</div>
                                                <el-input
                                                    :maxlength="18"
                                                    v-model="fillinForm.legalpersonidphoto"
                                                    placeholder="请输入法定代表人证件号码"
                                                ></el-input>
                                            </el-form-item>
                                            <div
                                                class="selectb"
                                                v-if="borrowertypename == '实名制认证个人'"
                                            >
                                                <el-radio v-model="radio" label="1">非长期</el-radio>
                                                <el-radio v-model="radio" label="2">长期</el-radio>
                                            </div>
                                            <div
                                                class="selectb"
                                                v-if="borrowertypename == '非实名制认证个人'"
                                            >
                                                <el-radio v-model="radioa" label="1">非长期</el-radio>
                                                <el-radio v-model="radioa" label="2">长期</el-radio>
                                            </div>
                                            <div class="legalper">
                                                <div
                                                    class="legalper-top"
                                                    v-if="borrowertypename == '非实名制认证个人'"
                                                >
                                                    <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
                                                    class="datatime-top"
                                                    v-if="borrowertypename == '实名制认证个人'"
                                                >
                                                    <span>身份证有效期：</span>
                                                    <div class="time">
                                                        <div
                                                            class="start"
                                                        >{{lendmoney.effectiveStartTime}}</div>至
                                                        <div
                                                            class="end"
                                                        >{{lendmoney.effectiveEndTime}}</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <el-form-item
                                                prop="legalpersonphone"
                                                v-if="borrowertypename == '非实名制认证个人'"
                                            >
                                                <div class="information-name">
                                                    <div class="legalperson-textt">法定代表人证件号码：</div>
                                                    <div
                                                        class="legalperson-texttcon"
                                                    >{{fillinForm.legalpersonidphoto}}</div>
                                                </div>
                                            </el-form-item>
                                            <el-form-item
                                                prop="legalpersonphone"
                                                v-if="borrowertypename == '实名制认证个人'"
                                            >
                                                <div class="legalperson-textt">法人手机号：</div>
                                                <el-input
                                                    v-model="fillinForm.legalpersonphone"
                                                    :maxlength="11"
                                                    placeholder="请输入法人手机号"
                                                ></el-input>
                                            </el-form-item>
                                            <el-form-item
                                                prop="legalpersonemail"
                                                v-if="borrowertypename == '非实名制认证个人'"
                                            >
                                                <div class="legalperson-textt">法人邮箱：</div>
                                                <el-input
                                                    v-model="fillinForm.legalpersonemail"
                                                    :maxlength="100"
                                                    placeholder="请输入法人邮箱"
                                                ></el-input>
                                            </el-form-item>
                                            <el-form-item
                                                prop="legalpersonemail"
                                                v-if="borrowertypename == '实名制认证个人'"
                                            >
                                                <div class="legalperson-textt">法人邮箱：</div>
                                                <el-input
                                                    v-model="fillinForm.legalpersonemail"
                                                    :maxlength="100"
                                                    placeholder="请输入法人邮箱"
                                                ></el-input>
                                            </el-form-item>
                                            <el-form-item
                                                prop="legalpersonaddress"
                                                v-if="borrowertypename == '非实名制认证个人'"
                                            >
                                                <div class="legalperson-textt">法人现家庭住址：</div>
                                                <el-input
                                                    v-model="fillinForm.legalpersonaddress"
                                                    :maxlength="100"
                                                    placeholder="请输入法人现家庭住址"
                                                ></el-input>
                                            </el-form-item>
                                            <el-form-item
                                                prop="legalpersonaddress"
                                                v-if="borrowertypename == '实名制认证个人'"
                                            >
                                                <div class="legalperson-textt">法人现家庭住址：</div>
                                                <el-input
                                                    v-model="fillinForm.legalpersonaddress"
                                                    :maxlength="100"
                                                    placeholder="请输入法人现家庭住址"
                                                ></el-input>
                                            </el-form-item>
                                            <el-form-item
                                                prop="officeaddress"
                                                v-if="borrowertypename == '非实名制认证个人'"
                                            >
                                                <div class="legalperson-textt">法人现办公住址：</div>
                                                <el-input
                                                    v-model="fillinForm.officeaddress"
                                                    :maxlength="100"
                                                    placeholder="请输入法人现办公住址"
                                                ></el-input>
                                            </el-form-item>
                                            <el-form-item
                                                prop="officeaddress"
                                                v-if="borrowertypename == '实名制认证个人'"
                                            >
                                                <div class="legalperson-textt">法人现办公住址：</div>
                                                <el-input
                                                    v-model="fillinForm.officeaddress"
                                                    :maxlength="100"
                                                    placeholder="请输入法人现办公住址"
                                                ></el-input>
                                            </el-form-item>
                                        </div>
                                        <div class="authentication-left">
                                            <div class="left-bold"></div>企业实名认证信息
                                        </div>
                                        <el-form-item prop="businessname">
                                            <div class="authentication-list">
                                                <div class="authentication-text">账户名：</div>
                                                <el-input
                                                    v-model="fillinForm.businessname"
                                                    :maxlength="100"
                                                    placeholder="请输入账户名"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="bankname">
                                            <div class="authentication-list">
                                                <div class="authentication-text">银行名称：</div>
                                                <el-select
                                                    v-model="fillinForm.name"
                                                    placeholder="选择开户银行"
                                                    @change="selectPrivateBank"
                                                >
                                                    <el-option
                                                        v-for="item in privateBankList"
                                                        :key="item.bankCode"
                                                        :label="item.bankName"
                                                        :value="item"
                                                    ></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"
                                                    :maxlength="100"
                                                    placeholder="请准确输入银行名称"
                                                ></el-input>
                                            </div>
                                        </div>
                                        <el-form-item prop="provincename">
                                            <div class="authentication-list">
                                                <div class="authentication-text">银行所在省/直辖市：</div>
                                                <el-select
                                                    v-model="fillinForm.banprovincename"
                                                    placeholder="选择所在省/直辖市"
                                                    @change="selectBankArea"
                                                >
                                                    <el-option
                                                        v-for="item in province"
                                                        :key="item.code"
                                                        :label="item.name"
                                                        :value="item"
                                                    ></el-option>
                                                </el-select>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="cityname">
                                            <div class="authentication-list">
                                                <div class="authentication-text">市/县：</div>
                                                <el-select
                                                    v-model="fillinForm.cityname"
                                                    placeholder="选择所在省/直辖市"
                                                    @change="selectCity"
                                                >
                                                    <el-option
                                                        v-for="item in city"
                                                        :key="item.code"
                                                        :label="item.name"
                                                        :value="item"
                                                    ></el-option>
                                                </el-select>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="otherbank">
                                            <div class="authentication-list">
                                                <div class="authentication-text">支行名称：</div>
                                                <el-input
                                                    v-model="fillinForm.otherbank"
                                                    :maxlength="100"
                                                    placeholder="请准确输入开户支行银行名称"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="bankaccount">
                                            <div class="authentication-list">
                                                <div class="authentication-text">银行账号：</div>
                                                <el-input
                                                    v-model="fillinForm.bankaccount"
                                                    placeholder="请准确输入银行账号"
                                                ></el-input>
                                            </div>
                                        </el-form-item>
                                    </div>
                                </div>
                            </el-form>
                            <div
                                class="submission"
                                @click="submissio('fillinForm')"
                                v-loading="loadinga"
                            >提交</div>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </main>
</template>

<script>
import {
    api_getProvence,
    api_addBankCard,
    api_getCity,
    api_findJsBankList
} from "api/center.js";
import {
    api_findNaturalInfo,
    api_storeList,
    api_downloadGenerateRecord
} from "api/portal.js";
import {
    api_addCompany,
    api_findDictionary,
    api_addPersonal,
    addHKPersonaldata
} from "api/login.js";
import {
    api_loan_accessm,
    api_loan_getKeyNatural,
    api_loan_downLoad
} from "api/loan.js";
import filesUpload from "pages/login/components/filesUpload";
import utils from "utils/utils.js";
import portalHeader from "./../portal/components/header";
import portalFooter from "./../portal/components/footer";
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: 1,
            imageUrl: "",
            imageUrl2: "",
            imageUrl3: "",
            imageUrl4: "",
            imageUrl5: "",
            imageUrl6: "",
            radio: "1",
            radioa: "1",
            uploadUrl: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE`,
            popoverImg: require("assets/images/kyc-idcard-front.jpg"),
            uploadTitle: "身份证 人像页",
            uploadUrl2: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE`,
            popoverImg2: require("assets/images/kyc-idcard-back.jpg"),
            uploadTitle2: "身份证 国徽页",
            uploadUrl3: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE`,
            popoverImg3: require("assets/images/kyc-idcard-hand.jpg"),
            uploadTitle3: "手持身份证照片",
            uploadUrl4: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE`,
            popoverImg4: require("assets/images/kyc-business-license.jpg"),
            uploadTitle4: "加盖公章的营业执照复印件照片",
            uploadUrl5: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE`,
            popoverImg5: require("assets/images/kyc-idcard-front.jpg"),
            uploadTitle5: "身份证 人像页",
            uploadUrl6: `${host}/api/v1/authc/jsFile/upFile?fileResourceType=REAL_NAME_CERTIFICATE&fileType=IMAGE`,
            popoverImg6: require("assets/images/kyc-idcard-back.jpg"),
            uploadTitle6: "身份证 国徽页",
            other: 0,
            state: 2, //借款授权状态
            input: "",
            money: "0.00",
            informationnumber: 1,
            loading: false,
            loading2: false,
            banprovincename: "",
            loading3: false,
            provinceCode: "",
            loading4: false,
            loading5: false,
            loading6: false,
            banknumber: 1,
            loadinga: false,
            guaranteenumber: 1,
            value: "",
            radio: "1",
            fillinForm: {
                phonenumber: "",
                colleaguecontact: "",
                familyaddressnow: "",
                borrowermailbox: "",
                humanregisteredaccount: "",
                verificationcode: "",
                password: "",
                officeaddress: "",
                legalpersonaddress: "",
                legalpersonemail: "",
                legalpersonphone: "",
                legalpersonidphoto: "",
                legalpersonname: "",
                legalpersontypename: "",
                businessname: "",
                businessaddress: "",
                creditcode: "",
                bank_code: "",
                otherbankname: "",
                banprovincename: "",
                cityname: "",
                otherbank: "",
                officeaddress: "",
                bankaccount: ""
            },
            fillinFormRule: {
                phonenumber: [{ validator: checkPhone, trigger: "blur" }],
                colleaguecontact: [
                    { validator: checkclassPhone, trigger: "blur" }
                ],
                familyaddressnow: [
                    {
                        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" }],
                bankaccount: [{ validator: checkbanknumber, trigger: "blur" }]
            },
            valuea: 1,
            options: [
                {
                    label: "已婚",
                    valuea: 1
                },
                {
                    label: "未婚",
                    valuea: 2
                },
                {
                    label: "离异",
                    valuea: 3
                },
                {
                    label: "再婚",
                    valuea: 4
                }
            ],
            type: [
                {
                    label: "实名制认证个人"
                },
                {
                    label: "非实名制认证个人"
                }
            ],
            city: [],
            registertypew: [
                {
                    value: "1",
                    label: "大陆个人"
                },
                {
                    value: "2",
                    label: "大陆企业"
                },
                {
                    value: "3",
                    label: "香港个人"
                },
                {
                    value: "4",
                    label: "香港企业"
                }
            ],
            borrowertypea: [
                {
                    value: "1",
                    label: "实名注册企业法人"
                },
                {
                    value: "2",
                    label: "持股比例超过51%（含）以上的个人股东"
                }
            ],
            province: [],
            privateBankList: [],
            form: {
                iddate: 1
            },
            lendmoney: {}
        };
    },
    name: "homeIndex",

    methods: {
        fillin() {
            this.empower = 2;
        },
        chooseType(typeValue) {
            if (typeValue == 1) {
                this.form.legalpersontype = "法人即实名认证个人本人";
            } else if (typeValue == 2) {
                this.form.legalpersontype = "法人非实名认证个人本人";
            }
            console.log(this.form.legalpersontype);
        },
        maritalsta(maritalsta) {
            console.log(this.informationForm.maritalstatus);
        },
        submissio(formName) {
            this.$refs[formName].validate(valid => {
                if (valid) {
                    this.loadinga = true;
                    let accessmData = {
                        data: {
                            // riskNo: "", //准入申请编号
                            kycNaturalId: this.lendmoney.kycNaturalId, //KYC注册ID接口
                            // registerType: this.lendmoney.registerTypeName, //KYC类型接口
                            borrowerType: this.lendmoney.borrowertype, //借款人类型接口
                            borrowerName: this.lendmoney.borrowerName, //借款人姓名接口
                            borrowerPhone: this.informationForm.phonenumber, //借款人手机号
                            borrowerIdcard: this.lendmoney.borrowerIdcard, //借款人身份证号接口
                            borrowerIdCardFront: this.lendmoney
                                .borrowerIdCardFront, //借款人身份证正面
                            borrowerIdCardBack: this.lendmoney
                                .borrowerIdCardBack, //借款人身份证反面
                            borrowerIdCardHold: this.lendmoney
                                .borrowerIdCardHold, //借款人手持身份证
                            effectiveStartTime: this.lendmoney
                                .effectiveStartTime, //身份证有效起始日期接口
                            effectiveEndTime: this.lendmoney.effectiveEndTime, //身份证有效截止日期接口
                            longFlag: this.lendmoney.time, //是否长期有效接口
                            borrowerEmail: this.informationForm.borrowermailbox, //借款人邮箱
                            marriageStatus: this.informationForm.maritalstatus, //借款人婚姻状态
                            borrowerColleague: this.informationForm
                                .colleaguecontact, //借款人同事联系方式
                            borrowerAddress: this.informationForm
                                .familyaddressnow, //借款人现家庭住址
                            creditReportingNo: this.queryForm
                                .humanregisteredaccount, //人行征信注册账号
                            creditReportingPassword: this.queryForm
                                .verificationcode, //人行征信登录密码
                            creditReportingAuthcode: this.queryForm.password, //人行征信身份验证码
                            creditReportingOss: "", //人行征信报告OSS地址
                            guaranteeType: this.legalpersonForm
                                .legalpersontypename, //担保人类型
                            guaranteeCorp: this.basicForm.businessname, //担保企业名称
                            guaranteeCorpOrgcode: this.basicForm.creditcode, //担保企业统一信用代码
                            guaranteeCorpAddress: this.basicForm
                                .businessaddress, //担保企业实际经营地址
                            guaranteeCorpQualification: this.legalpersonForm
                                .company, //担保企业证明材料
                            guaranteeLegalnameFront: this.legalpersonForm
                                .guaranteeLegalnamea, //担保企业法人身份证正面
                            guaranteeLegalnameBack: this.legalpersonForm
                                .borrowerIdCardbacka, //担保企业法人身份证反面
                            guaranteeCorpLegalname: this.legalpersonForm
                                .legalpersonname, //担保企业法人姓名
                            guaranteeCorpIdcard: this.legalpersonForm
                                .legalpersonidphoto, //担保企业法人证件号码
                            guaranteeCorpPhone: this.legalpersonForm
                                .legalpersonphone, //担保企业法人手机号
                            guaranteeCorpEmail: this.legalpersonForm
                                .legalpersonemail, //担保企业法人邮箱
                            guaranteeLegalHomeAddress: this.legalpersonForm
                                .legalpersonaddress, //担保企业法人家庭住址
                            guaranteeLegalOfficeAddress: this.legalpersonForm
                                .officeaddress, //担保企业法人办公地址
                            corpAcct: this.basicForm.bankaccount, //企业对公账号
                            corpAcctBank: this.basicForm.bank_code, //对公开户行
                            // corpAcctBranchBank: this.basicForm.otherbankname, //对公开户行支行
                            guaranteeIdcardEndTime: this.legalpersonForm.end, //担保企业法人身份证结束有效期
                            guaranteeIdcardStartTime: this.legalpersonForm
                                .start, //担保企业法人身份证开始有效期
                            corpBankProvinceCode: this.basicForm.corpBaCode, //银行所在省份编码
                            corpBankProvinceName: this.basicForm
                                .banprovincename, //银行所在省份名称
                            corpBankCityCode: this.basicForm.corpBankCityName, //银行所在城市编码
                            corpBankCityName: this.basicForm.cityname, //银行所在城市名称
                            corpBankName: this.basicForm.name, //银行名称
                            corpBankCode: this.basicForm.bankcode, //银行编码
                            corpAcctName: "", //企业对公账号名称
                            guaranteeLongFlag: this.legalpersonForm.liddate //担保人身份证长期与非长期
                        }
                    };
                    api_loan_accessm(accessmData).then(res => {
                        // console.log(res.data);
                        if (res.success) {
                            this.loadinga = false;
                            this.$router.push({
                                path: "/loan/borrowMoneyAudit"
                            });
                        } else {
                            this.$message.error(res.msg);
                            this.loadinga = false;
                        }
                    });
                } else {
                    console.log("error submit!!");
                    return false;
                }
            });
        },
        selectPrivateBank(val) {
            if (val.bankName == "其他银行") {
                this.basicForm.name = val.bankName;
                this.basicForm.bankcode = val.bankCode;
            } else {
                this.basicForm.name = val.bankName;
                this.basicForm.bankcode = val.bankCode;
            }
        },
        getCity(provinceCode) {
            let getCityParams = {
                params: {
                    provinceCode: provinceCode
                }
            };
            api_getCity(getCityParams).then(res => {
                this.city = res.data;
            });
        },
        selectBankArea(province) {
            this.basicForm.banprovincename = province.name;
            this.basicForm.corpBaCode = province.code;
            this.getCity(province.code);
        },
        selectCity(city) {
            this.basicForm.cityname = city.name;
            this.basicForm.corpBankCityName = city.code;
        },
        selectborrowertype(type) {
            this.lendmoney.borrowertype = type.value;
            this.lendmoney.borrowertypelabel = type.label;
        },
        selectlegalpersontypename(type) {
            this.borrowertypename = type;
            console.log(type);
        },
        isLongTime(val) {
            this.form.longTime = val == "1" ? false : true;
        },
        isLongTime2(val) {
            this.legalpersonForm.longTime2 = val == "1" ? false : true;
        },
        loaninformation() {
            if (this.informationnumber == 1) {
                this.informationnumber = 2;
            } else {
                this.informationnumber = 1;
            }
        },
        selectbank() {
            if (this.banknumber == 1) {
                this.banknumber = 2;
            } else {
                this.banknumber = 1;
            }
        },
        guaranteen() {
            if (this.guaranteenumber == 1) {
                this.guaranteenumber = 2;
            } else {
                this.guaranteenumber = 1;
            }
        },
        handleAvatarError() {
            this.loading = false;
            this.$message.error("上传失败");
        },
        //上传香港永久性居民身份证
        handleAvatarSuccess(res, file) {
            this.loading = false;
            this.imageUrl = URL.createObjectURL(file.raw);
            this.form.borrowerIdCardBack = file.response.data.fileSavepath;
        },
        beforeAvatarUpload(file) {
            this.loading = true;
        },
        handleAvatarError2() {
            this.loading2 = false;
            this.$message.error("上传失败");
        },
        //上传香港永久性居民身份证
        handleAvatarSuccess2(res, file) {
            this.loading2 = false;
            this.imageUrl2 = URL.createObjectURL(file.raw);
            this.legalpersonForm.borrowerIdCardFront =
                file.response.data.fileSavePath;
        },
        beforeAvatarUpload2(file) {
            this.loading2 = true;
        },
        // handleAvatarSuccess3(res, file) {
        //     this.loading3 = false;
        //     this.imageUrl3 = URL.createObjectURL(file.raw);
        //     this.legalpersonForm.borrowerIdCardHold =
        //         file.response.data.fileSavePath;
        // },
        // handleAvatarError3() {
        //     this.loading3 = false;
        //     this.$message.error("上传失败");
        // },
        // beforeAvatarUpload3(file) {
        //     this.loading3 = true;
        // },
        handleAvatarSuccess4(res, file) {
            this.loading4 = false;
            this.imageUrl4 = URL.createObjectURL(file.raw);
            this.legalpersonForm.company = file.response.data.fileSavePath;
        },
        handleAvatarError4() {
            this.loading4 = false;
            this.$message.error("上传失败");
        },
        beforeAvatarUpload4(file) {
            this.loading4 = true;
        },
        handleAvatarSuccess5(res, file) {
            this.loading5 = false;
            this.imageUrl5 = URL.createObjectURL(file.raw);
            this.legalpersonForm.guaranteeLegalnamea =
                file.response.data.fileSavePath;
        },
        handleAvatarError5() {
            this.loading5 = false;
            this.$message.error("上传失败");
        },
        beforeAvatarUpload5(file) {
            this.loading5 = true;
        },
        handleAvatarSuccess6(res, file) {
            this.loading6 = false;
            this.imageUrl6 = URL.createObjectURL(file.raw);
            // this.legalpersonForm.borrowerIdCardbacka =
            // file.response.data.fileSavePath;
            console.log(file);
        },
        handleAvatarError6() {
            this.loading6 = false;
            this.$message.error("上传失败");
        },
        beforeAvatarUpload6(file) {
            this.loading6 = true;
        },
        getdowm() {
            let filePath = this.borrowerIdCardFront;
            let fileName = "abc.png";
            this.imageUrl = `${host}/api/v1/auno/jsFile/downLoad?filePath=${filePath}&fileName=${fileName}`;
        }
    },
    mounted() {},
    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 = res.data;
            console.log(res.data);
            let filePath = this.borrowerIdCardFront;
            let fileName = "abc.png";
            this.imageUrl = `${host}/api/v1/anon/jsFile/downLoad?filePath=${filePath}&fileName=${fileName}`;
            let filePath2 = this.lendmoney.borrowerIdCardBack;
            let fileName2 = "abc.png";
            this.imageUrl2 = `${host}/api/v1/anon/jsFile/downLoad?filePath=${filePath2}&fileName=${fileName2}`;
            let filePath3 = this.lendmoney.borrowerIdCardHold;
            let fileName3 = "abc.png";
            this.imageUrl3 = `${host}/api/v1/anon/jsFile/downLoad?filePath=${filePath3}&fileName=${fileName3}`;
            // this.getdowm(this.borrowerIdCardFront);
        });

        if (this.lendmoney.longFlag == "false") {
            this.radio = "2";
            this.lendmoney.time == 2;
        } else {
            this.radio = "1";
            this.lendmoney.time == 1;
        }
        // api_loan_downLoad
    },
    components: {
        portalHeader,
        filesUpload
        // portalFooter
    }
};
</script>

<style lang="less" scoped>
main {
    display: block;
    margin: 41px 0 49px 0;
    .second {
        width: 100%;
        padding: 30px 0 0 0;
        .body {
            width: 1080px;
            height: auto;
            margin: 0 auto 0;
            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;
                        }
                    }
                    .write-topbig {
                        width: 956px;
                        height: auto;
                        border-bottom: 1px solid #e6e6e6;
                        margin: auto;
                        padding: 0 42px 0 42px;
                        .el-header {
                            width: 956px;
                            font-size: 18px;
                            font-weight: bold;
                            padding-left: 0px;
                            line-height: 29px;
                        }
                        .el-footer {
                            width: 100%;
                            padding-left: 0px;
                            .left {
                                font-size: 14px;
                                color: rgba(102, 102, 102, 1);
                                float: left;
                                margin-top: 17px;
                            }
                            .left-conten {
                                width: 310px;
                                font-size: 18px;
                                padding: 0 11px 0 11px;
                                height: 46px;
                                line-height: 46px;
                                border-radius: 4px;
                                margin: 0 0 0 70px;
                                background: #f5f5f5;
                                float: left;
                            }
                        }
                    }
                    .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: 15px;
                                    .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;
                                        background: #f5f5f5;
                                        border-radius: 4px;
                                        margin: 0 15px 0 60px;
                                        background: #f5f5f5;
                                    }
                                }
                                .information-name {
                                    font-size: 18px;
                                    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;
                                    }
                                }
                                .information-certificates {
                                    font-size: 18px;
                                    width: 487px;
                                    display: inline-block;
                                    .certificates-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;
                                    }
                                }
                                .becareful {
                                    font-size: 14px;
                                    color: #999999;
                                    font-weight: 400;
                                    padding: 30px 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;
                                    }
                                    .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;
                                    .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;
                                            }
                                            .end {
                                                width: 100px;
                                                display: inline-block;
                                                margin-left: 10px;
                                            }
                                        }
                                    }
                                    .selecta {
                                        width: auto;
                                        margin: 20px 0 19px 177px;
                                    }
                                }
                                .el-form-item {
                                    width: 487px;
                                    display: inline-block;
                                    margin-bottom: 26px;
                                    .information-list {
                                        font-size: 18px;
                                        width: 487px;
                                        .name-text {
                                            font-size: 14px;
                                            color: #666666;
                                            font-weight: 400;
                                            height: 46px;
                                            line-height: 46px;
                                            float: left;
                                        }
                                        /deep/.el-input {
                                            width: 332px;
                                            margin-right: 15px;
                                            float: right;
                                        }
                                    }
                                }
                                /deep/.el-form-item__error {
                                    left: 140px;
                                }
                                .el-form-item {
                                    width: 487px;
                                    display: inline-block;
                                    margin-bottom: 26px;
                                    .information-list {
                                        font-size: 18px;
                                        width: 487px;
                                        .name-text {
                                            font-size: 14px;
                                            color: #666666;
                                            font-weight: 400;
                                            height: 46px;
                                            line-height: 46px;
                                            float: left;
                                        }
                                        /deep/.el-select {
                                            width: 332px;
                                            float: right;
                                        }
                                    }
                                }
                                /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);
                                    .query-right {
                                        float: right;
                                        font-size: 18px;
                                        width: 17px;
                                        height: 9px;
                                    }
                                }
                            }
                            .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;
                                        .query-text {
                                            font-size: 14px;
                                            color: #666666;
                                            font-weight: 400;
                                            height: 46px;
                                            line-height: 46px;
                                            float: left;
                                        }
                                        .el-input {
                                            width: 331px;
                                            height: 46px;
                                            line-height: 46px;
                                            border-radius: 4px;
                                            margin: 0 10px 0 0;
                                            padding-left: 0;
                                            float: right;
                                        }
                                    }
                                }
                                /deep/.el-form-item__error {
                                    left: 148px;
                                }
                                .querybig-agreement {
                                    width: 100%;
                                    margin-top: 10px;
                                    font-size: 14px;
                                    .el-checkbox {
                                        font-size: 14px;
                                        color: #666666;
                                        font-weight: 400;
                                        display: inline-block;
                                        margin-right: 10px;
                                    }
                                    .el-link {
                                        color: #3d86e9;
                                        font-size: 14px;
                                        font-weight: 400;
                                        display: inline-block;
                                        margin-left: 0px;
                                    }
                                }
                            }
                        }
                        .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);
                                    .guarantee-right {
                                        float: right;
                                        font-size: 18px;
                                        width: 17px;
                                        height: 9px;
                                    }
                                }
                            }
                            .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-text {
                                                font-size: 14px;
                                                color: #666666;
                                                font-weight: 400;
                                                height: 46px;
                                                line-height: 46px;
                                                float: left;
                                            }
                                            .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;
                                        .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;
                                        }
                                        /deep/.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;
                                            }
                                        }
                                    }
                                    .photo-portrait {
                                        width: 269px;
                                        height: 168px;
                                        display: inline-block;
                                        margin: 0 20px 30px 0;
                                        .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;
                                    }
                                    .legalper {
                                        display: block;
                                        width: auto;
                                        margin-bottom: 26px;
                                        .legalper-top {
                                            height: 46px;
                                            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;
                                                }
                                                //     .start{width: 100px;display: inline-block;font-size: 18px;}
                                                //     .end{width: 100px;display: inline-block;margin-left: 10px;}
                                            }
                                        }
                                        .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;
                                                }
                                                .end {
                                                    width: 100px;
                                                    display: inline-block;
                                                    margin-left: 10px;
                                                }
                                            }
                                        }
                                    }
                                }
                                .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;
                                    }
                                }
                                .authentication-lista {
                                    font-size: 18px;
                                    width: 487px;
                                    display: inline-block;
                                    margin-bottom: 26px;
                                    .authentication-texta {
                                        font-size: 14px;
                                        color: #666666;
                                        font-weight: 400;
                                        height: 46px;
                                        line-height: 46px;
                                        float: left;
                                    }
                                    /deep/.el-input {
                                        width: 332px;
                                        font-size: 18px;
                                        padding: 0 11px 0 11px;
                                        height: 46px;
                                        line-height: 46px;
                                        border-radius: 4px;
                                        float: right;
                                    }
                                }
                                .el-form-item {
                                    display: inline-block;
                                    width: 487px;
                                    margin-bottom: 26px;
                                    .authentication-list {
                                        font-size: 18px;
                                        width: 487px;
                                        .authentication-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 0 0;
                                            padding-left: 0;
                                            float: right;
                                        }
                                    }
                                }
                                .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;
                                        }
                                    }
                                }
                                .el-form-item {
                                    display: inline-block;
                                    width: 487px;
                                    margin-bottom: 26px;
                                    .authentication-list {
                                        font-size: 18px;
                                        width: 487px;
                                        .authentication-text {
                                            font-size: 14px;
                                            color: #666666;
                                            font-weight: 400;
                                            height: 46px;
                                            line-height: 46px;
                                            float: left;
                                        }
                                        /deep/.el-select {
                                            width: 332px;
                                            height: 46px;
                                            margin: 0 0 0 0;
                                            padding-left: 0;
                                            float: right;
                                        }
                                    }
                                }
                                /deep/.el-form-item__error {
                                    left: 140px;
                                }
                            }
                        }
                    }
                    .submission {
                        width: 331px;
                        height: 46px;
                        line-height: 46px;
                        background: #3d86e9;
                        border-radius: 4px;
                        color: rgba(255, 255, 255, 1);
                        text-align: center;
                        margin: 72px auto 14px;
                        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>
