<el-main class="el-login-bgcolor">
    <div class="el-login-center">
        <div class="el-logo-text">
            <i></i>
            <span>数据中心</span>
        </div>
        <div class="el-login-content">
            <div class="el-login-box">
                <div class="el-column-box">
                    <img src="../../assets/zhu1.png" />
                    <img src="../../assets/zhu2.png" />
                    <img src="../../assets/zhu3.png" />
                    <img src="../../assets/zhu4.png" />
                </div>
                <div class="el-font-box">
                    <span>D</span>
                    <span>A</span>
                    <span>T</span>
                    <span>A</span>
                    <span>-</span>
                    <span>U</span>
                </div>
                <div class="el-3d-logo"></div>
                <div class="el-lr-arrow"></div>
                <div class="el-tm-arrow"></div>
                <div class="el-login-container">
                    <div class="login-form" @keyup.enter="doLogin">
                        <h3>账号登录</h3>
                        <el-form :model="ruleForm" :rules="rules" ref="ruleForm"  status-icon>
                        <!--<el-form-item prop="entNo" :error="passwordErr">-->
                            <!--<el-input placeholder="企业号" maxlength="15" v-model="ruleForm.entNo" @focus="clearErr"></el-input>-->
                        <!--</el-form-item>-->
                        <el-form-item prop="username" :error="passwordErr">
                            <el-input placeholder="用户名"  maxlength="15" v-model="ruleForm.username" @focus="clearErr"></el-input>
                        </el-form-item>
                        <el-form-item prop="password" :error="passwordErr">
                            <el-input v-model="ruleForm.password" type="password" maxlength="30" placeholder="密码" @focus="clearErr"></el-input>
                        </el-form-item>

                        <el-form-item  prop="authCode" :error="authCodeErr">
                          <el-col :span="14">
                            <el-input v-model="ruleForm.authCode" type="text" maxlength="4" placeholder="验证码" @focus="clearErr"></el-input>
                          </el-col>
                          <el-col :span="2">&nbsp;</el-col>
                          <el-col :span="8">
                            <img :src="authCodeImg" @click="getAuthCode"/>
                          </el-col>
                        </el-form-item>

                        <el-form-item>
                            <el-button type="primary" @click="doLogin">登录</el-button>
                        </el-form-item>
                        </el-form>
                    </div>
                </div>
            </div>

        </div>


    </div>
</el-main>
