You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

110 line
2.4 KiB

  1. <template>
  2. <div class='login-page'>
  3. <div class="login-title">登陆</div>
  4. <img class="login-logo" :src="loginImgUrl">
  5. <div class="">
  6. <van-form @submit="onSubmit">
  7. <van-field
  8. v-model="username"
  9. name="userName"
  10. label="用户名"
  11. placeholder="用户名"
  12. :rules="[{ required: true, message: '请填写用户名' }]"
  13. />
  14. <van-field
  15. v-model="password"
  16. type="password"
  17. name="password"
  18. label="密码"
  19. placeholder="密码"
  20. :rules="[{ required: true, message: '请填写密码' }]"
  21. />
  22. <div style="margin: 16px;">
  23. <van-button round block type="info" native-type="submit">
  24. 登陆管理门店
  25. </van-button>
  26. </div>
  27. </van-form>
  28. </div>
  29. </div>
  30. </template>
  31. <script type="text/babel">
  32. // 组件
  33. export default {
  34. name: 'page-index',
  35. components: {
  36. },
  37. data() {
  38. return {
  39. loginImgUrl: require('../../assets/images/logo.png'),
  40. username: '18872592633',
  41. password: '123456GD',
  42. };
  43. },
  44. created() {
  45. },
  46. methods: {
  47. onSubmit(val) {
  48. console.log(val);
  49. console.log(333)
  50. this.$http.login({
  51. method: 'post',
  52. data: {
  53. phone: val.userName,
  54. password: val.password,
  55. appId: "wxa2c60cdeef4ec602",
  56. // latitude: 34.51685,
  57. // longitude: 110.89456,
  58. }
  59. }).then(res => {
  60. console.log(res)
  61. if (res.code === 200) {
  62. this.$router.push({
  63. path: '/home'
  64. })
  65. }
  66. })
  67. },
  68. }
  69. };
  70. </script>
  71. <style lang="less" rel="stylesheet/less" >
  72. @font-face {
  73. font-family: 'iconfont'; /* project id 1353693 */
  74. src: url('//at.alicdn.com/t/font_1353693_617eu8di04k.eot');
  75. src: url('//at.alicdn.com/t/font_1353693_617eu8di04k.eot?#iefix') format('embedded-opentype'),
  76. url('//at.alicdn.com/t/font_1353693_617eu8di04k.woff2') format('woff2'),
  77. url('//at.alicdn.com/t/font_1353693_617eu8di04k.woff') format('woff'),
  78. url('//at.alicdn.com/t/font_1353693_617eu8di04k.ttf') format('truetype'),
  79. url('//at.alicdn.com/t/font_1353693_617eu8di04k.svg#iconfont') format('svg');
  80. }
  81. .login-page {
  82. width: 100%;
  83. background: #fff;
  84. .login-title {
  85. height: 1.4rem;
  86. line-height: 1.4rem;
  87. background: @colorBlue;
  88. color: #fff;
  89. font-size: @fontSize16;
  90. }
  91. .login-logo {
  92. width: 5.2rem;
  93. height: 5.2rem;
  94. display: block;
  95. margin: 1.5rem auto;
  96. }
  97. }
  98. </style>