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

<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-input__icon el-icon-mobile-phone"></i>
        </el-input>
    </el-form-item>

    <el-form-item prop="mobile_captcha" class="mobile_captcha">
        <el-input v-model="ruleForm.mobile_captcha" placeholder="请输入验证码">
            <i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i>|
            <el-button slot="append" type="text">|<span @click="getMobileCode" style="display: inline-block; width: 70px; margin-left: 20px;">{{ codeString }}</span></el-button>
        </el-input>
        <!--                                                <el-button class="login-btn-submit" type="primary" @click="getMobileCode">获取验证码</el-button>-->
    </el-form-item>

    <el-form-item prop="password">
        <el-input v-model="ruleForm.password" type="password" placeholder="请输入密码">
            <i slot="prefix" class="el-input__icon el-icon-lock"></i>
        </el-input>
    </el-form-item>

    <el-form-item prop="confirm_password">
        <el-input v-model="ruleForm.confirm_password" type="password" placeholder="请再次输入密码">
            <i slot="prefix" class="el-input__icon el-icon-lock"></i>
        </el-input>
    </el-form-item>

    <el-form-item prop="name">
        <el-input v-model="ruleForm.name" type="text" placeholder="请输入商城名称（非必填）">
            <i slot="prefix" class="el-input__icon el-icon-user"></i>
        </el-input>
    </el-form-item>

    <el-form-item>
        <el-button class="login-btn-submit" style="border-radius: 20px;" type="primary" @click="register('ruleForm')">免费创建商城</el-button>
        <div style="text-align: center; color:#a4a4a4;">
            已有账号？<el-button type="text" @click="openLogin">前往登录</el-button>
        </div>
    </el-form-item>
</el-form>