|
|
@@ -1,9 +1,9 @@
|
|
1
|
1
|
<template>
|
|
2
|
2
|
<div class="register">
|
|
3
|
3
|
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
|
|
4
|
|
- <h3 class="title">若依后台管理系统</h3>
|
|
|
4
|
+ <h3 class="title">智慧调解系统注册</h3>
|
|
5
|
5
|
<el-form-item prop="userName">
|
|
6
|
|
- <el-input v-model="registerForm.userName" type="text" auto-complete="off" placeholder="账号">
|
|
|
6
|
+ <el-input v-model="registerForm.userName" type="text" auto-complete="off" @blur="changeInput" placeholder="账号">
|
|
7
|
7
|
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
|
|
8
|
8
|
</el-input>
|
|
9
|
9
|
</el-form-item>
|
|
|
@@ -77,14 +77,14 @@
|
|
77
|
77
|
</el-form-item>
|
|
78
|
78
|
</el-form>
|
|
79
|
79
|
<!-- 底部 -->
|
|
80
|
|
- <div class="el-register-footer">
|
|
|
80
|
+ <!-- <div class="el-register-footer">
|
|
81
|
81
|
<span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>
|
|
82
|
|
- </div>
|
|
|
82
|
+ </div> -->
|
|
83
|
83
|
</div>
|
|
84
|
84
|
</template>
|
|
85
|
85
|
|
|
86
|
86
|
<script>
|
|
87
|
|
-import { getCodeImg, register, sendCode, wxregister } from "@/api/login";
|
|
|
87
|
+import { getCodeImg, register, sendCode, wxregister,verifyUserName } from "@/api/login";
|
|
88
|
88
|
import { listRoleNotoken } from "@/api/system/role.js"
|
|
89
|
89
|
export default {
|
|
90
|
90
|
name: "Register",
|
|
|
@@ -109,9 +109,15 @@ export default {
|
|
109
|
109
|
uuid: "",
|
|
110
|
110
|
},
|
|
111
|
111
|
registerRules: {
|
|
112
|
|
- username: [
|
|
|
112
|
+ userName: [
|
|
113
|
113
|
{ required: true, trigger: "blur", message: "请输入您的账号" },
|
|
114
|
|
- { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' }
|
|
|
114
|
+ { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' },
|
|
|
115
|
+ {
|
|
|
116
|
+ pattern:
|
|
|
117
|
+ /^[0-9a-zA-Z]*$/g,
|
|
|
118
|
+ message: '只能输入英文或者数字',
|
|
|
119
|
+ trigger: 'blur',
|
|
|
120
|
+ },
|
|
115
|
121
|
],
|
|
116
|
122
|
password: [
|
|
117
|
123
|
{ required: true, trigger: "blur", message: "请输入您的密码" },
|
|
|
@@ -176,11 +182,14 @@ export default {
|
|
176
|
182
|
this.getListRole();
|
|
177
|
183
|
},
|
|
178
|
184
|
methods: {
|
|
|
185
|
+ changeInput(){
|
|
|
186
|
+ verifyUserName({userName:this.registerForm.userName})
|
|
|
187
|
+ },
|
|
179
|
188
|
/**获取角色 */
|
|
180
|
189
|
getListRole() {
|
|
181
|
190
|
listRoleNotoken().then(res => {
|
|
182
|
|
- console.log(res, "PPPPPPPPPPPPPPPPPPPPPPPPPPPP");
|
|
183
|
|
- this.roleList = res.data;
|
|
|
191
|
+ const roleList = res.data.filter((item) => item.roleName == '申请人' || item.roleName == '被申请人');
|
|
|
192
|
+ this.roleList = roleList;
|
|
184
|
193
|
})
|
|
185
|
194
|
},
|
|
186
|
195
|
getCode() {
|
|
|
@@ -197,8 +206,8 @@ export default {
|
|
197
|
206
|
if (valid) {
|
|
198
|
207
|
this.loading = true;
|
|
199
|
208
|
wxregister(this.registerForm).then(res => {
|
|
200
|
|
- const username = this.registerForm.username;
|
|
201
|
|
- this.$alert("<font color='red'>恭喜你，您的账号 " + username + " 注册成功！</font>", '系统提示', {
|
|
|
209
|
+ const userName = this.registerForm.userName;
|
|
|
210
|
+ this.$alert("<font color='red'>恭喜你，您的账号 " + userName + " 注册成功！</font>", '系统提示', {
|
|
202
|
211
|
dangerouslyUseHTMLString: true,
|
|
203
|
212
|
type: 'success'
|
|
204
|
213
|
}).then(() => {
|
|
|
@@ -246,7 +255,7 @@ export default {
|
|
246
|
255
|
display: flex;
|
|
247
|
256
|
justify-content: center;
|
|
248
|
257
|
align-items: center;
|
|
249
|
|
- height: 100%;
|
|
|
258
|
+ //height: 100%;
|
|
250
|
259
|
background-image: url("../assets/images/login-background.jpg");
|
|
251
|
260
|
background-size: cover;
|
|
252
|
261
|
}
|
|
|
@@ -261,7 +270,7 @@ export default {
|
|
261
|
270
|
border-radius: 6px;
|
|
262
|
271
|
background: #ffffff;
|
|
263
|
272
|
width: 400px;
|
|
264
|
|
- height: 90%;
|
|
|
273
|
+ height: 80%;
|
|
265
|
274
|
padding: 25px 25px 5px 25px;
|
|
266
|
275
|
|
|
267
|
276
|
// .el-input {
|
hanchaobo
2 лет назад