Commit 7dbbdc1e authored by 姬鋆屾's avatar 姬鋆屾

tui

parent a013e742
......@@ -11,4 +11,5 @@ VUE_APP_WEBSOCKET_API =127.0.0.1:18222/m
VUE_APP_PORTAL_URL = /portal_home
VUE_APP_PORTAL_PORT = 17300
VUE_APP_API_appName = '智慧政务绩效管理系统'
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>智慧政务绩效管理系统</title>
<link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.5/lib/theme-chalk/index.css">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<title><%= VUE_APP_API_appName %></title>
<link
rel="stylesheet"
href="https://unpkg.com/element-ui@2.15.5/lib/theme-chalk/index.css"
/>
</head>
<body>
<noscript>
<strong>We're sorry but app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
<strong
>We're sorry but app doesn't work properly without JavaScript enabled.
Please enable it to continue.</strong
>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
......
......@@ -10,13 +10,13 @@
</i>
<router-link to="/">
<img
src="../assets/images/logo.png"
:src="sysLogo ? sysLogo : require('../assets/images/logo.png')"
style="margin-bottom: 5px; margin-left: 24px"
height="40"
alt=""
/>
<b style="color: white; font-size: 20px">
&nbsp;&nbsp;&nbsp;智慧政务绩效管理系统
&nbsp;&nbsp;&nbsp;{{ title ? title : "智慧政务绩效管理系统" }}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</b>
</router-link>
......@@ -172,6 +172,8 @@ export default {
data() {
return {
showMobileMenu: false,
title: localStorage.getItem("sysName"),
sysLogo: localStorage.getItem("sysLogo"),
};
},
created() {},
......
......@@ -5,50 +5,56 @@
</template>
<script>
import jwt_decode from "jwt-decode";
export default {
name: 'sso',
created () {
},
name: "sso",
created() {},
mounted() {
let token = this.$route.query.token
console.log("token:"+token)
console.log("解析后的token:",jwt_decode(token))
let token = this.$route.query.token;
console.log("token:" + token);
console.log("解析后的token:", jwt_decode(token));
//const decode = jwt_decode(data.normal_login_token).accountId; // 解析
if(token) {
//本地登录后跳转
this.form.loginName=jwt_decode(token).userInfo.account
this.form.password=jwt_decode(token).userInfo.password
/* this.form.loginName="admin"
if (token) {
//本地登录后跳转
this.form.loginName = jwt_decode(token).userInfo.account;
this.form.password = jwt_decode(token).userInfo.password;
localStorage.setItem("sysName", this.$route.query.sysName);
localStorage.setItem("sysLogo", this.$route.query.sysLogo);
process.env.VUE_APP_API_appName = localStorage.getItem("sysName")
? localStorage.getItem("sysName")
: process.env.VUE_APP_API_appName;
/* this.form.loginName="admin"
this.form.password="scsmile"*/
this.login()
this.login();
//window.sessionStorage.setItem("token", token);
// this.$router.push('/index') // 有token直接跳转首页
}else{
// this.$router.push('/index') // 有token直接跳转首页
} else {
this.$message({
message: '没有权限,正在跳转登录页面...',
center: true
});
setTimeout(function(){
window.location.href=process.env.VUE_APP_PORTAL_URL=='undefined'?'http://192.168.0.98:11072':process.env.VUE_APP_PORTAL_URL
//this.$router.push('/login')
},1000)
message: "没有权限,正在跳转登录页面...",
center: true,
});
setTimeout(function() {
window.location.href =
process.env.VUE_APP_PORTAL_URL == "undefined"
? "http://192.168.0.98:11072"
: process.env.VUE_APP_PORTAL_URL;
//this.$router.push('/login')
}, 1000);
}
},
methods: {
login() {
this.loading = true;
this.$post("/login/login", this.form)
.then(this.loginSuccess)
.catch(this.loginFail);
.then(this.loginSuccess)
.catch(this.loginFail);
},
loginSuccess({ data }) {
console.log("userData", data);
this.$store.commit("setUserData", data);
this.$router.push('/index') // 有token直接跳转首页
/* this.$router.replace({
this.$router.push("/index"); // 有token直接跳转首页
/* this.$router.replace({
path: this.redirect,
});*/
},
......@@ -60,15 +66,15 @@ export default {
data() {
return {
form: {
loginName: '',
password: '',
securityCode: '',
loginName: "",
password: "",
securityCode: "",
},
redirect: this.$route.query.redirect,
loading: true,
}
}
}
};
},
};
</script>
<style>
......
......@@ -3,20 +3,43 @@
<template>
<div class="page page-login flex flex-v">
<div class="form-wrap flex flex-1">
<el-form @submit.prevent='onSubmit' ref="form" :model="form" label-width="0px" size="small">
<h1>智慧政务绩效管理系统</h1>
<el-form
@submit.prevent="onSubmit"
ref="form"
:model="form"
label-width="0px"
size="small"
>
<h1>{{ sysName ? sysName : "智慧政务绩效管理系统" }}</h1>
<div class="des">数据驱动绩效改善,强化从指标到目标全过程管理</div>
<el-form-item label="">
<el-input v-model="form.loginName" placeholder="请输入用户名" class="input"></el-input>
<el-input
v-model="form.loginName"
placeholder="请输入用户名"
class="input"
></el-input>
</el-form-item>
<el-form-item label="">
<el-input v-model="form.password" type='password' placeholder="请输入密码" class="input"></el-input>
<el-input
v-model="form.password"
type="password"
placeholder="请输入密码"
class="input"
></el-input>
</el-form-item>
<el-form-item size="large">
<el-button type="primary" native-type='submit' :loading='loading' @click='onSubmit'>登录</el-button>
<el-button
type="primary"
native-type="submit"
:loading="loading"
@click="onSubmit"
>登录</el-button
>
</el-form-item>
<div class="tips">温馨提示:请使用谷歌或火狐等非ie内核浏览器,观看效果更佳</div>
<div class="tips">
温馨提示:请使用谷歌或火狐等非ie内核浏览器,观看效果更佳
</div>
</el-form>
</div>
......@@ -31,7 +54,13 @@ import { createSocket } from "@/assets/utils/websocket";
export default {
name: "login",
created() {},
created() {
localStorage.setItem("sysName", this.$route.query.sysName);
process.env.VUE_APP_API_appName = localStorage.getItem("sysName")
? localStorage.getItem("sysName")
: process.env.VUE_APP_API_appName;
localStorage.setItem("sysLogo", this.$route.query.sysLogo);
},
methods: {
login() {
this.loading = true;
......@@ -41,11 +70,11 @@ export default {
},
loginSuccess({ data }) {
console.log("userData", data);
console.log("redirect",this.redirect)
console.log("redirect", this.redirect);
this.$store.commit("setUserData", data);
this.$router.replace({
path: this.redirect,
})
});
//成功 创建websocket连接 process.env.VUE_WEBSOCKET_BASE_API +
console.log("process", process.env);
......@@ -81,10 +110,11 @@ export default {
form: {
loginName: "",
password: "",
}
}
}
}
},
sysName: localStorage.getItem("sysName"),
};
},
};
</script>
<style lang="less">
......@@ -94,14 +124,15 @@ export default {
border-top: 2px solid #e8eaec;
}
.page-login {
background-image: url('~@/assets/images/login_bg.jpg');
background-image: url("~@/assets/images/login_bg.jpg");
background-repeat: no-repeat;
background-size: cover;
margin: 0;
height: 100%;
overflow: hidden;
text-align: center;
.des,.tips{
.des,
.tips {
font-size: 14px;
white-space: nowrap;
margin-bottom: 20px;
......@@ -123,33 +154,37 @@ export default {
margin-top: 10px;
width: 240px;
}
.el-form-item{
.el-form-item {
margin-bottom: 28px;
}
.el-input-group__append {
padding: 0;
font-size: 0;
}
.el-input{
.el-input {
width: 80%;
}
.el-input__inner{
border-color: #409EFF;
.el-input__inner {
border-color: #409eff;
border-radius: 20px;
}
.el-input--small .el-input__inner{
.el-input--small .el-input__inner {
height: 52px;
line-height: 1em;
font-size: 15px;
}
.el-input__inner::placeholder{
color: #409EFF;
.el-input__inner::placeholder {
color: #409eff;
}
button{
button {
width: 80%;
border-radius: 20px;
height: 52px;
background: linear-gradient(90deg, rgba(24, 69, 198, 1) 0%, rgba(41, 153, 255, 1) 100%);
background: linear-gradient(
90deg,
rgba(24, 69, 198, 1) 0%,
rgba(41, 153, 255, 1) 100%
);
}
}
.footer {
......@@ -168,4 +203,3 @@ export default {
// border-color: #409EFF;
// }
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment