{"version":3,"sources":["webpack:///./src/components/component/LpCheckBoxArray.vue?5001","webpack:///src/components/component/LpCheckBoxArray.vue","webpack:///./src/components/component/LpCheckBoxArray.vue?9026","webpack:///./src/components/component/LpCheckBoxArray.vue","webpack:///./src/mixins/OrderMixin.js","webpack:///./src/components/page/ServiceAccount.vue?578f","webpack:///./src/components/page/ServiceAccount.vue?6e24","webpack:///src/components/page/ServiceAccount.vue","webpack:///./src/components/page/ServiceAccount.vue?84dc","webpack:///./src/components/page/ServiceAccount.vue","webpack:///./src/components/component/LpCheckBoxArray.vue?ccfa"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isChecked","style","on","$event","stopPropagation","preventDefault","clickCheck","_v","_e","_l","item","idx","key","labelStyle","clickLink","_s","label","staticRenderFns","component","data","selectorStocks","mounted","getSelectorStocks","methods","isAddOption","order_product_option","findItem","order","order_product","product_id","url","$axios","post","then","res","stocks","isSubscription","stock","product","enable","enable_option","option_id","options","some","i","selectors","length","selector","j","option","id","is_subscription","optionName","name","word","indexOf","replace","optionPrice","price","staticStyle","type","service","conversion","_f","add_option","plugin","option_idx","option_type","domProps","_m","service_use_price","hosting","care_service","vat","totalPrice","attrs","subscribePrice","ref","agree","checkItem","clickPrev","clickAccount"],"mappings":"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","file":"js/chunk-dc4859f8.f0ecff82.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lp-check-bool-container\"},[_c('div',{class:{ 'checked-box' : !!_vm.isChecked, 'not-checked-box' : !_vm.isChecked },style:(_vm.checkStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[(!!_vm.isChecked)?_c('i',{staticClass:\"material-icons checked-icon\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[_vm._v(\"check\")]):_vm._e()]),_c('div',{on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},_vm._l((_vm.items),function(item,idx){return _c('span',{key:(\"item-\" + idx),style:(_vm.labelStyle(item)),on:{\"click\":function($event){return _vm.clickLink(item)}}},[_vm._v(_vm._s(item.label))])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"lp-check-bool-container\">\r\n    <div :class=\"{ 'checked-box' : !!isChecked, 'not-checked-box' : !isChecked }\"\r\n         :style=\"checkStyle\"\r\n         @click.stop.prevent=\"clickCheck\">\r\n      <i v-if=\"!!isChecked\" class=\"material-icons checked-icon\" @click.stop.prevent=\"clickCheck\">check</i>\r\n    </div>\r\n    <div @click.stop.prevent=\"clickCheck\">\r\n      <span v-for=\"(item, idx) in items\" :key=\"`item-${idx}`\"\r\n            :style=\"labelStyle(item)\"\r\n            @click=\"clickLink(item)\">{{ item.label }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  export default {\r\n    name: 'lp-check-box-array',\r\n    props: {\r\n      value: {\r\n        type: Boolean\r\n      },\r\n      items: {\r\n        type: Array,\r\n        default: function() {\r\n          return []\r\n        }\r\n      }\r\n    },\r\n    created() {\r\n      this.isChecked = this.value;\r\n    },\r\n    data() {\r\n      return {\r\n        isChecked: false\r\n      }\r\n    },\r\n    computed: {\r\n      checkStyle() {\r\n        let style = {}\r\n        if(this.label) {\r\n          style.marginRight = 8;\r\n        }\r\n        else style.marginRight = 0;\r\n\r\n        return style\r\n      }\r\n    },\r\n    methods: {\r\n      clickLink(item) {\r\n        if(item.link) window.open(item.link, '_blank');\r\n      },\r\n      labelStyle(item) {\r\n        let style = {\r\n          fontSize: '0.9rem',\r\n          lineHeight: '17px',\r\n          color: '#555'\r\n        };\r\n        if(item.labelStyle) {\r\n          style = item.labelStyle;\r\n        }\r\n        return style;\r\n      },\r\n      clickCheck() {\r\n        if ( this.isChecked === false ) {\r\n          this.isChecked = true;\r\n        }\r\n        else if ( this.isChecked === true ) {\r\n          this.isChecked = false;\r\n        }\r\n        this.$emit('update:value', this.isChecked);\r\n        this.$emit('onCheck', this.isChecked);\r\n        this.$emit('dataCheck', {id:this.label, value:this.isChecked});\r\n      }\r\n    },\r\n    watch: {\r\n      value(n) {\r\n        this.isChecked = n;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  .lp-check-bool-container\r\n    /*display inline-flex*/\r\n    display flex\r\n    align-items center\r\n    cursor pointer\r\n\r\n  .checked-box\r\n    position relative\r\n    width 16px\r\n    height 16px\r\n    border 2px solid #ff6600\r\n    border-radius 3px\r\n    margin-right 8px !important\r\n    text-align center\r\n\r\n  .not-checked-box\r\n    position relative\r\n    width 16px\r\n    height 16px\r\n    border 2px solid #ff6600\r\n    border-radius 3px\r\n    margin-right 8px !important\r\n    text-align center\r\n\r\n\r\n  .checked-box\r\n    background-color #ff6600\r\n\r\n\r\n  .not-checked-box\r\n    background-color #fff\r\n\r\n\r\n  .checked-icon\r\n    color #fff\r\n    font-size 0.9rem\r\n    font-weight bold\r\n    position absolute\r\n    left 0\r\n    top 0\r\n\r\n\r\n</style>","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!./LpCheckBoxArray.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!./LpCheckBoxArray.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpCheckBoxArray.vue?vue&type=template&id=fca78d6a&scoped=true&\"\nimport script from \"./LpCheckBoxArray.vue?vue&type=script&lang=js&\"\nexport * from \"./LpCheckBoxArray.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpCheckBoxArray.vue?vue&type=style&index=0&id=fca78d6a&lang=stylus&scoped=true&\"\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  \"fca78d6a\",\n  null\n  \n)\n\nexport default component.exports","export default {\r\n  data() {\r\n    return {\r\n      selectorStocks: []\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getSelectorStocks();\r\n  },\r\n  methods: {\r\n    // 추가 옵션 여부\r\n    isAddOption(order_product_option) {\r\n      let item = this.findItem(order_product_option, 'option_type', 1);\r\n      return !!item;\r\n    },\r\n    getSelectorStocks() {\r\n      if(this.order && this.order.order_product && this.order.order_product.product_id) {\r\n        let url = `public/product/${this.order.order_product.product_id}/selector_stocks`\r\n        this.$axios.post(url).then(res=>{\r\n          this.selectorStocks = res.data.stocks;\r\n        });\r\n      }\r\n    },\r\n    isSubscription(stock, product) {\r\n      let enable = false;\r\n      // 상품 옵션 사용할 경우\r\n      if (stock && product.enable_option) {\r\n        let item = this.findItem(this.selectorStocks, 'id', stock.option_id)\r\n        if (item) {\r\n          enable = item.options.some(option_id => {\r\n            for (let i = 0; i < product.selectors.length; i++) {\r\n              let selector = product.selectors[i];\r\n              for (let j = 0; j < selector.options.length; j++) {\r\n                let option = selector.options[j];\r\n                if (option.id === option_id && option.is_subscription) {\r\n                  return true\r\n                }\r\n              }\r\n            }\r\n          })\r\n        }\r\n      }\r\n      return enable;\r\n    },\r\n    optionName(option) {\r\n      let name = '';\r\n      let stock = this.findItem(this.selectorStocks, 'id', option.option_id)\r\n      if(stock) name = stock.name;\r\n      let word = '(견적서 발송 예정)';\r\n      if (name && name.indexOf(word) > -1) {\r\n        name = `<span>${name.replace(word, '')} <span style=\"color:#FF3B3B\">${word}</span>`;\r\n      }\r\n      if (name.indexOf('플랜없음 x ')>-1 || name.indexOf(' x 플랜업음')) {\r\n        name = name.replace('플랜없음 x ', '')\r\n        name = name.replace(' x 플랜업음', '')\r\n      }\r\n      return name;\r\n    },\r\n    optionPrice(option) {\r\n      let price = 0;\r\n      let stock = this.findItem(this.selectorStocks, 'id', option.option_id)\r\n      if(stock) {\r\n        price = stock.price;\r\n      }\r\n      return price;\r\n    },\r\n  }\r\n}","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ServiceAccount.vue?vue&type=style&index=0&id=38e8b346&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.order)?_c('div',{staticClass:\"container-top\"},[_c('div',{staticClass:\"pc container padding-top-60 position-relative\"},[_c('div',{staticClass:\"h5 main\",staticStyle:{\"padding-bottom\":\"52px\"}},[_vm._v(\"결제하기\")]),_c('div',{staticClass:\"body0-bold main account-price-title\"},[_vm._v(\"결제금액\")]),(_vm.order.type==='quickbuilder')?[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"subtitle5 sub2\"},[_vm._v(\"상품\")]),_c('div',_vm._l((_vm.order.service.conversions),function(conversion){return _c('div',{key:'conversion-'+conversion.id,staticClass:\"flex-end item-product\"},[_c('div',{staticClass:\"body2 sub3\"},[_vm._v(_vm._s(conversion.name))]),_c('span',{staticClass:\"price-indicator\"}),_c('div',{staticClass:\"price body2-bold main\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currencyNum\")(conversion.add_option ? conversion.option.price.price : conversion.price.price)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\"),(conversion.price.is_subscription)?_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")]):_vm._e()])])}),0)]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"subtitle5 sub2\"},[_vm._v(\"추가 플러그인\")]),_c('div',_vm._l((_vm.order.service.plugins),function(plugin){return _c('div',{key:'plugin-'+plugin.id,staticClass:\"flex-end item-product\"},[_c('div',{staticClass:\"body2 sub3\"},[_vm._v(_vm._s(plugin.name))]),_c('span',{staticClass:\"price-indicator\"}),_c('div',{staticClass:\"price body2-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(plugin.price.price)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\"),(plugin.price.is_subscription)?_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")]):_vm._e()])])}),0)])]:_vm._e(),(_vm.order.type==='theme')?[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"subtitle5 sub2\"},[_vm._v(\"상품\")]),_c('div',[_vm._l((_vm.order.order_product.order_product_option),function(option,option_idx){return _c('div',{key:(\"option-\" + option_idx),staticClass:\"flex-end\"},[(option.option_type===0)?_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"body2\",domProps:{\"innerHTML\":_vm._s(_vm.optionName(option))}}),_c('span',{staticClass:\"price-indicator\"}),(_vm.optionPrice(option)>0)?_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"body2-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.optionPrice(option))))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")]),(_vm.isSubscription(option, _vm.order.order_product.product))?_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")]):_vm._e()]):_vm._e()]):_vm._e()])}),(_vm.order.isServiceUsePrice)?_c('div',{staticClass:\"flex-end margin-top-8\"},[_vm._m(0),_c('span',{staticClass:\"price-indicator\"}),_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"body2-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.service_use_price.price)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")])])]):_vm._e()],2)]),(_vm.isAddOption(_vm.order.order_product.order_product_option))?_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"subtitle5 sub2\"},[_vm._v(\"추가옵션\")]),_c('div',_vm._l((_vm.order.order_product.order_product_option),function(option,option_idx){return _c('div',{key:(\"option-\" + option_idx),staticClass:\"flex-align\"},[(option.option_type===1)?_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"body2\",domProps:{\"innerHTML\":_vm._s(_vm.optionName(option))}}),_c('span',{staticClass:\"price-indicator\"}),(_vm.optionPrice(option)>0)?_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"body2-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.optionPrice(option))))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")]),(_vm.isSubscription(option, _vm.order.order_product.product))?_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")]):_vm._e()]):_vm._e()]):_vm._e()])}),0)]):_vm._e()]:_vm._e(),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"subtitle5 sub2\"},[_vm._v(\"호스팅\")]),_c('div',[_c('div',{staticClass:\"flex-align item-product\"},[_c('div',{staticClass:\"body2 sub3\"},[_vm._v(_vm._s(_vm.order.hosting.name))]),_c('span',{staticClass:\"price-indicator\"}),_c('div',{staticClass:\"price body2-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.hosting.price)))]),_vm._m(1)])])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"subtitle5 sub2\"},[_vm._v(\"케어 서비스\")]),_c('div',[_c('div',{staticClass:\"flex-align item-product\"},[_c('div',{staticClass:\"body2 sub3\"},[_vm._v(_vm._s(_vm.order.care_service.name))]),_c('span',{staticClass:\"price-indicator\"}),_c('div',{staticClass:\"price body2-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.care_service.price)))]),_vm._m(2)])])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"subtitle5 sub2\"},[_vm._v(\"VAT 10% 별도\")]),_c('div',[_c('div',{staticClass:\"item-product\"},[_c('span',{staticClass:\"price body2-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.vat)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")])])])]),_c('div',{staticStyle:{\"margin-top\":\"26px\"}},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"subtitle4 main\"},[_vm._v(\"총 결제금액\")]),_c('div',[_c('span',{staticClass:\"price h5 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.totalPrice)))]),_c('span',{staticClass:\"body2-medium sub\"},[_vm._v(\"원\")])])]),_c('div',{staticClass:\"box-info\"},[_c('img',{staticClass:\"svg-primary\",staticStyle:{\"width\":\"20px\",\"height\":\"20px\",\"vertical-align\":\"sub\",\"margin-right\":\"6px\"},attrs:{\"src\":\"/static/icon/fi_alert-circle.svg\"}}),_vm._v(\" 첫 결제 후, 서비스 개설 완료 한달 뒤부터 \"),_c('span',{staticClass:\"body2-bold price\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.subscribePrice)))]),_vm._v(\"원(VAT 포함)이 자동결제됩니다. \")])]),_c('div',{staticStyle:{\"margin-top\":\"92px\"}},[_vm._m(3),_c('div',{staticStyle:{\"margin\":\"32px 0 56px 0\"}},[_c('billing-form',{ref:\"form\"})],1),_c('lp-check-box-array',{attrs:{\"value\":_vm.agree,\"items\":_vm.checkItem},on:{\"update:value\":function($event){_vm.agree=$event}}})],1),_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin-top\":\"80px\"}},[_c('button',{staticClass:\"button is-gray\",staticStyle:{\"width\":\"242px\",\"margin-right\":\"8px\"},on:{\"click\":_vm.clickPrev}},[_vm._v(\"이전\")]),_c('button',{staticClass:\"button is-primary\",staticStyle:{\"width\":\"242px\",\"margin-left\":\"8px\"},on:{\"click\":_vm.clickAccount}},[_vm._v(\"결제하기\")])])],2)]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body2\"},[_c('span',[_vm._v(\"서비스 운영 이용료\")]),_c('span',{staticClass:\"primary\"},[_vm._v(\"(월결제)\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\"),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\"),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"account-price-method\"},[_c('h5',{staticClass:\"body0-bold main\"},[_vm._v(\"결제 방법\")]),_c('div',{staticClass:\"sub3\",staticStyle:{\"margin-top\":\"8px\"}},[_vm._v(\"매월 서비스 이용료 및 부가서비스 비용을 납부할 결제 방식입니다.\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-top\" v-if=\"order\">\r\n    <div class=\"pc container padding-top-60 position-relative\">\r\n      <div class=\"h5 main\" style=\"padding-bottom:52px\">결제하기</div>\r\n      <div class=\"body0-bold main account-price-title\">결제금액</div>\r\n      <template v-if=\"order.type==='quickbuilder'\">\r\n        <div class=\"item\">\r\n          <div class=\"subtitle5 sub2\">상품</div>\r\n          <div>\r\n            <div v-for=\"conversion in order.service.conversions\" :key=\"'conversion-'+conversion.id\"\r\n                class=\"flex-end item-product\">\r\n              <div class=\"body2 sub3\">{{ conversion.name }}</div>\r\n              <span class=\"price-indicator\"></span>\r\n              <div class=\"price body2-bold main\">\r\n                {{ conversion.add_option ? conversion.option.price.price : conversion.price.price |currencyNum }}</div>\r\n              <span class=\"body4 sub\">원<span v-if=\"conversion.price.is_subscription\" class=\"body4 sub3\">/월</span></span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"item\">\r\n          <div class=\"subtitle5 sub2\">추가 플러그인</div>\r\n          <div>\r\n            <div v-for=\"plugin in order.service.plugins\" :key=\"'plugin-'+plugin.id\"\r\n                class=\"flex-end item-product\">\r\n              <div class=\"body2 sub3\">{{ plugin.name }}</div>\r\n              <span class=\"price-indicator\"></span>\r\n              <div class=\"price body2-bold main\">{{ plugin.price.price|currencyNum }}</div>\r\n              <span class=\"body4 sub\">원<span v-if=\"plugin.price.is_subscription\" class=\"body4 sub3\">/월</span></span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n\r\n      <template v-if=\"order.type==='theme'\">\r\n        <div class=\"item\">\r\n          <div class=\"subtitle5 sub2\">상품</div>\r\n          <div>\r\n            <div class=\"flex-end\"\r\n                 v-for=\"(option, option_idx) in order.order_product.order_product_option\"\r\n                 :key=\"`option-${option_idx}`\">\r\n              <div class=\"flex-align\" v-if=\"option.option_type===0\">\r\n                <div class=\"body2\" v-html=\"optionName(option)\"></div>\r\n                <span class=\"price-indicator\"></span>\r\n                <div class=\"flex-align\" v-if=\"optionPrice(option)>0\">\r\n                  <div class=\"body2-bold main\">{{ optionPrice(option) | currencyNum }}</div>\r\n                  <span class=\"body4 sub\">원</span>\r\n                  <span class=\"body4 sub3\" v-if=\"isSubscription(option, order.order_product.product)\">/월</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"flex-end margin-top-8\" v-if=\"order.isServiceUsePrice\">\r\n              <div class=\"body2\">\r\n                <span>서비스 운영 이용료</span><span class=\"primary\">(월결제)</span>\r\n              </div>\r\n              <span class=\"price-indicator\"></span>\r\n              <div class=\"flex-align\">\r\n                <div class=\"body2-bold main\">{{ order.service_use_price.price | currencyNum }}</div>\r\n                <span class=\"body4 sub\">원</span>\r\n                <span class=\"body4 sub3\">/월</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"item\" v-if=\"isAddOption(order.order_product.order_product_option)\">\r\n          <div class=\"subtitle5 sub2\">추가옵션</div>\r\n          <div>\r\n            <div class=\"flex-align\"\r\n                 v-for=\"(option, option_idx) in order.order_product.order_product_option\"\r\n                 :key=\"`option-${option_idx}`\">\r\n              <div class=\"flex-align\" v-if=\"option.option_type===1\">\r\n                <div class=\"body2\" v-html=\"optionName(option)\"></div>\r\n                <span class=\"price-indicator\"></span>\r\n                <div class=\"flex-align\" v-if=\"optionPrice(option)>0\">\r\n                  <div class=\"body2-bold main\">{{ optionPrice(option) | currencyNum }}</div>\r\n                  <span class=\"body4 sub\">원</span>\r\n                  <span class=\"body4 sub3\" v-if=\"isSubscription(option, order.order_product.product)\">/월</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n\r\n      <div class=\"item\">\r\n        <div class=\"subtitle5 sub2\">호스팅</div>\r\n        <div>\r\n          <div class=\"flex-align item-product\">\r\n            <div class=\"body2 sub3\">{{ order.hosting.name }}</div>\r\n            <span class=\"price-indicator\"></span>\r\n            <div class=\"price body2-bold main\">{{ order.hosting.price|currencyNum }}</div><span class=\"body4 sub\">원<span class=\"body4 sub3\">/월</span></span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"item\">\r\n        <div class=\"subtitle5 sub2\">케어 서비스</div>\r\n        <div>\r\n          <div class=\"flex-align item-product\">\r\n            <div class=\"body2 sub3\">{{ order.care_service.name }}</div>\r\n            <span class=\"price-indicator\"></span>\r\n            <div class=\"price body2-bold main\">{{ order.care_service.price|currencyNum }}</div><span class=\"body4 sub\">원<span class=\"body4 sub3\">/월</span></span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"item\">\r\n        <div class=\"subtitle5 sub2\">VAT 10% 별도</div>\r\n        <div>\r\n          <div class=\"item-product\">\r\n            <span class=\"price body2-bold main\">{{ vat|currencyNum }}</span><span class=\"body4 sub\">원</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 총 결제금액 -->\r\n      <div style=\"margin-top:26px\">\r\n        <div class=\"flex-between\">\r\n          <div class=\"subtitle4 main\">총 결제금액</div>\r\n          <div>\r\n            <span class=\"price h5 main\">{{ totalPrice|currencyNum }}</span><span class=\"body2-medium sub\">원</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"box-info\">\r\n          <img src=\"/static/icon/fi_alert-circle.svg\" class=\"svg-primary\" style=\"width:20px;height:20px;vertical-align: sub;margin-right:6px\">\r\n          첫 결제 후, 서비스 개설 완료 한달 뒤부터 <span class=\"body2-bold price\">{{ subscribePrice|currencyNum }}</span>원(VAT 포함)이 자동결제됩니다.\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 결제 방법 -->\r\n      <div style=\"margin-top:92px\">\r\n        <div class=\"account-price-method\">\r\n          <h5 class=\"body0-bold main\">결제 방법</h5>\r\n          <div class=\"sub3\" style=\"margin-top:8px\">매월 서비스 이용료 및 부가서비스 비용을 납부할 결제 방식입니다.</div>\r\n        </div>\r\n        <div style=\"margin:32px 0 56px 0\">\r\n          <billing-form ref=\"form\"></billing-form>\r\n        </div>\r\n        <lp-check-box-array :value.sync=\"agree\" :items=\"checkItem\"></lp-check-box-array>\r\n      </div>\r\n      <div class=\"flex-center\" style=\"margin-top:80px\">\r\n        <button class=\"button is-gray\" style=\"width:242px;margin-right:8px\" @click=\"clickPrev\">이전</button>\r\n        <button class=\"button is-primary\" style=\"width:242px;margin-left:8px\" @click=\"clickAccount\">결제하기</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import LpCheckBoxArray from \"../component/LpCheckBoxArray\";\r\n  import UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\n  import OrderMixin from \"../../mixins/OrderMixin\";\r\n  import BillingForm from \"../module/BillingForm\";\r\n  export default {\r\n    name: \"ServiceAccount\",\r\n    components: {BillingForm, LpCheckBoxArray},\r\n    mixins: [\r\n      UserAPIMixin,\r\n      OrderMixin\r\n    ],\r\n    created() {\r\n      this.init();\r\n      this.sbRequest();\r\n\r\n      window.addEventListener('message', e => {\r\n        // console.log(e.data); // { result: 'close' }\r\n        if(!e.data) return;\r\n        if(e.data.result==='close') {\r\n          this.visiblePG=false;\r\n        }\r\n      });\r\n    },\r\n    data() {\r\n      return {\r\n        isBillingPc: false,\r\n        isBilling: false,\r\n        agree: false,\r\n        checkItem: [\r\n          {\r\n            label: '구매 정보 및 결제 내역을 확인했으며, 이에 동의합니다.',\r\n            labelStyle: {\r\n              color: '#4f4f4f',\r\n              fontSize: '15px'\r\n            }\r\n          }\r\n        ],\r\n        order: undefined,\r\n        visiblePG: false\r\n      }\r\n    },\r\n    methods: {\r\n      sbRequest() {\r\n        if(this.$route.query.resultCode) {\r\n         if(this.$route.query.resultCode === 'Success') {\r\n           this.$router.push(`bill_done?reserveId=${this.$route.query.reserveId}&tempReceiptId=${this.$route.query.tempReceiptId}&result={\"resultCode\":\"00\"}`);\r\n         } else {\r\n           this.toast('네이버페이 정기결제 등록에 실패했습니다.');\r\n         }\r\n        }\r\n        /*let result = JSON.parse(this.$route.query.result);\r\n        let resultCode = result.resultCode;\r\n        if (resultCode !== '00' && resultCode !== '0000') {\r\n          this.toast('입력하신 카드정보가 잘못되었습니다. 다시 입력하시기 바랍니다.');\r\n          return;\r\n        }\r\n        this.$router.push(`/bill_done?result=${JSON.stringify(result)}`);*/\r\n      },\r\n      init() {\r\n        this.order = this.$store.getters.basket;\r\n      },\r\n      clickPrev() {\r\n        this.$router.back();\r\n      },\r\n      validate() {\r\n        let valid = true;\r\n        Object.keys(this.$refs.form.value).forEach(key=>{\r\n          if(this.$refs.form.value[key] === '') {\r\n            valid = false;\r\n          }\r\n        });\r\n\r\n        return valid;\r\n      },\r\n      clickAccount() {\r\n        if(!this.agree) {\r\n          this.toast('동의 후 진행해주세요');\r\n          return;\r\n        }\r\n        this.order.total_price = this.totalPrice;\r\n        this.order.subscribe_price = this.subscribePrice;\r\n        this.order.service_type = this.order.type;\r\n\r\n        let product_name = '';\r\n        if(this.order.type === 'quickbuilder') {\r\n          this.order.service.name = this.order.service.service_name;\r\n          product_name = this.order.service.name;\r\n        } else {\r\n          product_name = this.order.title;\r\n        }\r\n\r\n        this.$store.commit('setBasket', this.order);\r\n\r\n        if(this.$refs.form.value.pg_type === 'payple') {\r\n          let param = this.$refs.form.value;\r\n          param.service_key = this.order.key;\r\n\r\n          if(this.$refs.form.selectedBill) {\r\n            this.order.user_bill = this.$refs.form.selectedBill.id;\r\n            this.$store.commit('setBasket', this.order);\r\n            this.$router.push('bill_done?result={\"payple\":true, \"resultCode\":\"00\"}');\r\n          } else {\r\n            if(!this.validate()) {\r\n              this.toast('카드 정보를 제대로 입력해주세요.');\r\n              return;\r\n            }\r\n\r\n            this.setLoading('카드 등록중입니다');\r\n            this.request.user.post('launchpack/card_bill', this.$refs.form.value).then(res=>{\r\n              this.clearLoading();\r\n              if(res.data.result === 'error') {\r\n                if(res.data.message.indexOf('CDAU1002')>-1) {\r\n                  this.toast(res.data.message.replace('[CDAU1002] ',''));\r\n                } else {\r\n                  this.toast('카드 정보가 잘못 입력되었습니다.');\r\n                  Object.keys(this.$refs.form.err).forEach((key=>{\r\n                    this.$refs.form.err[key].err = false;\r\n                  }));\r\n                  for(let item of [\r\n                    { code: '3110', key: 'card_num' },\r\n                    { code: '3115', key: 'pw' },\r\n                    { code: '3119', key: 'ex' },\r\n                    { code: '3131', key: 'birth' }\r\n                  ]) {\r\n                    if(res.data.message.indexOf(item.code)>-1) {\r\n                      this.$refs.form.err[item.key].err = true;\r\n                    }\r\n                  }\r\n                }\r\n              } else {\r\n                // 카드 등록 성공\r\n                this.order.user_bill = res.data.bill_id;\r\n                this.$store.commit('setBasket', this.order);\r\n                this.$router.push('bill_done?result={\"payple\":true, \"resultCode\":\"00\"}');\r\n              }\r\n            }).catch(()=>{\r\n              this.clearLoading();\r\n            });\r\n          }\r\n        } else {\r\n          // eslint-disable-next-line no-undef\r\n          let oPay = Naver.Pay.create({\r\n            payType: 'recurrent',\r\n            mode: 'development',\r\n            clientId: 'upYIvXN6qkneNe3sBFbt'\r\n          })\r\n          oPay.open({\r\n            \"actionType\" : \"NEW\",\r\n            \"targetRecurrentId\": \"\",\r\n            \"productCode\": this.order.key+this.dayjs().format('YYYYMMDDHHmmss'),\r\n            \"productName\": product_name,\r\n            \"totalPayAmount\": this.order.total_price,\r\n            \"returnUrl\": \"https://launchpack.co.kr/service_account\"\r\n            //\"returnUrl\": \"http://localhost:8080/service_account\"\r\n          });\r\n        }\r\n\r\n        /*this.request.user.get('launchpack/has_bill').then(res=>{\r\n          if(res.status === 200) {\r\n            // 등록된 빌링정보가 있는 경우\r\n            if (res.data.result) {\r\n              let result = {\r\n                already: true,\r\n                TotPrice: this.order.total_price,\r\n                resultCode: '0000',\r\n                CARD_Code: res.data.code,\r\n                CARD_Num: res.data.num\r\n              };\r\n              this.$router.push(`/bill_done?result=${JSON.stringify(result)}`);\r\n            } // 없는 경우 신규 등록 후 개설 진행\r\n            else {\r\n              if (this.isMobile) {\r\n                this.isBilling = true;\r\n                this.visiblePG = true;\r\n              } else {\r\n                this.isBillingPc = true;\r\n                this.visiblePG = true;\r\n              }\r\n            }\r\n          }\r\n        });*/\r\n      }\r\n    },\r\n    computed: {\r\n      conversionPrice() {\r\n        let price = 0;\r\n        this.order.service.conversions.forEach(i => {\r\n          price += i.add_option ? i.option.price.price : i.price.price;\r\n        });\r\n        return price;\r\n      },\r\n      pluginPrice() {\r\n        let price = 0;\r\n        this.order.service.plugins.forEach(i => {\r\n          price += i.price.price;\r\n        });\r\n        return price;\r\n      },\r\n      hostingPrice() {\r\n        return this.order.hosting ? this.order.hosting.price : 0;\r\n      },\r\n      carePrice() {\r\n        return this.order.care_service ? this.order.care_service.price : 0;\r\n      },\r\n      totalPrice() {\r\n        let price = this.hostingPrice + this.carePrice;\r\n        price += price/10;\r\n        price += this.order.totalPrice;\r\n        return price;\r\n      },\r\n      subscribePrice() {\r\n        let price = this.hostingPrice + this.carePrice;\r\n\r\n        if(this.order.type === 'quickbuilder') {\r\n          ['conversions', 'plugins'].forEach(key=>{\r\n            this.order.service[key].forEach(item => {\r\n              if(item.price.is_subscription) {\r\n                price += item.add_option ? item.option.price.price : item.price.price;\r\n              }\r\n            });\r\n          })\r\n        } else if(this.order.type === 'theme') {\r\n          price += this.order.subscribePrice;\r\n        }\r\n        return price + (price / 10);\r\n      },\r\n      vat() {\r\n        return this.totalPrice * 1/11;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n\r\n  .account-price-title\r\n    border-top 1px solid $main\r\n    border-bottom 1px solid $sub5\r\n    padding 16px 0\r\n  .account-price-method\r\n    border-top 1px solid $main\r\n    border-bottom 1px solid $gray2\r\n    padding 16px 0\r\n  .item\r\n    padding 32px 0\r\n    border-bottom 1px solid $gray2\r\n    display flex\r\n    justify-content space-between\r\n  .item-product\r\n    margin-bottom 8px\r\n    text-align right\r\n  .item-product:last-child\r\n    margin-bottom 0\r\n  .box-info\r\n    background-color $gray4\r\n    padding 24px\r\n    border-radius 8px\r\n    margin-top 8px\r\n\r\n  .box-method\r\n    border 1px solid $primary\r\n    background-color $primary-light2\r\n    color $primary\r\n    text-align center\r\n    width 130px\r\n    height 40px\r\n    line-height 40px\r\n    border-radius 8px\r\n    font-size 14px\r\n\r\n  .price-indicator\r\n    border 2px solid $gray1\r\n    border-radius 50%\r\n    margin 0 12px\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!./ServiceAccount.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!./ServiceAccount.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceAccount.vue?vue&type=template&id=38e8b346&scoped=true&\"\nimport script from \"./ServiceAccount.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceAccount.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceAccount.vue?vue&type=style&index=0&id=38e8b346&lang=stylus&scoped=true&\"\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  \"38e8b346\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpCheckBoxArray.vue?vue&type=style&index=0&id=fca78d6a&lang=stylus&scoped=true&\""],"sourceRoot":""}