<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN" xml:lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>产权交易-用户注册</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="description" cxontent="" />
    <link href="../../static/css/main.css" rel="stylesheet" type="text/css" />
    <link href="../../static/css/index.css" rel="stylesheet" type="text/css" />
    <link href="../../static/css/login/register.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="main" id="page">
    <!--顶部Title  -->
    <div class="bg-f7 txc" style="display: none;">
        <div class="w-1200 topDress">
            <p class="topTit fl">Hi,欢迎来到农村产权交易中心</p>
            <a href="../../index.html" class="topTit02 fr">返回主站</a>
            <!--            <div class="topTit02 fr" id="dress">-->
            <!--                <img src="../../static/images/icon3.png" alt="" class="fl"/>-->
            <!--                <p class="fl">威海市</p>-->
            <!--                <div class="clear"></div>-->
            <!--            </div>-->
            <div class="clear"></div>
            <div class="dressPc" id="dressList" style="display: none;">
                <ul>
                    <li>
                        <p class="fl">文登区</p>
                        <i class="jiantou"></i>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <p class="fl">文登区</p>
                        <i class="jiantou"></i>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <p class="fl">文登区</p>
                        <i class="jiantou"></i>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <p class="fl">文登区</p>
                        <i class="jiantou"></i>
                        <div class="clear"></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--LOGO search -->
    <div style="height: calc(100vh - (100vh - 112px));" class="logoSearch w-1200">
        <div class="wid50 logoSearch-div fl">
            <div class="logo" onclick="goIndex()"></div>
            <h1 class="fl" id="webConfigName" onclick="goIndex()"></h1>
            <div class="clear"></div>
        </div>
        <div class="wid50 logoSearch-div fr">
            <div class="fr" id="userInfo" style="display: none;">
                <img src="../../static/images/user_tips.png" class="block fl m-r-10" style="margin-top: 21px" alt=""/>
                <img src="../../static/images/member.png" class="block fl m-r-10" style="margin-top: 21px" alt=""/>
                <a href="../user/user.html" class="fl userName" id="userRealName">Sherry</a>
                <div class="clear"></div>
            </div>
            <div class="headHover" id="headHover" style="display: none;">
                <ul>
                    <li>
                        <p id="userRealName2">Sherry</p>
                    </li>
                    <li class="m-t-5">
                        <img src="../../static/images/user_icon1.png" class="fl" alt=""/>
                        <a href="../user/user.html?type=info" class="fl">我的资料</a>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <img src="../../static/images/user_icon2.png" class="fl" alt=""/>
                        <a href="../user/user.html?type=demand" class="fl">我的供求</a>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <img src="../../static/images/user_icon3.png" class="fl" alt=""/>
                        <a href="../user/user.html?type=interact" class="fl">我的咨询</a>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <img src="../../static/images/user_icon9.png" class="fl" alt=""/>
                        <a href="../user/user.html?type=application" class="fl">我的报名</a>
                        <div class="clear"></div>
                    </li>
                    <li class="m-b-5">
                        <img src="../../static/images/user_icon4.png" class="fl" alt=""/>
                        <a href="../user/user.html?type=bidding" class="fl">我的竞价</a>
                        <div class="clear"></div>
                    </li>
                    <li onclick="outLogin()">
                        <img src="../../static/images/user_icon5.png" class="fl" alt=""/>
                        <a class="fl">退出登录</a>
                        <div class="clear"></div>
                    </li>
                </ul>
            </div>
            <div class="fr" id="userLogin" style="display: none;">
                <a href="../login/login.html">请登录</a>
                <a href="../login/register.html" style="margin-left: 0;">免费注册</a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
    <div style="border-top: 2px solid var(--color)"></div>
    <div class="w-1200">
        <div class="topBtn">
            <input type="button" value="个人用户" onclick="tabCheck('user',1)" id="userBtn" class="active"/>
            <input type="button" value="单位用户" onclick="tabCheck('company',2)" id="companyBtn"/>
            <div class="clear"></div>
        </div>
        <div class="txc">
            <table class="userTable">
                <tr>
                    <td>
                        <span>*</span>手机号码：
                    </td>
                    <td>
                        <input type="text" id="phone" autocomplete="off"/>
                    </td>
                    <td><span>默认为登录账户</span></td>
                </tr>
                <tr>
                    <td>
                        <span>*</span>密码：
                    </td>
                    <td>
                        <input type="password" id="password" autocomplete="new-password"/>
                    </td>
                    <td>
                        建议8-20位并包含数字和字母
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>*</span>确认密码：
                    </td>
                    <td>
                        <input type="password" id="passwordAgain"/>
                    </td>
                    <td>
                        请再次确认密码
                    </td>
                </tr>
            </table>
            <div class="p-b-20" style="border-top: 1px solid #cfcfcf;"></div>
            <table id="userTable" class="userTable">
                <tr>
                    <td>
                        <span>*</span>姓名：
                    </td>
                    <td>
                        <input type="text" id="realName"/>
                    </td>
                    <td>
                        必须填写真实姓名，否则不能通过审核
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>*</span>身份证号码：
                    </td>
                    <td>
                        <input type="text" id="idCardNum"/>
                    </td>
                    <td>
                        和姓名对应的证件号码，否则验证不能通过
                    </td>
                </tr>
                <tr>
                    <td>
                        联系住址：
                    </td>
                    <td>
                        <input type="text" id="address"/>
                    </td>
                    <td>
                        请填写您的详细地址
                    </td>
                </tr>
                <tr>
                    <td><span>*</span>身份证(人像面):</td>
                    <td colspan="3">
                        <div id="cupload-3" class="m-l-10 m-b-5 wid30"></div>
                    </td>
                </tr>
                <tr>
                    <td><span>*</span>银行卡(正):</td>
                    <td colspan="3">
                        <div id="cupload-4" class="m-l-10 m-b-5 wid30"></div>
                    </td>
                </tr>

            </table>
            <table id="companyTable" class="userTable" style="display: none;">
                <tr>
                    <td>
                        <span>*</span>经济类型：
                    </td>

                    <td>
                        <script id="outProjectInformationData" type="text/html">
                            {{each outProjectInformationDetail as value i}}
                                <option value="{{value.dictValue}}">{{value.dictLabel}}</option>
                            {{/each}}
                        </script>
                        <select id="economicType"></select>
                    </td>
                    <td>
                        必须选择经济类型
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>*</span>公司名称：
                    </td>
                    <td>
                        <input type="text" id="companyName"/>
                    </td>
                    <td>
                        必须填写真实单位名称，否则不能通过审核
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>*</span>社会信用代码：
                    </td>
                    <td>
                        <input type="text" id="companyCode"/>
                    </td>
                    <td>
                        填写公司的社会信用代码
                    </td>
                </tr>
<!--                <tr>-->
<!--                    <td>-->
<!--                        <span>*</span>营业执照号：-->
<!--                    </td>-->
<!--                    <td>-->
<!--                        <input type="text" id="companyLicense"/>-->
<!--                    </td>-->
<!--                    <td>-->
<!--                        填写公司的营业执照号-->
<!--                    </td>-->
<!--                </tr>-->
                <tr>
                    <td>
                        联系地址：
                    </td>
                    <td>
                        <input type="text" id="companyAddress"/>
                    </td>
                    <td>
                        请填写详细地址
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>*</span>法人姓名：
                    </td>
                    <td>
                        <input type="text" id="companyRealName"/>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td>
                        <span>*</span>法人身份证号：
                    </td>
                    <td>
                        <input type="text" id="companyIdCardNum"/>
                    </td>
                    <td>
                        填写法人身份证号
                    </td>
                </tr>
                <tr>
                    <td><span>*</span>法人证件照（人像面）:</td>
                    <td colspan="3">
                        <div id="cupload-6" class="m-l-10 m-b-5 wid30"></div>
                    </td>
                </tr>
                <tr>
                    <td><span>*</span>营业执照:</td>
                    <td colspan="3">
                        <div id="cupload-7" class="m-l-10 m-b-5 wid30"></div>
                    </td>
                </tr>
                <tr>
                    <td><span>*</span>开户证明:</td>
                    <td colspan="3">
                        <div id="cupload-5" class="m-l-10 m-b-5 wid30"></div>
                    </td>
                </tr>
            </table>
            <table class="userTable">
                <tr>
                    <td colspan="3">
                        <p style="position:relative;text-align: center;">
                            <span style="border-top: 1px solid #999999;display: block;position:absolute;top: 50%;width: 100%;"></span>
                            <span style="background: #ffffff;color: #333333;position: relative;">银行信息</span>
                        </p>
                    </td>
                </tr>

                <tr>
                    <td style="border: none;"><span>*</span>账户类型：</td>
                    <td style="border: none;">
                        <select id="accountType" class="p-l-10">
                            <script id="accountTypeData" type="text/html">
                                {{each accountTypeOption as value i}}
                                <option value="{{value.dictValue}}">{{value.dictLabel}}</option>
                                {{/each}}
                            </script>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><span>*</span>开户姓名：</td>
                    <td><input type="text" id="bankCardName" class="p-l-10" /></td>
                </tr>
                <tr>
                    <td><span>*</span>银行卡号：</td>
                    <td><input type="text" id="bankCardNum" class="p-l-10"/></td>
                </tr>

                <tr>
                    <td style="border: none;"><span>*</span>所属银行：</td>
                    <td style="border: none;">
                        <select id="bankType" class="p-l-10">
                            <script id="bankTypeData" type="text/html">
                                {{each bankTypeOption as value i}}
                                <option value="{{value.dictValue}}">{{value.dictLabel}}</option>
                                {{/each}}
                            </script>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td style="border: none;"><span>*</span>开户省份：</td>
                    <td style="border: none;">
                        <select id="sheng" class="p-l-10" onchange="getShi()">
                            <script id="shengData" type="text/html">
                                {{each sheng as value i}}
                                <option value="{{value.value}}">{{value.label}}</option>
                                {{/each}}
                            </script>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td style="border: none;"><span>*</span>开户城市：</td>
                    <td style="border: none;">
                        <select id="shi" class="p-l-10">
                            <script id="shiData" type="text/html">
                                {{each shi as value i}}
                                <option value="{{value.value}}">{{value.label}}</option>
                                {{/each}}
                            </script>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td>关键词：</td>
                    <td><input id="bankDeposit" type="text" class="p-l-10"/></td>
                    <td>（如开户行所在镇街名称）</td>
                </tr>

                <tr>
                    <td style="border: none;"><span>*</span>开户银行：</td>
                    <td style="border: none;">
                        <select id="bankAddress" class="p-l-10" onchange="changeBankAddress()">
                            <script id="bankAddressData" type="text/html">
                                {{each bankAddress as value i}}
                                <option value="{{value.bankDeposit}}">{{value.bankDeposit}}</option>
                                {{/each}}
                            </script>
                        </select>
                    </td>
                    <td>
                        <span onclick="getDeposit()" style="display: inline-block;padding: 5px 10px;background: var(--color);color: #ffffff;border-radius: 30px;">点击检索</span>
                    </td>
                </tr>
                <tr>
                    <td style="border: none;"><span>*</span>联行号：</td>
                    <td style="border: none;"><input type="text" id="payeePaymentLines" class="p-l-10"/></td>
                </tr>
                <tr>
                    <td>
                        <span>*</span>验证码：
                    </td>
                    <td>
                        <input type="text" style="width: 28%;margin-right: 2%;" id="code" class="fl"/>
                        <img id="graphicImg" alt="" class="fl" style="width: 28%;margin-right: 2%;"/>
                        <input type="button" id="graphicImgBtn" value="看不清？点击更换" class="fl" style="width: 40%;padding: 0;"/>
                    </td>
                    <td>
                        请输入验证码
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td colspan="2">
                        <input type="checkbox" id="iAgree" value="aaa"/>
                        我已经阅读并同意<span style="color: var(--color);">《农村产权交易信息服务平台会员注册协议》</span>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="button" value="立即注册" id="register-submit"/>
                    </td>
                    <td></td>
                </tr>
            </table>
        </div>
    </div>
</div>

<div class="loading_main" id="loading">
    <img src="../../static/images/loading.png" alt="" class="xuanzhuan">
    <br/>
    <p>正在注册，请勿关闭页面</p>
</div>

</body>
<script src="../../static/js/common/require.js" data-main="../../static/js/common/main.js?t=101" id="require-page"
        target-module="../../static/js/project/user/registerFrom.js" defer type="text/javascript"></script>
</html>
