mirror of
http://git.mhez-qa.uplus.co.kr/hubez/hubez-admin.git
synced 2025-12-07 06:52:01 +09:00
hubez-admin partner-git master -> hubez-git transfer 202205241800
This commit is contained in:
37
frontend/src/views/ErrorPage404.vue
Normal file
37
frontend/src/views/ErrorPage404.vue
Normal file
@@ -0,0 +1,37 @@
|
||||
<template>
|
||||
|
||||
<article id="content" class="content error_page">
|
||||
<div class="error_wrap center">
|
||||
<div class="title_area rcs_icon icon_error404">
|
||||
<h2 class="h2_title">죄송합니다.<br>요청하신 페이지를 찾을 수 없습니다. (404 Error)</h2><span class="h2_desc mar_t20">존재하지 않는 주소를 입력하셨거나 기술적인 문제로 일시적으로 접속되지 않았습니다.<br>잠시 후 다시 이용 부탁드리며 이용에 불편을 드려 사과드립니다.</span>
|
||||
</div>
|
||||
<div class="btn_wrap center mar_t60"><a href="javascript:void(0);" class="btn big cd_black" @click="backGo"><span>이전</span></a><a href="/" class="btn big point"><span>메인</span></a></div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data: function() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.$store.commit("login/isErrorPage", true);
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
destroyed() {
|
||||
this.$store.commit("login/isErrorPage", false);
|
||||
},
|
||||
methods: {
|
||||
backGo() {
|
||||
this.$router.go(-1);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
37
frontend/src/views/ErrorPage500.vue
Normal file
37
frontend/src/views/ErrorPage500.vue
Normal file
@@ -0,0 +1,37 @@
|
||||
<template>
|
||||
|
||||
<article id="content" class="content error_page">
|
||||
<div class="error_wrap center">
|
||||
<div class="title_area rcs_icon icon_error500">
|
||||
<h2 class="h2_title">죄송합니다.<br>서비스가 일시적으로 중단되었습니다. (500 Error)</h2><span class="h2_desc mar_t20">일시적으로 페이지 접근이 불가능합니다.<br>잠시 후 다시 이용 부탁드리며 이용에 불편을 드려 사과드립니다.</span>
|
||||
</div>
|
||||
<div class="btn_wrap center mar_t60"><a href="javascript:void(0);" class="btn big cd_black" @click="backGo"><span>이전</span></a><a href="/" class="btn big point"><span>메인</span></a></div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data: function() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.$store.commit("login/isErrorPage", true);
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
destroyed() {
|
||||
this.$store.commit("login/isErrorPage", false);
|
||||
},
|
||||
methods: {
|
||||
backGo() {
|
||||
this.$router.go(-1);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
78
frontend/src/views/HubwebLayout.vue
Normal file
78
frontend/src/views/HubwebLayout.vue
Normal file
@@ -0,0 +1,78 @@
|
||||
<template>
|
||||
<body>
|
||||
<div class="wrap" v-bind:class="{'main_wrap': (isLogin && isAuthChk), 'login-wrap': (!isLogin && !isAuthChk), 'bg-wrap': (isLogin && !isAuthChk) }" >
|
||||
<hub-web-header v-if="isAuthChk == true"></hub-web-header>
|
||||
<nav-bar v-if="isAuthChk == true"></nav-bar>
|
||||
<router-view :key="$route.fullPath"></router-view>
|
||||
<hub-web-footer v-if="isAuthChk == false"></hub-web-footer>
|
||||
</div>
|
||||
</body>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import NavBar from "../components/NavBar.vue";
|
||||
//import vuejsDatepicker from "../components/vuejs-datepicker";
|
||||
import HubWebHeader from "../components/HubWebHeader.vue";
|
||||
import HubWebFooter from "../components/HubWebFooter.vue";
|
||||
import "../common/ko.js";
|
||||
|
||||
import "../assets/css/layout.css";
|
||||
import "../assets/css/contents.css";
|
||||
import "../assets/css/common.css";
|
||||
import "../assets/css/style.css";
|
||||
import { mapGetters } from 'vuex';
|
||||
|
||||
export default {
|
||||
name: "hubwebLayout",
|
||||
components: {
|
||||
NavBar,
|
||||
//vuejsDatepicker,
|
||||
HubWebHeader,
|
||||
HubWebFooter,
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
isLogin: false,
|
||||
isErrPage: false,
|
||||
isAuthChk: false,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getLogin;
|
||||
this.getAuthChk;
|
||||
},
|
||||
mounted() {
|
||||
|
||||
}
|
||||
,computed: {
|
||||
...mapGetters({
|
||||
getLogin: 'login/isLogin',
|
||||
getErrorPage: 'login/isErrorPage',
|
||||
getAuthChk: 'login/isAuthChk',
|
||||
}),
|
||||
},
|
||||
watch: {
|
||||
getLogin(data) {
|
||||
if (data != null && data != '' && data == true) {
|
||||
this.isLogin = true;
|
||||
} else {
|
||||
this.isLogin = false;
|
||||
}
|
||||
},
|
||||
getErrorPage(data) {
|
||||
if (data != null && data != '' && data == true) {
|
||||
this.isErrPage = true;
|
||||
} else {
|
||||
this.isErrPage = false;
|
||||
}
|
||||
},
|
||||
getAuthChk(data) {
|
||||
if (data != null && data != '' && data == true) {
|
||||
this.isAuthChk = true;
|
||||
} else {
|
||||
this.isAuthChk = false;
|
||||
}
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user