Merge branch 'fix_foton_20230613' into 'master'
Fix foton 20230613 See merge request laws-foton-slrs/foton-laws-system-front!110
This commit is contained in:
王晓勇
+365
-346
@@ -1,10 +1,19 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<!-- <router-view v-if="!isBoolean"/>-->
|
||||
<span v-if="this.$route.name === 'Login'|| !isBoolean">
|
||||
<router-view />
|
||||
<div id="app">
|
||||
<!-- 596843564600706080-->
|
||||
<iframe
|
||||
src="https://iftappwelink.foton.com.cn/ke_fu_ui/?groupId=596843564600706080"
|
||||
style="position: absolute; bottom: 1%;right: 10px;z-index: 10000"
|
||||
height="490"
|
||||
width="510"
|
||||
frameborder="0"
|
||||
scrolling="0"
|
||||
></iframe>
|
||||
<!-- <router-view v-if="!isBoolean"/>-->
|
||||
<span v-if="this.$route.name === 'Login'|| !isBoolean">
|
||||
<router-view/>
|
||||
</span>
|
||||
<span v-else>
|
||||
<span v-else>
|
||||
<div class="content-box" v-if="isCollapse">
|
||||
<el-container>
|
||||
<el-header>
|
||||
@@ -14,8 +23,8 @@
|
||||
<div style="float: right; margin-right: 20px;">
|
||||
<div class="user-info">
|
||||
<el-dropdown
|
||||
trigger="click"
|
||||
@command="handleCommand"
|
||||
trigger="click"
|
||||
@command="handleCommand"
|
||||
>
|
||||
<div class="user-box">
|
||||
<img :src="userAvator" v-if="$store.getters.userInfo.avator">
|
||||
@@ -34,7 +43,7 @@
|
||||
<nav-menu></nav-menu>
|
||||
<div class="sub-container" style="margin-left: 60px">
|
||||
<div class="container-box">
|
||||
<router-view ref="appView1"/>
|
||||
<router-view ref="appView1"/>
|
||||
</div>
|
||||
</div>
|
||||
</el-main>
|
||||
@@ -50,8 +59,8 @@
|
||||
<div style="float: right; margin-right: 20px;">
|
||||
<div class="user-info">
|
||||
<el-dropdown
|
||||
trigger="click"
|
||||
@command="handleCommand"
|
||||
trigger="click"
|
||||
@command="handleCommand"
|
||||
>
|
||||
<div class="user-box">
|
||||
<img :src="userAvator" v-if="$store.getters.userInfo.avator">
|
||||
@@ -70,7 +79,7 @@
|
||||
<nav-menu></nav-menu>
|
||||
<div class="sub-container" style="margin-left: 200px">
|
||||
<div class="container-box">
|
||||
<router-view ref="appView2"/>
|
||||
<router-view ref="appView2"/>
|
||||
</div>
|
||||
</div>
|
||||
</el-main>
|
||||
@@ -78,354 +87,364 @@
|
||||
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapGetters, mapState} from 'vuex'
|
||||
import {webLoginType,ssoLogoutUrlDev} from '@/sysConfig'
|
||||
import {mapGetters, mapState} from 'vuex'
|
||||
import {webLoginType, ssoLogoutUrlDev} from '@/sysConfig'
|
||||
|
||||
export default {
|
||||
name: 'App',
|
||||
data() {
|
||||
return {
|
||||
isBoolean: false
|
||||
}
|
||||
},
|
||||
created() {
|
||||
let _this = this;
|
||||
//窗口改变时
|
||||
window.onresize = function () {
|
||||
_this.handleRefreshTable();
|
||||
};
|
||||
},
|
||||
updated() {
|
||||
this.handleRefreshTable()
|
||||
},
|
||||
methods: {
|
||||
handleRefreshTable() {
|
||||
|
||||
this.$nextTick(() => {
|
||||
// 获取页面中已注册过ref的所有的子组件。
|
||||
let refList = ''
|
||||
if(this.$refs.appView1){
|
||||
refList = this.$refs.appView1.$children[0].$refs;
|
||||
}else{
|
||||
refList = this.$refs.appView2.$children[0].$refs;
|
||||
}
|
||||
if (refList) {
|
||||
for (let i of Object.keys(refList)) {
|
||||
// 根据doLayout方法判断子组件是不是el-table
|
||||
if (refList[i] && refList[i].doLayout) {
|
||||
// 执行doLayout方法
|
||||
refList[i].doLayout();
|
||||
export default {
|
||||
name: 'App',
|
||||
data() {
|
||||
return {
|
||||
isBoolean: false,
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
// 点击下拉选项事件
|
||||
handleCommand(command) {
|
||||
// 退出登录
|
||||
if (command === 'loginOut') {
|
||||
this.$confirm('您确认要退出吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: false
|
||||
}).then(() => {
|
||||
if (webLoginType != null && webLoginType === 'idm') {
|
||||
this.$store.dispatch('logout')
|
||||
window.location.href = ssoLogoutUrlDev
|
||||
// this.$http.post('logout', {}, res => {
|
||||
// window.location.href= 'http://testsso1.foton.com.cn/logout?service='
|
||||
// })
|
||||
} else if (webLoginType != null && webLoginType === 'dev') {
|
||||
this.$store.commit('setTypeFlag', 'loginOut')
|
||||
this.$http.get('logout', {}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.$store.dispatch('logout')
|
||||
this.$router.push('/login')
|
||||
}, e => {
|
||||
})
|
||||
}
|
||||
// this.$http.post('/logout', {}, res => {
|
||||
// window.location.href = 'http://testsso1.foton.com.cn/oauth2.0/authorize?client_id=app_slrs&redirect_uri=http://127.0.0.1:9090&response_type=code'
|
||||
// })
|
||||
// return
|
||||
// this.$store.commit('setTypeFlag', 'loginOut')
|
||||
// this.$http.get('logout', {}, {
|
||||
// _this: this
|
||||
// }, res => {
|
||||
// this.$store.dispatch('logout')
|
||||
// this.$router.push('/login')
|
||||
// }, e => {})
|
||||
}).catch(() => {
|
||||
})
|
||||
}
|
||||
},
|
||||
/**
|
||||
* @description: 主题设置
|
||||
* @author: xx
|
||||
* @date: 2018-08-29 14:56:39
|
||||
*/
|
||||
setTheme(theme) {
|
||||
document.getElementById('app').className = theme
|
||||
},
|
||||
},
|
||||
created() {
|
||||
let _this = this;
|
||||
//窗口改变时
|
||||
window.onresize = function () {
|
||||
_this.handleRefreshTable();
|
||||
};
|
||||
},
|
||||
updated() {
|
||||
this.handleRefreshTable()
|
||||
},
|
||||
methods: {
|
||||
handleRefreshTable() {
|
||||
|
||||
/**
|
||||
* @description: backSpace回退禁用
|
||||
* @date: 2021-03-01 16:36:55
|
||||
* @auth: chenxiaoxi
|
||||
*/
|
||||
banBackSpace(e) {
|
||||
var ev = e || window.event;
|
||||
//各种浏览器下获取事件对象
|
||||
var obj = ev.relatedTarget || ev.srcElement || ev.target || ev.currentTarget;
|
||||
//按下Backspace键
|
||||
if (ev.keyCode == 8) {
|
||||
var tagName = obj.nodeName //标签名称
|
||||
//如果标签不是input或者textarea则阻止Backspace
|
||||
if (tagName != 'INPUT' && tagName != 'TEXTAREA') {
|
||||
return this.stopIt(ev);
|
||||
}
|
||||
var tagType = obj.type.toUpperCase();//标签类型
|
||||
//input标签除了下面几种类型，全部阻止Backspace
|
||||
if (tagName == 'INPUT' && (tagType != 'TEXT' && tagType != 'TEXTAREA' && tagType != 'PASSWORD')) {
|
||||
return this.stopIt(ev);
|
||||
}
|
||||
//input或者textarea输入框如果不可编辑则阻止Backspace
|
||||
if ((tagName == 'INPUT' || tagName == 'TEXTAREA') && (obj.readOnly == true || obj.disabled == true)) {
|
||||
return this.stopIt(ev);
|
||||
}
|
||||
}
|
||||
},
|
||||
this.$nextTick(() => {
|
||||
// 获取页面中已注册过ref的所有的子组件。
|
||||
let refList = ''
|
||||
if (this.$refs.appView1) {
|
||||
refList = this.$refs.appView1.$children[0].$refs;
|
||||
} else {
|
||||
refList = this.$refs.appView2.$children[0].$refs;
|
||||
}
|
||||
if (refList) {
|
||||
for (let i of Object.keys(refList)) {
|
||||
// 根据doLayout方法判断子组件是不是el-table
|
||||
if (refList[i] && refList[i].doLayout) {
|
||||
// 执行doLayout方法
|
||||
refList[i].doLayout();
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
// 点击下拉选项事件
|
||||
handleCommand(command) {
|
||||
// 退出登录
|
||||
if (command === 'loginOut') {
|
||||
this.$confirm('您确认要退出吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: false
|
||||
}).then(() => {
|
||||
if (webLoginType != null && webLoginType === 'idm') {
|
||||
this.$store.dispatch('logout')
|
||||
window.location.href = ssoLogoutUrlDev
|
||||
// this.$http.post('logout', {}, res => {
|
||||
// window.location.href= 'http://testsso1.foton.com.cn/logout?service='
|
||||
// })
|
||||
} else if (webLoginType != null && webLoginType === 'dev') {
|
||||
this.$store.commit('setTypeFlag', 'loginOut')
|
||||
this.$http.get('logout', {}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.$store.dispatch('logout')
|
||||
this.$router.push('/login')
|
||||
}, e => {
|
||||
})
|
||||
}
|
||||
// this.$http.post('/logout', {}, res => {
|
||||
// window.location.href = 'http://testsso1.foton.com.cn/oauth2.0/authorize?client_id=app_slrs&redirect_uri=http://127.0.0.1:9090&response_type=code'
|
||||
// })
|
||||
// return
|
||||
// this.$store.commit('setTypeFlag', 'loginOut')
|
||||
// this.$http.get('logout', {}, {
|
||||
// _this: this
|
||||
// }, res => {
|
||||
// this.$store.dispatch('logout')
|
||||
// this.$router.push('/login')
|
||||
// }, e => {})
|
||||
}).catch(() => {
|
||||
})
|
||||
}
|
||||
},
|
||||
/**
|
||||
* @description: 主题设置
|
||||
* @author: xx
|
||||
* @date: 2018-08-29 14:56:39
|
||||
*/
|
||||
setTheme(theme) {
|
||||
document.getElementById('app').className = theme
|
||||
},
|
||||
|
||||
stopIt(ev) {
|
||||
if (ev.preventDefault) {
|
||||
//preventDefault()方法阻止元素发生默认的行为
|
||||
ev.preventDefault();
|
||||
}
|
||||
if (ev.returnValue) {
|
||||
//IE浏览器下用window.event.returnValue = false;实现阻止元素发生默认的行为
|
||||
ev.returnValue = false;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
// 其他标签页修改用户 或者 退出登录
|
||||
refresh() {
|
||||
//执行刷新操作，这里我没有写this.$route.go(0),因为整个页面抖动不是很友好
|
||||
//现将app.vue下面的 头部组件，菜单组件，内容组件隐藏再放出来，实现刷新一样的效果
|
||||
console.log('我要刷新页面了')
|
||||
/**
|
||||
* @description: backSpace回退禁用
|
||||
* @date: 2021-03-01 16:36:55
|
||||
* @auth: chenxiaoxi
|
||||
*/
|
||||
banBackSpace(e) {
|
||||
var ev = e || window.event;
|
||||
//各种浏览器下获取事件对象
|
||||
var obj = ev.relatedTarget || ev.srcElement || ev.target || ev.currentTarget;
|
||||
//按下Backspace键
|
||||
if (ev.keyCode == 8) {
|
||||
var tagName = obj.nodeName //标签名称
|
||||
//如果标签不是input或者textarea则阻止Backspace
|
||||
if (tagName != 'INPUT' && tagName != 'TEXTAREA') {
|
||||
return this.stopIt(ev);
|
||||
}
|
||||
var tagType = obj.type.toUpperCase();//标签类型
|
||||
//input标签除了下面几种类型，全部阻止Backspace
|
||||
if (tagName == 'INPUT' && (tagType != 'TEXT' && tagType != 'TEXTAREA' && tagType != 'PASSWORD')) {
|
||||
return this.stopIt(ev);
|
||||
}
|
||||
//input或者textarea输入框如果不可编辑则阻止Backspace
|
||||
if ((tagName == 'INPUT' || tagName == 'TEXTAREA') && (obj.readOnly == true || obj.disabled == true)) {
|
||||
return this.stopIt(ev);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
stopIt(ev) {
|
||||
if (ev.preventDefault) {
|
||||
//preventDefault()方法阻止元素发生默认的行为
|
||||
ev.preventDefault();
|
||||
}
|
||||
if (ev.returnValue) {
|
||||
//IE浏览器下用window.event.returnValue = false;实现阻止元素发生默认的行为
|
||||
ev.returnValue = false;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
// 其他标签页修改用户 或者 退出登录
|
||||
refresh() {
|
||||
//执行刷新操作，这里我没有写this.$route.go(0),因为整个页面抖动不是很友好
|
||||
//现将app.vue下面的 头部组件，菜单组件，内容组件隐藏再放出来，实现刷新一样的效果
|
||||
console.log('我要刷新页面了')
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
// 获取用户头像
|
||||
userAvator() {
|
||||
return this.$store.getters.userInfo.avator || require('@/assets/images/avator_default.png')
|
||||
},
|
||||
...mapGetters([
|
||||
'getWebSocketList', 'getTheme', 'getMenuList'
|
||||
]),
|
||||
...mapState(['userInfoModifyTime', 'isCollapse'])
|
||||
},
|
||||
watch: {
|
||||
// 'userInfoModifyTime'() {
|
||||
// // console.log('watch global, userInfoModifyTime')
|
||||
// this.refresh()
|
||||
// },
|
||||
getTheme(val) {
|
||||
// 主题修改
|
||||
this.setTheme(val)
|
||||
},
|
||||
// 监听路由 控制isBoolean
|
||||
$route() {
|
||||
if (this.$route.name !== 'Login' && this.$route.name !== 'Home'
|
||||
&& !this.$route.meta.isBoolean && this.$route.name !== 'beeEChungLogin'
|
||||
&& this.$route.name !== 'beeEnergyLogin' && this.$route.name !== 'mdLawLogin'
|
||||
&& this.$route.name !== 'nuoBLogin' && this.$route.name !== 'sTLogin'
|
||||
&& this.$route.name !== 'StandardSearch' && this.$route.name !== 'phoneIndex'
|
||||
&& this.$route.name !== 'AdvancedSearchExternal' && this.$route.name !== 'LoginVerifyNoEncryption'
|
||||
&& this.$route.name !== 'blankPage' && this.$route.name !== 'processedPage'
|
||||
&& this.$route.name !== 'loginStandDetails' && this.$route.name !== 'error'
|
||||
&& this.$route.name !== 'phoneHome' && this.$route.name !== 'databaseSearch'
|
||||
&& this.$route.name !== 'standDynamics' && this.$route.name !== 'domesticStand'
|
||||
&& this.$route.name !== 'domesticDetails' && this.$route.name !== 'LoginVerifyPhone'
|
||||
&& this.$route.name !== 'zlzxDetails' && this.$route.name !== 'LoginVerifyPhone'
|
||||
&& this.$route.name !== 'OtherStandardExternalDetails' && this.$route.name !== 'OtherStandardExternalDetails') {
|
||||
this.isBoolean = true
|
||||
} else {
|
||||
this.isBoolean = false
|
||||
}
|
||||
//切换标签时
|
||||
this.handleRefreshTable();
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// this.setTheme(this.getTheme)
|
||||
// //实现对字符码的截获，keypress中屏蔽了这些功能按键
|
||||
// document.onkeypress = this.banBackSpace
|
||||
// //对功能按键的获取
|
||||
// document.onkeydown = this.banBackSpace
|
||||
// this.visibilitychangeFn = (e) => { //这个方法是监测浏览器窗口发生变化的时候执行
|
||||
// // 切换到当前页面
|
||||
// if (document.hidden == false) {
|
||||
// const userInfoModifyTime = this.userInfoModifyTime
|
||||
// const userInfoModifyTimeInLocalStorage = localStorage.getItem('userInfoModifyTime')
|
||||
//
|
||||
// // 用户未切换 不执行任何操作
|
||||
// if (userInfoModifyTime === userInfoModifyTimeInLocalStorage) {
|
||||
// return
|
||||
// }
|
||||
//
|
||||
// if (userInfoModifyTimeInLocalStorage === null && webLoginType === 'idm') {
|
||||
// this.$store.dispatch('syncStorageData')
|
||||
//
|
||||
// const currentPage = this.$route.name
|
||||
// if (currentPage === 'Login') {
|
||||
// return
|
||||
// }
|
||||
// this.currentMinute = 3
|
||||
// this.loading && this.loading.close()
|
||||
// this.loading = this.$loading({
|
||||
// lock: true,
|
||||
// // text: 'Loading',
|
||||
// // spinner: 'el-icon-loading',
|
||||
// // background: 'rgba(0, 0, 0, 0.7)'
|
||||
// });
|
||||
// this.messageForLogin && this.messageForLogin.close()
|
||||
// this.messageForLogin = this.$message({
|
||||
// message: `用户已退出，${this.currentMinute}秒后将跳转到登录1页面`,
|
||||
// type: 'warning'
|
||||
// })
|
||||
//
|
||||
//
|
||||
// this.intervalForLogin = setInterval(() => {
|
||||
// if (this.currentMinute === 0) {
|
||||
// clearInterval(this.intervalForLogin)
|
||||
// this.loading.close()
|
||||
//
|
||||
// this.$router.push('/login')
|
||||
// console.log('切换到登录页面', currentPage)
|
||||
// }
|
||||
// this.currentMinute--
|
||||
// this.messageForLogin.message = `用户已退出，${this.currentMinute}秒后将跳转到登录页面`
|
||||
// }, 0)
|
||||
//
|
||||
// } else if (userInfoModifyTime !== userInfoModifyTimeInLocalStorage && webLoginType === 'idm') {
|
||||
// this.$store.dispatch('syncStorageData')
|
||||
//
|
||||
// console.log('用户信息已更改，同步数据')
|
||||
//
|
||||
// this.currentMinute = 3
|
||||
//
|
||||
// this.loading && this.loading.close()
|
||||
// this.loading = this.$loading({
|
||||
// lock: true,
|
||||
// // text: 'Loading',
|
||||
// // spinner: 'el-icon-loading',
|
||||
// // background: 'rgba(0, 0, 0, 0.7)'
|
||||
// });
|
||||
//
|
||||
// this.messageForHome && this.messageForHome.close()
|
||||
// this.messageForHome = this.$message({
|
||||
// message: `用户已切换，${this.currentMinute}秒后将跳转到用户首页`,
|
||||
// type: 'warning'
|
||||
// })
|
||||
// this.intervalForHome = setInterval(() => {
|
||||
// if (this.currentMinute === 0) {
|
||||
// clearInterval(this.intervalForHome)
|
||||
// this.loading.close()
|
||||
//
|
||||
// this.$router.push({
|
||||
// path: '/redirect',
|
||||
// query: '/home2'
|
||||
// })
|
||||
// }
|
||||
// this.currentMinute--
|
||||
// this.messageForHome.message = `用户已切换，${this.currentMinute}秒后将跳转到用户首页`
|
||||
// }, 1000)
|
||||
//
|
||||
// // const route = this.$router.resolve('/home')
|
||||
// // this.$router.push({
|
||||
// // path: '/redirect',
|
||||
// // query: '/home'
|
||||
// // })
|
||||
// // location.reload();
|
||||
// }
|
||||
//
|
||||
// }
|
||||
// }
|
||||
// document.addEventListener('visibilitychange', this.visibilitychangeFn);
|
||||
|
||||
},
|
||||
beforeDestroy() {
|
||||
// document.onkeypress = null
|
||||
// document.onkeydown = null
|
||||
// document.removeEventListener('visibilitychange', this.visibilitychangeFn)
|
||||
// clearInterval(this.intervalForLogin)
|
||||
// clearInterval(this.intervalForHome)
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 获取用户头像
|
||||
userAvator() {
|
||||
return this.$store.getters.userInfo.avator || require('@/assets/images/avator_default.png')
|
||||
},
|
||||
...mapGetters([
|
||||
'getWebSocketList', 'getTheme', 'getMenuList'
|
||||
]),
|
||||
...mapState(['userInfoModifyTime', 'isCollapse'])
|
||||
},
|
||||
watch: {
|
||||
// 'userInfoModifyTime'() {
|
||||
// // console.log('watch global, userInfoModifyTime')
|
||||
// this.refresh()
|
||||
// },
|
||||
getTheme(val) {
|
||||
// 主题修改
|
||||
this.setTheme(val)
|
||||
},
|
||||
// 监听路由 控制isBoolean
|
||||
$route() {
|
||||
if (this.$route.name !== 'Login' && this.$route.name !== 'Home'
|
||||
&& !this.$route.meta.isBoolean && this.$route.name !== 'beeEChungLogin'
|
||||
&& this.$route.name !== 'beeEnergyLogin' && this.$route.name !== 'mdLawLogin'
|
||||
&& this.$route.name !== 'nuoBLogin' && this.$route.name !== 'sTLogin'
|
||||
&& this.$route.name !== 'StandardSearch' && this.$route.name !== 'phoneIndex'
|
||||
&& this.$route.name !== 'AdvancedSearchExternal' && this.$route.name !== 'LoginVerifyNoEncryption'
|
||||
&& this.$route.name !== 'blankPage' && this.$route.name !== 'processedPage'
|
||||
&& this.$route.name !== 'loginStandDetails' && this.$route.name !== 'error'
|
||||
&& this.$route.name !== 'phoneHome'&& this.$route.name !== 'databaseSearch'
|
||||
&& this.$route.name !== 'standDynamics' && this.$route.name !== 'domesticStand'
|
||||
&& this.$route.name !== 'domesticDetails' && this.$route.name !== 'LoginVerifyPhone'
|
||||
&& this.$route.name !== 'zlzxDetails' && this.$route.name !== 'LoginVerifyPhone'
|
||||
&& this.$route.name !== 'OtherStandardExternalDetails' && this.$route.name !== 'OtherStandardExternalDetails') {
|
||||
this.isBoolean = true
|
||||
} else {
|
||||
this.isBoolean = false
|
||||
}
|
||||
//切换标签时
|
||||
this.handleRefreshTable();
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// this.setTheme(this.getTheme)
|
||||
// //实现对字符码的截获，keypress中屏蔽了这些功能按键
|
||||
// document.onkeypress = this.banBackSpace
|
||||
// //对功能按键的获取
|
||||
// document.onkeydown = this.banBackSpace
|
||||
// this.visibilitychangeFn = (e) => { //这个方法是监测浏览器窗口发生变化的时候执行
|
||||
// // 切换到当前页面
|
||||
// if (document.hidden == false) {
|
||||
// const userInfoModifyTime = this.userInfoModifyTime
|
||||
// const userInfoModifyTimeInLocalStorage = localStorage.getItem('userInfoModifyTime')
|
||||
//
|
||||
// // 用户未切换 不执行任何操作
|
||||
// if (userInfoModifyTime === userInfoModifyTimeInLocalStorage) {
|
||||
// return
|
||||
// }
|
||||
//
|
||||
// if (userInfoModifyTimeInLocalStorage === null && webLoginType === 'idm') {
|
||||
// this.$store.dispatch('syncStorageData')
|
||||
//
|
||||
// const currentPage = this.$route.name
|
||||
// if (currentPage === 'Login') {
|
||||
// return
|
||||
// }
|
||||
// this.currentMinute = 3
|
||||
// this.loading && this.loading.close()
|
||||
// this.loading = this.$loading({
|
||||
// lock: true,
|
||||
// // text: 'Loading',
|
||||
// // spinner: 'el-icon-loading',
|
||||
// // background: 'rgba(0, 0, 0, 0.7)'
|
||||
// });
|
||||
// this.messageForLogin && this.messageForLogin.close()
|
||||
// this.messageForLogin = this.$message({
|
||||
// message: `用户已退出，${this.currentMinute}秒后将跳转到登录1页面`,
|
||||
// type: 'warning'
|
||||
// })
|
||||
//
|
||||
//
|
||||
// this.intervalForLogin = setInterval(() => {
|
||||
// if (this.currentMinute === 0) {
|
||||
// clearInterval(this.intervalForLogin)
|
||||
// this.loading.close()
|
||||
//
|
||||
// this.$router.push('/login')
|
||||
// console.log('切换到登录页面', currentPage)
|
||||
// }
|
||||
// this.currentMinute--
|
||||
// this.messageForLogin.message = `用户已退出，${this.currentMinute}秒后将跳转到登录页面`
|
||||
// }, 0)
|
||||
//
|
||||
// } else if (userInfoModifyTime !== userInfoModifyTimeInLocalStorage && webLoginType === 'idm') {
|
||||
// this.$store.dispatch('syncStorageData')
|
||||
//
|
||||
// console.log('用户信息已更改，同步数据')
|
||||
//
|
||||
// this.currentMinute = 3
|
||||
//
|
||||
// this.loading && this.loading.close()
|
||||
// this.loading = this.$loading({
|
||||
// lock: true,
|
||||
// // text: 'Loading',
|
||||
// // spinner: 'el-icon-loading',
|
||||
// // background: 'rgba(0, 0, 0, 0.7)'
|
||||
// });
|
||||
//
|
||||
// this.messageForHome && this.messageForHome.close()
|
||||
// this.messageForHome = this.$message({
|
||||
// message: `用户已切换，${this.currentMinute}秒后将跳转到用户首页`,
|
||||
// type: 'warning'
|
||||
// })
|
||||
// this.intervalForHome = setInterval(() => {
|
||||
// if (this.currentMinute === 0) {
|
||||
// clearInterval(this.intervalForHome)
|
||||
// this.loading.close()
|
||||
//
|
||||
// this.$router.push({
|
||||
// path: '/redirect',
|
||||
// query: '/home2'
|
||||
// })
|
||||
// }
|
||||
// this.currentMinute--
|
||||
// this.messageForHome.message = `用户已切换，${this.currentMinute}秒后将跳转到用户首页`
|
||||
// }, 1000)
|
||||
//
|
||||
// // const route = this.$router.resolve('/home')
|
||||
// // this.$router.push({
|
||||
// // path: '/redirect',
|
||||
// // query: '/home'
|
||||
// // })
|
||||
// // location.reload();
|
||||
// }
|
||||
//
|
||||
// }
|
||||
// }
|
||||
// document.addEventListener('visibilitychange', this.visibilitychangeFn);
|
||||
|
||||
},
|
||||
beforeDestroy() {
|
||||
// document.onkeypress = null
|
||||
// document.onkeydown = null
|
||||
// document.removeEventListener('visibilitychange', this.visibilitychangeFn)
|
||||
// clearInterval(this.intervalForLogin)
|
||||
// clearInterval(this.intervalForHome)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
#app {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: hidden;
|
||||
background-color: #F0F2F5;
|
||||
//background: url('~@/assets/images/shangqi/home/BG.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
font-family: MicrosoftYaHei, 微软雅黑;
|
||||
& > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.el-main {
|
||||
padding: 15px 10px 0 10px;
|
||||
}
|
||||
.content-box {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
|
||||
.el-header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sub-container {
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
overflow-x: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-y: hidden;
|
||||
|
||||
.container-box {
|
||||
#app {
|
||||
position: relative;
|
||||
height: calc(~'100% - 10px');
|
||||
//flex: 1;
|
||||
background: #F4F4F4;
|
||||
/*overflow-y: auto;*/
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: hidden;
|
||||
background-color: #F0F2F5;
|
||||
//background: url('~@/assets/images/shangqi/home/BG.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
font-family: MicrosoftYaHei, 微软雅黑;
|
||||
|
||||
.pagination {
|
||||
border-top: 1px solid #f4f4f4;
|
||||
width: calc(~'100% - 20px');
|
||||
left: 10px;
|
||||
& > div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .el-menu--vertical {
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
.el-main {
|
||||
padding: 15px 10px 0 10px;
|
||||
}
|
||||
|
||||
.content-box {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
|
||||
.el-header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sub-container {
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
overflow-x: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-y: hidden;
|
||||
|
||||
.container-box {
|
||||
position: relative;
|
||||
height: calc(~'100% - 10px');
|
||||
//flex: 1;
|
||||
background: #F4F4F4;
|
||||
/*overflow-y: auto;*/
|
||||
|
||||
.pagination {
|
||||
border-top: 1px solid #f4f4f4;
|
||||
width: calc(~'100% - 20px');
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .el-menu--vertical {
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
|
||||
.customer {
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
bottom: 20px;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user