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
59
60
61
62
63
64
65
| <template>
| <div>
| <el-dialog
| title="登录"
| :visible.sync="open"
| width="400px"
| :close-on-click-modal="false"
| :close-on-press-escape="false"
| :show-close="false"
| :center="true"
| :destroy-on-close="true"
| >
| <el-form ref="loginForm" :rules="loginFormRule" :model="loginForm" size="medium" :inline-message="true" style="width: 100%">
| <el-form-item prop="username">
| <el-input
| placeholder="账号"
| v-model="loginForm.username">
| <i slot="prefix" class="el-input__icon el-icon-user"></i>
| </el-input>
| </el-form-item>
| <el-form-item prop="pwd">
| <el-input
| placeholder="密码"
| show-password
| v-model="loginForm.pwd">
| <i slot="prefix" class="el-input__icon el-icon-lock"></i>
| </el-input>
| </el-form-item>
| </el-form>
| <span slot="footer" class="dialog-footer">
| <el-button type="primary" @click="open = false" style="width: 100%;" size="medium">登录</el-button>
| </span>
| </el-dialog>
| </div>
| </template>
|
| <script>
| export default {
| name: "LoginView",
| data() {
| return {
| open: false,
| loginForm: {
| username: '',
| pwd: ''
| },
| loginFormRule: {
| username: [
| { required: true, message: '请输入登录账号', trigger: 'blur' },
| ],
| pwd: [
| { required: true, message: '请输入登录密码', trigger: 'blur' },
| ]
| }
| }
| },
| methods: {
|
| }
| }
| </script>
|
| <style scoped>
|
| </style>
|
|
