<div class="page bk">
  <h1 class="text">{{$store.getters.browserName}}集体资产监管一张图</h1>
  <div class="login">
    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" label-position="right"
      label-width="100px">
      <el-form-item prop="username" label="用户名">
        <el-input v-model="loginForm.username" class="loginInput" type="text" auto-complete="off" placeholder="账号">
        </el-input>
      </el-form-item>
      <el-form-item prop="password" label="密码">
        <el-input v-model="loginForm.password" type="password" class="loginInput" auto-complete="off" placeholder="密码"
          @keyup.enter.native="handleLogin" show-password>
        </el-input>
      </el-form-item>
      <el-row :gutter="20" :span="24">
        <el-col :span="16">
          <el-form-item prop="code" label="验证码">
            <el-input v-model="loginForm.code" auto-complete="off" class="loginInput" placeholder="验证码"
             @keyup.enter.native="handleLogin">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <div class="img">
            <img :src="codeUrl" @click="getCode" class="login_code_img" />
          </div>

        </el-col>
      </el-row>
      <el-row>
      <div class="auxiliary">
        <el-checkbox class="keepMind" v-model="loginForm.rememberMe">记住密码 </el-checkbox>
        <div class="sms-login">
<!--          <el-button size="mini" type="text" @click.native.prevent="loginMethod">-->
<!--            <span>忘记密码</span>-->
<!--          </el-button>-->
        </div>
      </div>
      </el-row>
      <el-form-item style="width: 100%">
        <el-button :loading="loading" size="medium" type="primary" class="submitForm"
          @click.native.prevent="handleLogin">
          <span v-if="!loading">立即登录</span>
          <span v-else>登 录 中...</span>
        </el-button>
      </el-form-item>
    </el-form>
  </div>
  <p class="tip">技术支持：中农融信 (北京)科技股份有限公司</p>
</div>
