From bc2747387df0693aa46a55bb556985aaf881d843 Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期三, 24 八月 2022 19:18:32 +0800
Subject: [PATCH] 导入
---
src/views/login/index.vue | 234 +++++++++++++++++++++++++++-------------------------------
1 files changed, 110 insertions(+), 124 deletions(-)
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index f1194f9..3bd85be 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,46 +1,41 @@
<template>
- <div :class="logincontainer">
- <div v-title :data-title="titleName" class="main"/>
- <el-row>
- <el-col :xs="24" :sm="24" :lg="12">
- <div class="login-logo">
- <div>
- <i class="el-icon-logo" />
- </div>
- </div>
- <div class="login-font">
- <div v-if="isSafe">
- <span>
- {{ safeLoginTitle }}
- </span>
- </div>
- <div v-else>
- <span>
- 特殊作业综合监管平台
- </span>
- </div>
- </div>
- </el-col>
- <el-col :xs="24" :sm="24" :lg="12">
- <div class="left-container">
- <div v-if="action==='login'" class="login-component">
- <login-form
- @on-success-valid="handleLogin"
- />
- </div>
- </div>
- </el-col>
- </el-row>
- <el-col :xs="24" :sm="24" :lg="12">
- <div class="bottom-container">
- <span>Copyright©2017 中国科学院苏州纳米技术与纳米仿生研究所 苏ICP备10220403号-6</span>
+ <div class="login-container">
+ <div class="title-one">
+ <span>拜城县众泰煤焦化有限公司</span>
+ </div>
+ <div class="title-two">
+ <span>智能化安全管理技术平台</span>
+ </div>
+ <div class="login-main">
+ <div class="login-main-pic"></div>
+ <div class="login-main-form">
+ <login-form
+ @on-success-valid="handleLogin"
+ />
</div>
- </el-col>
+ </div>
+ <div class="bottom-container">
+ <span style="text-align: center">Copyright©2022 新疆阿克苏拜城众泰煤焦化有限公司 版权所有</span>
+ </div>
+<!-- <el-row>-->
+<!-- <el-col :xs="24" :sm="24" :lg="12">-->
+<!-- <div class="left-container">-->
+<!-- <div v-if="action==='login'" class="login-component">-->
+
+<!-- </div>-->
+<!-- </div>-->
+<!-- </el-col>-->
+<!-- </el-row>-->
+<!-- <el-col :xs="24" :sm="24" :lg="12">-->
+<!-- <div class="bottom-container">-->
+<!-- <span>Copyright©2017 中国科学院苏州纳米技术与纳米仿生研究所 苏ICP备10220403号-6</span>-->
+<!-- </div>-->
+<!-- </el-col>-->
</div>
</template>
<script>
- import { loginByUsername } from '@/api/login'
+ import { getAccount,loginByUsername,getUserInfo } from '@/api/login'
import { getToken, setToken, removeToken } from '@/utils/auth'
import Cookies from 'js-cookie'
import { initRouter } from '@/utils/router'
@@ -97,9 +92,15 @@
_this.loading = true
loginByUsername(loginForm)
.then((response) => {
+ debugger
const res = response.data
if (res.code == 200) {
+ sessionStorage.setItem('isdepartment',res.result.isdepartment)
+ sessionStorage.setItem('company',res.result.company)
+ sessionStorage.setItem('department',res.result.department)
+ sessionStorage.setItem('realname',res.result.realname)
localStorage.setItem('loginForm',JSON.stringify(loginForm))
+ // this.$store.dispatch('user/getClassifyOne',1)
_this.loading = false
const data = res.result
if (data.type != 1 && data.type != 2) {
@@ -114,14 +115,16 @@
// return
}
}
-
+ Cookies.set('token',data.token)
_this.$store.commit('SET_ROLES', data.roles)
Cookies.set('roles', JSON.stringify(data.roles))
setToken(data.token)
+ Cookies.set('loginForm',data)
Cookies.set('userName', data.username)
Cookies.set('name', data.username)
Cookies.set('userId', data.id)
Cookies.set('company', data.company)
+ Cookies.set('companyid', data.companyid)
let address = '';
if (data.city != null && data.city != 'null'){
address = data.city
@@ -136,9 +139,29 @@
Cookies.set('token_expired_at', data.tokenexpired)
_this.$store.commit('SET_NAME', data.realname)
_this.$store.commit('SET_USER_TYPE', data.type)
+ //换取账号密码
+ getUserInfo().then(res => {
+ if (res.data.code == 200) {
+ loginForm.department = res.data.result.department
+ // loginForm.department = "公司领导"
+ getAccount(loginForm).then(res => {
+ if (res.data.code == 200) {
+ //缓存账号密码
+ Cookies.set("hiddenDangerUsername",res.data.result.username)
+ Cookies.set("hiddenDangerPassword",res.data.result.password)
+ } else {
+ this.$message({type: 'error', message: res.data.msg, duration: 3000})
+ }
+ })
+
+ } else {
+ this.$message({type: 'error', message: "用户信息获取失败！请重试", duration: 3000})
+ }
+ })
+
// 加载菜单
initRouter(_this)
- _this.$router.replace('/mapManage/mapManage/map/index')
+ _this.$router.replace('/')
} else {
_this.$message({
showClose: true,
@@ -172,100 +195,63 @@
.login-container {
min-height: 100%;
width: 100%;
- background: url("../../assets/bg_pic.png") center no-repeat;
+ background: url("../../assets/bg_login.png") center no-repeat;
//background-size: auto 100%;
- background-size: cover;
- background-position: center;
- position: relative;
- background-color: #fff;
// background-color: #2d3a4b;
overflow: hidden;
- .login-logo {
- position: relative;
- color: #fff;
- text-align: center;
- padding: 0 35px 0 35px;
- margin: 0 auto;
- margin-top: 25%;
- margin-left: -100px;
- }
- .login-font {
- position: relative;
- text-align: center;
- margin-left: -10%;
- margin-top: -20%;
- }
-
- .login-font span {
- display: inline-block;
- width: 500px;
- height: 72px;
- font-size: 45px;
- font-family: PingFangSC-Semibold;
+ background-size:cover;
+ .title-one{
+ width: 360px;
+ height: 42px;
+ font-size: 30px;
+ font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
- color: white;
- line-height: 60px;
- vertical-align: middle;
- margin-top:50px;
- //padding: 20px 0; /* 撑开高度 */
- }
- .login-logo span {
- display: inline-block;
- width: 500px;
- height: 72px;
- font-size: 45px;
- font-family: PingFangSC-Semibold;
- font-weight: 600;
- color: rgba(51, 51, 51, 1);
- line-height: 60px;
- vertical-align: middle;
- margin-top: 50px;
- //padding: 20px 0; /* 撑开高度 */
- }
- //使用图片来替换
- //before属性中的content文本是用来占位的,必须有
- //可以设置字体大小来确定大小
- //使用visibility: hidden;来隐藏文字
- .el-icon-logo {
- /*background: url("../../assets/logo.png") center no-repeat;*/
- background-size: cover;
- height: 10px;
- width: 128px;
- color: #fff;
- vertical-align: middle;
- }
- .el-icon-logo:before {
- content: "替";
- font-size: 25px;
- visibility: hidden;
- }
- .left-container {
+ color: #FFFFFF;
+ line-height: 42px;
+ text-shadow: 0px 8px 10px rgba(16, 57, 193, 0.3);
margin: 0 auto;
- margin-top: 8%;
- .login-component {
- background-color: white;
- position: relative;
- width: 600px;
- max-width: 100%;
- padding: 40px 35px 0 30px;
- margin: 0 auto;
- margin-top: 25%;
- overflow: hidden;
+ margin-top: 120px;
+ }
+ .title-two{
+ width: 473px;
+ height: 61px;
+ font-size: 43px;
+ font-family: PingFangSC-Semibold, PingFang SC;
+ font-weight: 600;
+ color: #FFFFFF;
+ line-height: 61px;
+ text-shadow: 0px 8px 10px rgba(16, 57, 193, 0.3);
+ margin: 0 auto;
+ margin-top: 5px;
+ }
+ .login-main{
+ display: flex;
+ background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 100%);
+ box-shadow: 0px 20px 40px 0px rgba(34, 0, 255, 0.7);
+ width:1036px;
+ min-height: 474px;
+ margin:0 auto;
+ margin-top: 60px;
+ .login-main-pic{
+ display: inline-block;
+ height: 474px;
+ width: 572px;
+ background: url("../../assets/bg.jpg") center no-repeat;
}
- .register-component {
- position: relative;
- width: 600px;
- max-width: 100%;
- padding: 40px 35px 0 35px;
- margin: 0 auto;
- overflow: hidden;
- background-color: #fff;
+ .login-main-form{
+ display: inline-block;
+ height:100%;
+ width:464px;
}
}
.bottom-container{
- position: absolute;
- bottom: 0;
- left: 30%;
+ width:600px;
+ height: 42px;
+ font-family: PingFangSC-Semibold, PingFang SC;
+ line-height: 42px;
+ text-shadow: 0px 8px 10px rgba(16, 57, 193, 0.3);
+ margin: 0 auto;
+ margin-top: 150px;
}
}
--
Gitblit v1.9.2