login.blade.php 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>登入 - Telegram bot 后台</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
  9. <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
  10. <link rel="stylesheet" href="/layuiadmin/style/login.css" media="all">
  11. </head>
  12. <body>
  13. <div class="layadmin-user-login layadmin-user-display-show" id="app">
  14. <div class="layadmin-user-login-main">
  15. <div class="layadmin-user-login-box layadmin-user-login-header">
  16. <h2>登入 - Bot</h2>
  17. <p>——&nbsp;&nbsp;&nbsp;&nbsp;Telegram bot 后台</p>
  18. </div>
  19. <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
  20. <div class="layui-form-item">
  21. <label class="layadmin-user-login-icon layui-icon layui-icon-username"></label>
  22. <input autocomplete="off" type="text" v-model="form.username" name="username" lay-verify="required" placeholder="用户名" class="layui-input">
  23. </div>
  24. <div class="layui-form-item">
  25. <label class="layadmin-user-login-icon layui-icon layui-icon-password"></label>
  26. <input autocomplete="off" type="password" v-model="form.password" name="password" lay-verify="required" placeholder="密码" class="layui-input">
  27. </div>
  28. <div class="layui-form-item">
  29. <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="submit">登 入</button>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <script src="/layuiadmin/layui/layui.js"></script>
  35. <script src="/static/js/vue.js"></script>
  36. <script>
  37. const {createApp} = Vue;
  38. layui.config({
  39. base: '/layuiadmin/'
  40. }).extend({
  41. index: 'lib/index'
  42. }).use(['index', 'user', 'form', 'layer'], function () {
  43. const $ = layui.$, form = layui.form, layer = layui.layer;
  44. createApp({
  45. created() {
  46. form.render();
  47. form.on('submit(submit)', () => {
  48. this.login();
  49. });
  50. },
  51. data() {
  52. return {
  53. form: {
  54. username: '',
  55. password: ""
  56. }
  57. }
  58. },
  59. methods: {
  60. login() {
  61. $.ajax({
  62. url: "/admin/login",
  63. method: "POST",
  64. data: this.form,
  65. success: (res) => {
  66. if (res.code === 0) {
  67. localStorage.setItem('token', res.data.token);
  68. localStorage.setItem('userInfo', JSON.stringify(res.data.userInfo));
  69. top.location.href = "/home";
  70. } else {
  71. layer.alert(res.msg);
  72. }
  73. }
  74. });
  75. }
  76. }
  77. }).mount('#app');
  78. });
  79. </script>
  80. </body>
  81. </html>