File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div v-cloak :class="layoutType === 'side' ? 'dashboard-wrap' : 'layout-wrap'">
<Header v-if="store.state.loginUser != null" :className="layoutType" />
<SideMenu v-if="layoutType === 'side' && store.state.loginUser != null" />
<TopMenu v-else-if="layoutType === 'top'&& store.state.loginUser != null"/>
<div :class="store.state.loginUser != null ? 'main' : 'login'">
<PageNavigation v-if="layoutType === 'side'&& store.state.loginUser != null" />
<router-view />
</div>
</div>
<AlertModal id="cmmnAlert" ref="Alert"></AlertModal>
</template>
<script>
import Header from '../layout/Header.vue';
import SideMenu from '../layout/SideMenu.vue';
import TopMenu from '../layout/TopMenu.vue';
import PageNavigation from '../component/PageNavigation.vue';
import AlertModal from '../component/common/AlertModal.vue';
import store from './AppStore'
import Vue from "vue";
const App = {
data: () => {
return {
// side혹은 top 둘중 한개 타입
layoutType: "top",
loginpage : false,
store : store,
}
},
methods: {
},
watch: {
},
computed: {
},
components: {
'Header': Header,
'SideMenu': SideMenu,
'TopMenu': TopMenu,
'PageNavigation': PageNavigation,
'AlertModal' : AlertModal,
},
mounted: function() {
// 공통 모듈 alert
this.$setAlertRef(this.$refs.Alert);
this.$setDefaultObject();
let vm = this;
// this.$router.beforeEach((to, from, next) => {
// if( to.path === "/login.page" || from.path == "/login.page" ) vm.loginpage = true;
// else vm.loginpage = false;
// next();
// });
}
}
export default App;
</script>
<style scoped>
[v-cloak] {
display: none;
}
.main-warp {
border: 1px solid #000;
margin: 20px 0px;
}
</style>