<template>
    <div class="login-wrap text-center container" v-if="data.type!='weixin'">
        <!--<div class="nav-bar">-->
        <!--<ul class="nav">-->
        <!--<li class="active"><a href="#captcha_login"  v-on:click="tab">验证码登录</a></li>-->
        <!--<li class=""><a href="#password_login"  v-on:click="tab">密码登录</a></li>-->
        <!--</ul>-->
        <!--</div>-->
        <header class="header tc">
            <img src="../../assets/image/login_03@2x.png" class="d-ib logo"></header>
        <div id="captcha_login" class="row login-item">
            <!--添加员工信息-->
            <form action="" class="text-left m-4 p-3 fromdata-aaa" id="form-data">
                <input type="hidden" name="inviter_code" :value="data.inviter_code">
                <div class="form-group row">
<!--                    <label for="mobile" class="col-4 col-form-label">手机号码</label>-->
                    <div class="col-phone">
                        <img class="phones"  src="../../assets/image/login_07@2x.png" alt="">
                        <input type="text" class="form-control phone-input" placeholder="请输入手机号" id="mobile" name="username"
                               v-model="data.mobile"
                               v-bind:class="{'is-valid-success': data.errorType.mobile === true, 'is-valid-fail': data.errorType.mobile === false}"
                        >
                    </div>
                </div>
                <div class="form-group row two-imgcode">
<!--                    <label for="verify_img" class="col-4 col-form-label">图形验证码</label>-->
                    <img  class="phoness" src="../../assets/image/login_11@2x.png" alt="">
                    <div class="col-imgcard">

                        <input type="text" class="d-inline-block col-5 form-control imginput" placeholder="请输入图形验证码" id="verify_img" name="verify"
                               v-model="data.imgVerify"
                               v-bind:class="{'is-valid-success': data.errorType.imgVerify === true, 'is-valid-fail': data.errorType.imgVerify === false}"
                        >
<!--                        <img class="d-ib fr  imgcode" id="" :src="data.verifyImg" v-on:click="reloadVerify">-->
                       <span class="d-ib fr  imgcode"   v-on:click="refreshCode">
                           <Sidentify :identifyCode="data.identifyCode"></Sidentify>
                       </span>
                    </div>
                </div>
                <div class="form-group row code-aaa" >
                    <img  class="phoness" src="../../assets/image/login_15@2x.png" alt="">
                    <div class="col-code">
                        <input type="text" maxlength="6" class="d-inline-block col-5 form-control" placeholder="请输入短信验证码" id="verify_code" name="password"
                               v-model="data.codeVerify"
                               v-bind:class="{'is-valid-success': data.errorType.codeVerify === true, 'is-valid-fail': data.errorType.codeVerify === false}"
                        >
                    </div>
                    <a href="javascript:void(0);" class="btn btn-info ml-2 col-6 code-btn"
                       v-on:click="getMobileVerify"
                       v-bind:class="{'disabled': !data.verifyBtnActive}"
                    >{{data.verifyBtnText}}</a>

                </div>
                <div class="form-group row mt-3">
                    <div class="col-12 text-center">
                        <a href="javascript:void(0);" class="btn btn-block btn-primary mt-2 p-3 loginBtn" v-on:click="loginform">注册/登录</a>
                    </div>
                </div>
            </form>
        </div>
        <!--<p class="text-center">用户注册代表同意<a href="/GrHelp/registerContract">《用户注册协议》</a></p>-->
        <!--<div id="password_login" class="row login-item hide">
            &lt;!&ndash;添加员工信息&ndash;&gt;
            <div class="form-group inline">
                <form class="" id="form-data2" method="post">
                    <div class="control-group bg-w ">
                        <label class="control-label">
                            <i class="icon-mobile m-f"></i>
                            <span class="v-m">+86</span>
                        </label>
                        <div class="controls">
                            <input type="tel" value="" placeholder="手机号" name="mobile" id="pwd_mobile"
                                   oninput="if(value.length>11)value=value.slice(0,11)">
                            <input type="hidden" value="" name="openid">
                            <input type="hidden" value="" name="unionid">
                            <input type="hidden" value="app" name="state">

                            <input type="hidden" value="is_password" name="type">
                        </div>
                    </div>
                    <div class="control-group bg-w">
                        <label class="control-label">
                            <i class="icon-shield m-f"></i>
                        </label>
                        <div class="controls pwd">
                            <input type="password" value="" id="password" name="password" class="" placeholder="密码">
                        </div>
                    </div>
                </form>
            </div>
            &lt;!&ndash;添加员工完毕 &ndash;&gt;
            <div class="btn-group">
                <a href="javascript:void(0);" id="psLogin" class="btn tn full-w">登录</a>
            </div>
        </div>-->
    </div>
</template>

<script lang="ts" src="./login.ts"></script>

<style lang="scss" scoped>
    @import "login";
</style>

