- 시스템관리 > 관리자목록조회, 관리자등록, 관리자수정, 관리자삭제, 관리자상세조회

frontend/src/views/ErrorPage404.vue

@@ -1,37 +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>
+<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>

frontend/src/views/ErrorPage500.vue

@@ -1,37 +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);
-      }
-    }
-  };
+<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>

frontend/src/views/HubwebLayout.vue

@@ -1,78 +1,79 @@
-<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;                
-      }      
-    },
-  }
-};
+<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>