Commit @4c123060a603aa8610fc5694863942d99bb6e3f0

hmkim 04-01

Merge branch 'master' of http://210.180.118.83/jhpark/cms_frontend

@4c123060a603aa8610fc5694863942d99bb6e3f0

b709f3d

4c12306

client/resources/js/defaultDateParams.js

--- client/resources/js/defaultDateParams.js

+++ client/resources/js/defaultDateParams.js


     },
 
     // 조회기간 유효성 검사
+    // validateDate(event, cate) {
+    //   const val = event.target.value; // 변경된 날짜 값
+    //   // 시작일 변경 시
+    //   if (cate === "startDt") {
+    //     if (this.searchDate.endDt !== null && this.searchDate.endDt < val) {
+    //       alert("시작일은 종료일보다 클 수 없습니다.");
+    //       this.searchDate.startDt = null; // 유효하지 않은 경우, 시작일을 초기화
+    //     } else {
+    //       this.searchDate.startDt = val;
+    //     }
+    //   }
+    //   // 종료일 변경 시
+    //   else if (cate === "endDt") {
+    //     if (this.searchDate.startDt !== null && this.searchDate.startDt > val) {
+    //       alert("종료일은 시작일보다 작을 수 없습니다.");
+    //       this.searchDate.endDt = null; // 유효하지 않은 경우, 종료일을 초기화
+    //     } else {
+    //       this.searchDate.endDt = val;
+    //     }
+    //   }
+    // },
+
     validateDate(event, cate) {
-      const val = event.target.value; // 변경된 날짜 값
-      // 시작일 변경 시
+      let val;
+
+      // 값이 Date 객체인지 확인
+      if (event instanceof Date) {
+        const year = event.getFullYear();
+        const month = ('00' + (event.getMonth() + 1)).slice(-2);
+        const day = ('00' + event.getDate()).slice(-2);
+
+        val = `${year}-${month}-${day}`;
+      }
+      // 값이 Event 객체인지 확인
+      else if (event instanceof Event) {
+        val = event.target.value; // input에서 직접 입력된 값
+      }
+      // 그 외의 경우 처리 불필요 (예외 처리)
+      else {
+        console.error("Invalid date input:", event);
+        return;
+      }
+
+      // 시작일 검증
       if (cate === "startDt") {
-        if (this.searchDate.endDt !== null && this.searchDate.endDt < val) {
+        if (this.searchDate.endDt && this.searchDate.endDt < val) {
           alert("시작일은 종료일보다 클 수 없습니다.");
-          this.searchDate.startDt = null; // 유효하지 않은 경우, 시작일을 초기화
+          this.searchDate.startDt = null;
         } else {
           this.searchDate.startDt = val;
         }
       }
-      // 종료일 변경 시
+      // 종료일 검증
       else if (cate === "endDt") {
-        if (this.searchDate.startDt !== null && this.searchDate.startDt > val) {
+        if (this.searchDate.startDt && this.searchDate.startDt > val) {
           alert("종료일은 시작일보다 작을 수 없습니다.");
-          this.searchDate.endDt = null; // 유효하지 않은 경우, 종료일을 초기화
+          this.searchDate.endDt = null;
         } else {
           this.searchDate.endDt = val;
         }
       }
-    },
+    }
   }
 }

b709f3d

4c12306

client/resources/scss/admin/content.scss

--- client/resources/scss/admin/content.scss

+++ client/resources/scss/admin/content.scss


 
 
         .form-select {
-            width: 200px;
+            min-width: 135px;
+            max-width: 300px;
+
+            &.fixed{
+                width: 135px;
+            }
         }
 
         .form-control {

 }
 
 .tbl-wrap{
-    height: 100%;
+    // height: 100%;
 
     &.overflow-y{
         overflow-y: auto;

         border-right:0;
     }
 }
+
+.mb30{
+    margin-bottom: 3rem;
+}
+
+.dp__main{
+    height: 100%;
+    >div:first-child{
+        height: 100%;
+        *{
+            height: 100%;
+        }
+        .dp__input{
+            width: 100%;
+            border: none;
+            background-color: transparent;
+            transition: none;
+            line-height: 100%;
+            padding: 0;
+            font-size: 1.5rem;
+        }
+        .dp__icon{
+            display: none;
+        }
+       
+    }
+
+    .dp__menu,
+    .dp__selection_preview,
+    .dp__action_button{
+        font-size: 1.5rem;
+    }
+}

b709f3d

client/views/component/paginavigationbar/PagiNavigationBar.vue (deleted)

--- client/views/component/paginavigationbar/PagiNavigationBar.vue

...	...	@@ -1,46 +0,0 @@
	1	-<template>
	2	- <div :class="className">
	3	- <p class="navigation-bar">
	4	- <router-link
	5	- to="/adm/main.page" aria-label="home으로 가기" id="home" style="border-bottom: 1px solid;">
	6	- Home
	7	- </router-link>
	8	- <!-- <span v-if = "pageNavi.main != ''">    >    {{ pageNavi.main }}</span><span v-if = "!(pageNavi.sub == null \|\| pageNavi.sub.trim() == '')">    >    {{ pageNavi.sub }} </span>
	9	- <span v-if = "!(pageNavi.third == null \|\| pageNavi.third.trim() == '')">    >    {{ pageNavi.third }} </span> -->
	10	- </p>
	11	- </div>
	12	-</template>
	13	-
	14	-<script>
	15	-export default {
	16	- props: {
	17	- className: {
	18	- type: String,
	19	- default: 'navigation-wrap',
	20	- },
	21	- navi : {
	22	- type: Object,
	23	- default : null
	24	- }
	25	- },
	26	- data() {
	27	- return {
	28	- // pageNavi : this.$getPageNaviInfo(),
	29	- }
	30	- },
	31	- mounted() {
	32	-
	33	- },
	34	- watch:{
	35	- 'className':function(newV,oldV){
	36	- },
	37	- // '$store.state.pageNaviInfo': function (newValue) {
	38	- // this.pageNavi = newValue;
	39	- // },
	40	- // 'navi.sub' : function(v){
	41	- // this.pageNavi.main = this.navi.main;
	42	- // this.pageNavi.sub = this.navi.sub;
	43	- // }
	44	- },
	45	-}
	46	-</script>

b709f3d

4c12306

client/views/component/userInfo/UserInfoInsert.vue

--- client/views/component/userInfo/UserInfoInsert.vue

+++ client/views/component/userInfo/UserInfoInsert.vue


           <div class="page-title">
             <p>{{pageTit}}</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div class="form-box">
           <div class="form-box-title">

   defaultUserInfoParams,
 } from "../../../resources/js/defaultUserInfoParams";
 import validateParams from "../../../resources/js/validateParams";
-import PagiNavigationBar from "../paginavigationbar/PagiNavigationBar.vue";
+
 
 // COMPONENT
 import UserAuthorList from "./UserAuthorList.vue";

 
 export default {
   mixins: [validateParams],
-  components: { UserAuthorList,PagiNavigationBar },
+  components: { UserAuthorList },
   props: {
     pageId: {
       type: String,

b709f3d

4c12306

client/views/component/userInfo/UserInfoView.vue

--- client/views/component/userInfo/UserInfoView.vue

+++ client/views/component/userInfo/UserInfoView.vue


             <div class="page-title">
               <p>{{pageTit}}</p>
             </div>
-            <PagiNavigationBar />
+  
           </div>
           <div class="form-box">
               <div class="form-box-title">

 
 // COMPONENT
 import UserAuthorList from "./UserAuthorList.vue";
-import PagiNavigationBar from "../paginavigationbar/PagiNavigationBar.vue";
+
 
 // API
 import { mbrDetailProc } from "../../../resources/api/mbrInfo";
 import { mbrDeleteProc } from "../../../resources/api/mbrInfo";
 
 export default {
-  components: { UserAuthorList,PagiNavigationBar },
+  components: { UserAuthorList },
   props: {
     pageId: {
       type: String,

b709f3d

4c12306

client/views/pages/adm/authority/authority/AuthorityInsert.vue

--- client/views/pages/adm/authority/authority/AuthorityInsert.vue

+++ client/views/pages/adm/authority/authority/AuthorityInsert.vue


           <div class="page-title">
             <p>권한 관리</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div class="form-box">
           <div class="form-box-title">

b709f3d

4c12306

client/views/pages/adm/authority/authority/AuthoritySelectList.vue

--- client/views/pages/adm/authority/authority/AuthoritySelectList.vue

+++ client/views/pages/adm/authority/authority/AuthoritySelectList.vue


           <div class="page-title">
             <p>권한 관리</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div class="search-bar ">
                 <!-- <select name="" id="" class="border-none gd-2">

                   @keyup.enter="findAll"
                 />
 
-              <button class="btn sm ico-sch" @click="findAll">
+              <button class="btn sm ico-before ico-sch" @click="findAll">
                 검색
               </button>
         </div>

b709f3d

4c12306

client/views/pages/adm/authority/authority/AuthoritySelectListOne.vue

--- client/views/pages/adm/authority/authority/AuthoritySelectListOne.vue

+++ client/views/pages/adm/authority/authority/AuthoritySelectListOne.vue


           <div class="page-title">
             <p>권한 관리</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div class="form-box">
           <div class="form-box-title">

b709f3d

4c12306

client/views/pages/adm/authority/menuAuthority/MenuAuthority.vue

--- client/views/pages/adm/authority/menuAuthority/MenuAuthority.vue

+++ client/views/pages/adm/authority/menuAuthority/MenuAuthority.vue


             <div class="page-title">
               <p>메뉴 권한 관리</p>
             </div>
-            <PagiNavigationBar />
+  
           </div>
           <div class="setting-box">
 

b709f3d

4c12306

client/views/pages/adm/boardManagement/boardManagement/BoardManagementInsert.vue

--- client/views/pages/adm/boardManagement/boardManagement/BoardManagementInsert.vue

+++ client/views/pages/adm/boardManagement/boardManagement/BoardManagementInsert.vue


                     <div class="page-title">
                         <p>게시판 관리</p>
                     </div>
-                    <PagiNavigationBar />
+          
                 </div>
                 <div class="form-box">
                     <div class="form-box-title">

b709f3d

4c12306

client/views/pages/adm/boardManagement/boardManagement/BoardManagementSelectList.vue

--- client/views/pages/adm/boardManagement/boardManagement/BoardManagementSelectList.vue

+++ client/views/pages/adm/boardManagement/boardManagement/BoardManagementSelectList.vue


                     <div class="page-title">
                         <p>게시판 관리</p>
                     </div>
-                    <PagiNavigationBar />
+          
                 </div>
                 <div class="search-bar ">
                     <select name="selectType" id="selectType" class="form-select sm" v-model="search.searchType">

b709f3d

4c12306

client/views/pages/adm/boardManagement/boardManagement/BoardManagementSelectListOne.vue

--- client/views/pages/adm/boardManagement/boardManagement/BoardManagementSelectListOne.vue

+++ client/views/pages/adm/boardManagement/boardManagement/BoardManagementSelectListOne.vue


           <div class="page-title">
             <p>게시판 관리</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div class="form-box mb30">
           <div class="form-box-title">

b709f3d

4c12306

client/views/pages/adm/boardManagement/wordsManagement/WordsManagementSelectList.vue

--- client/views/pages/adm/boardManagement/wordsManagement/WordsManagementSelectList.vue

+++ client/views/pages/adm/boardManagement/wordsManagement/WordsManagementSelectList.vue


                     <div class="page-title">
                         <p>금지어 관리</p>
                     </div>
-                    <PagiNavigationBar />
+          
                 </div>
                 <div class="search-bar">
                     <select class="form-select sm">

             <div class="modal-title">
                 <p>금지어 추가</p>
             </div>
-            <button class="close-btn" @click="modalClose">X</button>
+            <button class="btn-close" @click="fnModalClose"></button>
         </template>
-        <div class="search mb30">
-            <div class="flex justify-start align-center">
-                <div class="gd-10 pl0">
-                    <input type="text" class="full-input" placeholder="추가할 금지어를 입력해주세요." v-model="inputWordNm"
-                        @keyup.enter="addinputWord" />
-                </div>
-                <div class="gd-2 pl0 pr0">
-                    <button class="large-btn blue-border-btn" @click="addinputWord">추가</button>
-                </div>
-            </div>
+        <div class="search-bar">
+            <input type="text" class="form-control sm" placeholder="추가할 금지어를 입력해주세요." v-model="inputWordNm"
+                @keyup.enter="addinputWord" />
+            <button class="btn sm ico-befor ico-plus" @click="addinputWord">추가</button>
         </div>
         <ul style="height:calc(100% - 118px)" class="overflow-y">
             <li v-for="(item, index) in wordsArr" class="word-item pd10 border radius mb5" :key="index">

             </li>
         </ul>
         <template v-slot:footer>
-                <button class="large-btn darkg-border-btn ml0" @click="modalClose">취소</button>
-                <button class="large-btn blue-btn ml0" @click="fnSave">등록</button>
+                <button class="btn sm tertiary" @click="modalClose">취소</button>
+                <button class="btn sm primary" @click="fnSave">등록</button>
         </template>
     </Modal>
 </template>

b709f3d

4c12306

client/views/pages/adm/departmentManagement/DepartmentManagement.vue

--- client/views/pages/adm/departmentManagement/DepartmentManagement.vue

+++ client/views/pages/adm/departmentManagement/DepartmentManagement.vue


           <div class="page-title">
             <p>부서관리</p>
           </div>
-          <PagiNavigationBar />
+
       </div>
       <div class="setting-box">
         <div class="node-zone">

b709f3d

4c12306

client/views/pages/adm/log/LoginLog.vue

--- client/views/pages/adm/log/LoginLog.vue

+++ client/views/pages/adm/log/LoginLog.vue


 <template>
-  <div class="content">
-    <div class="admin-page-title point-font2 mb30">
-      <p>로그인 이력</p>
-    </div>
-    <div class="search-bar mb15">
-      <div class="flex justify-end align-center no-gutters">
-        <div class="gd-3 flex justify-end align-center">
-          <div class="gd-5 pl0">
+  <div class="content-zone">
+    <div class="content">
+      <div class="scroll">
+        <div class="title-zone">
+          <div class="page-title">
+            <p>로그인 이력</p>
+          </div>
+
+        </div>
+        <div class="search-bar">
+          <div class="form-control sm cal">
             <VueDatePicker
-              time-picker-inline
+              InlineOptions
               placeholder="시작일"
               locale="ko"
+              :enable-time-picker="false"
+              :format="formatDate"
               v-model="search['startDt']"
             />
           </div>
-          <div class="pd10">-</div>
-          <div class="gd-5">
-            <VueDatePicker
-              time-picker-inline
+          <div class="mark">-</div>
+          <div class="form-control sm cal">
+              <VueDatePicker
+              InlineOptions
               placeholder="종료일"
               locale="ko"
+              :enable-time-picker="false"
+              :format="formatDate"
               v-model="search['endDt']"
             />
           </div>
-        </div>
-        <div class="gd-4 mr10">
-          <div class="border">
-            <select
-              name="selectType"
-              id="selectType"
-              class="border-none gd-2"
-              v-model="search['searchType']"
+          <select
+            name="selectType"
+            id="selectType"
+            class="form-select sm"
+            v-model="search['searchType']"
+          >
+            <option value="">전체</option>
+            <option
+              v-for="(item, idx) in codeList"
+              :key="idx"
+              :value="item.cd"
             >
-              <option value="">전체</option>
-              <option
-                v-for="(item, idx) in codeList"
-                :key="idx"
-                :value="item.cd"
-              >
-                {{ item.cdNm }}
-              </option>
-            </select>
-            <input
-              type="text"
-              class="full-input border-none gd-10 condition-input"
-              v-model="search['searchText']"
-              v-on:keyup.enter="fnViewList"
-              placeholder="검색명을 입력하세요"
-            />
-          </div>
-        </div>
-        <div class="gd-1">
-          <button class="large-btn blue-border-btn" @click="fnViewList">
+              {{ item.cdNm }}
+            </option>
+          </select>
+          <input
+            type="text"
+            class="form-control sm"
+            v-model="search['searchText']"
+            v-on:keyup.enter="fnViewList"
+            placeholder="검색명을 입력하세요"
+          />
+          <button class="btn sm ico-before ico-sch" @click="fnViewList">
             검색
           </button>
         </div>
+        <div class="tbl-wrap">
+          <ListTable
+            :colgroup="colgroup"
+            :thead="thead"
+            :tbody="tbody"
+            :className="'data'"
+          />
+        </div>
       </div>
     </div>
-    <div class="table-zone">
-      <ListTable
-        :colgroup="colgroup"
-        :thead="thead"
-        :tbody="tbody"
-        :className="'admin-list'"
-      />
-    </div>
-    <div class="flex justify-center align-center no-gutters">
-      <div class="gd-10">
-        <PaginationButton
-          :className="'admin-pagination'"
-          v-model:currentPage="search['currentPage']"
-          :pagination="search"
-          :click="fnViewList"
-        />
-      </div>
-    </div>
+  </div>
+  <div class="btn-wrap list">
+    <div></div>
+    <PaginationButton
+      :className="'admin-pagination'"
+      v-model:currentPage="search['currentPage']"
+      :pagination="search"
+      :click="fnViewList"
+    />
+    <div></div>
   </div>
 </template>
 

       }
     },
     //─────axios─────┘
+
+    // 날짜포맷
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = ('00' + (date.getMonth() + 1)).slice(-2);
+      const day = ('00' + date.getDate()).slice(-2);
+      return `${year}-${month}-${day}`;
+    }
+
   },
 };
 </script>

b709f3d

4c12306

client/views/pages/adm/log/PersonalDataLog.vue

--- client/views/pages/adm/log/PersonalDataLog.vue

+++ client/views/pages/adm/log/PersonalDataLog.vue


 <template>
-  <div class="content">
+  <div class="content-zone">
     <div class="admin-page-title point-font2 mb30">
       <p>개인정보 조회 이력</p>
     </div>
-    <div class="search-bar mb15">
-      <div class="flex justify-end align-center no-gutters">
-        <div class="gd-3 flex justify-end align-center">
-          <div class="gd-5 pl0">
-            <VueDatePicker
-              time-picker-inline
-              placeholder="시작일"
-              locale="ko"
-              v-model="search['startDt']"
+    <div class="search-bar">
+      <div class="form-control sm cal">
+        <VueDatePicker
+          InlineOptions   
+          placeholder="시작일"
+          locale="ko"
+          :enable-time-picker="false"
+          :format="formatDate"
+          v-model="search['startDt']"
             />
-          </div>
-          <div class="pd10">-</div>
-          <div class="gd-5">
-            <VueDatePicker
-              time-picker-inline
-              placeholder="종료일"
-              locale="ko"
-              v-model="search['endDt']"
-            />
-          </div>
-        </div>
-        <div class="gd-4 mr10">
-          <div class="border">
+      </div>  
+      <div class="mark">-</div>
+      <div  class="form-control sm cal">
+        <VueDatePicker
+          InlineOptions
+          placeholder="종료일"
+          locale="ko"
+          :enable-time-picker="false"
+          :format="formatDate"
+          v-model="search['endDt']"
+        />
+      </div>
             <select
               name="selectType"
               id="selectType"
-              class="border-none gd-2"
+              class="form-select sm"
               v-model="search['searchType']"
             >
               <option value="">전체</option>

             </select>
             <input
               type="text"
-              class="full-input border-none gd-10 condition-input"
+              class="form-control sm"
               v-model="search['searchText']"
               v-on:keyup.enter="fnViewList"
               placeholder="검색명을 입력하세요"
             />
-          </div>
-        </div>
-        <div class="gd-1">
           <button class="large-btn blue-border-btn" @click="fnViewList">
             검색
           </button>
-        </div>
-      </div>
     </div>
-    <div class="table-zone">
+    <div class="tbl-wrap">
       <ListTable
         :colgroup="colgroup"
         :thead="thead"
         :tbody="tbody"
-        :className="'admin-list'"
+        :className="'data cursor'"
         @listClick="fnViewDetail"
       />
     </div>
-    <div class="flex justify-center align-center no-gutters">
-      <div class="gd-10">
-        <PaginationButton
-          :className="'admin-pagination'"
-          v-model:currentPage="search['currentPage']"
-          :pagination="search"
-          :click="fnViewList"
-        />
-      </div>
-    </div>
-    <!-- 개인 정보 조회 사유 모달 -->
-    <Modal :showModal="isOpen">
-      <template v-slot:header>
-        <div class="modal-title">
-          <p>개인 정보 조회 사유</p>
-        </div>
-        <button class="close-btn" @click="fnModalClose">X</button>
-      </template>
-      <div>
-        <textarea v-model="prvcInqHstry['inqRsn']" disabled></textarea>
-      </div>
-      <template v-slot:footer></template>
-    </Modal>
   </div>
+  <div class="btn-wrap list">
+    <div></div>
+      <PaginationButton
+        :className="'admin-pagination'"
+        v-model:currentPage="search['currentPage']"
+        :pagination="search"
+        :click="fnViewList"
+      />
+      <div></div>
+  </div>
+  <!-- 개인 정보 조회 사유 모달 -->
+  <Modal :showModal="isOpen">
+    <template v-slot:header>
+      <div class="modal-title">
+        <p>개인 정보 조회 사유</p>
+      </div>
+      <button class="btn-close" @click="fnModalClose"></button>
+    </template>
+    <div>
+      <textarea v-model="prvcInqHstry['inqRsn']" disabled class="form-control"></textarea>
+    </div>
+    <template v-slot:footer>
+      <button class="btn sm tertiary" @click="fnModalClose">
+        확인
+      </button>
+    </template>
+  </Modal>
 </template>
 
 <script>

       }
     },
     //─────axios─────┘},
+    // 날짜포맷
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = date.getMonth() + 1;
+      const day = date.getDate();
+
+      // 날짜 앞에 0을 붙여야 하는 경우
+      if (month || day < 10) {
+        const zeroDay = ('00' + day).slice(-2);
+        const zeroMonth = ('00' + month).slice(-2);
+
+        return `${year}-${zeroMonth}-${zeroDay}`;
+      } else {
+
+        return `${year}-${month}-${day}`;
+      }
+    }
   },
 };
 </script>

b709f3d

4c12306

client/views/pages/adm/member/adminManagement/AdminManagementSelectList.vue

--- client/views/pages/adm/member/adminManagement/AdminManagementSelectList.vue

+++ client/views/pages/adm/member/adminManagement/AdminManagementSelectList.vue


           <div class="page-title">
             <p>관리자 관리</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div class="search-bar">
             <select class="form-select sm" v-model="search['searchType']">

 // COMPONENT
 import ListTable from "../../../../component/table/ListTable.vue";
 import PaginationButton from "../../../../component/pagination/PaginationButton.vue";
-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
+
 
 // RESOURCES
 import queryParams from "../../../../../resources/js/queryParams";

   components: {
     ListTable: ListTable,
     PaginationButton: PaginationButton,
-    PagiNavigationBar: PagiNavigationBar
+
   },
   data() {
     return {

b709f3d

4c12306

client/views/pages/adm/member/userManagement/UserManagementSelectList.vue

--- client/views/pages/adm/member/userManagement/UserManagementSelectList.vue

+++ client/views/pages/adm/member/userManagement/UserManagementSelectList.vue


           <div class="page-title">
             <p>일반회원 관리</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div class="search-bar">
             <select class="form-select sm" v-model="search['searchType']">

 import Modal from "../../../../component/modal/Modal.vue";
 import ListTable from "../../../../component/table/ListTable.vue";
 import PaginationButton from "../../../../component/pagination/PaginationButton.vue";
-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
+
 
 // RESOURCES
 import queryParams from "../../../../../resources/js/queryParams";

     Modal: Modal,
     ListTable: ListTable,
     PaginationButton: PaginationButton,
-    PagiNavigationBar: PagiNavigationBar
+
   },
   data() {
     return {

b709f3d

4c12306

client/views/pages/adm/menuManagement/menuManagement/MenuManagement.vue

--- client/views/pages/adm/menuManagement/menuManagement/MenuManagement.vue

+++ client/views/pages/adm/menuManagement/menuManagement/MenuManagement.vue


           <div class="page-title">
             <p>메뉴관리</p>
           </div>
-          <PagiNavigationBar />
+
       </div>
       <div class="setting-box">
           <div class="node-zone">

b709f3d

4c12306

client/views/pages/adm/preferences/commonCodeManagement/CommonCodeManagement.vue

--- client/views/pages/adm/preferences/commonCodeManagement/CommonCodeManagement.vue

+++ client/views/pages/adm/preferences/commonCodeManagement/CommonCodeManagement.vue


           <div class="page-title">
             <p>공통코드관리</p>
           </div>
-          <PagiNavigationBar />
+
       </div>
       <div class="setting-box">
           <div class="node-zone">

 <script>
 import draggable from "vuedraggable";
 import Hierachy from "../../../../component/hierachy/HierachyDraggable.vue";
-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
+
 import {
   findAll,
   findByCd,

   components: {
     draggable: draggable,
     Hierachy: Hierachy,
-    PagiNavigationBar: PagiNavigationBar,
   },
   data() {
     return {

b709f3d

4c12306

client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementInsert.vue

--- client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementInsert.vue

+++ client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementInsert.vue


           <div class="page-title">
             <p>콘텐츠 유형 관리</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div class="form-box">
           <div class="form-box-title">

 import { findByContsType } from "../../../../../resources/api/contsType";
 import { updateProc } from "../../../../../resources/api/contsType";
 import validationParams from "../../../../../resources/js/validateParams";
-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
+
 
 export default {
   mixins: [validationParams],
   components: {
-    PagiNavigationBar: PagiNavigationBar,
   },
   data() {
     return {

b709f3d

4c12306

client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectList.vue

--- client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectList.vue

+++ client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectList.vue


           <div class="page-title">
             <p>콘텐츠 유형 관리</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div class="search-bar">
             <input

 import { toRaw } from "vue";
 import queryParams from "../../../../../resources/js/queryParams";
 import { defaultSearchParams } from "../../../../../resources/js/defaultSearchParams";
-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
+
 
 // API
 import { findAll } from "../../../../../resources/api/contsType";

   components: {
     ListTable: ListTable,
     PaginationButton: PaginationButton,
-    PagiNavigationBar: PagiNavigationBar,
   },
   data() {
     return {

b709f3d

4c12306

client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectListOne.vue

--- client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectListOne.vue

+++ client/views/pages/adm/preferences/contentTypeManagement/ContentTypeManagementSelectListOne.vue


           <div class="page-title">
             <p>콘텐츠 유형 관리</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
     <div class="form-box">
         <div class="form-box-title">

   findByContsType,
   deleteProc,
 } from "../../../../../resources/api/contsType";
-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
+
 
 export default {
   data() {

     };
   },
   components: {
-    PagiNavigationBar: PagiNavigationBar,
   },
   created() {
     this.fnViewDetail();

b709f3d

4c12306

client/views/pages/adm/statistics/BbsStatistics.vue

--- client/views/pages/adm/statistics/BbsStatistics.vue

+++ client/views/pages/adm/statistics/BbsStatistics.vue


 <template>
-  <div class="content admin-style overflow-y">
-    <div class="admin-page-title point-font2 mb30">
-      <p>게시판 접속 통계</p>
-    </div>
-    <div class="flex justify-between aling-center no-gutters mb30">
-      <div class="gd-6 flex justify-start align-center">
-        <div class="gd-4 pl0">
-          <input
-            type="date"
-            class="full-input"
-            v-model="searchDate.startDt"
-            @change="validateDate($event, 'startDt')"
-          />
+  <div class="content-zone full-page">
+    <div class="content">
+      <div class="scroll">
+        <div class="title-zone">
+          <div class="page-title">
+            <p>게시판 접속 통계</p>
+          </div>
+
         </div>
-        <div>-</div>
-        <div class="gd-4">
-          <input
-            type="date"
-            class="full-input"
-            v-model="searchDate.endDt"
-            @change="validateDate($event, 'endDt')"
-          />
+        <div class="search-bar mb30">
+          <div class="form-control sm cal">
+            <VueDatePicker
+              InlineOptions
+              placeholder="시작일"
+              locale="ko"
+              :enable-time-picker="false"
+              :format="formatDate"
+              v-model="searchDate.startDt"
+              @update:model-value="validateDate($event, 'startDt')"
+            />
+          </div>
+            <!-- <input
+              type="date"
+              class="form-control sm datepicker"
+              v-model="searchDate.startDt"
+              @change="validateDate($event, 'startDt')"
+            /> -->
+            <div class="mark">-</div>
+            <div class="form-control sm cal">
+              <VueDatePicker
+              InlineOptions
+              placeholder="종료일"
+              locale="ko"
+              :enable-time-picker="false"
+              :format="formatDate"
+              v-model="searchDate.endDt"
+              @update:model-value="validateDate($event, 'endDt')"
+            />
+          </div>
+            <!-- <input
+              type="date"
+              class="form-control sm datepicker"
+              v-model="searchDate.endDt"
+              @change="validateDate($event, 'endDt')"
+            /> -->
+            <button class="btn sm primary" @click="axiosSelectList">
+              조회
+            </button>
+            <button
+              class="large-btn green-border-btn"
+              v-if="pageAuth.fileDwnldAuthrt == 'Y' && bbsCnt > 0"
+              @click="fnDownload"
+            >
+              다운로드
+            </button>
         </div>
-        <div class="gd-2">
-          <button class="large-btn blue-border-btn" @click="axiosSelectList">
-            조회
-          </button>
+        <div class="chart-zone mb30" v-show="bbsCnt > 0">
+          <div class="chart-info">
+            <p class="detail-text">
+              방문자 총
+              <span class="detail-bold blue">{{ totalCnt }}</span>
+              명
+            </p>
+          </div>
+          <div class="chart-wrap" ref="chartdiv" :style="heightStyle">
+            <ClusteredBarChart :chartData="chartData" columnX="menu" />
+          </div>
+        </div>
+        <div class="tbl-wrap">
+          <table class="tbl data mixing">
+            <colgroup>
+              <col width="25%" />
+              <col width="25%" />
+              <col width="25%" />
+              <col width="25%" />
+            </colgroup>
+            <thead>
+              <tr>
+                <th rowspan="2">구분</th>
+                <th colspan="3">사용자 구분</th>
+              </tr>
+              <tr>
+                <th class="text-ct">관리자</th>
+                <th class="text-ct">사용자</th>
+                <th class="text-ct">비로그인 사용자</th>
+              </tr>
+            </thead>
+            <tbody>
+              <template v-if="bbsCnt > 0">
+                <tr v-for="(tr, index) of chartData" :key="index">
+                  <td class="text-ct">{{ tr.menu }}</td>
+                  <td class="text-rg">{{ tr["관리자"] }}</td>
+                  <td class="text-rg">{{ tr["사용자"] }}</td>
+                  <td class="text-rg">{{ tr["비로그인 사용자"] }}</td>
+                </tr>
+              </template>
+              <template v-else>
+                <tr>
+                  <td colspan="4" class="text-ct">
+                    등록된 정보가 존재하지 않습니다.
+                  </td>
+                </tr>
+              </template>
+            </tbody>
+          </table>
         </div>
       </div>
-      <div class="gd-1">
-        <button
-          class="large-btn green-border-btn"
-          v-if="pageAuth.fileDwnldAuthrt == 'Y' && bbsCnt > 0"
-          @click="fnDownload"
-        >
-          다운로드
-        </button>
-      </div>
-    </div>
-    <div class="chart-zone mb30" v-show="bbsCnt > 0">
-      <div class="chart-info">
-        <p class="detail-text">
-          방문자 총
-          <span class="detail-bold blue">{{ totalCnt }}</span>
-          명
-        </p>
-      </div>
-      <div class="chart-wrap" ref="chartdiv" :style="heightStyle">
-        <ClusteredBarChart :chartData="chartData" columnX="menu" />
-      </div>
-    </div>
-    <div class="table-zone">
-      <table class="list-table admin-list complex-table">
-        <colgroup>
-          <col width="25%" />
-          <col width="25%" />
-          <col width="25%" />
-          <col width="25%" />
-        </colgroup>
-        <thead>
-          <tr>
-            <th rowspan="2">구분</th>
-            <th colspan="3">사용자 구분</th>
-          </tr>
-          <tr>
-            <th class="text-ct">관리자</th>
-            <th class="text-ct">사용자</th>
-            <th class="text-ct">비로그인 사용자</th>
-          </tr>
-        </thead>
-        <tbody>
-          <template v-if="bbsCnt > 0">
-            <tr v-for="(tr, index) of chartData" :key="index">
-              <td class="text-ct">{{ tr.menu }}</td>
-              <td class="text-rg">{{ tr["관리자"] }}</td>
-              <td class="text-rg">{{ tr["사용자"] }}</td>
-              <td class="text-rg">{{ tr["비로그인 사용자"] }}</td>
-            </tr>
-          </template>
-          <template v-else>
-            <tr>
-              <td colspan="4" class="text-ct">
-                등록된 정보가 존재하지 않습니다.
-              </td>
-            </tr>
-          </template>
-        </tbody>
-      </table>
     </div>
   </div>
 </template>

           });
       });
     },
+
+    // 날짜포맷
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = ('00' + (date.getMonth() + 1)).slice(-2);
+      const day = ('00' + date.getDate()).slice(-2);
+      return `${year}-${month}-${day}`;
+    }
   },
 };
 </script>

b709f3d

4c12306

client/views/pages/adm/statistics/MenuStatistics.vue

--- client/views/pages/adm/statistics/MenuStatistics.vue

+++ client/views/pages/adm/statistics/MenuStatistics.vue


 <template>
-  <div class="content admin-style overflow-y">
-    <div class="admin-page-title point-font2 mb30">
-      <p>메뉴별 접속 통계</p>
-    </div>
-    <div class="flex justify-between aling-center no-gutters mb30">
-      <div class="gd-6 flex justify-start align-center">
-        <div class="gd-4 pl0">
-          <input
-            type="date"
-            class="full-input"
-            v-model="searchDate.startDt"
-            @change="validateDate($event, 'startDt')"
-          />
+  <div class="content-zone full-page">
+    <div class="content">
+      <div class="scroll">
+        <div class="title-zone">
+          <div class="page-title">
+            <p>메뉴별 접속 통계</p>
+          </div>
+
         </div>
-        <div>-</div>
-        <div class="gd-4">
-          <input
-            type="date"
-            class="full-input"
-            v-model="searchDate.endDt"
-            @change="validateDate($event, 'endDt')"
-          />
+        <div class="search-bar mb30">
+          <div class="form-control sm cal">
+            <VueDatePicker
+              InlineOptions
+              placeholder="시작일"
+              locale="ko"
+              :enable-time-picker="false"
+              :format="formatDate"
+              v-model="searchDate.startDt"
+               @update:model-value="validateDate($event, 'startDt')"
+            />
+          </div>
+            <!-- <input
+              type="date"
+              class="form-control sm"
+              v-model="searchDate.startDt"
+              @change="validateDate($event, 'startDt')"
+            /> -->
+            <div>-</div>
+            <div class="form-control sm cal">
+              <VueDatePicker
+              InlineOptions
+              placeholder="종료일"
+              locale="ko"
+              :enable-time-picker="false"
+              :format="formatDate"
+              v-model="searchDate.endDt"
+              @update:model-value="validateDate($event, 'endDt')"
+            />
+          </div>
+            <!-- <input
+              type="date"
+              class="form-control sm"
+              v-model="searchDate.endDt"
+              @change="validateDate($event, 'endDt')"
+            />       -->
+            <button class="btn sm primary" @click="axiosSelectList">
+              조회
+            </button>
+            <button
+              class="large-btn green-border-btn"
+              v-if="pageAuth.fileDwnldAuthrt == 'Y'"
+              @click="fnDownload"
+            >
+              다운로드
+            </button>
         </div>
-        <div class="gd-2">
-          <button class="large-btn blue-border-btn" @click="axiosSelectList">
-            조회
-          </button>
+        <div class="chart-zone mb30" v-show="menuCnt > 0">
+          <div class="chart-info">
+            <p class="detail-text">
+              방문자 총
+              <span class="detail-bold blue">{{ totalCnt }}</span>
+              명
+            </p>
+          </div>
+          <div class="chart-wrap" ref="chartdiv" :style="heightStyle">
+            <ClusteredBarChart :chartData="chartData" columnX="menu" />
+          </div>
+        </div>
+        <div class="tbl-wrap">
+          <table class="tbl data mixing">
+            <colgroup>
+              <col width="25%" />
+              <col width="25%" />
+              <col width="25%" />
+              <col width="25%" />
+            </colgroup>
+            <thead>
+              <tr>
+                <th rowspan="2">구분</th>
+                <th colspan="3">사용자 구분</th>
+              </tr>
+              <tr>
+                <th class="text-ct">관리자</th>
+                <th class="text-ct">사용자</th>
+                <th class="text-ct">비로그인 사용자</th>
+              </tr>
+            </thead>
+            <tbody>
+              <template v-if="menuCnt > 0">
+                <tr v-for="(tr, index) of chartData" :key="index">
+                  <td class="text-ct">{{ tr.menu }}</td>
+                  <td class="text-rg">{{ tr["관리자"] }}</td>
+                  <td class="text-rg">{{ tr["사용자"] }}</td>
+                  <td class="text-rg">{{ tr["비로그인 사용자"] }}</td>
+                </tr>
+              </template>
+              <template v-else>
+                <tr>
+                  <td colspan="4" class="text-ct">
+                    등록된 정보가 존재하지 않습니다.
+                  </td>
+                </tr>
+              </template>
+            </tbody>
+          </table>
         </div>
       </div>
-      <div class="gd-1">
-        <button
-          class="large-btn green-border-btn"
-          v-if="pageAuth.fileDwnldAuthrt == 'Y'"
-          @click="fnDownload"
-        >
-          다운로드
-        </button>
-      </div>
-    </div>
-    <div class="chart-zone mb30" v-show="menuCnt > 0">
-      <div class="chart-info">
-        <p class="detail-text">
-          방문자 총
-          <span class="detail-bold blue">{{ totalCnt }}</span>
-          명
-        </p>
-      </div>
-      <div class="chart-wrap" ref="chartdiv" :style="heightStyle">
-        <ClusteredBarChart :chartData="chartData" columnX="menu" />
-      </div>
-    </div>
-    <div class="table-zone">
-      <table class="list-table admin-list complex-table">
-        <colgroup>
-          <col width="25%" />
-          <col width="25%" />
-          <col width="25%" />
-          <col width="25%" />
-        </colgroup>
-        <thead>
-          <tr>
-            <th rowspan="2">구분</th>
-            <th colspan="3">사용자 구분</th>
-          </tr>
-          <tr>
-            <th class="text-ct">관리자</th>
-            <th class="text-ct">사용자</th>
-            <th class="text-ct">비로그인 사용자</th>
-          </tr>
-        </thead>
-        <tbody>
-          <template v-if="menuCnt > 0">
-            <tr v-for="(tr, index) of chartData" :key="index">
-              <td class="text-ct">{{ tr.menu }}</td>
-              <td class="text-rg">{{ tr["관리자"] }}</td>
-              <td class="text-rg">{{ tr["사용자"] }}</td>
-              <td class="text-rg">{{ tr["비로그인 사용자"] }}</td>
-            </tr>
-          </template>
-          <template v-else>
-            <tr>
-              <td colspan="4" class="text-ct">
-                등록된 정보가 존재하지 않습니다.
-              </td>
-            </tr>
-          </template>
-        </tbody>
-      </table>
     </div>
   </div>
 </template>

           });
       });
     },
+    // 날짜포맷
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = ('00' + (date.getMonth() + 1)).slice(-2);
+      const day = ('00' + date.getDate()).slice(-2);
+      return `${year}-${month}-${day}`;
+    }
   },
 };
 </script>

b709f3d

4c12306

client/views/pages/adm/statistics/UserStatistics.vue

--- client/views/pages/adm/statistics/UserStatistics.vue

+++ client/views/pages/adm/statistics/UserStatistics.vue


 <template>
-  <div class="content admin-style overflow-y">
-    <div class="admin-page-title point-font2 mb30">
-      <p>사용자 접속 통계</p>
-    </div>
-    <div class="flex justify-between aling-center no-gutters mb30">
-      <div class="gd-6 flex justify-start align-center">
-        <div class="gd-4 pl0">
-          <input
+  <div class="content-zone full-page">
+    <div class="content">
+      <div class="scroll">
+        <div class="title-zone">
+          <div class="page-title">
+            <p>사용자 접속 통계</p>
+          </div>
+
+        </div>
+        <div class="search-bar mb30">
+          <div class="form-control sm cal">
+              <VueDatePicker
+              InlineOptions
+              placeholder="종료일"
+              locale="ko"
+              :enable-time-picker="false"
+              :format="formatDate"
+              v-model="searchDate.startDt"
+              @update:model-value="validateDate($event, 'startDt')"
+            />
+          </div>
+          <!-- <input
             type="date"
-            class="full-input"
+            class="form-control sm"
             v-model="searchDate.startDt"
             @change="validateDate($event, 'startDt')"
-          />
-        </div>
-        <div>-</div>
-        <div class="gd-4">
-          <input
+          /> -->
+          <div class="mark">-</div>
+          <div class="form-control sm cal">
+              <VueDatePicker
+              InlineOptions
+              placeholder="종료일"
+              locale="ko"
+              :enable-time-picker="false"
+              :format="formatDate"
+              v-model="searchDate.endDt"
+              @update:model-value="validateDate($event, 'endDt')"
+            />
+          </div>
+          <!-- <input
             type="date"
-            class="full-input"
+            class="form-control sm"
             v-model="searchDate.endDt"
             @change="validateDate($event, 'endDt')"
-          />
-        </div>
-        <div class="gd-2">
-          <button class="large-btn blue-border-btn" @click="axiosSelectList">
+          /> -->
+
+
+          <button class="btn sm primary" @click="axiosSelectList">
             조회
           </button>
+
+          <button
+            class="large-btn green-border-btn"
+            v-if="pageAuth.fileDwnldAuthrt == 'Y'"
+            @click="fnDownload"
+          >
+            다운로드
+          </button>
+
+        </div>
+        <div class="chart-zone mb30">
+          <div class="chart-info">
+            <p class="detail-text">
+              방문자 총
+              <span class="detail-bold blue">{{ totalCnt }}</span>
+              명
+            </p>
+          </div>
+          <div class="chart-wrap" ref="chartdiv">
+            <ClusteredColumnChart :chartData="chartData" columnX="date" />
+          </div>
+        </div>
+        <div class="tbl-wrap">
+          <table class="tbl data mixing">
+            <colgroup>
+              <template v-for="(key, index) of chartData[0]" :key="index">
+                <col
+                  v-if="index > 1"
+                  :width="100 / chartData[0].length - 2 + '%'"
+                />
+              </template>
+            </colgroup>
+            <thead>
+              <tr>
+                <th rowspan="2">구분</th>
+                <th colspan="3">사용자 구분</th>
+              </tr>
+              <tr>
+                <th class="text-ct">관리자</th>
+                <th class="text-ct">사용자</th>
+                <th class="text-ct">비로그인 사용자</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="(tr, index) of chartData" :key="index">
+                <td class="text-ct">{{ tr.date }}</td>
+                <td class="text-rg">{{ tr["관리자"] }}</td>
+                <td class="text-rg">{{ tr["사용자"] }}</td>
+                <td class="text-rg">{{ tr["비로그인 사용자"] }}</td>
+              </tr>
+            </tbody>
+          </table>
         </div>
       </div>
-      <div class="gd-1">
-        <button
-          class="large-btn green-border-btn"
-          v-if="pageAuth.fileDwnldAuthrt == 'Y'"
-          @click="fnDownload"
-        >
-          다운로드
-        </button>
-      </div>
-    </div>
-    <div class="chart-zone mb30">
-      <div class="chart-info">
-        <p class="detail-text">
-          방문자 총
-          <span class="detail-bold blue">{{ totalCnt }}</span>
-          명
-        </p>
-      </div>
-      <div class="chart-wrap" ref="chartdiv">
-        <ClusteredColumnChart :chartData="chartData" columnX="date" />
-      </div>
-    </div>
-    <div class="table-zone">
-      <table class="list-table admin-list complex-table">
-        <colgroup>
-          <template v-for="(key, index) of chartData[0]" :key="index">
-            <col
-              v-if="index > 1"
-              :width="100 / chartData[0].length - 2 + '%'"
-            />
-          </template>
-        </colgroup>
-        <thead>
-          <tr>
-            <th rowspan="2">구분</th>
-            <th colspan="3">사용자 구분</th>
-          </tr>
-          <tr>
-            <th class="text-ct">관리자</th>
-            <th class="text-ct">사용자</th>
-            <th class="text-ct">비로그인 사용자</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr v-for="(tr, index) of chartData" :key="index">
-            <td class="text-ct">{{ tr.date }}</td>
-            <td class="text-rg">{{ tr["관리자"] }}</td>
-            <td class="text-rg">{{ tr["사용자"] }}</td>
-            <td class="text-rg">{{ tr["비로그인 사용자"] }}</td>
-          </tr>
-        </tbody>
-      </table>
     </div>
   </div>
 </template>

           });
       });
     },
+    // 날짜포맷
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = ('00' + (date.getMonth() + 1)).slice(-2);
+      const day = ('00' + date.getDate()).slice(-2);
+      return `${year}-${month}-${day}`;
+    }
   },
 };
 </script>

b709f3d

4c12306

client/views/pages/adm/system/LoginPolicy/LoginPolicy.vue

--- client/views/pages/adm/system/LoginPolicy/LoginPolicy.vue

+++ client/views/pages/adm/system/LoginPolicy/LoginPolicy.vue


           <div class="page-title">
             <p>로그인 정책 설정</p>
           </div>
-            <PagiNavigationBar />
+  
         </div>
         <div open class="form-box">
             <div class="form-box-title">

b709f3d

4c12306

client/views/pages/adm/system/contextPath/ContextPathSelectList.vue

--- client/views/pages/adm/system/contextPath/ContextPathSelectList.vue

+++ client/views/pages/adm/system/contextPath/ContextPathSelectList.vue


           <div class="page-title">
             <p>컨텍스트 패스 관리</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div class="search-bar ">
                 <input

b709f3d

4c12306

client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue

--- client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue

+++ client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue


                     <div class="page-title">
                         <p>IP접근제어</p>
                     </div>
-                    <PagiNavigationBar />
+          
                 </div>
                 <div class="form-box">
                     <div class="form-box-title">

 
 <script>
 import { findByAcces, save, update } from '../../../../../resources/api/accesCtrl'
-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
+
 
 export default {
     components: {
-        PagiNavigationBar: PagiNavigationBar,
     },
     data() {
         return {

b709f3d

4c12306

client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectList.vue

--- client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectList.vue

+++ client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectList.vue


           <div class="page-title">
             <p>IP접근제어</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div class="search-bar">
             <select

 import { toRaw } from "vue";
 import queryParams from "../../../../../resources/js/queryParams";
 import { defaultSearchParams } from "../../../../../resources/js/defaultSearchParams";
-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
+
 
 export default {
   mixins: [queryParams],
   components: {
     ListTable: ListTable,
     PaginationButton: PaginationButton,
-    PagiNavigationBar: PagiNavigationBar,
   },
   data() {
     return {

b709f3d

4c12306

client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectListOne.vue

--- client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectListOne.vue

+++ client/views/pages/adm/system/networkAccessControl/NetworkAccessControlSelectListOne.vue


           <div class="page-title">
             <p>IP접근제어</p>
           </div>
-          <PagiNavigationBar />
+
         </div>
         <div open class="form-box">
           <div class="form-box-title">

 <script>
 import { findByAcces, del } from "../../../../../resources/api/accesCtrl";
 import queryParams from "../../../../../resources/js/queryParams";
-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
+
 export default {
   mixins: [queryParams],
   components: {
-    PagiNavigationBar: PagiNavigationBar,
   },
   data() {
     return {

Add a comment

Open 0
Closed 0

List

...	...	@@ -112,7 +112,12 @@
112	112
113	113
114	114	.form-select {
115		- width: 200px;
	115	+ min-width: 135px;
	116	+ max-width: 300px;
	117	+
	118	+ &.fixed{
	119	+ width: 135px;
	120	+ }
116	121	}
117	122
118	123	.form-control {
...	...	@@ -347,7 +352,7 @@
347	352	}
348	353
349	354	.tbl-wrap{
350		- height: 100%;
	355	+ // height: 100%;
351	356
352	357	&.overflow-y{
353	358	overflow-y: auto;
...	...	@@ -362,3 +367,36 @@
362	367	border-right:0;
363	368	}
364	369	}
	370	+
	371	+.mb30{
	372	+ margin-bottom: 3rem;
	373	+}
	374	+
	375	+.dp__main{
	376	+ height: 100%;
	377	+ >div:first-child{
	378	+ height: 100%;
	379	+ *{
	380	+ height: 100%;
	381	+ }
	382	+ .dp__input{
	383	+ width: 100%;
	384	+ border: none;
	385	+ background-color: transparent;
	386	+ transition: none;
	387	+ line-height: 100%;
	388	+ padding: 0;
	389	+ font-size: 1.5rem;
	390	+ }
	391	+ .dp__icon{
	392	+ display: none;
	393	+ }
	394	+
	395	+ }
	396	+
	397	+ .dp__menu,
	398	+ .dp__selection_preview,
	399	+ .dp__action_button{
	400	+ font-size: 1.5rem;
	401	+ }
	402	+} (No newline at end of file)

...	...	@@ -6,7 +6,7 @@
6	6	<div class="page-title">
7	7	<p>{{pageTit}}</p>
8	8	</div>
9		- <PagiNavigationBar />
	9	+
10	10	</div>
11	11	<div class="form-box">
12	12	<div class="form-box-title">
...	...	@@ -263,14 +263,14 @@
263	263
264	264	// COMPONENT
265	265	import UserAuthorList from "./UserAuthorList.vue";
266		-import PagiNavigationBar from "../paginavigationbar/PagiNavigationBar.vue";
	266	+
267	267
268	268	// API
269	269	import { mbrDetailProc } from "../../../resources/api/mbrInfo";
270	270	import { mbrDeleteProc } from "../../../resources/api/mbrInfo";
271	271
272	272	export default {
273		- components: { UserAuthorList,PagiNavigationBar },
	273	+ components: { UserAuthorList },
274	274	props: {
275	275	pageId: {
276	276	type: String,

...	...	@@ -36,26 +36,67 @@
36	36	},
37	37
38	38	// 조회기간 유효성 검사
	39	+ // validateDate(event, cate) {
	40	+ // const val = event.target.value; // 변경된 날짜 값
	41	+ // // 시작일 변경 시
	42	+ // if (cate === "startDt") {
	43	+ // if (this.searchDate.endDt !== null && this.searchDate.endDt < val) {
	44	+ // alert("시작일은 종료일보다 클 수 없습니다.");
	45	+ // this.searchDate.startDt = null; // 유효하지 않은 경우, 시작일을 초기화
	46	+ // } else {
	47	+ // this.searchDate.startDt = val;
	48	+ // }
	49	+ // }
	50	+ // // 종료일 변경 시
	51	+ // else if (cate === "endDt") {
	52	+ // if (this.searchDate.startDt !== null && this.searchDate.startDt > val) {
	53	+ // alert("종료일은 시작일보다 작을 수 없습니다.");
	54	+ // this.searchDate.endDt = null; // 유효하지 않은 경우, 종료일을 초기화
	55	+ // } else {
	56	+ // this.searchDate.endDt = val;
	57	+ // }
	58	+ // }
	59	+ // },
	60	+
39	61	validateDate(event, cate) {
40		- const val = event.target.value; // 변경된 날짜 값
41		- // 시작일 변경 시
	62	+ let val;
	63	+
	64	+ // 값이 Date 객체인지 확인
	65	+ if (event instanceof Date) {
	66	+ const year = event.getFullYear();
	67	+ const month = ('00' + (event.getMonth() + 1)).slice(-2);
	68	+ const day = ('00' + event.getDate()).slice(-2);
	69	+
	70	+ val = `${year}-${month}-${day}`;
	71	+ }
	72	+ // 값이 Event 객체인지 확인
	73	+ else if (event instanceof Event) {
	74	+ val = event.target.value; // input에서 직접 입력된 값
	75	+ }
	76	+ // 그 외의 경우 처리 불필요 (예외 처리)
	77	+ else {
	78	+ console.error("Invalid date input:", event);
	79	+ return;
	80	+ }
	81	+
	82	+ // 시작일 검증
42	83	if (cate === "startDt") {
43		- if (this.searchDate.endDt !== null && this.searchDate.endDt < val) {
	84	+ if (this.searchDate.endDt && this.searchDate.endDt < val) {
44	85	alert("시작일은 종료일보다 클 수 없습니다.");
45		- this.searchDate.startDt = null; // 유효하지 않은 경우, 시작일을 초기화
	86	+ this.searchDate.startDt = null;
46	87	} else {
47	88	this.searchDate.startDt = val;
48	89	}
49	90	}
50		- // 종료일 변경 시
	91	+ // 종료일 검증
51	92	else if (cate === "endDt") {
52		- if (this.searchDate.startDt !== null && this.searchDate.startDt > val) {
	93	+ if (this.searchDate.startDt && this.searchDate.startDt > val) {
53	94	alert("종료일은 시작일보다 작을 수 없습니다.");
54		- this.searchDate.endDt = null; // 유효하지 않은 경우, 종료일을 초기화
	95	+ this.searchDate.endDt = null;
55	96	} else {
56	97	this.searchDate.endDt = val;
57	98	}
58	99	}
59		- },
	100	+ }
60	101	}
61	102	} (No newline at end of file)

...	...	@@ -6,7 +6,7 @@
6	6	<div class="page-title">
7	7	<p>권한 관리</p>
8	8	</div>
9		- <PagiNavigationBar />
	9	+
10	10	</div>
11	11	<div class="form-box">
12	12	<div class="form-box-title">

...	...	@@ -6,7 +6,7 @@
6	6	<div class="page-title">
7	7	<p>메뉴 권한 관리</p>
8	8	</div>
9		- <PagiNavigationBar />
	9	+
10	10	</div>
11	11	<div class="setting-box">
12	12

...	...	@@ -6,7 +6,7 @@
6	6	<div class="page-title">
7	7	<p>게시판 관리</p>
8	8	</div>
9		- <PagiNavigationBar />
	9	+
10	10	</div>
11	11	<div class="form-box">
12	12	<div class="form-box-title">

...	...	@@ -6,7 +6,7 @@
6	6	<div class="page-title">
7	7	<p>금지어 관리</p>
8	8	</div>
9		- <PagiNavigationBar />
	9	+
10	10	</div>
11	11	<div class="search-bar">
12	12	<select class="form-select sm">
...	...	@@ -44,18 +44,12 @@
44	44	<div class="modal-title">
45	45	<p>금지어 추가</p>
46	46	</div>
47		- <button class="close-btn" @click="modalClose">X</button>
	47	+ <button class="btn-close" @click="fnModalClose"></button>
48	48	</template>
49		- <div class="search mb30">
50		- <div class="flex justify-start align-center">
51		- <div class="gd-10 pl0">
52		- <input type="text" class="full-input" placeholder="추가할 금지어를 입력해주세요." v-model="inputWordNm"
53		- @keyup.enter="addinputWord" />
54		- </div>
55		- <div class="gd-2 pl0 pr0">
56		- <button class="large-btn blue-border-btn" @click="addinputWord">추가</button>
57		- </div>
58		- </div>
	49	+ <div class="search-bar">
	50	+ <input type="text" class="form-control sm" placeholder="추가할 금지어를 입력해주세요." v-model="inputWordNm"
	51	+ @keyup.enter="addinputWord" />
	52	+ <button class="btn sm ico-befor ico-plus" @click="addinputWord">추가</button>
59	53	</div>
60	54	<ul style="height:calc(100% - 118px)" class="overflow-y">
61	55	<li v-for="(item, index) in wordsArr" class="word-item pd10 border radius mb5" :key="index">
...	...	@@ -64,8 +58,8 @@
64	58	</li>
65	59	</ul>
66	60	<template v-slot:footer>
67		- <button class="large-btn darkg-border-btn ml0" @click="modalClose">취소</button>
68		- <button class="large-btn blue-btn ml0" @click="fnSave">등록</button>
	61	+ <button class="btn sm tertiary" @click="modalClose">취소</button>
	62	+ <button class="btn sm primary" @click="fnSave">등록</button>
69	63	</template>
70	64	</Modal>
71	65	</template>

...	...	@@ -5,7 +5,7 @@
5	5	<div class="page-title">
6	6	<p>부서관리</p>
7	7	</div>
8		- <PagiNavigationBar />
	8	+
9	9	</div>
10	10	<div class="setting-box">
11	11	<div class="node-zone">

...	...	@@ -1,80 +1,81 @@
1	1	<template>
2		- <div class="content">
3		- <div class="admin-page-title point-font2 mb30">
4		- <p>로그인 이력</p>
5		- </div>
6		- <div class="search-bar mb15">
7		- <div class="flex justify-end align-center no-gutters">
8		- <div class="gd-3 flex justify-end align-center">
9		- <div class="gd-5 pl0">
	2	+ <div class="content-zone">
	3	+ <div class="content">
	4	+ <div class="scroll">
	5	+ <div class="title-zone">
	6	+ <div class="page-title">
	7	+ <p>로그인 이력</p>
	8	+ </div>
	9	+
	10	+ </div>
	11	+ <div class="search-bar">
	12	+ <div class="form-control sm cal">
10	13	<VueDatePicker
11		- time-picker-inline
	14	+ InlineOptions
12	15	placeholder="시작일"
13	16	locale="ko"
	17	+ :enable-time-picker="false"
	18	+ :format="formatDate"
14	19	v-model="search['startDt']"
15	20	/>
16	21	</div>
17		- <div class="pd10">-</div>
18		- <div class="gd-5">
19		- <VueDatePicker
20		- time-picker-inline
	22	+ <div class="mark">-</div>
	23	+ <div class="form-control sm cal">
	24	+ <VueDatePicker
	25	+ InlineOptions
21	26	placeholder="종료일"
22	27	locale="ko"
	28	+ :enable-time-picker="false"
	29	+ :format="formatDate"
23	30	v-model="search['endDt']"
24	31	/>
25	32	</div>
26		- </div>
27		- <div class="gd-4 mr10">
28		- <div class="border">
29		- <select
30		- name="selectType"
31		- id="selectType"
32		- class="border-none gd-2"
33		- v-model="search['searchType']"
	33	+ <select
	34	+ name="selectType"
	35	+ id="selectType"
	36	+ class="form-select sm"
	37	+ v-model="search['searchType']"
	38	+ >
	39	+ <option value="">전체</option>
	40	+ <option
	41	+ v-for="(item, idx) in codeList"
	42	+ :key="idx"
	43	+ :value="item.cd"
34	44	>
35		- <option value="">전체</option>
36		- <option
37		- v-for="(item, idx) in codeList"
38		- :key="idx"
39		- :value="item.cd"
40		- >
41		- {{ item.cdNm }}
42		- </option>
43		- </select>
44		- <input
45		- type="text"
46		- class="full-input border-none gd-10 condition-input"
47		- v-model="search['searchText']"
48		- v-on:keyup.enter="fnViewList"
49		- placeholder="검색명을 입력하세요"
50		- />
51		- </div>
52		- </div>
53		- <div class="gd-1">
54		- <button class="large-btn blue-border-btn" @click="fnViewList">
	45	+ {{ item.cdNm }}
	46	+ </option>
	47	+ </select>
	48	+ <input
	49	+ type="text"
	50	+ class="form-control sm"
	51	+ v-model="search['searchText']"
	52	+ v-on:keyup.enter="fnViewList"
	53	+ placeholder="검색명을 입력하세요"
	54	+ />
	55	+ <button class="btn sm ico-before ico-sch" @click="fnViewList">
55	56	검색
56	57	</button>
57	58	</div>
	59	+ <div class="tbl-wrap">
	60	+ <ListTable
	61	+ :colgroup="colgroup"
	62	+ :thead="thead"
	63	+ :tbody="tbody"
	64	+ :className="'data'"
	65	+ />
	66	+ </div>
58	67	</div>
59	68	</div>
60		- <div class="table-zone">
61		- <ListTable
62		- :colgroup="colgroup"
63		- :thead="thead"
64		- :tbody="tbody"
65		- :className="'admin-list'"
66		- />
67		- </div>
68		- <div class="flex justify-center align-center no-gutters">
69		- <div class="gd-10">
70		- <PaginationButton
71		- :className="'admin-pagination'"
72		- v-model:currentPage="search['currentPage']"
73		- :pagination="search"
74		- :click="fnViewList"
75		- />
76		- </div>
77		- </div>
	69	+ </div>
	70	+ <div class="btn-wrap list">
	71	+ <div></div>
	72	+ <PaginationButton
	73	+ :className="'admin-pagination'"
	74	+ v-model:currentPage="search['currentPage']"
	75	+ :pagination="search"
	76	+ :click="fnViewList"
	77	+ />
	78	+ <div></div>
78	79	</div>
79	80	</template>
80	81
...	...	@@ -171,6 +172,15 @@
171	172	}
172	173	},
173	174	//─────axios─────┘
	175	+
	176	+ // 날짜포맷
	177	+ formatDate(date) {
	178	+ const year = date.getFullYear();
	179	+ const month = ('00' + (date.getMonth() + 1)).slice(-2);
	180	+ const day = ('00' + date.getDate()).slice(-2);
	181	+ return `${year}-${month}-${day}`;
	182	+ }
	183	+
174	184	},
175	185	};
176	186	</script>

...	...	@@ -1,35 +1,34 @@
1	1	<template>
2		- <div class="content">
	2	+ <div class="content-zone">
3	3	<div class="admin-page-title point-font2 mb30">
4	4	<p>개인정보 조회 이력</p>
5	5	</div>
6		- <div class="search-bar mb15">
7		- <div class="flex justify-end align-center no-gutters">
8		- <div class="gd-3 flex justify-end align-center">
9		- <div class="gd-5 pl0">
10		- <VueDatePicker
11		- time-picker-inline
12		- placeholder="시작일"
13		- locale="ko"
14		- v-model="search['startDt']"
	6	+ <div class="search-bar">
	7	+ <div class="form-control sm cal">
	8	+ <VueDatePicker
	9	+ InlineOptions
	10	+ placeholder="시작일"
	11	+ locale="ko"
	12	+ :enable-time-picker="false"
	13	+ :format="formatDate"
	14	+ v-model="search['startDt']"
15	15	/>
16		- </div>
17		- <div class="pd10">-</div>
18		- <div class="gd-5">
19		- <VueDatePicker
20		- time-picker-inline
21		- placeholder="종료일"
22		- locale="ko"
23		- v-model="search['endDt']"
24		- />
25		- </div>
26		- </div>
27		- <div class="gd-4 mr10">
28		- <div class="border">
	16	+ </div>
	17	+ <div class="mark">-</div>
	18	+ <div class="form-control sm cal">
	19	+ <VueDatePicker
	20	+ InlineOptions
	21	+ placeholder="종료일"
	22	+ locale="ko"
	23	+ :enable-time-picker="false"
	24	+ :format="formatDate"
	25	+ v-model="search['endDt']"
	26	+ />
	27	+ </div>
29	28	<select
30	29	name="selectType"
31	30	id="selectType"
32		- class="border-none gd-2"
	31	+ class="form-select sm"
33	32	v-model="search['searchType']"
34	33	>
35	34	<option value="">전체</option>
...	...	@@ -43,53 +42,52 @@
43	42	</select>
44	43	<input
45	44	type="text"
46		- class="full-input border-none gd-10 condition-input"
	45	+ class="form-control sm"
47	46	v-model="search['searchText']"
48	47	v-on:keyup.enter="fnViewList"
49	48	placeholder="검색명을 입력하세요"
50	49	/>
51		- </div>
52		- </div>
53		- <div class="gd-1">
54	50	<button class="large-btn blue-border-btn" @click="fnViewList">
55	51	검색
56	52	</button>
57		- </div>
58		- </div>
59	53	</div>
60		- <div class="table-zone">
	54	+ <div class="tbl-wrap">
61	55	<ListTable
62	56	:colgroup="colgroup"
63	57	:thead="thead"
64	58	:tbody="tbody"
65		- :className="'admin-list'"
	59	+ :className="'data cursor'"
66	60	@listClick="fnViewDetail"
67	61	/>
68	62	</div>
69		- <div class="flex justify-center align-center no-gutters">
70		- <div class="gd-10">
71		- <PaginationButton
72		- :className="'admin-pagination'"
73		- v-model:currentPage="search['currentPage']"
74		- :pagination="search"
75		- :click="fnViewList"
76		- />
77		- </div>
78		- </div>
79		- <!-- 개인 정보 조회 사유 모달 -->
80		- <Modal :showModal="isOpen">
81		- <template v-slot:header>
82		- <div class="modal-title">
83		- <p>개인 정보 조회 사유</p>
84		- </div>
85		- <button class="close-btn" @click="fnModalClose">X</button>
86		- </template>
87		- <div>
88		- <textarea v-model="prvcInqHstry['inqRsn']" disabled></textarea>
89		- </div>
90		- <template v-slot:footer></template>
91		- </Modal>
92	63	</div>
	64	+ <div class="btn-wrap list">
	65	+ <div></div>
	66	+ <PaginationButton
	67	+ :className="'admin-pagination'"
	68	+ v-model:currentPage="search['currentPage']"
	69	+ :pagination="search"
	70	+ :click="fnViewList"
	71	+ />
	72	+ <div></div>
	73	+ </div>
	74	+ <!-- 개인 정보 조회 사유 모달 -->
	75	+ <Modal :showModal="isOpen">
	76	+ <template v-slot:header>
	77	+ <div class="modal-title">
	78	+ <p>개인 정보 조회 사유</p>
	79	+ </div>
	80	+ <button class="btn-close" @click="fnModalClose"></button>
	81	+ </template>
	82	+ <div>
	83	+ <textarea v-model="prvcInqHstry['inqRsn']" disabled class="form-control"></textarea>
	84	+ </div>
	85	+ <template v-slot:footer>
	86	+ <button class="btn sm tertiary" @click="fnModalClose">
	87	+ 확인
	88	+ </button>
	89	+ </template>
	90	+ </Modal>
93	91	</template>
94	92
95	93	<script>
...	...	@@ -208,6 +206,23 @@
208	206	}
209	207	},
210	208	//─────axios─────┘},
	209	+ // 날짜포맷
	210	+ formatDate(date) {
	211	+ const year = date.getFullYear();
	212	+ const month = date.getMonth() + 1;
	213	+ const day = date.getDate();
	214	+
	215	+ // 날짜 앞에 0을 붙여야 하는 경우
	216	+ if (month \|\| day < 10) {
	217	+ const zeroDay = ('00' + day).slice(-2);
	218	+ const zeroMonth = ('00' + month).slice(-2);
	219	+
	220	+ return `${year}-${zeroMonth}-${zeroDay}`;
	221	+ } else {
	222	+
	223	+ return `${year}-${month}-${day}`;
	224	+ }
	225	+ }
211	226	},
212	227	};
213	228	</script>

...	...	@@ -6,7 +6,7 @@
6	6	<div class="page-title">
7	7	<p>관리자 관리</p>
8	8	</div>
9		- <PagiNavigationBar />
	9	+
10	10	</div>
11	11	<div class="search-bar">
12	12	<select class="form-select sm" v-model="search['searchType']">
...	...	@@ -72,7 +72,7 @@
72	72	// COMPONENT
73	73	import ListTable from "../../../../component/table/ListTable.vue";
74	74	import PaginationButton from "../../../../component/pagination/PaginationButton.vue";
75		-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
	75	+
76	76
77	77	// RESOURCES
78	78	import queryParams from "../../../../../resources/js/queryParams";
...	...	@@ -87,7 +87,7 @@
87	87	components: {
88	88	ListTable: ListTable,
89	89	PaginationButton: PaginationButton,
90		- PagiNavigationBar: PagiNavigationBar
	90	+
91	91	},
92	92	data() {
93	93	return {

...	...	@@ -6,7 +6,7 @@
6	6	<div class="page-title">
7	7	<p>일반회원 관리</p>
8	8	</div>
9		- <PagiNavigationBar />
	9	+
10	10	</div>
11	11	<div class="search-bar">
12	12	<select class="form-select sm" v-model="search['searchType']">
...	...	@@ -95,7 +95,7 @@
95	95	import Modal from "../../../../component/modal/Modal.vue";
96	96	import ListTable from "../../../../component/table/ListTable.vue";
97	97	import PaginationButton from "../../../../component/pagination/PaginationButton.vue";
98		-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
	98	+
99	99
100	100	// RESOURCES
101	101	import queryParams from "../../../../../resources/js/queryParams";
...	...	@@ -111,7 +111,7 @@
111	111	Modal: Modal,
112	112	ListTable: ListTable,
113	113	PaginationButton: PaginationButton,
114		- PagiNavigationBar: PagiNavigationBar
	114	+
115	115	},
116	116	data() {
117	117	return {

...	...	@@ -1,299 +1,228 @@
1	1	<template>
2		- <div class="content admin-style">
3		- <div class="admin-page-title point-font2 mb30">
4		- <p>팝업 관리</p>
5		- </div>
6		- <details open class="form-table-style mb30">
7		- <summary class="point-font2">
8		- <p class="summary-style pl10">기본정보</p>
9		- </summary>
10		- <div class="pt10 pb10">
11		- <table class="form-table">
12		- <colgroup>
13		- <col width="50%" />
14		- <col width="50%" />
15		- </colgroup>
16		- <tr>
17		- <td>
18		- <div class="gd-12 pr0">
19		- <label for="" class="form-title point-font2 mb10">제목</label>
	2	+ <div class="content-zone">
	3	+ <div class="content">
	4	+ <div class="scroll">
	5	+ <div class="title-zone">
	6	+ <div class="page-title">
	7	+ <p>팝업 관리</p>
	8	+ </div>
	9	+
	10	+ </div>
	11	+ <div class="form-box">
	12	+ <div class="form-box-title">
	13	+ <p>기본정보</p>
	14	+ </div>
	15	+ <div class="form-content">
	16	+ <div>
	17	+ <label class="form-title">제목</label>
	18	+ <input
	19	+ type="text"
	20	+ class="form-control sm"
	21	+ v-model="popup['popupTtl']"

...	...	@@ -1,235 +1,207 @@
1	1	<template>
2		- <div class="content admin-style">
3		- <div class="admin-page-title point-font2 mb30">
4		- <p>팝업 관리</p>
5		- </div>
6		- <details open class="form-table-style mb30">
7		- <summary class="point-font2">
8		- <p class="summary-style pl10">기본정보</p>
9		- </summary>
10		- <div class="pt10 pb10">
11		- <table class="form-table">
12		- <colgroup>
13		- <col width="50%" />
14		- <col width="50%" />
15		- </colgroup>
16		- <tr>
17		- <td>
18		- <div class="gd-12 pr0">
19		- <label for="" class="form-title point-font2 mb10">제목</label>
20		- <input
21		- type="text"
22		- class="full-input"
23		- v-model="popup['popupTtl']"
24		- ref="popupTtl"
25		- disabled
26		- />
27		- </div>
28		- </td>
29		- <td>
30		- <div class="gd-12 pl0">
31		- <label for="" class="form-title point-font2 mb10">게시일</label>
32		- <div class="flex justify-start align-center no-gutters">
33		- <div class="gd-3">
34		- <input
35		- type="datetime"
36		- class="full-input"
37		- v-model="popup['bgngDt']"
38		- ref="bgngDt"
39		- disabled

...	...	@@ -5,7 +5,7 @@
5	5	<div class="page-title">
6	6	<p>메뉴관리</p>
7	7	</div>
8		- <PagiNavigationBar />
	8	+
9	9	</div>
10	10	<div class="setting-box">
11	11	<div class="node-zone">

...	...	@@ -5,7 +5,7 @@
5	5	<div class="page-title">
6	6	<p>공통코드관리</p>
7	7	</div>
8		- <PagiNavigationBar />
	8	+
9	9	</div>
10	10	<div class="setting-box">
11	11	<div class="node-zone">
...	...	@@ -102,7 +102,7 @@
102	102	<script>
103	103	import draggable from "vuedraggable";
104	104	import Hierachy from "../../../../component/hierachy/HierachyDraggable.vue";
105		-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
	105	+
106	106	import {
107	107	findAll,
108	108	findByCd,
...	...	@@ -116,7 +116,6 @@
116	116	components: {
117	117	draggable: draggable,
118	118	Hierachy: Hierachy,
119		- PagiNavigationBar: PagiNavigationBar,
120	119	},
121	120	data() {
122	121	return {

...	...	@@ -6,7 +6,7 @@
6	6	<div class="page-title">
7	7	<p>콘텐츠 유형 관리</p>
8	8	</div>
9		- <PagiNavigationBar />
	9	+
10	10	</div>
11	11	<div class="form-box">
12	12	<div class="form-box-title">
...	...	@@ -114,12 +114,11 @@
114	114	import { findByContsType } from "../../../../../resources/api/contsType";
115	115	import { updateProc } from "../../../../../resources/api/contsType";
116	116	import validationParams from "../../../../../resources/js/validateParams";
117		-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
	117	+
118	118
119	119	export default {
120	120	mixins: [validationParams],
121	121	components: {
122		- PagiNavigationBar: PagiNavigationBar,
123	122	},
124	123	data() {
125	124	return {

...	...	@@ -1,92 +1,111 @@
1	1	<template>
2		- <div class="content admin-style overflow-y">
3		- <div class="admin-page-title point-font2 mb30">
4		- <p>게시판 접속 통계</p>
5		- </div>
6		- <div class="flex justify-between aling-center no-gutters mb30">
7		- <div class="gd-6 flex justify-start align-center">
8		- <div class="gd-4 pl0">
9		- <input
10		- type="date"
11		- class="full-input"
12		- v-model="searchDate.startDt"
13		- @change="validateDate($event, 'startDt')"
14		- />
	2	+ <div class="content-zone full-page">
	3	+ <div class="content">
	4	+ <div class="scroll">
	5	+ <div class="title-zone">
	6	+ <div class="page-title">
	7	+ <p>게시판 접속 통계</p>
	8	+ </div>
	9	+
15	10	</div>
16		- <div>-</div>
17		- <div class="gd-4">
18		- <input
19		- type="date"
20		- class="full-input"
21		- v-model="searchDate.endDt"
22		- @change="validateDate($event, 'endDt')"
23		- />
	11	+ <div class="search-bar mb30">
	12	+ <div class="form-control sm cal">
	13	+ <VueDatePicker
	14	+ InlineOptions
	15	+ placeholder="시작일"
	16	+ locale="ko"
	17	+ :enable-time-picker="false"
	18	+ :format="formatDate"
	19	+ v-model="searchDate.startDt"
	20	+ @update:model-value="validateDate($event, 'startDt')"
	21	+ />
	22	+ </div>
	23	+ <!-- <input
	24	+ type="date"
	25	+ class="form-control sm datepicker"
	26	+ v-model="searchDate.startDt"
	27	+ @change="validateDate($event, 'startDt')"
	28	+ /> -->
	29	+ <div class="mark">-</div>
	30	+ <div class="form-control sm cal">
	31	+ <VueDatePicker
	32	+ InlineOptions
	33	+ placeholder="종료일"
	34	+ locale="ko"
	35	+ :enable-time-picker="false"
	36	+ :format="formatDate"
	37	+ v-model="searchDate.endDt"
	38	+ @update:model-value="validateDate($event, 'endDt')"
	39	+ />
	40	+ </div>
	41	+ <!-- <input
	42	+ type="date"
	43	+ class="form-control sm datepicker"
	44	+ v-model="searchDate.endDt"
	45	+ @change="validateDate($event, 'endDt')"
	46	+ /> -->
	47	+ <button class="btn sm primary" @click="axiosSelectList">
	48	+ 조회
	49	+ </button>
	50	+ <button
	51	+ class="large-btn green-border-btn"
	52	+ v-if="pageAuth.fileDwnldAuthrt == 'Y' && bbsCnt > 0"
	53	+ @click="fnDownload"
	54	+ >
	55	+ 다운로드
	56	+ </button>
24	57	</div>
25		- <div class="gd-2">
26		- <button class="large-btn blue-border-btn" @click="axiosSelectList">
27		- 조회
28		- </button>
	58	+ <div class="chart-zone mb30" v-show="bbsCnt > 0">
	59	+ <div class="chart-info">
	60	+ <p class="detail-text">
	61	+ 방문자 총
	62	+ <span class="detail-bold blue">{{ totalCnt }}</span>
	63	+ 명
	64	+ </p>
	65	+ </div>
	66	+ <div class="chart-wrap" ref="chartdiv" :style="heightStyle">
	67	+ <ClusteredBarChart :chartData="chartData" columnX="menu" />
	68	+ </div>
	69	+ </div>
	70	+ <div class="tbl-wrap">
	71	+ <table class="tbl data mixing">
	72	+ <colgroup>
	73	+ <col width="25%" />
	74	+ <col width="25%" />
	75	+ <col width="25%" />
	76	+ <col width="25%" />
	77	+ </colgroup>
	78	+ <thead>
	79	+ <tr>
	80	+ <th rowspan="2">구분</th>
	81	+ <th colspan="3">사용자 구분</th>
	82	+ </tr>
	83	+ <tr>
	84	+ <th class="text-ct">관리자</th>
	85	+ <th class="text-ct">사용자</th>
	86	+ <th class="text-ct">비로그인 사용자</th>
	87	+ </tr>
	88	+ </thead>
	89	+ <tbody>
	90	+ <template v-if="bbsCnt > 0">
	91	+ <tr v-for="(tr, index) of chartData" :key="index">
	92	+ <td class="text-ct">{{ tr.menu }}</td>
	93	+ <td class="text-rg">{{ tr["관리자"] }}</td>
	94	+ <td class="text-rg">{{ tr["사용자"] }}</td>
	95	+ <td class="text-rg">{{ tr["비로그인 사용자"] }}</td>
	96	+ </tr>
	97	+ </template>
	98	+ <template v-else>
	99	+ <tr>
	100	+ <td colspan="4" class="text-ct">
	101	+ 등록된 정보가 존재하지 않습니다.
	102	+ </td>
	103	+ </tr>
	104	+ </template>
	105	+ </tbody>
	106	+ </table>
29	107	</div>
30	108	</div>
31		- <div class="gd-1">
32		- <button
33		- class="large-btn green-border-btn"
34		- v-if="pageAuth.fileDwnldAuthrt == 'Y' && bbsCnt > 0"
35		- @click="fnDownload"
36		- >
37		- 다운로드
38		- </button>
39		- </div>
40		- </div>
41		- <div class="chart-zone mb30" v-show="bbsCnt > 0">
42		- <div class="chart-info">
43		- <p class="detail-text">
44		- 방문자 총
45		- <span class="detail-bold blue">{{ totalCnt }}</span>
46		- 명
47		- </p>
48		- </div>
49		- <div class="chart-wrap" ref="chartdiv" :style="heightStyle">
50		- <ClusteredBarChart :chartData="chartData" columnX="menu" />
51		- </div>
52		- </div>
53		- <div class="table-zone">
54		- <table class="list-table admin-list complex-table">
55		- <colgroup>
56		- <col width="25%" />
57		- <col width="25%" />
58		- <col width="25%" />
59		- <col width="25%" />
60		- </colgroup>
61		- <thead>
62		- <tr>
63		- <th rowspan="2">구분</th>
64		- <th colspan="3">사용자 구분</th>
65		- </tr>
66		- <tr>
67		- <th class="text-ct">관리자</th>
68		- <th class="text-ct">사용자</th>
69		- <th class="text-ct">비로그인 사용자</th>
70		- </tr>
71		- </thead>
72		- <tbody>
73		- <template v-if="bbsCnt > 0">
74		- <tr v-for="(tr, index) of chartData" :key="index">
75		- <td class="text-ct">{{ tr.menu }}</td>
76		- <td class="text-rg">{{ tr["관리자"] }}</td>
77		- <td class="text-rg">{{ tr["사용자"] }}</td>
78		- <td class="text-rg">{{ tr["비로그인 사용자"] }}</td>
79		- </tr>
80		- </template>
81		- <template v-else>
82		- <tr>
83		- <td colspan="4" class="text-ct">
84		- 등록된 정보가 존재하지 않습니다.
85		- </td>
86		- </tr>
87		- </template>
88		- </tbody>
89		- </table>
90	109	</div>
91	110	</div>
92	111	</template>
...	...	@@ -228,6 +247,14 @@
228	247	});
229	248	});
230	249	},
	250	+
	251	+ // 날짜포맷
	252	+ formatDate(date) {
	253	+ const year = date.getFullYear();
	254	+ const month = ('00' + (date.getMonth() + 1)).slice(-2);
	255	+ const day = ('00' + date.getDate()).slice(-2);
	256	+ return `${year}-${month}-${day}`;
	257	+ }
231	258	},
232	259	};
233	260	</script> (No newline at end of file)

...	...	@@ -1,85 +1,108 @@
1	1	<template>
2		- <div class="content admin-style overflow-y">
3		- <div class="admin-page-title point-font2 mb30">
4		- <p>사용자 접속 통계</p>
5		- </div>
6		- <div class="flex justify-between aling-center no-gutters mb30">
7		- <div class="gd-6 flex justify-start align-center">
8		- <div class="gd-4 pl0">
9		- <input
	2	+ <div class="content-zone full-page">
	3	+ <div class="content">
	4	+ <div class="scroll">
	5	+ <div class="title-zone">
	6	+ <div class="page-title">
	7	+ <p>사용자 접속 통계</p>
	8	+ </div>
	9	+
	10	+ </div>
	11	+ <div class="search-bar mb30">
	12	+ <div class="form-control sm cal">
	13	+ <VueDatePicker
	14	+ InlineOptions
	15	+ placeholder="종료일"
	16	+ locale="ko"
	17	+ :enable-time-picker="false"
	18	+ :format="formatDate"
	19	+ v-model="searchDate.startDt"
	20	+ @update:model-value="validateDate($event, 'startDt')"
	21	+ />
	22	+ </div>
	23	+ <!-- <input
10	24	type="date"
11		- class="full-input"
	25	+ class="form-control sm"
12	26	v-model="searchDate.startDt"
13	27	@change="validateDate($event, 'startDt')"
14		- />
15		- </div>
16		- <div>-</div>
17		- <div class="gd-4">
18		- <input
	28	+ /> -->
	29	+ <div class="mark">-</div>
	30	+ <div class="form-control sm cal">
	31	+ <VueDatePicker
	32	+ InlineOptions
	33	+ placeholder="종료일"
	34	+ locale="ko"
	35	+ :enable-time-picker="false"
	36	+ :format="formatDate"
	37	+ v-model="searchDate.endDt"
	38	+ @update:model-value="validateDate($event, 'endDt')"
	39	+ />
	40	+ </div>
	41	+ <!-- <input
19	42	type="date"
20		- class="full-input"
	43	+ class="form-control sm"
21	44	v-model="searchDate.endDt"
22	45	@change="validateDate($event, 'endDt')"
23		- />
24		- </div>
25		- <div class="gd-2">
26		- <button class="large-btn blue-border-btn" @click="axiosSelectList">
	46	+ /> -->
	47	+
	48	+
	49	+ <button class="btn sm primary" @click="axiosSelectList">
27	50	조회
28	51	</button>
	52	+
	53	+ <button
	54	+ class="large-btn green-border-btn"
	55	+ v-if="pageAuth.fileDwnldAuthrt == 'Y'"
	56	+ @click="fnDownload"
	57	+ >
	58	+ 다운로드
	59	+ </button>
	60	+
	61	+ </div>
	62	+ <div class="chart-zone mb30">
	63	+ <div class="chart-info">
	64	+ <p class="detail-text">
	65	+ 방문자 총
	66	+ <span class="detail-bold blue">{{ totalCnt }}</span>
	67	+ 명
	68	+ </p>
	69	+ </div>
	70	+ <div class="chart-wrap" ref="chartdiv">
	71	+ <ClusteredColumnChart :chartData="chartData" columnX="date" />
	72	+ </div>
	73	+ </div>
	74	+ <div class="tbl-wrap">
	75	+ <table class="tbl data mixing">
	76	+ <colgroup>
	77	+ <template v-for="(key, index) of chartData[0]" :key="index">
	78	+ <col
	79	+ v-if="index > 1"
	80	+ :width="100 / chartData[0].length - 2 + '%'"
	81	+ />
	82	+ </template>
	83	+ </colgroup>
	84	+ <thead>
	85	+ <tr>
	86	+ <th rowspan="2">구분</th>
	87	+ <th colspan="3">사용자 구분</th>
	88	+ </tr>
	89	+ <tr>
	90	+ <th class="text-ct">관리자</th>
	91	+ <th class="text-ct">사용자</th>
	92	+ <th class="text-ct">비로그인 사용자</th>
	93	+ </tr>
	94	+ </thead>
	95	+ <tbody>
	96	+ <tr v-for="(tr, index) of chartData" :key="index">
	97	+ <td class="text-ct">{{ tr.date }}</td>
	98	+ <td class="text-rg">{{ tr["관리자"] }}</td>
	99	+ <td class="text-rg">{{ tr["사용자"] }}</td>
	100	+ <td class="text-rg">{{ tr["비로그인 사용자"] }}</td>
	101	+ </tr>
	102	+ </tbody>
	103	+ </table>
29	104	</div>
30	105	</div>
31		- <div class="gd-1">
32		- <button
33		- class="large-btn green-border-btn"
34		- v-if="pageAuth.fileDwnldAuthrt == 'Y'"
35		- @click="fnDownload"
36		- >
37		- 다운로드
38		- </button>
39		- </div>
40		- </div>
41		- <div class="chart-zone mb30">
42		- <div class="chart-info">
43		- <p class="detail-text">
44		- 방문자 총
45		- <span class="detail-bold blue">{{ totalCnt }}</span>
46		- 명
47		- </p>
48		- </div>
49		- <div class="chart-wrap" ref="chartdiv">
50		- <ClusteredColumnChart :chartData="chartData" columnX="date" />
51		- </div>
52		- </div>
53		- <div class="table-zone">
54		- <table class="list-table admin-list complex-table">
55		- <colgroup>
56		- <template v-for="(key, index) of chartData[0]" :key="index">
57		- <col
58		- v-if="index > 1"
59		- :width="100 / chartData[0].length - 2 + '%'"
60		- />
61		- </template>
62		- </colgroup>
63		- <thead>
64		- <tr>
65		- <th rowspan="2">구분</th>
66		- <th colspan="3">사용자 구분</th>
67		- </tr>
68		- <tr>
69		- <th class="text-ct">관리자</th>
70		- <th class="text-ct">사용자</th>
71		- <th class="text-ct">비로그인 사용자</th>
72		- </tr>
73		- </thead>
74		- <tbody>
75		- <tr v-for="(tr, index) of chartData" :key="index">
76		- <td class="text-ct">{{ tr.date }}</td>
77		- <td class="text-rg">{{ tr["관리자"] }}</td>
78		- <td class="text-rg">{{ tr["사용자"] }}</td>
79		- <td class="text-rg">{{ tr["비로그인 사용자"] }}</td>
80		- </tr>
81		- </tbody>
82		- </table>
83	106	</div>
84	107	</div>
85	108	</template>
...	...	@@ -212,6 +235,13 @@
212	235	});
213	236	});
214	237	},
	238	+ // 날짜포맷
	239	+ formatDate(date) {
	240	+ const year = date.getFullYear();
	241	+ const month = ('00' + (date.getMonth() + 1)).slice(-2);
	242	+ const day = ('00' + date.getDate()).slice(-2);
	243	+ return `${year}-${month}-${day}`;
	244	+ }
215	245	},
216	246	};
217	247	</script> (No newline at end of file)

...	...	@@ -6,7 +6,7 @@
6	6	<div class="page-title">
7	7	<p>로그인 정책 설정</p>
8	8	</div>
9		- <PagiNavigationBar />
	9	+
10	10	</div>
11	11	<div open class="form-box">
12	12	<div class="form-box-title">

...	...	@@ -6,7 +6,7 @@
6	6	<div class="page-title">
7	7	<p>컨텍스트 패스 관리</p>
8	8	</div>
9		- <PagiNavigationBar />
	9	+
10	10	</div>
11	11	<div class="search-bar ">
12	12	<input

...	...	@@ -6,7 +6,7 @@
6	6	<div class="page-title">
7	7	<p>IP접근제어</p>
8	8	</div>
9		- <PagiNavigationBar />
	9	+
10	10	</div>
11	11	<div class="form-box">
12	12	<div class="form-box-title">
...	...	@@ -48,11 +48,10 @@
48	48
49	49	<script>
50	50	import { findByAcces, save, update } from '../../../../../resources/api/accesCtrl'
51		-import PagiNavigationBar from "../../../../component/paginavigationbar/PagiNavigationBar.vue";
	51	+
52	52
53	53	export default {
54	54	components: {
55		- PagiNavigationBar: PagiNavigationBar,
56	55	},
57	56	data() {
58	57	return {

Delete comment