1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| <template>
| <div class="login-container" ref="login" @keyup.enter.native="handleLogin">
| <div class="login-weaper">
| <div class="login-left">
| <div class="login-time">
| {{ time }}
| </div>
| <img class="img" src="/images/logo.png" alt="" />
| <p class="title">保安员考试大屏</p>
| </div>
| <div class="login-border">
| <div class="login-main">
| <h4 class="login-title">
| 系统登录
| </h4>
| <h4 class="login-title-child">Security Guard Exam System</h4>
| <userLogin></userLogin>
| </div>
| </div>
| </div>
| </div>
| </template>
| <script>
| import userLogin from "./userlogin";
| import { dateFormat } from "@/utils/date";
|
| export default {
| name: "login",
| components: {
| userLogin,
| },
| data() {
| return {
| time: "",
| };
| },
| created() {
| document.title = "保安员考试大屏"
| this.$store.commit("SET_WEBTITLE", '保安员考试大屏')
| this.getTime();
| },
| mounted() {},
| props: [],
| methods: {
| getTime() {
| setInterval(() => {
| this.time = dateFormat(new Date());
| }, 1000);
| },
| handleLogin() {
| },
| },
| };
| </script>
|
| <style lang="scss">
| @import "@/styles/login.scss";
| </style>
|
|
