mt-ck/mt-yj-wms-ui
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

提交

Browse Source
This commit is contained in:
朱文强
2021-10-29 14:28:32 +08:00
parent 9e8e58419b
commit 452375874b
6 changed files with 35 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
src/views/common/login.vue
View File

@@ -1,45 +1,13 @@
<!--
* @Author: zwq
* @Date: 2021-10-13 10:27:23
* @LastEditors: zwq
* @LastEditTime: 2021-10-29 11:47:33
* @Description:
-->
<template>
<div class="site-wrapper site-page--login">
<div class="site-content__wrapper">
<div class="site-content">
<div class="brand-info">
<h2 class="brand-info__text">智能立体仓库</h2>
<p class="brand-info__intro"></p>
</div>
<div class="login-main">
<h3 class="login-title">管理员登录</h3>
<el-form
:model="dataForm"
:rules="dataRule"
ref="dataForm"
@keyup.enter.native="dataFormSubmit()"
status-icon
>
<el-form-item prop="userName">
<el-input
v-model="dataForm.userName"
placeholder="帐号"
></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="dataForm.password"
type="password"
placeholder="密码"
></el-input>
</el-form-item>
<el-form-item>
<el-button
class="login-btn-submit"
type="primary"
@click="dataFormSubmit()"
>登录</el-button
>
</el-form-item>
</el-form>
</div>
</div>
</div>
<div class="loginbg">
云洁科技
</div>
</template>
@@ -86,8 +54,8 @@ export default {
}).then(({ data }) => {
if (data && data.code === 0) {
this.$cookie.set('token', data.token)
this.loading.close()
this.$router.replace({ name: 'home' })
this.loading.close()
} else {
this.$message.error(data.msg)
}
@@ -98,75 +66,13 @@ export default {
</script>
<style lang="scss">
.site-wrapper.site-page--login {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
&:before {
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 80%;
height: 100%;
content: "";
}
.site-content__wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
background-color: transparent;
}
.site-content {
min-height: 100%;
padding: 30px 500px 30px 30px;
}
.brand-info {
margin: 220px 100px 0 90px;
}
.brand-info__text {
margin: 0 0 22px 30%;
font-size: 48px;
font-weight: 400;
text-transform: uppercase;
}
.brand-info__intro {
margin: 10px 0;
font-size: 16px;
line-height: 1.58;
opacity: 0.6;
}
.login-main {
position: absolute;
top: 0;
right: 0;
padding: 150px 60px 180px;
width: 470px;
min-height: 100%;
background-color: #fff;
}
.login-title {
font-size: 16px;
}
.login-captcha {
overflow: hidden;
> img {
width: 100%;
cursor: pointer;
}
}
.login-btn-submit {
width: 100%;
margin-top: 38px;
}
.loginbg{
height: 100vh;
width: 100vw;
background-color: rgba(194, 233, 176, 0.993);
text-align: center;
line-height: 100vh;
font-size: 100px;
color: rgb(88, 88, 252);
}
</style>

10
src/views/main-navbar.vue
View File

@@ -1,10 +1,12 @@
<template>
<nav class="site-navbar" :class="'site-navbar--' + navbarLayoutType">
<div class="site-navbar__header">
<h1 class="site-navbar__brand" @click="$router.push({ name: 'home' })">
<a class="site-navbar__brand-lg" href="javascript:;">智能立体仓库</a>
<a class="site-navbar__brand-mini" href="javascript:;">仓库</a>
</h1>
<div class="site-navbar__brand" @click="$router.push({ name: 'home' })">
<div class="site-navbar__brand-lg" href="javascript:;">
<div style="line-height:18px;font-size:18px"><img src="../assets/img/logo.png" width="40" height="40" style="margin-left:20px;float:left"/>云洁科技 <br><span style="font-size:10px">YUN JIE TECHNOLOGY</span></div>
</div>
<a class="site-navbar__brand-mini" href="javascript:;"><img src="../assets/img/logo.png" width="40" height="40"/></a>
</div>
</div>
<div class="site-navbar__body clearfix">
<el-menu