주소 검색 테스트

frontend/src/modules/calculate/router/index.js

@@ -1,5 +1,6 @@
 import CalcList from '../views/CalcList'
 import Verification from '../views/Verification'
+import AdressPopup from '../views/adressPopup'
 
 export default [
   {
@@ -13,6 +14,12 @@ export default [
     component: Verification,    
     name: 'verification',     
     meta: { public: false }
+  },
+  {
+    path: '/calculate/adressPopup',    
+    component: AdressPopup,
+    name: 'adressPopup',
+    meta: { public: false }
   }
 ]
 

frontend/src/modules/calculate/views/Verification.vue

@@ -22,6 +22,7 @@
             </span>
           </div>
         </div>
+        <button type="button" class="button grey" @click="adressModalOpen()">조회</button>
       </div>
       <div class="info">
         <div class="count">
@@ -183,7 +184,10 @@ export default {
       totalCnt : 0,
       noDataStr: '검색 결과가 없습니다.',
       excelHeader: [],
-      excelDownAble:false
+      excelDownAble:false,
+      zip: '',
+      addr1: '',
+      addr2: ''
     };
   },
   components: {
@@ -230,6 +234,10 @@ export default {
         return false;
       }
     },
+    adressModalOpen: function(){
+      //this.$refs.adressModal.adressPopupOpen();
+      window.open("/calculate/adressPopup", "pop", "width=480, height=800, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no,  rel=opener");
+    },
     initData: function(){
       this.list = [];
       this.totalCnt = 0;
@@ -312,8 +320,12 @@ export default {
       };
       
       xlsx.export(this.list, saveFileName, options).then(() => {});
-    }
-
     },
+    jusoCallBack(roadFullAddr, roadAddrPart1, addrDetail, roadAddrPart2, engAddr, jibunAddr, zipNo, admCd, rnMgtSn, bdMgtSn){
+      // 도로명주소검색팝업창에서 결과를 리턴하는 스크립트로 빨간 라인은 해당 시스템에 맞게 수정하여 사용
+      //2017년 2월 제공항목이 확대되었습니다. 원하시는 항목을 추가하여 사용하시면 됩니다.
+      console.log(roadFullAddr, roadAddrPart1, addrDetail, roadAddrPart2, engAddr, jibunAddr, zipNo, admCd, rnMgtSn, bdMgtSn);
+    }
+  }
 };
 </script>

frontend/src/modules/calculate/views/adressPopup.vue

@@ -0,0 +1,70 @@
+<template>
+  <div>
+    <form id="form" name="form" method="post">
+      <input type="hidden" id="confmKey" name="confmKey" value=""/>
+      <input type="hidden" id="returnUrl" name="returnUrl" value=""/>
+      <input type="hidden" id="resultType" name=" resultType" value=""/>
+    </form>
+  </div>
+</template>
+
+<script>
+
+
+export default {
+  name: 'adressPopup',
+  data() {
+    return {
+      inputYn:'',
+      roadFullAddr:'',
+      roadAddrPart1:'',
+      roadAddrPart2:'',
+      engAddr:'',
+      jibunAddr:'',
+      zipNo:'',
+      addrDetail:'',
+      admCd:'',
+      rnMgtSn:'',
+      bdMgtSn:'',
+      detBdNmList:'',
+      bdNm:'',
+      bdKdcd:'',
+      siNm:'',
+      sggNm:'',
+      emdNm:'',
+      liNm:'',
+      rn:'',
+      udrtYn:'',
+      buldMnnm:'',
+      buldSlno:'',
+      mtYn:'',
+      lnbrMnnm:'',
+      lnbrSlno:'',
+      emdNo:'',
+    };
+  },
+  components: {},
+  computed : {},
+  watch: {},
+  created() {},
+  destroyed() {},
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init(){
+      
+      if(this.inputYn != "Y"){
+      document.form.confmKey.value = 'TESTJUSOGOKR';
+      document.form.returnUrl.value = location.href;
+      document.form.resultType.value = '4';
+      document.form.action="https://business.juso.go.kr/addrlink/addrLinkUrl.do"; //인터넷망(행정망의 경우 별도 문의)
+      
+      document.form.submit();
+      }else{
+        console.log("else");
+      }
+    }
+  },
+};
+</script>

frontend/src/router.js

@@ -99,6 +99,11 @@ router.beforeEach((to, from, next) => {
             store.commit('login/isErrorPage', false);
           }
         }
+
+        if(nextUrl == '/calculate/adressPopup'){
+          moveFlag = true;
+        }
+        
       }
 
       if (