QM303176530
5 years ago
17 changed files with 47 additions and 174 deletions
-
4QMPlusServer/controller/api/sys_menu.go
-
12QMPlusServer/controller/api/sys_user.go
-
10QMPlusServer/db/qmplus.sql
-
10QMPlusServer/docs/docs.go
-
10QMPlusServer/docs/swagger.json
-
10QMPlusServer/docs/swagger.yaml
-
4QMPlusServer/init/registTerable/regist_table.go
-
4QMPlusServer/main.go
-
2QMPlusServer/model/sysModel/sys_user.go
-
6QMPlusServer/router/sys_base.go
-
2QMPlusServer/tpl/readme.txt.tpl
-
4QMPlusVuePage/src/api/user.js
-
2QMPlusVuePage/src/permission.js
-
6QMPlusVuePage/src/router/index.js
-
4QMPlusVuePage/src/view/login/login.vue
-
127QMPlusVuePage/src/view/login/regist.vue
-
4QMPlusVuePage/src/view/superAdmin/user/user.vue
@ -1,127 +0,0 @@ |
|||
<template> |
|||
<el-container class="login-regist-box"> |
|||
<vue-particle-line></vue-particle-line> |
|||
<el-main class="login-box"> |
|||
<h1 class="title-1"> |
|||
<img class="logo" :src="require('@/assets/logo.png')"> |
|||
</h1> |
|||
<el-form :model="registForm" :rules="rules" ref="registForm"> |
|||
<el-form-item prop="username"> |
|||
<el-input placeholder="请输入用户名" v-model="registForm.username"></el-input> |
|||
</el-form-item> |
|||
<el-form-item prop="password"> |
|||
<el-input |
|||
:type="lock==='lock'?'password':'text'" |
|||
placeholder="请输入密码" |
|||
v-model="registForm.password" |
|||
> |
|||
<i :class="'el-input__icon el-icon-' + lock" @click="changeLock" slot="suffix"></i> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item prop="rePassword"> |
|||
<el-input |
|||
:type="lock==='lock'?'password':'text'" |
|||
placeholder="请再次输入密码" |
|||
v-model="registForm.rePassword" |
|||
> |
|||
<i :class="'el-input__icon el-icon-' + lock" @click="changeLock" slot="suffix"></i> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button @click="submitForm" style="width:100%">注 册</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-main> |
|||
</el-container> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapActions } from 'vuex' |
|||
import { regist } from '@/api/user' |
|||
export default { |
|||
name: 'Regist', |
|||
data() { |
|||
const ratioPassword = (rule, value, callback) => { |
|||
if (value != this.registForm.password) { |
|||
return callback(new Error('两次密码不同')) |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
const checkUsername = (rule, value, callback) => { |
|||
if (value.length < 5 || value.length > 12) { |
|||
return callback(new Error('请输入正确的用户名')) |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
const checkPassword = (rule, value, callback) => { |
|||
if (value.length < 6 || value.length > 12) { |
|||
return callback(new Error('请输入正确的密码')) |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
|
|||
return { |
|||
lock: 'lock', |
|||
registForm: { |
|||
username: '', |
|||
password: '', |
|||
rePassword: '' |
|||
}, |
|||
rules: { |
|||
username: [{ validator: checkUsername, trigger: 'blur' }], |
|||
password: [{ validator: checkPassword, trigger: 'blur' }], |
|||
rePassword: [{ validator: ratioPassword, trigger: 'blur' }] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
...mapActions('user', ['LoginIn']), |
|||
async submitForm() { |
|||
this.$refs.registForm.validate(async v => { |
|||
if (v) { |
|||
const res = await regist(this.registForm) |
|||
if (res.success) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '注册成功', |
|||
showClose: true |
|||
}) |
|||
await this.LoginIn(this.registForm) |
|||
} |
|||
} else { |
|||
this.$message({ |
|||
type: 'error', |
|||
message: '请正确填写注册信息', |
|||
showClose: true |
|||
}) |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
changeLock() { |
|||
this.lock === 'lock' ? (this.lock = 'unlock') : (this.lock = 'lock') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.login-regist-box { |
|||
background: #fff; |
|||
height: 100vh; |
|||
.login-box { |
|||
width: 40vw; |
|||
position: absolute; |
|||
left: 50%; |
|||
margin-left: -22vw; |
|||
top:5vh; |
|||
.logo{ |
|||
height: 35vh; |
|||
width: 35vh; |
|||
} |
|||
} |
|||
} |
|||
</style> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue