qimall/backend/modules/admin/views/auth/login_form.php

<?php
use yii\helpers\Url;
?>
<el-form :model="ruleForm" :rules="rules2" ref="ruleForm" @keyup.enter.native="login('ruleForm')" status-icon>
    <el-form-item prop="username">
        <el-input v-model="ruleForm.username" placeholder="用户名">
            <i slot="prefix" class="el-icon-user input-icon"></i>
        </el-input>
    </el-form-item>
    <el-form-item prop="password">
        <el-input v-model="ruleForm.password" type="password" placeholder="密码">
            <i slot="prefix" class="el-icon-lock  input-icon"></i>
        </el-input>
    </el-form-item>
    <el-form-item prop="mobile" v-if="open_mobile_login==1">
        <el-input v-model="ruleForm.mobile" placeholder="请输入手机号">
            <i slot="prefix" class="el-icon-mobile input-icon"></i>
        </el-input>
    </el-form-item>
    <el-form-item prop="mobile_captcha" v-if="open_mobile_login==1">
        <div style="display:flex">
            <el-input v-model="ruleForm.mobile_captcha" placeholder="请输入验证码">
                <i slot="prefix" class="el-icon-mobile input-icon"></i>
            </el-input>
            <div class="mobile-code">
            <el-button type="primary" size="small" :disabled="disabled" style="border:none;">
                <span @click="getMobileCode" style="display: inline-block; width: 70px;">{{ codeString }}</span>
            </el-button>
            </div>
        </div>
    </el-form-item>

    <el-form-item prop="captcha" v-if="open_mobile_login==0">
        <el-row :gutter="20">
            <el-col :span="14">
                <el-input v-model="ruleForm.captcha" placeholder="验证码"></el-input>
            </el-col>
            <el-col :span="10" class="login-captcha">
                <img ref="captcha" src="<?= Url::toRoute('captcha', true) ?>" class="pic-captcha" onclick='this.src=this.src+"&c="+Math.random();'>
            </el-col>
        </el-row>
    </el-form-item>
    <el-form-item v-if="open_mobile_login==0">
        <el-checkbox v-model="ruleForm.is_remember">Hi，记住我，以后自动登陆</el-checkbox>
    </el-form-item>
    <el-form-item>
        <el-row :gutter="20">
            <el-col :span="14">
                <el-button class="login-btn-submit" @click="login('ruleForm')">登录</el-button>
            </el-col>
            <el-col :span="10" class="login-captcha" v-if="open_register==1">
                <el-button class="login-btn-submit" @click="register('ruleForm')">注册</el-button>
            </el-col>
        </el-row>

    </el-form-item>
</el-form>