Merge branch 'gva_gormv2_dev' of https://github.com/flipped-aurora/gin-vue-admin into gva_workflow
Conflicts: server/gva/init_data/init_data.go
This commit is contained in:
pixel
+1
-1
@@ -30,7 +30,7 @@ export const captcha = (data) => {
|
||||
// @Router /base/resige [post]
|
||||
export const register = (data) => {
|
||||
return service({
|
||||
url: "/base/register",
|
||||
url: "/user/register",
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
|
||||
+1
-1
@@ -54,7 +54,7 @@ auth(Vue)
|
||||
import uploader from 'vue-simple-uploader'
|
||||
Vue.use(uploader)
|
||||
|
||||
new Vue({
|
||||
export default new Vue({
|
||||
render: h => h(App),
|
||||
router,
|
||||
store
|
||||
|
||||
@@ -3,7 +3,7 @@ import { store } from '@/store/index'
|
||||
|
||||
let asyncRouterFlag = 0
|
||||
|
||||
const whiteList = ['login', 'register']
|
||||
const whiteList = ['login']
|
||||
|
||||
router.beforeEach(async(to, from, next) => {
|
||||
const token = store.getters['user/token']
|
||||
|
||||
@@ -12,12 +12,6 @@ const baseRouters = [{
|
||||
name: 'login',
|
||||
component: () =>
|
||||
import ('@/view/login/login.vue')
|
||||
},
|
||||
{
|
||||
path: '/register',
|
||||
name: 'register',
|
||||
component: () =>
|
||||
import ('@/view/login/register.vue')
|
||||
}
|
||||
]
|
||||
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
import axios from 'axios'; // 引入axios
|
||||
import { Message, Loading } from 'element-ui';
|
||||
import { Message } from 'element-ui';
|
||||
import { store } from '@/store/index'
|
||||
import context from '@/main.js'
|
||||
const service = axios.create({
|
||||
baseURL: process.env.VUE_APP_BASE_API,
|
||||
timeout: 99999
|
||||
})
|
||||
let acitveAxios = 0
|
||||
let loadingInstance
|
||||
let timer
|
||||
const showLoading = () => {
|
||||
acitveAxios++
|
||||
@@ -15,7 +15,7 @@ const showLoading = () => {
|
||||
}
|
||||
timer = setTimeout(() => {
|
||||
if (acitveAxios > 0) {
|
||||
loadingInstance = Loading.service({ fullscreen: true })
|
||||
context.$bus.emit("showLoading")
|
||||
}
|
||||
}, 400);
|
||||
}
|
||||
@@ -24,13 +24,12 @@ const closeLoading = () => {
|
||||
acitveAxios--
|
||||
if (acitveAxios <= 0) {
|
||||
clearTimeout(timer)
|
||||
loadingInstance && loadingInstance.close()
|
||||
context.$bus.emit("closeLoading")
|
||||
}
|
||||
}
|
||||
//http request 拦截器
|
||||
service.interceptors.request.use(
|
||||
config => {
|
||||
console.log(config)
|
||||
if (!config.donNotShowLoading) {
|
||||
showLoading()
|
||||
}
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<h1>富文本编辑器</h1>
|
||||
<div class="edit_container">
|
||||
<quill-editor
|
||||
:options="editorOption"
|
||||
@@ -11,6 +12,7 @@
|
||||
></quill-editor>
|
||||
<el-button plain @click="saveHtml">保存</el-button>
|
||||
</div>
|
||||
<h1>markdown编辑器</h1>
|
||||
<div class="edit">
|
||||
<mavon-editor v-model="model.content"></mavon-editor>
|
||||
<el-button type="primary" size="small" @click="submit">发表</el-button>
|
||||
@@ -42,7 +44,9 @@ export default {
|
||||
onEditorBlur() {}, // 失去焦点事件
|
||||
onEditorFocus() {}, // 获得焦点事件
|
||||
onEditorChange() {}, // 内容改变事件
|
||||
saveHtml() {}, // 保存方法
|
||||
saveHtml() {
|
||||
console.log(this.content)
|
||||
}, // 保存方法
|
||||
submit(){}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -58,11 +58,11 @@
|
||||
</transition>
|
||||
<transition mode="out-in" name="el-fade-in-linear">
|
||||
<keep-alive>
|
||||
<router-view class="admin-box" v-if="$route.meta.keepAlive"></router-view>
|
||||
<router-view v-loading="loadingFlag" element-loading-text="正在加载中" class="admin-box" v-if="$route.meta.keepAlive"></router-view>
|
||||
</keep-alive>
|
||||
</transition>
|
||||
<transition mode="out-in" name="el-fade-in-linear">
|
||||
<router-view class="admin-box" v-if="!$route.meta.keepAlive"></router-view>
|
||||
<router-view v-loading="loadingFlag" element-loading-text="正在加载中" class="admin-box" v-if="!$route.meta.keepAlive"></router-view>
|
||||
</transition>
|
||||
<BottomInfo />
|
||||
</el-main>
|
||||
@@ -106,6 +106,7 @@ export default {
|
||||
isMobile: false,
|
||||
isShadowBg: false,
|
||||
showPassword: false,
|
||||
loadingFlag:false,
|
||||
pwdModify: {},
|
||||
rules: {
|
||||
password: [
|
||||
@@ -209,6 +210,12 @@ export default {
|
||||
}
|
||||
this.$bus.emit('collapse', this.isCollapse)
|
||||
this.$bus.emit('mobile', this.isMobile)
|
||||
this.$bus.on("showLoading",()=>{
|
||||
this.loadingFlag = true
|
||||
})
|
||||
this.$bus.on("closeLoading",()=>{
|
||||
this.loadingFlag = false
|
||||
})
|
||||
window.onresize = () => {
|
||||
return (() => {
|
||||
let screenWidth = document.body.clientWidth
|
||||
|
||||
@@ -1,287 +0,0 @@
|
||||
<template>
|
||||
<div id="userLayout" class="user-layout-wrapper">
|
||||
<div class="container">
|
||||
<div class="top">
|
||||
<div class="desc">
|
||||
<img class="logo_login" src="@/assets/logo_login.png" alt="" />
|
||||
</div>
|
||||
<div class="header">
|
||||
<a href="/">
|
||||
<!-- <img src="~@/assets/logo.png" class="logo" alt="logo" /> -->
|
||||
<span class="title">Gin-Vue-Admin</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<el-form
|
||||
:model="registerForm"
|
||||
:rules="rules"
|
||||
ref="registerForm"
|
||||
@keyup.enter.native="submitForm"
|
||||
>
|
||||
<el-form-item prop="username">
|
||||
<el-input
|
||||
placeholder="请输入用户名"
|
||||
v-model="registerForm.username"
|
||||
>
|
||||
<i
|
||||
class="el-input__icon el-icon-user"
|
||||
slot="suffix"
|
||||
></i></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="password">
|
||||
<el-input
|
||||
:type="lock === 'lock' ? 'password' : 'text'"
|
||||
placeholder="请输入密码"
|
||||
v-model="registerForm.password"
|
||||
>
|
||||
<i
|
||||
:class="'el-input__icon el-icon-' + lock"
|
||||
@click="changeLock"
|
||||
slot="suffix"
|
||||
></i>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="rePassword" style="position:relative">
|
||||
<el-input
|
||||
:type="lock==='lock'?'password':'text'"
|
||||
placeholder="请再次输入密码"
|
||||
v-model="registerForm.rePassword"
|
||||
>
|
||||
<i :class="'el-input__icon el-icon-' + lock" @click="changeLock" slot="suffix"></i>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submitForm" style="width:100%"
|
||||
>注 册</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="links">
|
||||
<a href="http://doc.henrongyi.top/"
|
||||
><img src="@/assets/docs.png" class="link-icon"
|
||||
/></a>
|
||||
<a href="https://www.yuque.com/flipped-aurora/"
|
||||
><img src="@/assets/yuque.png" class="link-icon"
|
||||
/></a>
|
||||
<a href="https://github.com/flipped-aurora/gin-vue-admin"
|
||||
><img src="@/assets/github.png" class="link-icon"
|
||||
/></a>
|
||||
<a href="https://space.bilibili.com/322210472"
|
||||
><img src="@/assets/video.png" class="link-icon"
|
||||
/></a>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
Copyright © 2020 💖flipped-aurora
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapActions } from 'vuex'
|
||||
import { register } from '@/api/user'
|
||||
export default {
|
||||
name: 'Register',
|
||||
data() {
|
||||
const ratioPassword = (rule, value, callback) => {
|
||||
if (value != this.registerForm.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',
|
||||
registerForm: {
|
||||
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.registerForm.validate(async v => {
|
||||
if (v) {
|
||||
const res = await register(this.registerForm)
|
||||
if (res.code == 0) {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '注册成功',
|
||||
showClose: true
|
||||
})
|
||||
this.$router.push({name:"login"})
|
||||
}
|
||||
} 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-register-box {
|
||||
height: 100vh;
|
||||
.login-box {
|
||||
width: 40vw;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -22vw;
|
||||
top: 5vh;
|
||||
.logo {
|
||||
height: 35vh;
|
||||
width: 35vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.link-icon {
|
||||
width: 20px;
|
||||
min-width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.vPic {
|
||||
width: 33%;
|
||||
height: 38px;
|
||||
float: right !important;
|
||||
img {
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.logo_login {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
#userLayout.user-layout-wrapper {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
&.mobile {
|
||||
.container {
|
||||
.main {
|
||||
max-width: 368px;
|
||||
width: 98%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
background: #f0f2f5 url(~@/assets/background.svg) no-repeat 50%;
|
||||
background-size: 100%;
|
||||
padding: 110px 0 144px;
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.top {
|
||||
text-align: center;
|
||||
margin-top: -40px;
|
||||
.header {
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
margin-bottom: 30px;
|
||||
.badge {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
margin-left: -12px;
|
||||
margin-top: -10px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 44px;
|
||||
vertical-align: top;
|
||||
margin-right: 16px;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 33px;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
font-family: Avenir, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
}
|
||||
.desc {
|
||||
font-size: 14px;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
margin-top: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.main {
|
||||
min-width: 260px;
|
||||
width: 368px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 40px 0 0 0;
|
||||
text-align: center;
|
||||
.links {
|
||||
margin-bottom: 8px;
|
||||
font-size: 14px;
|
||||
a {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
transition: all 0.3s;
|
||||
&:not(:last-child) {
|
||||
margin-right: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.copyright {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -138,6 +138,7 @@ export default {
|
||||
name: "State",
|
||||
data() {
|
||||
return {
|
||||
timer:null,
|
||||
state: {},
|
||||
colors: [
|
||||
{ color: "#5cb87a", percentage: 20 },
|
||||
@@ -148,10 +149,14 @@ export default {
|
||||
},
|
||||
created() {
|
||||
this.reload();
|
||||
setInterval(() => {
|
||||
this.timer = setInterval(() => {
|
||||
this.reload();
|
||||
}, 1000*10);
|
||||
},
|
||||
beforeDestroy(){
|
||||
clearInterval(this.timer)
|
||||
this.timer = null
|
||||
},
|
||||
methods: {
|
||||
async reload() {
|
||||
const { data } = await getSystemState();
|
||||
|
||||
Reference in New Issue
Block a user