},

   methods: {

       this.map.getView().setZoom(zoomIdx);

     },

             }

           },

         });

         vector.setZIndex(10);

         vm.map.addLayer(vector);

         });

       }

     },

     // 좌표 센터 이동

     setCenterPosition: function (lat, lon, source) {

       } else {

         this.map.getView().setCenter(transform([lon, lat], source, this.baseSource));

       }

     },

     // 기본맵 세팅 

     setBaseMap: function (map,zoom,dong_cd, node_id) {

       const vm = this;

         const tempfeatures = new GeoJSON().readFeatures(response.data);

         // console.log("tempfeatures  :", tempfeatures);

         // console.log("tempfeatures  :", tempfeatures[0].values_.geometry.flatCoordinates);

         vm.map.getView().setCenter(transform([ tempfeatures[0].values_.geometry.flatCoordinates[0],tempfeatures[0].values_.geometry.flatCoordinates[1]], "EPSG:5181", vm.baseSource));

         // this.map.getView().setCenter(transform([338492.222420045, 243951.915081981], "EPSG:5181", this.baseSource));

             <span>~</span>

             <input type="date" name="" id="" />

           </div>

         </div>

         <div class="flex-between gap">

           <div class="gap flex">

 <script>

 import Modal from "../../component/Modal.vue";

 export default {

   data() {

   computed: {

     Modal: Modal,

   },

   mounted() {

     console.log("Main4 mounted");

   },

 </script>

 <style scoped>

 .img {

   width: 20rem;

   height: 20rem;

       <hr class="margin">

       <div class="search-wrap clear-fix">

         <div class="float-right">

         </div>

       </div>

       <div>

               <td data-title="NO">{{ idx + 1 }}</td>

               <td data-title="접속ID">{{ item.user_id }}</td>

               <td data-title="접속자이름">{{ item.user_nm }}</td>

               <td data-title="접속IP">{{ item.cntn_ip }}</td>

               <td data-title="접속타입">{{ item.cntn_ty }}</td>

             </tr>

 <script>

 import axios from 'axios';

 import PaginationButton from '../../component/pagination/PaginationButton.vue';

 export default {

   data: () => {

   methods: {

     //접속기록 목록 조회

       const vm = this;

       axios({

         url: '/user/userAccessLog.json',

         console.log("userAccessList - error : ", error);

         alert("접속기록 목록 조회 오류, 관리자에게 문의해주세요.")

       })

     },

     //사용자 목록 페이지 이동

   },

   mounted() {

     console.log("Main4 mounted");

   },

 };

 </script>

 <style scoped>

 .wrap {

   width: 155rem;

   margin: 100px auto;

       //행정동 레이어

       //this.$refs.open_layers.addVectorLayerByUrl('/testDongGeoJson.json','testMap','EPSG:4326', baseStyles['labelStyle'],'label');    

       vm.$refs.open_layers.addVectorLayerByUrl('/common/getDongGeoJson.json','testMap','EPSG:5181', baseStyles['MultiPolygon'],'MultiPolygon',vm.node.dong_cd);

     },

     closeMap() {

       vm.$refs.open_layers.removeLayer('point1');

       // Icon 그리기 

       //클릭위치로 이동

       //  this.$refs.open_layers.setCenterPosition(coordinate[0],coordinate[1],'EPSG:5181');

       //좌표계 변환

       var changeCoordinate = transform([coordinate[0],coordinate[1]],'EPSG:5181','EPSG:4326');

       vm.map_lat = changeCoordinate[1];

       vm.map_lon = changeCoordinate[0];

     },

       vm.$refs.open_layers.removeLayer('testMap');

       vm.$refs.open_layers.removeLayer('point1');

       //동 레이어 그리기

       axios({

         url: '/dong/dongCenter.json',

         method: 'post',

         data: {'dong_cd' : vm.address.dong_cd}

       }).then(function (response) {

         console.log("searchNode response : ",response.data);

         vm.$refs.open_layers.setCenterPosition(response.data.dong_lat,response.data.dong_lon,'EPSG:5181');

         vm.dong_nm = response.data.dong_nm;

       }).catch(function (error) {

         console.log("serchNode error : ", error);

     //노드 등록

     nodeInsert() {

       const vm = this;

       axios({

         url: '/node/nodeInsert.json',

           </colgroup>

           <thead>

             <tr>

               <th rowspan="2">ID</th>

               <th rowspan="2">읍/면/동</th>

               <th rowspan="2">노드명</th>

           </thead>

           <tbody>

             <tr v-for="(item, idx) in nodeList" :key="idx" @click="nodeSelectOne(item)">

               <td data-title="ID">{{ item.node_id }}</td>

               <td data-title="행정동명">{{ item.dong_nm }}</td>

               <td data-title="노드명">{{ item.node_name }}</td>

     <div>

       <div class="sub-title-wrap">

         <h3 class="sub-title">표준노드 정보관리</h3>

       </div>

       <div>

         <table>

             <tr>

               <th colspan="2">읍/면/동</th>

               <!-- <td><input type="text" v-model="node.node_type"></td> -->

               <th>등록자</th>

               <td></td>

             </tr>

             <tr>

               <th class="second">위도</th>

               <td>{{ node.lat }}</td>

               <th>수정자</th>

       </div>

     </div>

   </div>

   <div class="modal-wrap" v-if="modal_update == true">

     <div class="modal-bg">

     <div class="modal-bg">

     </div>

     <div class="modalMap">

           <input style="width: 20rem" type="text" v-model="map_lat" disabled/>

           <label>경도 : </label>

           <input style="width: 20rem" type="text" v-model="map_lon" disabled/>

           <label>교차로명 : </label>

           <input style="width: 20rem" type="text" v-model="node.node_name" disabled/>

         <button type="button" class="gray-btn" @click="closeMap">취소</button>

     </div>

   </div>

 </template>

         lat: null,

         lon: null,

       //  updatedate: null,

         dong_nm: null

       },

       nodeList: [],

       //modal

       modal_update: false,

       modal_delete: false,

       map_open: false,

       map_lat: null,

       map_lon: null,

       //행정동 레이어

       //this.$refs.open_layers.addVectorLayerByUrl('/testDongGeoJson.json','testMap','EPSG:4326', baseStyles['labelStyle'],'label');    

     },

     closeMap() {

       const vm = this;

       console.log("coordinate",coordinate);

       // 레이어 삭제

       // Icon 그리기 

       //클릭위치로 이동

       //  this.$refs.open_layers.setCenterPosition(coordinate[0],coordinate[1],'EPSG:5181');

       //좌표계 변환

       var changeCoordinate = transform([coordinate[0],coordinate[1]],'EPSG:5181','EPSG:4326');

       vm.map_lat = changeCoordinate[1];

       vm.map_lon = changeCoordinate[0];

     },

      searchNode() {

       const vm = this;

       //기존 레이어 삭제

       //동 레이어 그리기

       axios({

         url: '/node/nodeSelectOne.json',

         method: 'post',

         data: {'node_id' : vm.address.node_id}

       }).then(function (response) {

         console.log("searchNode response : ",response.data);

         vm.$refs.open_layers.setCenterPosition(response.data.lat,response.data.lon,'EPSG:4326');

         vm.$refs.open_layers.zoomChange(19);

     //노드 수정

     nodeUpdate() {

       const vm = this;

       axios({

         url: '/node/nodeUpdate.json',

         method: 'post',

             node_type: null,

             lat: null,

             lon: null,

           };

           vm.id_disabled = false;

         } else {

             node_type: null,

             lat: null,

             lon: null,

           };

         } else {

           alert("삭제 실패, 관리자에게 문의해주세요.");

           vm.modal_delete = false;

       }).then(function(response) {

         console.log("nodeSelectOne - response : ", response.data);

         vm.node = response.data;

       }).catch(function(error) {

         console.log("nodeSelectOne - error : ", error);

       });

   mounted() {

     console.log("Main4 mounted");

     this.nodeSelectList();

   },

 };

 </script>

         </div>

         <div class="flex m-b">

           <span>관리구역 : </span>

         </div>

         <div class="flex m-b">

           <span>비고 : </span>

 <script>

 import axios from 'axios';

 import COMMON_UTIL from '../../../resources/js/commonUtil.ts';

 export default {

   data: () => {

         user_telno: null,

         user_eml: null,

         user_author: null,

         rm: null

       },

       passwordCheck: null,

       email_boolean: true,

       idChcek_boolean: false,

       telno: null,

     };

   },

   methods: {

         return false;

       }

       if (COMMON_UTIL.isEmpty(this.user.user_author) === false) {

         alert('권한을 선택해주세요.');

       const vm = this;

       //서버 전송 값에는 '-' 를 제외하고 숫자만 저장

       vm.user.user_telno = vm.user.user_telno.replace(/[^0-9]/g, '');

       axios({

         url: '/user/userInsert.json',

         method: 'post',

     accessLogPage: function () {

       this.$router.push({ path: '/AccessRecord.page'});

     },

   },

   watch: {},

   computed: {},

   mounted() {

     console.log("Main4 mounted");

   },

               <td data-title="이름">{{ item.user_nm }}</td>

               <td data-title="권한">{{ item.user_author }}</td>

               <td data-title="전화번호">{{ HyphenMinus(item.user_telno) }}</td>

               <td data-titel="등록일자">{{ yyyymmdd(item.reg_dt) }}</td>

               <td data-totel="비고">{{ item.rm }}</td>

             </tr>

             </tr>

             <tr>

               <th>관리구역</th>

             </tr>

             <tr>

               <th>등록일자</th>

         </div>

         <div class="flex m-b">

           <span>관리구역 : </span>

         </div>

         <div class="flex m-b">

           <span>비고 : </span>

 import axios from 'axios';

 import COMMON_UTIL from '../../../resources/js/commonUtil.ts';

 import { useRoute } from 'vue-router';

 export default {

   data: () => {

   },

   watch: {},

   computed: {},

   mounted() {

     console.log("Main4 mounted");

     this.userSelectOne();