Skip to content

bdc / bdcsjsb-web

Go to a project
Toggle navigation
Toggle navigation pinning
4643c4c4 by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 42045f44 50d4471c
Inline Side-by-side
Showing 18 changed files with 624 additions and 188 deletions
1 <!-- 1 <!--
2 * @Description: 引入配置文件 2 * @Description: 引入配置文件
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-02 10:57:01 4 * @LastEditTime: 2023-06-20 11:24:04
5 --> 5 -->
6 <!DOCTYPE html> 6 <!DOCTYPE html>
7 <html> 7 <html>
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 cloudEnable: false, 23 cloudEnable: false,
24 baseUrl: location.origin || location.protocol + '//' + location.host, 24 baseUrl: location.origin || location.protocol + '//' + location.host,
25 // 是否启用单点登录 25 // 是否启用单点登录
26 casEnable: true, 26 casEnable: false,
27 // cas 基地址 27 // cas 基地址
28 casBaseURL: 'http://192.168.2.38/cas', 28 casBaseURL: 'http://192.168.2.38/cas',
29 services: { 29 services: {
......
...@@ -17,99 +17,92 @@ ...@@ -17,99 +17,92 @@
17 </div> 17 </div>
18 </template> 18 </template>
19 <script> 19 <script>
20 import axios from 'axios' 20 import axios from "axios";
21 import Cookies from 'js-cookie' 21 import { mapGetters } from "vuex";
22 import { mapGetters } from 'vuex' 22 import Breadcrumb from "./Breadcrumb";
23 import Breadcrumb from './Breadcrumb' 23 import { setToken } from "@/utils/util";
24 export default { 24 export default {
25 components: { 25 components: {
26 Breadcrumb 26 Breadcrumb,
27 },
28 computed: {
29 ...mapGetters(["userInfo"]),
30 userName() {
31 return this.userInfo ? this.userInfo.name : "";
27 }, 32 },
28 computed: { 33 },
29 ...mapGetters(["userInfo"]), 34 methods: {
30 userName () { 35 handleDataView() {
31 return this.userInfo ? this.userInfo.name : "" 36 const { href } = this.$router.resolve("/dataView");
32 } 37 window.open(href, "_blank");
33 }, 38 },
34 methods: { 39 themeChange(val) {
35 handleDataView () { 40 this.$store.dispatch("app/updateTheme", val);
36 const { href } = this.$router.resolve('/dataView'); 41 },
37 window.open(href, '_blank'); 42 onCancel() {
38 }, 43 axios
39 themeChange (val) { 44 .post(window._config.services.management + "/management/logout")
40 this.$store.dispatch('app/updateTheme', val) 45 .then(() => {
41 }, 46 setToken(undefined);
42 onCancel () { 47 sessionStorage.removeItem("token");
43 axios.post(this.BASE_API.ip + "/management/logout").then(() => { 48 localStorage.setItem("dj-location", window.location.href);
44 if (process.env.NODE_ENV === 'development') { 49 window.location.href =
45 localStorage.removeItem('token') 50 window._config.casBaseURL +
46 } else { 51 "/logout?service=" +
47 Cookies.remove('token') 52 encodeURIComponent(window.location.href);
48 } 53 });
49 if (window._config.casEnable) { 54 },
50 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(window.location.href); 55 },
51 } else { 56 };
52 this.$router.push({
53 path: '/login',
54 replace: true,
55 query: {
56 redirect: router.currentRoute.value.fullPath
57 }
58 })
59 }
60 })
61 }
62 }
63 }
64 </script> 57 </script>
65 <style lang="scss" scoped> 58 <style lang="scss" scoped>
66 @import "~@/styles/_handle.scss"; 59 @import "~@/styles/_handle.scss";
67 60
68 .navbar-con { 61 .navbar-con {
69 position: relative; 62 position: relative;
70 63
71 .logo { 64 .logo {
72 color: #fff; 65 color: #fff;
73 font-size: 26px; 66 font-size: 26px;
74 font-weight: 700; 67 font-weight: 700;
75 display: flex; 68 display: flex;
76 margin-left: 15px; 69 margin-left: 15px;
77 70
78 img { 71 img {
79 width: 47px; 72 width: 47px;
80 height: 47px; 73 height: 47px;
81 } 74 }
82 75
83 h4 { 76 h4 {
84 margin-left: 20px; 77 margin-left: 20px;
85 height: 50px; 78 height: 50px;
86 line-height: 50px; 79 line-height: 50px;
87 }
88 } 80 }
89 } 81 }
82 }
90 83
91 .navbar { 84 .navbar {
92 height: $headerHeight; 85 height: $headerHeight;
93 overflow: hidden; 86 overflow: hidden;
94 position: relative; 87 position: relative;
95 @include background("navbg"); 88 @include background("navbg");
96 89
97 display: flex; 90 display: flex;
98 align-items: center; 91 align-items: center;
99 padding-right: 20px; 92 padding-right: 20px;
100 justify-content: space-between; 93 justify-content: space-between;
101 94
102 .header-logo { 95 .header-logo {
103 width: 300px; 96 width: 300px;
104 } 97 }
105 98
106 .right-menu-item { 99 .right-menu-item {
107 &.hover-effect { 100 &.hover-effect {
108 cursor: pointer; 101 cursor: pointer;
109 transition: background 0.3s; 102 transition: background 0.3s;
110 display: flex; 103 display: flex;
111 align-items: center; 104 align-items: center;
112 }
113 } 105 }
114 } 106 }
107 }
115 </style> 108 </style>
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-09 09:43:07 4 * @LastEditTime: 2023-06-20 11:28:11
5 */ 5 */
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import axios from 'axios' 7 import axios from 'axios'
8 import store from "./store"; 8 import store from "./store";
9 import router from "./router"; 9 import router from "./router";
10 import { getMenuInfo } from "@/api/user"; 10 import { getMenuInfo } from "@/api/user";
11 import { getUrlParam } from '@/utils/operation';
12 import NProgress from "nprogress"; // progress bar 11 import NProgress from "nprogress"; // progress bar
13 import "nprogress/nprogress.css"; // progress bar style 12 import "nprogress/nprogress.css"; // progress bar style
14 import getPageTitle from "@/utils/get-page-title"; 13 import getPageTitle from "@/utils/get-page-title";
15 import getTheme from "@/utils/theme"; 14 import getTheme from "@/utils/theme";
16 import Cookies from "js-cookie"; 15 import Cookies from "js-cookie";
16 import {getToken, getUrlParam, setToken} from "@/utils/util";
17
17 NProgress.configure({ showSpinner: false }); 18 NProgress.configure({ showSpinner: false });
19
18 router.beforeEach(async (to, from, next) => { 20 router.beforeEach(async (to, from, next) => {
19 getTheme() 21 getTheme()
20 NProgress.start(); 22 NProgress.start();
...@@ -23,36 +25,59 @@ router.beforeEach(async (to, from, next) => { ...@@ -23,36 +25,59 @@ router.beforeEach(async (to, from, next) => {
23 let hasUser = store.state.user.hasUser; 25 let hasUser = store.state.user.hasUser;
24 let hasAddRoute = store.state.permission.addRoutes; 26 let hasAddRoute = store.state.permission.addRoutes;
25 // cas操作 27 // cas操作
26 const token = localStorage.getItem("token") || Cookies.get('token'); 28 const token = getToken()
27 if (to.path === '/login') { 29 let locationUrl = window.location.origin + window.location.pathname;
28 if (token) { 30 function casValidate (ticket){
29 next('/') 31 axios.get(window._config.services.management + "/management/cas/validate", {
32 params: {
33 ticket: ticket,
34 service: locationUrl,
35 },
36 }).then(async (res) => {
37 if (res.data.status === 1) {
38 setToken(res.data.content.accessToken)
39 window.location.href = localStorage.getItem('sjsb-location') + '#' + localStorage.getItem('hash')
40 } else {
41 alert(res.data.message)
42 }
43 }).catch((e) => {
44 console.log(e);
45 });
46 }
47 async function permission () {
48 if (!hasUser) {
49 store.dispatch("user/getUserInfo");
50 if (!hasAddDict) {
51 await store.dispatch("dict/generateDic");
52 }
53 }
54 if (hasAddRoute) {
55 next();
30 } else { 56 } else {
31 next() 57 //请求菜单
58 const { result: getMenuData } = (await getMenuInfo(Vue.prototype.BASE_API.CODE)) || [];
59 const accessRoutes = await store.dispatch(
60 "permission/generateRoutes",
61 getMenuData
62 );
63 let path = JSON.parse(getMenuData[0].metadata)?.path + JSON.parse(getMenuData[0].children[0].metadata)?.path
64 router.addRoutes([
65 ...accessRoutes,
66 { path: "*", redirect: "/404", hidden: true }
67 ]);
68 const routeTo = Cookies.get("routerTo");
69 if (routeTo && routeTo !== "/") {
70 next({ ...to, replace: true });
71 } else {
72 next(path)
73 }
32 } 74 }
33 return
34 } 75 }
35 if (window._config.casEnable === true) { 76 if (window._config.casEnable === true) {
36 let locationUrl = window.location.protocol + '//' + window.location.host + window.location.pathname;
37 if (!token) { 77 if (!token) {
38 let ticket = getUrlParam('ticket'); 78 let ticket = getUrlParam("ticket");
39 if (ticket) { 79 if (ticket) {
40 axios.get(Vue.prototype.BASE_API.ip + "/management/cas/validate", { 80 casValidate(ticket)
41 params: {
42 'ticket': ticket,
43 'service': locationUrl
44 }
45 }).then(async (res) => {
46 if (process.env.NODE_ENV === 'development') {
47 localStorage.setItem('token', res.data.content.accessToken)
48 } else {
49 Cookies.set('token', res.data.content.accessToken)
50 }
51 window.location.href = localStorage.getItem('location')
52
53 }).catch(e => {
54 console.log(e)
55 })
56 } else { 81 } else {
57 localStorage.setItem("location", window.location.href) 82 localStorage.setItem("location", window.location.href)
58 window.location.href = window._config.casBaseURL + '/login?service=' + encodeURIComponent(locationUrl); 83 window.location.href = window._config.casBaseURL + '/login?service=' + encodeURIComponent(locationUrl);
...@@ -60,51 +85,43 @@ router.beforeEach(async (to, from, next) => { ...@@ -60,51 +85,43 @@ router.beforeEach(async (to, from, next) => {
60 } else { 85 } else {
61 permission() 86 permission()
62 } 87 }
63 async function permission () {
64 if (!hasUser) {
65 store.dispatch("user/getUserInfo");
66 if (!hasAddDict) {
67 await store.dispatch("dict/generateDic");
68 }
69 }
70 if (hasAddRoute) {
71 next();
72 } else {
73 //请求菜单
74 const { result: getMenuData } = (await getMenuInfo(Vue.prototype.BASE_API.CODE)) || [];
75 const accessRoutes = await store.dispatch(
76 "permission/generateRoutes",
77 getMenuData
78 );
79 let path = JSON.parse(getMenuData[0].metadata)?.path + JSON.parse(getMenuData[0].children[0].metadata)?.path
80 router.addRoutes([
81 ...accessRoutes,
82 { path: "*", redirect: "/404", hidden: true }
83 ]);
84 const routeTo = Cookies.get("routerTo");
85 if (routeTo && routeTo !== "/") {
86 next({ ...to, replace: true });
87 } else {
88 next(path)
89 }
90 }
91 }
92 } else { 88 } else {
89 // 使用自定义页面实现单点登录
93 if (!token) { 90 if (!token) {
94 const redirectData = { 91 let ticket = getUrlParam('ticket');
95 path: '/login', 92 if (ticket) {
96 replace: true, 93 casValidate(ticket)
94 } else {
95 if (to.path === '/login') {
96 if (getUrlParam('_flag') === '1') {
97 next();
98 return
99 } else {
100 //todo: loginUrl 需要业务系统根据登录页面路由地址获取，这里只是简写
101 localStorage.setItem('sjsb-location',locationUrl)
102 localStorage.setItem('hash',to.fullPath)
103 window.location.href = window._config.services.management + `/management/cas/status?loginUrl=${window._config.baseUrl}/sjsb/&hash=/login&`
104 return
105 }
106 }
107 localStorage.setItem('sjsb-location',locationUrl)
108 localStorage.setItem('hash',to.fullPath)
109 //todo: loginUrl 需要业务系统根据登录页面路由地址获取，这里只是简写
110 window.location.href = window._config.services.management + `/management/cas/status?loginUrl=${window._config.baseUrl}/sjsb/&hash=/login`
97 } 111 }
98 if (to.path) { 112 }else{
99 redirectData.query = { 113 if (to.path === '/login') {
100 ...redirectData.query, 114 const redirectUrl = getUrlParam('redirectUrl');
101 redirect: to.path, 115 if (redirectUrl && redirectUrl !== '') {
102 }; 116 window.location.href = redirectUrl
117 return
118 } else {
119 next('/');
120 return
121 }
103 } 122 }
104 next(redirectData) 123 permission()
105 return
106 } 124 }
107 next()
108 } 125 }
109 NProgress.done() 126 NProgress.done()
110 }); 127 });
......
1 /* 1 /*
2 * @Description :路由配置 2 * @Description :路由配置
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime: 2023-06-09 09:21:27 4 * @LastEditTime: 2023-06-20 11:09:57
5 */ 5 */
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import Router from 'vue-router' 7 import Router from 'vue-router'
...@@ -22,7 +22,15 @@ export const constantRoutes = [ ...@@ -22,7 +22,15 @@ export const constantRoutes = [
22 meta: { title: '404' } 22 meta: { title: '404' }
23 } 23 }
24 ] 24 ]
25 } 25 },
26 // 登录页
27 {
28 path: '/login',
29 component: () => import('@/views/login/index'),
30 name: 'login',
31 hidden: true,
32 meta: { title: '登录' }
33 },
26 ] 34 ]
27 /** 35 /**
28 * asyncRoutes 36 * asyncRoutes
......
...@@ -142,25 +142,4 @@ export function getFirstDayOfSeason (d) { ...@@ -142,25 +142,4 @@ export function getFirstDayOfSeason (d) {
142 return timeFormat(date); 142 return timeFormat(date);
143 } 143 }
144 144
145 export function getUrlParam (paraName) {
146 let url = document.location.toString();
147 let arrObj = url.split('?');
148
149 if (arrObj.length > 1) {
150 let arrPara = arrObj[1].split('&');
151 let arr;
152
153 for (let i = 0; i < arrPara.length; i++) {
154 arr = arrPara[i].split('=');
155
156 if (arr != null && arr[0] === paraName) {
157 const index = arr[1].indexOf("#");
158 return arr[1].substring(0, index);
159 }
160 }
161 return '';
162 } else {
163 return '';
164 }
165 }
166 145
......
1 /* 1 /*
2 * @Description: 此文件主要创建 axios 实例，然后添加请求拦截器和响应拦截器 2 * @Description: 此文件主要创建 axios 实例，然后添加请求拦截器和响应拦截器
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-08 09:02:53 4 * @LastEditTime: 2023-06-26 09:24:00
5 */ 5 */
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import axios from 'axios' 7 import axios from 'axios'
8 import Router from '@/router' 8 import Router from '@/router'
9 import Cookies from 'js-cookie'
10 import { Message } from 'element-ui' 9 import { Message } from 'element-ui'
11 import { endLoadingSubCount } from './requestLoading' 10 import { endLoadingSubCount } from './requestLoading'
11 import {getToken, setToken} from "@/utils/util";
12 12
13 // create an axios instance 13 // create an axios instance
14 const service = axios.create({ 14 const service = axios.create({
...@@ -27,15 +27,7 @@ const service = axios.create({ ...@@ -27,15 +27,7 @@ const service = axios.create({
27 service.interceptors.request.use( 27 service.interceptors.request.use(
28 config => { 28 config => {
29 if (process.env.NODE_ENV === 'development') { 29 if (process.env.NODE_ENV === 'development') {
30 const token = localStorage.getItem('token') 30 const token = getToken()
31 // 添加请求头
32 if (token) {
33 config.headers['Authorization'] = 'Bearer ' + token
34 } else {
35 config.headers.delete('Authorization')
36 }
37 } else {
38 const token = Cookies.get('token')
39 // 添加请求头 31 // 添加请求头
40 if (token) { 32 if (token) {
41 config.headers['Authorization'] = 'Bearer ' + token 33 config.headers['Authorization'] = 'Bearer ' + token
...@@ -75,12 +67,8 @@ service.interceptors.response.use( ...@@ -75,12 +67,8 @@ service.interceptors.response.use(
75 window.__isNeedLogin = false 67 window.__isNeedLogin = false
76 Message.error('token失效，请重新登录'); 68 Message.error('token失效，请重新登录');
77 let locationUrl = window.location.protocol + '//' + window.location.host + window.location.pathname; 69 let locationUrl = window.location.protocol + '//' + window.location.host + window.location.pathname;
78 if (process.env.NODE_ENV === 'development') { 70 setToken(undefined)
79 localStorage.removeItem('token') 71 sessionStorage.removeItem('token')
80 } else {
81 Cookies.remove('token')
82 }
83
84 if (window._config.casEnable) { 72 if (window._config.casEnable) {
85 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(locationUrl); 73 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(locationUrl);
86 } else { 74 } else {
......
1 import Cookies from 'js-cookie'
2
3 const cookies = {}
4
5 /**
6 * @description 存储 cookie 值
7 * @param {String} name cookie name
8 * @param {String} value cookie value
9 * @param {Object} setting cookie setting
10 */
11 cookies.set = function (name = 'default', value = '', cookieSetting = {}) {
12 let currentCookieSetting = {
13 expires: 1
14 }
15 Object.assign(currentCookieSetting, cookieSetting)
16 Cookies.set(`${name}`, value, currentCookieSetting)
17 }
18
19 /**
20 * @description 拿到 cookie 值
21 * @param {String} name cookie name
22 */
23 cookies.get = function (name = 'default') {
24 return Cookies.get(`${name}`)
25 }
26
27 /**
28 * @description 拿到 cookie 全部的值
29 */
30 cookies.getAll = function () {
31 return Cookies.get()
32 }
33
34 /**
35 * @description 删除 cookie
36 * @param {String} name cookie name
37 */
38 cookies.remove = function (name = 'default') {
39 return Cookies.remove(`${name}`)
40 }
41
42 export default cookies
1 import cookies from './util.cookies'
2 export function getUrlParam(paraName) {
3 let url = document.location.toString();
4 let arrObj = url.split('?');
5
6 if (arrObj.length > 1) {
7 let arrPara = arrObj[1].split('&');
8 let arr;
9
10 for (let i = 0; i < arrPara.length; i++) {
11 arr = arrPara[i].split('=');
12
13 if (arr != null && arr[0] === paraName) {
14 // 截取#之前的内容
15 let result = arr[1].endsWith('#/') ? arr[1].substr(0, arr[1].indexOf('#')) : arr[1];
16 return result;
17 }
18 }
19 return '';
20 } else {
21 return '';
22 }
23 }
24
25 export function setToken(token) {
26 if (token === undefined) {
27 if (process.env.NODE_ENV === 'development') {
28 sessionStorage.removeItem('token')
29 } else {
30 cookies.remove('ACCESS_TOKEN')
31 }
32 } else {
33 if (process.env.NODE_ENV === 'development') {
34 sessionStorage.setItem('token', token);
35 } else {
36 cookies.set('ACCESS_TOKEN', token)
37 }
38 }
39 }
40
41 export function getToken() {
42 if (process.env.NODE_ENV === 'development') {
43 return sessionStorage.getItem('token')
44 }
45 return cookies.get('ACCESS_TOKEN')
46 }
47
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>隐藏</title>
5 <desc>Created with Sketch.</desc>
6 <g id="隐藏" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M6.03072945,10.4919039 L5.73253111,12.7244564 C5.69597191,12.998168 5.44444773,13.190418 5.17073614,13.1538588 C4.89702455,13.1172996 4.70477455,12.8657754 4.74133375,12.5920638 L5.06197696,10.1914709 C4.16952851,9.84883526 3.3412638,9.33963486 2.57840414,8.66573829 L1.54490653,10.84056 C1.42638298,11.0899729 1.12811158,11.1960797 0.878698712,11.0775561 C0.629285844,10.9590326 0.52317909,10.6607612 0.641702643,10.4113483 L1.82431508,7.92273947 C1.1849111,7.22355926 0.59765863,6.39438608 0.0634190527,5.43653783 C-0.0710917064,5.19537095 0.0153701679,4.89082404 0.256537054,4.75631328 C0.49770394,4.62180252 0.802250844,4.7082644 0.936761603,4.94943128 C2.7218512,8.14995221 5.0622906,9.71807475 8.00009033,9.71807475 C10.9378901,9.71807475 13.2783295,8.14995221 15.0634191,4.94943128 C15.1979298,4.7082644 15.5024767,4.62180252 15.7436436,4.75631328 C15.9848105,4.89082404 16.0712724,5.19537095 15.9367616,5.43653783 C15.4384416,6.32998517 14.8939977,7.11147869 14.304129,7.77994884 L15.554597,10.4113483 C15.6731206,10.6607612 15.5670138,10.9590326 15.3176009,11.0775561 C15.0681881,11.1960797 14.7699167,11.0899729 14.6513931,10.84056 L13.5590961,8.54200484 C12.6449311,9.38205401 11.6347609,9.98078996 10.5307537,10.3348952 L10.8296734,12.5728484 C10.8662326,12.84656 10.6739826,13.0980842 10.400271,13.1346434 C10.1265594,13.1712026 9.87503523,12.9789526 9.83847602,12.705241 L9.5545725,10.5797109 C9.05379094,10.671864 8.53557174,10.7180748 8.00009033,10.7180748 C7.31528214,10.7180748 6.6587062,10.6424973 6.03072945,10.4919039 Z" id="形状结合" fill="#B4B4B4" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
This diff could not be displayed because it is too large.
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>显示</title>
5 <desc>Created with Sketch.</desc>
6 <g id="显示" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M8,13.5944821 C5.08783139,13.5944821 2.47901047,11.8330303 0.184843129,8.37324049 L3.55271368e-15,8.09448212 L0.184843129,7.81572374 C2.47901047,4.35593396 5.08783139,2.59448212 8,2.59448212 C10.9121686,2.59448212 13.5209895,4.35593396 15.8151569,7.81572374 L16,8.09448212 L15.8151569,8.37324049 C13.5209895,11.8330303 10.9121686,13.5944821 8,13.5944821 Z M8,3.59448212 C5.53379057,3.59448212 3.26813906,5.07524663 1.19270822,8.09448212 C3.26813906,11.1137176 5.53379057,12.5944821 8,12.5944821 C10.4662094,12.5944821 12.7318609,11.1137176 14.8072918,8.09448212 C12.7318609,5.07524663 10.4662094,3.59448212 8,3.59448212 Z M9.12299335,5.45693297 C8.68456104,5.73514629 8.39327462,6.2269821 8.39327462,6.78731592 C8.39327462,7.65519196 9.09205701,8.3587445 9.95404878,8.3587445 C10.2357938,8.3587445 10.5001026,8.28358173 10.7282737,8.15208542 C10.6331828,9.58403639 9.44941475,10.7158874 8.00308108,10.7158874 C6.49459548,10.7158874 5.27172629,9.48467042 5.27172629,7.96588735 C5.27172629,6.44710429 6.49459548,5.21588735 8.00308108,5.21588735 C8.40216026,5.21588735 8.78124917,5.30206019 9.12299335,5.45693297 Z" id="形状结合" fill="#0091FF" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>password</title>
5 <desc>Created with Sketch.</desc>
6 <g id="password" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M4.0011827,6.56400569 L4.0011827,4.87032377 C4.0011827,2.74881464 5.72100565,1.02899168 7.84251478,1.02899168 C9.96402392,1.02899168 11.6838469,2.74881464 11.6838469,4.87032377 L11.6838469,5.7928261 L10.7661998,5.7928261 L10.7661998,4.87032377 C10.7661998,3.25561712 9.45722144,1.94663874 7.84251478,1.94663874 C6.22780813,1.94663874 4.91882975,3.25561712 4.91882975,4.87032377 L4.91882975,6.56400569 L12.6850296,6.56400569 C13.4907156,6.56400569 14.1438531,7.21714323 14.1438531,8.02282922 L14.1438531,13.4028479 C14.1438531,14.2085339 13.4907156,14.8616714 12.6850296,14.8616714 L3,14.8616714 C2.19431401,14.8616714 1.54117647,14.2085339 1.54117647,13.4028479 L1.54117647,8.02282922 C1.54117647,7.21714323 2.19431401,6.56400569 3,6.56400569 L4.0011827,6.56400569 Z M3,7.48165275 C2.70111649,7.48165275 2.45882353,7.72394571 2.45882353,8.02282922 L2.45882353,13.4028479 C2.45882353,13.7017314 2.70111649,13.9440244 3,13.9440244 L12.6850296,13.9440244 C12.9839131,13.9440244 13.226206,13.7017314 13.226206,13.4028479 L13.226206,8.02282922 C13.226206,7.72394571 12.9839131,7.48165275 12.6850296,7.48165275 L3,7.48165275 Z" id="形状结合" fill="#6D7278" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>user</title>
5 <desc>Created with Sketch.</desc>
6 <g id="user" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M5.70040727,8.36338619 C4.96173204,8.70409103 4.31101884,9.24156453 3.78444015,9.95202823 C2.94870333,11.0788243 2.46666667,12.5978855 2.46666667,14.1120529 C2.46666667,14.2335891 2.59610246,14.3514362 2.77548069,14.3514362 L13.1661579,14.3514362 C13.3455361,14.3514362 13.4749719,14.2335891 13.4749719,14.1120529 C13.4749719,12.0278862 12.5626821,10.0351425 11.1096588,8.92092682 L11.6776024,8.18028444 C13.3693466,9.47755739 14.4083053,11.7469879 14.4083053,14.1120529 C14.4083053,14.7696063 13.8424825,15.2847695 13.1661579,15.2847695 L2.77548069,15.2847695 C2.09915609,15.2847695 1.53333333,14.7696063 1.53333333,14.1120529 C1.53333333,12.4013641 2.07738878,10.6868606 3.0347023,9.39614673 C3.53516209,8.7209228 4.13710805,8.17384176 4.81664416,7.7738283 C3.93912572,7.01707839 3.38576579,5.91929918 3.38576579,4.69637232 C3.38576579,2.40902821 5.3212908,0.556854908 7.69195361,0.556854908 C10.063179,0.556854908 11.9981414,2.40606943 11.9981414,4.69289423 C11.9981414,6.98023832 10.0626164,8.83241167 7.69195361,8.83241167 C6.97429417,8.83241167 6.29659602,8.66302531 5.70040727,8.36338619 Z M4.31909912,4.69637232 C4.31909912,6.45803072 5.82696798,7.89907833 7.69195361,7.89907833 C9.55611742,7.89907833 11.0648081,6.4553581 11.0648081,4.69289423 C11.0648081,2.93123585 9.55693923,1.49018824 7.69195361,1.49018824 C5.82778977,1.49018824 4.31909912,2.93390843 4.31909912,4.69637232 Z" id="形状结合" fill="#6D7278" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1687311691503" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10425" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M867.584 160.192c-149.632-16.928-262.208-57.408-334.592-120.352l-19.04-16.544-20.544 14.656C379.968 118.944 267.776 160 160 160H128v448c0 137.344 121.088 261.92 370.208 380.864l13.088 6.24 13.344-5.728C771.072 883.52 896 755.232 896 608V163.424l-28.416-3.232zM832 608c0 116.8-107.392 223.36-319.328 316.8C299.872 821.024 192 714.464 192 608V222.976c104.672-6.784 211.584-46.688 318.496-118.944C587.232 162.528 695.168 201.536 832 220.256V608z" p-id="10426" fill="#6D7278"></path><path d="M359.776 468.672a32 32 0 1 0-47.968 42.4l121.792 137.824c12.608 14.24 30.176 21.568 47.904 21.568a64.384 64.384 0 0 0 49.696-23.52l197.6-242.72a32 32 0 0 0-49.632-40.416l-197.6 242.688-121.792-137.824z" p-id="10427" fill="#6D7278"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div id="login">
3 <div class="login-content-wrap">
4 <div class="login-logo"><img src="./images/logo-login.svg" /></div>
5 <div class="login-con">
6 <div class="login-wrap">
7 <p>用户登录</p>
8 <div class="login-user" :class="{ 'select-border': change.user }">
9 <img class="user-icon" src="./images/user.svg" />
10 <input
11 type="text"
12 class="user-input"
13 placeholder="请输入账号"
14 v-model="userInfo.username"
15 @focus="reduceBorder('user')"
16 @blur="addBorder('user')"
17 />
18 <span class="warning" v-show="warning.user">账号不能为空</span>
19 </div>
20 <div class="login-user user-mt" :class="{ 'select-border': change.pass }">
21 <img class="user-icon" src="./images/password.svg" />
22 <input
23 type="password"
24 class="user-input"
25 placeholder="请输入密码"
26 v-model="userInfo.password"
27 v-show="!selectEye"
28 @focus="reduceBorder('pass')"
29 @blur="addBorder('pass')"
30 />
31 <input
32 type="text"
33 class="user-input"
34 placeholder="请输入密码"
35 v-model="userInfo.password"
36 v-show="selectEye"
37 @focus="reduceBorder('pass')"
38 @blur="addBorder('pass')"
39 />
40 <img
41 class="password-eye"
42 src="./images/open.svg"
43 @click="selectEyes"
44 v-show="selectEye"
45 />
46 <img
47 class="password-eye"
48 src="./images/close.svg"
49 @click="selectEyes"
50 v-show="!selectEye"
51 />
52 <span class="warning" v-show="warning.pass">密码不能为空</span>
53 </div>
54 <div class="login-user login-valid" :class="{ 'select-border': change.valid }">
55 <img class="user-icon" src="./images/valid.svg" />
56 <input
57 type="text"
58 class="user-input"
59 placeholder="请输入验证码"
60 v-model="userInfo.captchaCode"
61 @focus="reduceBorder('valid')"
62 @blur="addBorder('valid')"
63 />
64 <img class="valid-img" :src="codeSrc" alt="暂无验证码" @click="reloadCaptcha">
65 <span class="warning" v-show="warning.valid">验证码不能为空</span>
66 </div>
67 <div id="loginBtn" class="login-btn" @click="goHome">登录</div>
68 </div>
69 </div>
70 </div>
71 </div>
72 </template>
73 <script>
74 import axios from "axios";
75 export default {
76 data() {
77 return {
78 // 用户名
79 selectIcon: true,
80 // 用户名
81 selectEye: false,
82 userInfo: {
83 // 用户名
84 username: "",
85 // 密码
86 password: "",
87 // 重定向地址
88 redirectUrl: "",
89 // 验证码key
90 captchaKey:'',
91 // 验证码值
92 captchaCode: ''
93 },
94 //边框
95 change: {
96 user: false,
97 pass: false,
98 valid:false
99 },
100 // 提示语
101 warning: {
102 user: false,
103 pass: false,
104 valid: false,
105 },
106 // 验证码图片地址
107 codeSrc:""
108 };
109 },
110 mounted() {
111 this.initPage();
112 this.userInfo.redirectUrl = localStorage.getItem("sjsb-location");
113 this.reloadCaptcha()
114 },
115 methods: {
116 // 更新验证码
117 reloadCaptcha(){
118 axios.get(window._config.services.management + "/management/captcha?format=json").then(res => {
119 if (res.data.status === 1) {
120 this.userInfo.captchaKey = res.data.content['dubhe.captcha']
121 this.codeSrc = res.data.content.image
122 }
123 })
124 },
125 // 初始化
126 initPage() {
127 let userInfo =
128 localStorage.getItem("userInfo") &&
129 JSON.parse(localStorage.getItem("userInfo"));
130 if (userInfo) {
131 this.userInfo.username = userInfo.username;
132 this.userInfo.password = userInfo.password;
133 }
134 },
135 // 登录
136 goHome() {
137 if (this.userInfo.username && this.userInfo.password) {
138 axios
139 .post(
140 window._config.services.management + "/management/cas/login",
141 this.userInfo
142 )
143 .then((response) => {
144 debugger
145 if (response.data.status === 1) {
146 if (response.data.content.location) {
147 window.location.href = response.data.content.location;
148 }
149 } else {
150 this.$message.error(response.data.message);
151 }
152 })
153 .catch((error) => {
154 console.log(error);
155 this.$message.error(error.message);
156 });
157 } else {
158 return
159 }
160 },
161 selectEyes() {
162 this.selectEye = !this.selectEye;
163 },
164 //获取焦点
165 reduceBorder(type) {
166 this.change[type] = true
167 },
168 addBorder(type) {
169 //失去焦点
170 switch (type) {
171 case "user":
172 this.change.user = false;
173 if (!this.userInfo.username) {
174 this.warning.user = true;
175 } else {
176 this.warning.user = false;
177 }
178 break;
179 case "pass":
180 this.change.pass = false;
181 if (!this.userInfo.password) {
182 this.warning.pass = true;
183 } else {
184 this.warning.pass = false;
185 }
186 break;
187 case "valid":
188 this.change.valid = false;
189 if (!this.userInfo.captchaCode) {
190 this.warning.valid = true;
191 } else {
192 this.warning.valid = false;
193 }
194 break;
195 default:
196 break;
197 }
198 },
199 },
200 };
201 </script>
202 <style lang="scss" scoped>
203 input::placeholder{
204 color: #878787;
205 font-size: 14px;
206 font-family:Arial, Helvetica, sans-serif
207 }
208 #login {
209 width: 100vw;
210 height: 100vh;
211 background: url("./images/login-bg.png") no-repeat;
212 background-size: 100% 100%;
213 overflow: hidden;
214 position: relative;
215 .login-content-wrap{
216 position: absolute;
217 left: 50%;
218 top: 50%;
219 transform: translate(-50%, -50%);
220 }
221 .login-logo {
222 height: 70px;
223 width: 100%;
224 text-align: center;
225 position: absolute;
226 top: -70px;
227 }
228 .login-logo img {
229 height: 100%;
230 width: 486px;
231 }
232 .login-con {
233 margin: 14px auto;
234 width: 486px;
235 .login-wrap{
236 width: 100%;
237 height: 450px;
238 box-sizing: border-box;
239 padding: 48px 56px;
240 background: #FFFFFF;
241 box-shadow: 0px 7px 27px 0px rgba(133,169,231,0.51);
242 border-radius: 4px;
243 p{
244 width: 100%;
245 font-size: 20px;
246 font-weight: 500;
247 color: #333333;
248 line-height: 26px;
249 position: relative;
250 text-align: center;
251 }
252 }
253 }
254 .login-user {
255 width: 100%;
256 height: 40px;
257 border: 1px solid #E5E5E5;
258 box-sizing: border-box;
259 margin-top: 30px;
260 border-radius: 2px;
261 position: relative;
262 .user-icon {
263 float: left;
264 margin: 10px auto auto 10px;
265 width: 28px;
266 height: 18px;
267 }
268 .user-input {
269 width: 80%;
270 float: left;
271 font-size: 16px;
272 outline: 0;
273 border: none;
274 color: #4a4a4a;
275 height: 36px;
276 line-height: 40px;
277 }
278 .password-eye {
279 float: right;
280 width: 16px;
281 height: 16px;
282 margin-right: 12px;
283 margin-top: 13px;
284 cursor: pointer;
285 }
286 .warning {
287 font-size: 12px;
288 color: red;
289 position: absolute;
290 left: 0;
291 bottom: -18px;
292 }
293 }
294 .login-valid{
295 width: 60%;
296 .valid-img{
297 width: 50%;
298 position: absolute;
299 right: -66%;
300 top: 2px;
301 cursor: pointer;
302 }
303 }
304 .user-mt {
305 margin-top: 26px;
306 }
307 .select-border {
308 border: 1px solid rgba(0, 113, 255, 1);
309 }
310 .login-btn {
311 width: 100%;
312 height: 48px;
313 background: #4162D8;
314 border-radius: 2px;
315 margin: 0 auto;
316 margin-top: 40px;
317 font-size: 20px;
318 font-weight: 500;
319 line-height: 48px;
320 text-align: center;
321 color: #fff;
322 cursor: pointer;
323 }
324 }
325 </style>
...@@ -15,7 +15,7 @@ module.exports = { ...@@ -15,7 +15,7 @@ module.exports = {
15 * Detail: https://cli.vuejs.org/config/#publicpath 15 * Detail: https://cli.vuejs.org/config/#publicpath
16 */ 16 */
17 // 加载资源的路径 17 // 加载资源的路径
18 publicPath: './', 18 publicPath: '/sjsb/',
19 // 设置项目打包生成的文件的存储目录，可以是静态路径也可以是相对路径 19 // 设置项目打包生成的文件的存储目录，可以是静态路径也可以是相对路径
20 outputDir: 'dist', 20 outputDir: 'dist',
21 // 设置放置打包生成的静态资源 (js、css、img、fonts) 的目录 21 // 设置放置打包生成的静态资源 (js、css、img、fonts) 的目录
......