Login.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <div class="login" :style="winSize">
  3. <el-row>
  4. <el-col :span='24'>
  5. <div class="content">
  6. <el-form label-position="left" label-width="0px" class="demo-ruleForm card-box loginform"
  7. v-loading="login_actions.disabled"
  8. :element-loading-text="'正在登录...'"
  9. :style="formOffset"
  10. :model='data'
  11. :rules="rule_data"
  12. ref='data'>
  13. <h3 class="title">系统登录</h3>
  14. <el-form-item
  15. prop='username'>
  16. <el-input type="text" auto-complete="off" placeholder="账号"
  17. v-model='data.username'></el-input>
  18. </el-form-item>
  19. <el-form-item
  20. prop='password'>
  21. <el-input type="password" auto-complete="off" placeholder="密码"
  22. v-model='data.password'
  23. @keyup.native.enter="onLogin('data',true)"></el-input>
  24. </el-form-item>
  25. <el-checkbox style="margin:0px 0px 35px 0px;"
  26. :checked='remumber.remumber_flag'
  27. v-model='remumber.remumber_flag'>记住密码
  28. </el-checkbox>
  29. <el-form-item style="width:100%;">
  30. <el-button type="primary"
  31. @click='onLogin("data")'>登录
  32. </el-button>
  33. <el-button @click='resetForm("data")'>重置</el-button>
  34. </el-form-item>
  35. </el-form>
  36. </div>
  37. </el-col>
  38. </el-row>
  39. </div>
  40. </template>
  41. <script>
  42. import LoginJs from './Login.js';
  43. module.exports = LoginJs;
  44. </script>
  45. <style scoped lang='less'>
  46. @import url(Login.less);
  47. </style>