|
@@ -3,7 +3,7 @@ |
|
|
<div class="site-content__wrapper"> |
|
|
<div class="site-content__wrapper"> |
|
|
<div class="site-content"> |
|
|
<div class="site-content"> |
|
|
<div class="brand-info"> |
|
|
<div class="brand-info"> |
|
|
<h2 class="brand-info__text">奔一智能仓库</h2> |
|
|
|
|
|
|
|
|
<h2 class="brand-info__text">智能立体仓库</h2> |
|
|
<p class="brand-info__intro"></p> |
|
|
<p class="brand-info__intro"></p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="login-main"> |
|
|
<div class="login-main"> |
|
@@ -54,6 +54,7 @@ export default { |
|
|
password: 'admin', |
|
|
password: 'admin', |
|
|
uuid: '' |
|
|
uuid: '' |
|
|
}, |
|
|
}, |
|
|
|
|
|
loading: '', |
|
|
dataRule: { |
|
|
dataRule: { |
|
|
userName: [ |
|
|
userName: [ |
|
|
{ required: true, message: '帐号不能为空', trigger: 'blur' } |
|
|
{ required: true, message: '帐号不能为空', trigger: 'blur' } |
|
@@ -63,7 +64,13 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
created () { |
|
|
created () { |
|
|
// this.dataFormSubmit() |
|
|
|
|
|
|
|
|
this.dataFormSubmit() |
|
|
|
|
|
this.loading = this.$loading({ |
|
|
|
|
|
lock: true, |
|
|
|
|
|
text: 'Loading', |
|
|
|
|
|
spinner: 'el-icon-loading', |
|
|
|
|
|
background: 'rgba(0, 0, 0, 0.7)' |
|
|
|
|
|
}) |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
// 提交表单 |
|
|
// 提交表单 |
|
@@ -79,6 +86,7 @@ export default { |
|
|
}).then(({ data }) => { |
|
|
}).then(({ data }) => { |
|
|
if (data && data.code === 0) { |
|
|
if (data && data.code === 0) { |
|
|
this.$cookie.set('token', data.token) |
|
|
this.$cookie.set('token', data.token) |
|
|
|
|
|
this.loading.close() |
|
|
this.$router.replace({ name: 'home' }) |
|
|
this.$router.replace({ name: 'home' }) |
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(data.msg) |
|
|
this.$message.error(data.msg) |
|
@@ -96,7 +104,6 @@ export default { |
|
|
right: 0; |
|
|
right: 0; |
|
|
bottom: 0; |
|
|
bottom: 0; |
|
|
left: 0; |
|
|
left: 0; |
|
|
background-color: rgba(38, 50, 56, 0.3); |
|
|
|
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
&:before { |
|
|
&:before { |
|
|
position: fixed; |
|
|
position: fixed; |
|
@@ -106,8 +113,6 @@ export default { |
|
|
width: 80%; |
|
|
width: 80%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
content: ""; |
|
|
content: ""; |
|
|
background-image: url(~@/assets/img/loginbg.png); |
|
|
|
|
|
background-size: cover; |
|
|
|
|
|
} |
|
|
} |
|
|
.site-content__wrapper { |
|
|
.site-content__wrapper { |
|
|
position: absolute; |
|
|
position: absolute; |
|
@@ -127,7 +132,6 @@ export default { |
|
|
} |
|
|
} |
|
|
.brand-info { |
|
|
.brand-info { |
|
|
margin: 220px 100px 0 90px; |
|
|
margin: 220px 100px 0 90px; |
|
|
color: #fff; |
|
|
|
|
|
} |
|
|
} |
|
|
.brand-info__text { |
|
|
.brand-info__text { |
|
|
margin: 0 0 22px 30%; |
|
|
margin: 0 0 22px 30%; |
|
|