266 lines
9.9 KiB
Vue
266 lines
9.9 KiB
Vue
<template>
|
||
<div id="main" @click="clickDomEvent">
|
||
<el-container>
|
||
<!-- 导航区域 -->
|
||
<el-header id="header" height="56px" style="padding: 0px;">
|
||
<Navigation ref="navigation"></Navigation>
|
||
</el-header>
|
||
<el-main :style="{padding:0,height:bodyHeight}" style="position: relative;">
|
||
<!--展开应用中心-->
|
||
<div class="main">
|
||
<awsui-sidebar
|
||
:visible.sync="drawer"
|
||
:direction="direction"
|
||
size="100%"
|
||
:append-to-body=false
|
||
:show-close=false
|
||
:withHeader=false
|
||
:wrapper-closable=false
|
||
:modal=false
|
||
@opened="openAppIframe">
|
||
<div style="position: relative;width: 100%;height: 100%;">
|
||
<!-- <div style="cursor:pointer;height: 20px;width: 15px;background-color: #F5F7FA;position: absolute;top: 10px;line-height: 20px;vertical-align: middle;" @click="closeAppDrawer">-->
|
||
<!-- <i class="iconfont"></i>-->
|
||
<!-- </div>-->
|
||
<div id="appContent" v-if="nonAppComponent == ''" key="appContent" style="width: 100%;height: 100%;">
|
||
</div>
|
||
<div id="nonAppComponent" v-if="nonAppComponent != ''" key="nonAppComponent" style="width: 100%;height: 100%;">
|
||
<component ref="component" :is="nonAppComponent" :wsId="wsId"></component>
|
||
</div>
|
||
</div>
|
||
</awsui-sidebar>
|
||
</div>
|
||
<!--展开PAL小组管理-->
|
||
<div class="main">
|
||
<awsui-sidebar
|
||
:visible.sync="cooperation.drawer"
|
||
:direction="direction"
|
||
size="100%"
|
||
:append-to-body=false
|
||
:show-close=false
|
||
:withHeader=false
|
||
:wrapper-closable=false
|
||
:modal=false
|
||
@opened="openCooperationIframe">
|
||
<div style="position: relative;width: 100%;height: 100%;">
|
||
<div style="cursor:pointer;height: 20px;width: 15px;background-color: #F5F7FA;position: absolute;top: 10px;line-height: 20px;vertical-align: middle;" @click="closeCooperationDrawer">
|
||
<i class="iconfont"></i>
|
||
</div>
|
||
<div id="cooperationContent" v-if="nonAppComponent == ''" key="cooperationContent" style="width: 100%;height: 100%;">
|
||
</div>
|
||
</div>
|
||
</awsui-sidebar>
|
||
</div>
|
||
<!--修改密码-->
|
||
<div>
|
||
<PwdChange ref="pwdChange"></PwdChange>
|
||
</div>
|
||
<router-view :key="key"/>
|
||
</el-main>
|
||
</el-container>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import Navigation from "./system/Navigation";
|
||
import PwdChange from "./system/PwdChange";
|
||
import WorkspaceBackup from "./workspace/WorkspaceBackup";
|
||
import Mark from "./repository/RepositorySecurityMark";
|
||
import Recycle from "./recycle/Recycle";
|
||
import Method from "./method/Method";
|
||
import awsuiAxios from "../awsuiAxios";
|
||
export default {
|
||
name: 'Main',
|
||
components: {PwdChange, Navigation, WorkspaceBackup, Recycle, Method,Mark},
|
||
data() {
|
||
return {
|
||
bodyHeight : (document.documentElement.clientHeight - 56) + 'px',
|
||
drawer: false,
|
||
direction: 'rtl',
|
||
nonAppComponent: '',
|
||
wsId: '',
|
||
cooperation: {
|
||
drawer: false,
|
||
cooperationContent: '',
|
||
},
|
||
mainTimer: null, // 主体内容加载定时器，用于判断Navigation是否加载完成，加载完成wsId不为空或者timeNum为0(10秒钟之后未加载成功)时停止执行
|
||
mainTimerNum: 200 // 设置定时器执行次数，
|
||
}
|
||
},
|
||
provide: function () {
|
||
return {
|
||
openAppDrawer: this.openAppDrawer,
|
||
closeAppDrawer: this.closeAppDrawer,
|
||
openPwdConfig: this.openPwdConfig,
|
||
logout: this.logout,
|
||
openCooperationDrawer: this.openCooperationDrawer,
|
||
closeCooperationDrawer: this.closeCooperationDrawer,
|
||
saveAccessOpLog: this.saveAccessOpLog
|
||
}
|
||
},
|
||
computed: {
|
||
key() {
|
||
return new Date() + '';
|
||
}
|
||
},
|
||
created() {
|
||
},
|
||
mounted() {
|
||
// 是否强制修改密码
|
||
if (forceChangePwd) {
|
||
this.openPwdConfig();
|
||
}
|
||
this.$store.commit('setTopMainHeightFn',this.bodyHeight);// 更新主体高度存储
|
||
this.resize();
|
||
// 火狐浏览器拖拽问题
|
||
document.body.ondrop = function (event) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
}
|
||
},
|
||
methods: {
|
||
/****应用中心****/
|
||
openAppDrawer() {
|
||
if (document.getElementById("appContent") != undefined) {
|
||
document.getElementById("appContent").innerHTML = '';
|
||
}
|
||
this.drawer = true;
|
||
},
|
||
openAppIframe() {
|
||
this.wsId = this.$store.getters.getWsIdFn;
|
||
const that = this;
|
||
let nav = that.$refs.navigation;
|
||
if (nav.currApp.clazzName == 'method') {// 建模方法
|
||
that.nonAppComponent = '';
|
||
that.$nextTick(()=> {
|
||
that.nonAppComponent = 'Method'
|
||
});
|
||
that.saveAccessOpLog('method');
|
||
} else if (nav.currApp.clazzName == 'backup'){// 备份
|
||
that.nonAppComponent = '';
|
||
that.$nextTick(() => {
|
||
that.nonAppComponent = 'WorkspaceBackup';
|
||
});
|
||
that.saveAccessOpLog('backup');
|
||
} else if (nav.currApp.clazzName == 'recycle') {// 回收站
|
||
that.nonAppComponent = '';
|
||
that.$nextTick(()=> {
|
||
that.nonAppComponent = 'Recycle'
|
||
});
|
||
that.saveAccessOpLog('recycle');
|
||
} else if (nav.currApp.clazzName == 'mark') {//密级标定
|
||
that.nonAppComponent = '';
|
||
that.$nextTick(()=> {
|
||
that.nonAppComponent = 'Mark'
|
||
});
|
||
that.saveAccessOpLog('mark');
|
||
} else {
|
||
that.nonAppComponent = '';
|
||
that.$nextTick(() => {
|
||
document.getElementById("appContent").innerHTML = '';
|
||
let src = wHref + '?' + "sid=" + that.$store.state.sessionId + "&wsId=" + that.$store.getters.getWsIdFn + "&teamId=" + that.$store.getters.getTeamIdFn + "&clazzName=" + nav.currApp.clazzName + "&cmd=com.actionsoft.apps.coe.pal_app_page";
|
||
document.getElementById("appContent").innerHTML = '<iframe id="appIframe" width="100%" height="100%" name="appIframe" style="border:0;" src="' + src + '"></iframe>';
|
||
});
|
||
}
|
||
},
|
||
closeAppDrawer() {
|
||
this.nonAppComponent = '';
|
||
this.drawer = false;
|
||
this.$refs.navigation.showAppDetail = false;
|
||
},
|
||
/****PAL小组管理中心****/
|
||
openCooperationDrawer() {
|
||
this.wsId = this.$store.getters.getWsIdFn;
|
||
if (document.getElementById("cooperationContent") != undefined) {
|
||
document.getElementById("cooperationContent").innerHTML = '';
|
||
}
|
||
this.cooperation.drawer = true;
|
||
},
|
||
openCooperationIframe() {
|
||
const that = this;
|
||
let nav = that.$refs.navigation;
|
||
that.wsId = nav.wsValue;
|
||
that.cooperation.cooperationContent = '';
|
||
that.$nextTick(() => {
|
||
document.getElementById("cooperationContent").innerHTML = '';
|
||
let src = wHref + '?' + 'sid=' + this.$store.state.sessionId + '&mainPage=manage&cmd=com.actionsoft.apps.coe.pal.cooperation_main';
|
||
document.getElementById("cooperationContent").innerHTML = '<iframe id="cooperationIframe" width="100%" height="100%" name="cooperationIframe" style="border:0;" src="' + src + '"></iframe>';
|
||
});
|
||
},
|
||
closeCooperationDrawer() {
|
||
this.cooperation.cooperationContent = '';
|
||
this.cooperation.drawer = false;
|
||
this.$refs.navigation.cooperationDrawer.showCooperationDetail = false;
|
||
},
|
||
|
||
handleClose(done) {
|
||
done();
|
||
},
|
||
/****密码修改****/
|
||
openPwdConfig() {
|
||
this.$refs.pwdChange.pwdConfig = true;
|
||
},
|
||
/****退出登录****/
|
||
logout() {
|
||
const that = this;
|
||
that.$confirm('确定离开系统吗？', '提示', {
|
||
confirmButtonText: '确定',
|
||
confirmButtonClass: 'button-general-color',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
const src = wHref + "?sid=" + that.$store.state.sessionId + "&cmd=com.actionsoft.apps.coe.pal_user_logout";
|
||
window.location.replace(src);
|
||
}).catch(() => {
|
||
});
|
||
},
|
||
resize() {// 窗口监听window.resize
|
||
const that = this
|
||
let resizeTimer = null;
|
||
window.onresize = () => {
|
||
return (() => {
|
||
if (resizeTimer) clearTimeout(resizeTimer);
|
||
resizeTimer = setTimeout(function(){
|
||
that.bodyHeight = (document.documentElement.clientHeight - 56) + 'px';
|
||
that.$store.commit('setTopMainHeightFn',that.bodyHeight);
|
||
} , 400);
|
||
})()
|
||
}
|
||
},
|
||
clickDomEvent() {// 点击整个dom的事件，通过vuex进行全局状态管理
|
||
this.$store.commit('setNavigationQueryVisibleFn',false);// 导航栏输入框快速搜索结果隐藏
|
||
},
|
||
saveAccessOpLog(moduleCategory) {// 记录访问各模块的审计日志
|
||
const that = this;
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd : 'com.actionsoft.apps.coe.pal_access_log_save',
|
||
moduleCategory: moduleCategory
|
||
}
|
||
};
|
||
awsuiAxios.post(data).then(function (ro) {
|
||
if (ro.result == 'ok') {
|
||
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
})
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
<style scoped>
|
||
#main {
|
||
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
/*text-align: center;*/
|
||
color: #2c3e50;
|
||
margin-top: 0px;
|
||
}
|
||
.main >>> .awsui-sidebar__wrapper {
|
||
position: static;
|
||
}
|
||
</style>
|