{"version":3,"sources":["webpack:///./src/components/page/Account.vue?8282","webpack:///./src/components/page/Account.vue?2130","webpack:///src/components/page/Account.vue","webpack:///./src/components/page/Account.vue?b018","webpack:///./src/components/page/Account.vue?20c0","webpack:///./src/components/page/oldBilling.vue?c7c3","webpack:///src/components/page/oldBilling.vue","webpack:///./src/components/page/oldBilling.vue?5343","webpack:///./src/components/page/oldBilling.vue","webpack:///./src/components/page/oldBillingPc.vue?e311","webpack:///src/components/page/oldBillingPc.vue","webpack:///./src/components/page/oldBillingPc.vue?f38e","webpack:///./src/components/page/oldBillingPc.vue?97af","webpack:///./src/components/page/oldBillingPc.vue?8748"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","staticStyle","style","_s","basket","title","priceTypeName","_f","price","priceType","billing","attrs","domProps","serviceName","on","e","target","value","url","_m","directives","name","rawName","agree","expression","Array","isArray","_i","$event","$$a","$$el","$$c","checked","$$v","$$i","$set","concat","slice","limit","clickAccount","info","_e","staticRenderFns","component"],"mappings":"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","file":"js/chunk-38b91726.4b1cdbca.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Account.vue?vue&type=style&index=0&id=238ce8b2&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-main-top-container\"},[_c('div',{staticClass:\"lp-account-title\"},[_vm._v(\"솔루션 이용신청 / 매월 정기결제\")]),_c('section',{staticClass:\"section\"},[_c('div',{staticClass:\"container lp-account-container\"},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-6\"},[_c('div',{staticClass:\"lp-account-menu-title\"},[_vm._v(\"신청정보\")]),_c('div',{staticClass:\"lp-card\"},[_c('div',{staticClass:\"lp-card-title\"},[_vm._v(\"테마 및 요금제\")]),_c('div',{staticClass:\"flex\",staticStyle:{\"margin-bottom\":\"32px\"}},[_c('div',{style:(_vm.imgStyle)}),_c('div',{staticStyle:{\"margin-left\":\"12px\"}},[_c('div',{staticClass:\"lp-account-menu-title\"},[_vm._v(_vm._s(_vm.basket.title))]),_c('div',[_vm._v(_vm._s(_vm.basket.priceTypeName)+\" / \"+_vm._s(_vm._f(\"currencyNum\")(_vm.basket.price[_vm.basket.priceType].billing))+\"원(월 정기결제)\")])])]),_c('div',{staticClass:\"lp-card-title\"},[_vm._v(\"개설정보 입력\")]),_c('div',[_c('div',{staticClass:\"lp-input-box\"},[_c('input',{attrs:{\"type\":\"text\",\"placeholder\":\"서비스 이름\"},domProps:{\"value\":_vm.serviceName},on:{\"input\":function (e) { return _vm.serviceName = e.target.value; }}})]),_c('div',{staticClass:\"lp-input-box\"},[_c('input',{staticStyle:{\"width\":\"112px\"},attrs:{\"type\":\"text\",\"placeholder\":\"URL\"},domProps:{\"value\":_vm.url},on:{\"input\":function (e) { return _vm.url = e.target.value; }}}),_c('div',{staticClass:\"suffix\"},[_vm._v(\". launchpack.co.kr\")])]),_c('div',{staticClass:\"lp-info\"},[_vm._v(\"* 도메인은 개설 후 변경 가능합니다\")])])])]),_c('div',{staticClass:\"column is-6\"},[_c('div',{staticClass:\"lp-account-menu-title\"},[_vm._v(\"결제정보\")]),_c('div',{staticClass:\"lp-card\"},[_c('div',{staticClass:\"lp-account-info-detail\"},[_c('table',{staticClass:\"table\",staticStyle:{\"width\":\"100%\"}},[_vm._m(0),_c('tbody',[_c('tr',[_c('td',{staticStyle:{\"width\":\"120px\"}},[_vm._v(\"이용료\")]),_c('td',[_vm._v(\"687,500원\")]),_c('td',[_vm._v(\"-177,500원\")]),_c('td',[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.basket.price[_vm.basket.priceType].billing))+\"원\")])]),_vm._m(1)])])]),_c('div',{staticClass:\"lp-account-info\"},[_c('div',[_vm._v(\"총 결제금액(VAT 별도)\")]),_c('div',[_c('span',{staticClass:\"lp-total-price\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.basket.price[_vm.basket.priceType].billing)))]),_vm._v(\"원\")])])]),_c('div',{staticStyle:{\"margin-top\":\"12px\"}},[_c('div',[_c('label',{staticClass:\"checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.agree.billing),expression:\"agree.billing\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.agree.billing)?_vm._i(_vm.agree.billing,null)>-1:(_vm.agree.billing)},on:{\"change\":function($event){var $$a=_vm.agree.billing,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.agree, \"billing\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.agree, \"billing\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.agree, \"billing\", $$c)}}}}),_vm._v(\"매월 정기 결제에 동의\")])]),_c('div',[_c('label',{staticClass:\"checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.agree.limit),expression:\"agree.limit\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.agree.limit)?_vm._i(_vm.agree.limit,null)>-1:(_vm.agree.limit)},on:{\"change\":function($event){var $$a=_vm.agree.limit,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.agree, \"limit\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.agree, \"limit\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.agree, \"limit\", $$c)}}}}),_vm._v(\"이용약관 및 하단 결제 안내사항에 동의\")])]),_c('button',{staticClass:\"button\",on:{\"click\":_vm.clickAccount}},[_vm._v(\"결제하기\")])])])]),_c('div',{staticClass:\"info\"},[_vm._v(_vm._s(_vm.info))])])]),(_vm.isBillingPc)?_c('billing-pc'):_vm._e(),(_vm.isBilling)?_c('billing'):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',[_vm._v(\"내역\")]),_c('th',[_vm._v(\"기본금액\")]),_c('th',[_vm._v(\"할인\")]),_c('th',[_vm._v(\"금액\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tr',[_c('td',{staticStyle:{\"width\":\"120px\"}},[_vm._v(\"설치비\")]),_c('td',[_vm._v(\"0원\")]),_c('td',[_vm._v(\"0원\")]),_c('td',[_vm._v(\"0원\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content-main-top-container\">\r\n    <div class=\"lp-account-title\">솔루션 이용신청 / 매월 정기결제</div>\r\n    <section class=\"section\">\r\n      <div class=\"container lp-account-container\">\r\n        <div class=\"columns\">\r\n          <div class=\"column is-6\">\r\n            <div class=\"lp-account-menu-title\">신청정보</div>\r\n            <div class=\"lp-card\">\r\n              <div class=\"lp-card-title\">테마 및 요금제</div>\r\n              <div class=\"flex\" style=\"margin-bottom: 32px\">\r\n                <div :style=\"imgStyle\"></div>\r\n                <div style=\"margin-left:12px\">\r\n                  <div class=\"lp-account-menu-title\">{{ basket.title }}</div>\r\n                  <div>{{ basket.priceTypeName }} / {{ basket.price[basket.priceType].billing|currencyNum }}원(월 정기결제)</div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"lp-card-title\">개설정보 입력</div>\r\n\r\n              <div>\r\n                <div class=\"lp-input-box\">\r\n                  <input type=\"text\"\r\n                         placeholder=\"서비스 이름\"\r\n                         :value=\"serviceName\"\r\n                         @input=\"e => serviceName = e.target.value\">\r\n                </div>\r\n                <div class=\"lp-input-box\">\r\n                  <input type=\"text\" style=\"width:112px\"\r\n                         placeholder=\"URL\"\r\n                         :value=\"url\"\r\n                         @input=\"e => url = e.target.value\">\r\n                  <div class=\"suffix\">. launchpack.co.kr</div>\r\n                </div>\r\n\r\n                <div class=\"lp-info\">* 도메인은 개설 후 변경 가능합니다</div>\r\n              </div>\r\n\r\n\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"column is-6\">\r\n            <div class=\"lp-account-menu-title\">결제정보</div>\r\n            <div class=\"lp-card\">\r\n              <div class=\"lp-account-info-detail\">\r\n                <table class=\"table\" style=\"width:100%\">\r\n                  <thead>\r\n                  <tr>\r\n                    <th>내역</th><th>기본금액</th><th>할인</th><th>금액</th>\r\n                  </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr>\r\n                      <td style=\"width:120px\">이용료</td>\r\n                      <td>687,500원</td>\r\n                      <td>-177,500원</td>\r\n                      <td>{{ basket.price[basket.priceType].billing|currencyNum }}원</td>\r\n                    </tr>\r\n                    <tr><td style=\"width:120px\">설치비</td><td>0원</td><td>0원</td><td>0원</td></tr>\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n\r\n              <div class=\"lp-account-info\">\r\n                <div>총 결제금액(VAT 별도)</div><div><span class=\"lp-total-price\">{{ basket.price[basket.priceType].billing|currencyNum }}</span>원</div>\r\n              </div>\r\n            </div>\r\n            <div style=\"margin-top:12px\">\r\n              <div><label class=\"checkbox\"><input type=\"checkbox\" v-model=\"agree.billing\">매월 정기 결제에 동의</label></div>\r\n              <div><label class=\"checkbox\"><input type=\"checkbox\" v-model=\"agree.limit\">이용약관 및 하단 결제 안내사항에 동의</label></div>\r\n              <button class=\"button\" @click=\"clickAccount\">결제하기</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"info\">{{ info }}</div>\r\n      </div>\r\n    </section>\r\n    <billing-pc v-if=\"isBillingPc\"></billing-pc>\r\n    <billing v-if=\"isBilling\"></billing>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import moment from 'moment'\r\n  import BillingPc from \"./oldBillingPc\";\r\n  import Billing from \"./oldBilling\";\r\n  export default {\r\n    components: {\r\n      Billing,\r\n      BillingPc\r\n    },\r\n    name: \"account\",\r\n\r\n    created() {\r\n      if(this.$route.query.result !== undefined) {\r\n        this.account();\r\n      }\r\n    },\r\n\r\n    data() {\r\n      return {\r\n        isBillingPc: false,\r\n        isBilling: false,\r\n        serviceName: '',\r\n        url: '',\r\n        agree: {\r\n          billing: false,\r\n          limit: false\r\n        },\r\n        info: '정기결제 이용 시 가능한 결제수단은 신용카드입니다.\\n' +\r\n        '결제취소는 결제 후 7일 내 서비스 미 이용 시 가능하며, 고객센터(1566-7727)나 1:1문의로 신청하세요.\\n' +\r\n        '결제 후 7일 경과 또는 서비스 이용 시에는 중도 해지 및 이에 따른 환불이 가능합니다.\\n' +\r\n        '결제 수단의 정지/한도초과/정보변경 등의 사유로 결제상태가 변경될 경우, 결제 및 서비스가 일시 정지되며 정상으로 전환되거나 직접 일시 정지 해제를 하시면 다시 결제 및 서비스가 시작됩니다.'\r\n      }\r\n    },\r\n    computed: {\r\n      basket() {\r\n        let basket = this.$store.getters.basket;\r\n        if(basket.priceType === 0)\r\n          basket.priceTypeName = 'Start-up 요금제';\r\n        else\r\n          basket.priceTypeName = 'Enterprise 요금제';\r\n        return basket;\r\n      },\r\n\r\n      imgStyle() {\r\n        let deco = {\r\n          width: '48px',\r\n          height: '48px',\r\n          backgroundImage: `url(${ this.basket.img })`,\r\n          backgroundSize: 'cover',\r\n          backgroundPosition: 'center'\r\n        }\r\n\r\n        return deco;\r\n      }\r\n    },\r\n\r\n    methods: {\r\n      isValid(value, name, preValid) {\r\n        if(preValid !== undefined && preValid === false) return preValid;\r\n\r\n        let valid = true;\r\n        if(value === '') {\r\n          this.toast(name + '입력해주세요.');\r\n          valid = false;\r\n        }\r\n        else if(value === false) {\r\n          this.toast(name + '체크해주세요.');\r\n          valid = false;\r\n        }\r\n\r\n        return valid;\r\n      },\r\n      isMobile() {\r\n        if(navigator.userAgent.match(/Android/i)\r\n          || navigator.userAgent.match(/webOS/i)\r\n          || navigator.userAgent.match(/iPhone/i)\r\n          || navigator.userAgent.match(/iPod/i)\r\n          || navigator.userAgent.match(/BlackBerry/i)\r\n          || navigator.userAgent.match(/Windows Phone/i)) return true;\r\n        else return false;\r\n      },\r\n      clickAccount() {\r\n        let valid = this.isValid(this.serviceName, '서비스 이름을');\r\n        valid = this.isValid(this.url, 'URL을', valid);\r\n        valid = this.isValid(this.agree.billing, '매월 정기 결제 동의에', valid);\r\n        valid = this.isValid(this.agree.limit, '이용약관 및 하단 결제 안내사항에 동의에', valid);\r\n\r\n        if(!valid) return;\r\n\r\n        let basket = this.basket;\r\n        basket.serviceName = this.serviceName;\r\n        basket.url = this.url;\r\n        basket.account_date = moment().format('YYYY-MM-DD');\r\n        this.$store.commit('setBasket', basket);\r\n\r\n        if(this.isMobile()) {\r\n          this.isBilling = true;\r\n        } else {\r\n          this.isBillingPc = true;\r\n        }\r\n      },\r\n      account() {\r\n        this.serviceName = this.basket.serviceName;\r\n        this.url = this.basket.url;\r\n        this.account_date = this.basket.account_date;\r\n\r\n        let result = JSON.parse(this.$route.query.result);\r\n        let basket = this.basket;\r\n        if(this.isMobile()) {\r\n          basket.card = {\r\n            num: result.cardno,\r\n            code: result.cardcd,\r\n            billkey: result.billkey\r\n          };\r\n        } else {\r\n          basket.card = {\r\n            num: result.CARD_Num,\r\n            code: result.CARD_Code,\r\n            billkey: result.CARD_BillKey\r\n          };\r\n        }\r\n\r\n        this.$store.commit('setBasket', basket);\r\n        // 서버 전송 처리\r\n\r\n        this.$router.push('account_done');\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .lp-account-title,\r\n  .lp-account-menu-title,\r\n  .lp-total-price {\r\n    color: rgb(57, 62, 70);\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .content-main-top-container {\r\n    background-color: rgb(247, 247, 247);\r\n  }\r\n\r\n  .lp-account-title {\r\n    background-color: white;\r\n    padding: 28px;\r\n    font-weight: 600;\r\n    text-align: center;\r\n  }\r\n\r\n  .lp-account-menu-title {\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  .lp-account-container {\r\n    padding: 40px 0;\r\n  }\r\n\r\n  .lp-card {\r\n    border: 1px solid rgb(229, 229, 229);\r\n    border-radius: 3px;\r\n    padding: 16px;\r\n    background-color: white;\r\n  }\r\n\r\n  .lp-account-info {\r\n    color: rgb(131, 131, 131);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 16px 12px 0 12px;\r\n  }\r\n\r\n  .lp-total-price {\r\n    font-weight: 600;\r\n  }\r\n\r\n  .lp-input-box {\r\n    border: 1px solid #eee;\r\n    border-radius: 3px;\r\n    margin-bottom: 12px;\r\n    width: 100%;\r\n    background-color: white;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .lp-input-box .prefix,\r\n  .lp-input-box .suffix,\r\n  .lp-info {\r\n    color: rgb(131, 131, 131);\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .lp-input-box .prefix {\r\n    margin: 0 12px;\r\n  }\r\n\r\n  .lp-input-box .suffix {\r\n    margin-right: 12px;\r\n    color: rgb(255, 102, 0);\r\n  }\r\n\r\n  input[type='text'] {\r\n    height: 44px;\r\n    border: 0;\r\n    flex: 1;\r\n    font-size: 1rem;\r\n    padding: 0 12px;\r\n  }\r\n\r\n  input[type='checkbox'] {\r\n    border-radius: 0;\r\n    border: 1px solid #ddd;\r\n    margin: 0 8px 12px 0;\r\n  }\r\n\r\n  input:focus {\r\n    outline: 0;\r\n  }\r\n\r\n  .button {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .info {\r\n    border-top: 1px solid #ddd;\r\n    padding: 36px 0;\r\n    white-space: pre-wrap;\r\n    font-size: 0.9rem;\r\n    line-height: 1.8rem;\r\n  }\r\n\r\n  .lp-card-title {\r\n    color: rgb(152, 152, 152);\r\n    font-size: 0.9rem;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  th {\r\n    text-align: center;\r\n  }\r\n  td:first-child {\r\n    text-align: center;\r\n  }\r\n\r\n  td {\r\n    text-align: right;\r\n  }\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Account.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Account.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Account.vue?vue&type=template&id=238ce8b2&scoped=true&\"\nimport script from \"./Account.vue?vue&type=script&lang=js&\"\nexport * from \"./Account.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Account.vue?vue&type=style&index=0&id=238ce8b2&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"238ce8b2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import moment from 'moment';\r\n  import sha256 from 'js-sha256';\r\n  export default {\r\n    name: \"old-billing\",\r\n    created() {\r\n      let pg = 'https://master.launchpack.co.kr:8081';\r\n      //let pg = 'http://13.209.97.215:8081';\r\n      //let pg = 'http://localhost:8081';\r\n\r\n      /*let basket = this.$store.getters.basket;\r\n      let user = this.$store.getters.user;\r\n\r\n      this.requests.buyername = user.name;\r\n      this.requests.buyertel = user.phone;\r\n      this.requests.buyeremail = user.email;\r\n      this.requests.goodname = basket.title;\r\n      this.requests.price = basket.price[basket.priceType].billing;*/\r\n      let query = this.$route.query;\r\n      let orderid = `launchpack_${ moment().format('YYYYMMDDHHmmss') + moment().milliseconds() }`;\r\n\r\n      this.$axios.post('public/launchpack/service/orderid', {\r\n        email: query.email,\r\n        orderid: orderid,\r\n        price: query.price\r\n      }).then(() => {\r\n\r\n        this.requests.buyername = query.name;\r\n        this.requests.buyertel = query.phone;\r\n        this.requests.buyeremail = query.email;\r\n        this.requests.goodname = query.goodname;\r\n        this.requests.price = query.price;\r\n\r\n\r\n        this.requests.returnurl = pg+'/inicis/pay/INIMobilePayReturn.php';\r\n\r\n\r\n\r\n        let form = document.createElement('form');\r\n        form.setAttribute('method', 'post');\r\n        form.setAttribute('action', 'https://inilite.inicis.com/inibill/inibill_card.jsp');\r\n\r\n        let timestamp = moment().format('YYYYMMDDHHmmss');\r\n\r\n        let keys = Object.keys(this.requests);\r\n        for(let i=0; i<keys.length; i++) {\r\n          let key = keys[i];\r\n          if(key === 'orderid') {\r\n            this.input(form, key, orderid);\r\n          }\r\n          else if(key === 'timestamp') {\r\n            this.input(form, key, timestamp);\r\n          }\r\n          else if(key === 'hashdata') {\r\n            let hashdata = sha256.sha256(this.requests.mid + orderid + timestamp + this.requests.merchantkey);\r\n            this.input(form, key, hashdata);\r\n          }\r\n          else\r\n            this.input(form, key, this.requests[key]);\r\n        }\r\n\r\n\r\n        document.body.appendChild(form);\r\n        form.submit();\r\n      });\r\n    },\r\n    data() {\r\n      return {\r\n        requests: {\r\n          merchantkey: 'UTVHRTRPaEV4YUFYNTBrWGFDZW9hdz09',\r\n          mid: 'launchpack',\r\n          //merchantkey: 'b09LVzhuTGZVaEY1WmJoQnZzdXpRdz09',\r\n          //mid: 'INIBillTst',\r\n          buyername: '이남호',\r\n          goodname: '런치팩 솔루션 월 요금제',\r\n          price: '580000',\r\n          orderid: '',\r\n          returnurl: '',\r\n          merchantreserved: '',\r\n          timestamp: '',\r\n          period: 'M2',\r\n          period_custom: '',\r\n          hashdata: ''\r\n        }\r\n      }\r\n    },\r\n    methods: {\r\n      input(form, name, value) {\r\n        let input = document.createElement('input');\r\n        input.setAttribute('type', 'hidden');\r\n        input.setAttribute('name', name);\r\n        input.setAttribute('value', value);\r\n        form.appendChild(input);\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./oldBilling.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./oldBilling.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./oldBilling.vue?vue&type=template&id=3e6b9df0&scoped=true&\"\nimport script from \"./oldBilling.vue?vue&type=script&lang=js&\"\nexport * from \"./oldBilling.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3e6b9df0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('iframe',{staticClass:\"pg\",attrs:{\"src\":_vm.url}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <iframe class=\"pg\" :src=\"url\"></iframe>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"old-billing-pc\",\r\n    computed: {\r\n      url() {\r\n        //let pg = 'https://master.launchpack.co.kr:8081';\r\n        let pg = 'http://13.209.97.215:8081';\r\n        //let pg = 'http://localhost:8081';\r\n        let basket = this.$store.getters.basket;\r\n        let user = this.$store.getters.user;\r\n\r\n        let url = `${pg}/inicis/pay/lpPayBill.php`;\r\n        url += `?goodname=${basket.title}`;\r\n        url += `&price=${basket.price[basket.priceType].billing}`;\r\n        url += `&buyername=${user.name}`;\r\n        url += `&buyertel=${user.phone}`;\r\n        url += `&buyeremail=${user.email}`;\r\n\r\n        return url;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .pg {\r\n    position: fixed;\r\n    z-index: 10;\r\n    top: 42%;\r\n    left: 50%;\r\n    width: 822px;\r\n    transform: translate(-50%, -50%);\r\n    height: 602px;\r\n    border: 0;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./oldBillingPc.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./oldBillingPc.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./oldBillingPc.vue?vue&type=template&id=e7e2ff46&scoped=true&\"\nimport script from \"./oldBillingPc.vue?vue&type=script&lang=js&\"\nexport * from \"./oldBillingPc.vue?vue&type=script&lang=js&\"\nimport style0 from \"./oldBillingPc.vue?vue&type=style&index=0&id=e7e2ff46&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e7e2ff46\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./oldBillingPc.vue?vue&type=style&index=0&id=e7e2ff46&scoped=true&lang=css&\""],"sourceRoot":""}