{"version":3,"sources":["webpack:///./src/components/page/ServiceOrder.vue?5185","webpack:///./src/mixins/PageMixin.js","webpack:///./src/mixins/OrderMixin.js","webpack:///./src/components/page/ServiceOrder.vue?1dc9","webpack:///src/components/page/ServiceOrder.vue","webpack:///./src/components/page/ServiceOrder.vue?65ca","webpack:///./src/components/page/ServiceOrder.vue"],"names":["data","login_required","mounted","this","isLogin","toast","$router","replace","methods","clickBack","$route","query","notif","push","back","selectorStocks","getSelectorStocks","isAddOption","order_product_option","item","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","optionPrice","price","render","_vm","_h","$createElement","_c","_self","staticClass","_v","staticStyle","attrs","type","_s","key","_m","_e","_l","opt","optIdx","service","idx","_f","add_option","on","openPreview","conversions","option_idx","option_type","domProps","date_unit","hosting","$event","$set","care_service","phone","email","class","sticky","conversionPrice","pluginPrice","required_option_price","add_option_price","hostingPrice","carePrice","vat","totalPrice","clickOrder","staticRenderFns","basket","subscribe_price","subscribePrice","total_price","setTimeout","console","log","component"],"mappings":"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","file":"js/chunk-d86c6bd2.cf2d0508.js","sourcesContent":["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!./ServiceOrder.vue?vue&type=style&index=0&id=6e9dc842&lang=stylus&scoped=true&\"","export default {\r\n  data() {\r\n    return {\r\n      login_required: false,\r\n    }\r\n  },\r\n  mounted() {\r\n    if(this.login_required && !this.isLogin) {\r\n      this.toast('로그인 후 진행 할 수 있습니다.');\r\n      this.$router.replace('/signup');\r\n    }\r\n  },\r\n  methods: {\r\n    clickBack() {\r\n      if (this.$route.query.notif) {\r\n        this.$router.push(\"/splash\");\r\n      } else {\r\n        this.$router.back();\r\n      }\r\n    }\r\n  }\r\n}\r\n","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}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container-top\"},[_c('div',{staticClass:\"pc container padding-top-60 position-relative\"},[_c('div',{staticClass:\"h5 main\"},[_vm._v(\"서비스 개설 신청\")]),_c('div',{staticClass:\"flex padding-top-52\",staticStyle:{\"align-items\":\"flex-start\"}},[_c('div',{staticClass:\"col-9\",staticStyle:{\"padding-right\":\"72px\"}},[_c('div',{staticClass:\"lp-divider-main\"}),_c('div',{staticClass:\"padding-top-16 body0-bold main\",attrs:{\"id\":\"service-info\"}},[_vm._v(\"서비스 정보\")]),_c('div',{staticClass:\"lp-divider-gray2 padding-top-16\"}),(_vm.order.type==='quickbuilder')?_c('div',{staticClass:\"flex padding-top-24\"},[_c('div',{staticClass:\"service-info-title subtitle5\"},[_vm._v(\"서비스 도메인\")]),_c('div',{staticClass:\"service-info-content\"},[_vm._v(_vm._s(_vm.order.key)+\".launchpack.co.kr \"),_vm._m(0)])]):_vm._e(),(_vm.order.type === 'quickbuilder')?[_vm._l((_vm.sbOption),function(opt,optIdx){return _c('div',{key:'sb-opt-'+optIdx,staticClass:\"flex padding-top-24\"},[_c('div',{staticClass:\"service-info-title subtitle5\"},[_vm._v(_vm._s(opt.name))]),_c('div',{staticClass:\"service-info-content\"},_vm._l((_vm.order.service[opt.type]),function(item,idx){return _c('div',{key:'conversion-'+idx,staticClass:\"flex-align\",staticStyle:{\"margin-bottom\":\"8px\"}},[_c('div',{staticClass:\"body2 sub\",staticStyle:{\"margin-right\":\"28px\"}},[_vm._v(_vm._s(item.name))]),_c('div',[_c('span',{staticClass:\"price body2-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(item.add_option ? item.option.price.price : item.price.price)))]),_vm._v(\"원\"),(item.price.is_subscription)?_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")]):_vm._e()])])}),0)])}),_c('div',{staticClass:\"flex padding-top-24\"},[_c('div',{staticClass:\"service-info-title subtitle5\"},[_vm._v(\"서비스 미리보기\")]),_c('div',{staticClass:\"service-info-content\",staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"repeat(2, 1fr)\",\"grid-column-gap\":\"16px\"}},[_c('button',{staticClass:\"button is-primary-light2 body2-medium\",on:{\"click\":_vm.openPreview}},[_c('img',{staticClass:\"icon-device\",attrs:{\"src\":\"/static/img/ic_device_mobile.svg\"}}),_vm._v(\"모바일 미리보기\")]),_c('a',{attrs:{\"href\":(\"https://sbpreview.launchpack.co.kr/super_builder/preview?key=\" + (_vm.order.key) + \"&id=\" + (_vm.order.service.id) + \"&device=pc&package=\" + (_vm.order.service.conversions[0].key)),\"target\":\"_blank\"}},[_vm._m(1)])])])]:_vm._e(),(_vm.order.type==='theme')?_c('div',[_c('div',{staticClass:\"flex padding-top-24\"},[_c('div',{staticClass:\"service-info-title subtitle5\"},[_vm._v(\"상품\")]),_c('div',{staticClass:\"service-info-content\"},[_vm._l((_vm.order.order_product.order_product_option),function(option,option_idx){return [(option.option_type===0)?_c('div',{key:(\"option-\" + option_idx),staticClass:\"flex-between\",staticStyle:{\"align-items\":\"flex-start\"}},[_c('div',{staticClass:\"body2\",staticStyle:{\"width\":\"300px\"},domProps:{\"innerHTML\":_vm._s(_vm.optionName(option))}}),(_vm.optionPrice(option)>0)?_c('div',{staticClass:\"flex-align margin-left-28\"},[_c('div',{staticClass:\"body2-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.optionPrice(option) / _vm.order.date_unit)))]),_c('span',{staticClass:\"body2 sub\"},[_vm._v(\"원\")]),(_vm.isSubscription(option, _vm.order.order_product.product))?_c('span',{staticClass:\"body2 sub3\"},[_vm._v(\"/월\")]):_vm._e()]):_vm._e()]):_vm._e()]})],2)]),(_vm.isAddOption(_vm.order.order_product.order_product_option))?[_c('div',{staticClass:\"lp-divider-gray2 padding-top-24\"}),_c('div',{staticClass:\"flex padding-top-24\"},[_c('div',{staticClass:\"service-info-title subtitle5\"},[_vm._v(\"추가옵션\")]),_c('div',{staticClass:\"service-info-content\"},[_vm._l((_vm.order.order_product.order_product_option),function(option,option_idx){return [(option.option_type===1)?_c('div',{key:(\"option-\" + option_idx),staticClass:\"flex-between margin-bottom-12\",staticStyle:{\"align-items\":\"flex-start\"}},[_c('div',{staticClass:\"body2\",staticStyle:{\"width\":\"300px\"},domProps:{\"innerHTML\":_vm._s(_vm.optionName(option))}}),(_vm.optionPrice(option)>0)?_c('div',{staticClass:\"flex-align margin-left-28\"},[_c('div',{staticClass:\"body2-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.optionPrice(option))))]),_c('span',{staticClass:\"body2 sub\"},[_vm._v(\"원\")]),(_vm.isSubscription(option, _vm.order.order_product.product))?_c('span',{staticClass:\"body2 sub3\"},[_vm._v(\"/월\")]):_vm._e()]):_vm._e()]):_vm._e()]})],2)])]:_vm._e()],2):_vm._e(),_c('select-hosting',{attrs:{\"value\":_vm.order.hosting},on:{\"update:value\":function($event){return _vm.$set(_vm.order, \"hosting\", $event)}}}),_c('div',{staticClass:\"lp-divider-main\",staticStyle:{\"padding-top\":\"96px\"}}),_vm._m(2),_c('div',{staticClass:\"lp-divider-gray2 padding-top-16\"}),_vm._m(3),_c('select-care-service',{attrs:{\"value\":_vm.order.care_service},on:{\"update:value\":function($event){return _vm.$set(_vm.order, \"care_service\", $event)}}}),_c('div',{staticClass:\"lp-divider-main\",staticStyle:{\"padding-top\":\"96px\"}}),_c('div',{staticClass:\"body0-bold main margin-top-16\"},[_vm._v(\"개설 신청자 정보\")]),_c('div',{staticClass:\"flex-align padding-top-24\"},[_c('div',{staticClass:\"service-info-title subtitle5\"},[_vm._v(\"신청자\")]),_c('div',{staticClass:\"service-info-content body2\"},[_vm._v(_vm._s(_vm.order.name))])]),_c('div',{staticClass:\"flex-align padding-top-24\"},[_c('div',{staticClass:\"service-info-title subtitle5\"},[_vm._v(\"연락처\")]),_c('div',{staticClass:\"service-info-content body2\"},[_vm._v(_vm._s(_vm.order.phone))])]),_c('div',{staticClass:\"flex-align padding-top-24\"},[_c('div',{staticClass:\"service-info-title subtitle5\"},[_vm._v(\"이메일\")]),_c('div',{staticClass:\"service-info-content body2\"},[_vm._v(_vm._s(_vm.order.email))])]),_vm._m(4)],2),_c('div',{staticClass:\"col-3 price-info-wrapper\",class:(\"\" + _vm.sticky)},[_c('div',{staticClass:\"h8 main\"},[_vm._v(\"결제금액\")]),_c('div',{staticClass:\"lp-divider-gray1 padding-top-16\"}),(_vm.order.type === 'quickbuilder')?[_c('div',{staticClass:\"flex-between padding-top-16\"},[_c('div',{staticClass:\"subtitle7\"},[_vm._v(\"상품\")]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.conversionPrice)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")])])]),_c('div',{staticClass:\"lp-divider-gray3 padding-top-16\"}),_c('div',{staticClass:\"flex-between padding-top-16\"},[_c('div',{staticClass:\"subtitle7\"},[_vm._v(\"추가 플러그인\")]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(\"+\"+_vm._s(_vm._f(\"currencyNum\")(_vm.pluginPrice)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")])])]),_c('div',{staticClass:\"lp-divider-gray3 padding-top-16\"})]:_vm._e(),(_vm.order.type === 'theme')?[_c('div',{staticClass:\"flex-between padding-top-16\"},[_c('div',{staticClass:\"subtitle7\"},[_vm._v(\"상품\")]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.order_product.required_option_price / _vm.order.date_unit)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")]),(_vm.order.type !== 'quickbuilder')?_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")]):_vm._e()])]),(_vm.order.order_product.add_option_price>0)?[_c('div',{staticClass:\"lp-divider-gray3 padding-top-16\"}),_c('div',{staticClass:\"flex-between padding-top-16\"},[_c('div',{staticClass:\"subtitle7\"},[_vm._v(\"추가옵션\")]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.order_product.add_option_price)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")]),(_vm.order.type !== 'quickbuilder')?_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")]):_vm._e()])])]:_vm._e(),_c('div',{staticClass:\"lp-divider-gray3 padding-top-16\"})]:_vm._e(),_c('div',{staticClass:\"flex-between padding-top-16\"},[_c('div',{staticClass:\"subtitle7\"},[_vm._v(\"호스팅\")]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(\"+\"+_vm._s(_vm._f(\"currencyNum\")(_vm.hostingPrice)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")]),(_vm.order.type !== 'quickbuilder')?_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")]):_vm._e()])]),_c('div',{staticClass:\"lp-divider-gray3 padding-top-16\"}),_c('div',{staticClass:\"flex-between padding-top-16\"},[_c('div',{staticClass:\"subtitle7\"},[_vm._v(\"케어 서비스\")]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(\"+\"+_vm._s(_vm._f(\"currencyNum\")(_vm.carePrice)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")]),(_vm.order.type !== 'quickbuilder')?_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")]):_vm._e()])]),_c('div',{staticClass:\"lp-divider-gray3 padding-top-16\"}),_c('div',{staticClass:\"flex-between padding-top-16\"},[_c('div',{staticClass:\"subtitle7\"},[_vm._v(\"VAT 10% 별도\")]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(\"+\"+_vm._s(_vm._f(\"currencyNum\")(_vm.vat)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")])])]),_c('div',{staticClass:\"lp-divider-gray1 padding-top-56\"}),_c('div',{staticClass:\"flex-between padding-top-20\"},[_c('div',{staticClass:\"body3-medium\"},[_vm._v(\"총 금액\")]),_c('div',[_c('span',{staticClass:\"h6\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.totalPrice)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")])])]),_c('button',{staticClass:\"button is-primary margin-top-16\",staticStyle:{\"width\":\"100%\"},on:{\"click\":_vm.clickOrder}},[_vm._v(\"결제하기\")])],2)])]),_c('div',{staticClass:\"mobile\"})])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-align\",staticStyle:{\"margin-top\":\"4px\"}},[_c('img',{staticClass:\"svg-primary\",staticStyle:{\"width\":\"20px\",\"height\":\"20px\",\"margin-right\":\"6px\"},attrs:{\"src\":\"/static/icon/fi_alert-circle.svg\"}}),_c('div',{staticClass:\"body4 sub3\"},[_vm._v(\"서비스 개설 후 추가 도메인 등록 가능합니다. (도메인 구입/등록 비용 별도)\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"button is-primary-light2 body2-medium\",staticStyle:{\"width\":\"100%\"}},[_c('img',{staticClass:\"icon-device\",attrs:{\"src\":\"/static/img/ic_device_pc.svg\"}}),_vm._v(\"데스크톱 미리보기\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"padding-top-16 flex-align\"},[_c('div',{staticClass:\"body0-bold main\"},[_vm._v(\"케어서비스\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body2 sub2\",staticStyle:{\"margin-top\":\"96px\"}},[_vm._v(\" 고객이 전문가 없이도 원활한 서비스 운영이 가능하도록\"),_c('br'),_vm._v(\" 서비스 수정, 운영, 에러의 안정적인 해결 등\"),_c('br'),_vm._v(\" 기획, 개발, 디자인 등의 추가 용역 제공을 충전금을 통해 제공하는 서비스 입니다.\"),_c('br'),_c('br'),_vm._v(\" 별도 문의를 통해 이용할 수 있습니다. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex padding-top-40\"},[_c('img',{staticClass:\"svg-primary\",staticStyle:{\"width\":\"18px\",\"height\":\"20px\"},attrs:{\"src\":\"/static/icon/fi_alert-circle.svg\"}}),_c('div',{staticClass:\"body4 margin-left-4 sub3\",attrs:{\"id\":\"info\"}},[_vm._v(\"요금제 만료 14일 전 / 7일 전 / 만료 당일에 개설 신청자 연락처로 문자 혹은 이메일 안내 드립니다. 만료 전까지 연장 결제가 이루어지지 않을 시 서비스 기능 이용이 제한되오니 유의하시기 바랍니다.\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"container-top\">\r\n      <div class=\"pc container padding-top-60 position-relative\">\r\n        <div class=\"h5 main\">서비스 개설 신청</div>\r\n        <div class=\"flex padding-top-52\" style=\"align-items: flex-start\">\r\n          <!-- 서비스 정보 -->\r\n          <div class=\"col-9\" style=\"padding-right:72px\">\r\n            <div class=\"lp-divider-main\"></div>\r\n            <div class=\"padding-top-16 body0-bold main\" id=\"service-info\">서비스 정보</div>\r\n            <div class=\"lp-divider-gray2 padding-top-16\"></div>\r\n            <!--<div class=\"flex padding-top-24\" v-if=\"order.type==='theme'\">\r\n              <div class=\"service-info-title subtitle5\">서비스 이름</div>\r\n              <div class=\"service-info-content\">\r\n                <input class=\"input font-primary\" type=\"text\"\r\n                       placeholder=\"서비스 이름을 입력하세요.\"\r\n                       style=\"width:300px\" maxlength=\"30\"\r\n                       v-model=\"order.service_name\"/>\r\n              </div>\r\n            </div>-->\r\n            <div class=\"flex padding-top-24\" v-if=\"order.type==='quickbuilder'\">\r\n              <div class=\"service-info-title subtitle5\">서비스 도메인</div>\r\n              <div class=\"service-info-content\">{{ order.key }}.launchpack.co.kr\r\n                <div class=\"flex-align\" style=\"margin-top:4px\">\r\n                  <img src=\"/static/icon/fi_alert-circle.svg\" class=\"svg-primary\" style=\"width:20px;height:20px;margin-right:6px\">\r\n                  <div class=\"body4 sub3\">서비스 개설 후 추가 도메인 등록 가능합니다. (도메인 구입/등록 비용 별도)</div>\r\n                </div>\r\n              </div>\r\n              <!--<div class=\"flex-align\" v-else>\r\n                <input class=\"input font-primary\" type=\"text\"\r\n                       placeholder=\"영문,숫자만 입력 가능합니다.\"\r\n                       style=\"width:300px\" maxlength=\"20\"\r\n                       v-model=\"order.key\" @input=\"onKeyupServiceId\"/>\r\n                <div class=\"body2 sub2 margin-left-12\">.launchpack.co.kr</div>\r\n              </div>-->\r\n            </div>\r\n            <!-- quickbuilder -->\r\n            <template v-if=\"order.type === 'quickbuilder'\">\r\n              <div class=\"flex padding-top-24\" v-for=\"(opt, optIdx) in sbOption\" :key=\"'sb-opt-'+optIdx\">\r\n                <div class=\"service-info-title subtitle5\">{{ opt.name }}</div>\r\n                <div class=\"service-info-content\">\r\n                  <div v-for=\"(item,idx) in order.service[opt.type]\" :key=\"'conversion-'+idx\" class=\"flex-align\" style=\"margin-bottom:8px\">\r\n                    <div class=\"body2 sub\" style=\"margin-right:28px\">{{ item.name }}</div>\r\n                    <div><span class=\"price body2-bold\">{{ item.add_option ? item.option.price.price : item.price.price|currencyNum }}</span>원<span class=\"body4 sub3\" v-if=\"item.price.is_subscription\">/월</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"flex padding-top-24\">\r\n                <div class=\"service-info-title subtitle5\">서비스 미리보기</div>\r\n                <div class=\"service-info-content\" style=\"display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 16px\">\r\n                  <button class=\"button is-primary-light2 body2-medium\" @click=\"openPreview\">\r\n                    <img class=\"icon-device\" src=\"/static/img/ic_device_mobile.svg\">모바일 미리보기</button>\r\n                  <a :href=\"`https://sbpreview.launchpack.co.kr/super_builder/preview?key=${order.key}&id=${order.service.id}&device=pc&package=${order.service.conversions[0].key}`\" target=\"_blank\">\r\n                    <button class=\"button is-primary-light2 body2-medium\" style=\"width:100%\">\r\n                      <img class=\"icon-device\" src=\"/static/img/ic_device_pc.svg\">데스크톱 미리보기</button>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n            </template>\r\n\r\n            <!-- 테마일 경우  -->\r\n            <div v-if=\"order.type==='theme'\">\r\n              <div class=\"flex padding-top-24\">\r\n                <div class=\"service-info-title subtitle5\">상품</div>\r\n                <div class=\"service-info-content\">\r\n                  <template v-for=\"(option, option_idx) in order.order_product.order_product_option\">\r\n                    <div class=\"flex-between\" style=\"align-items: flex-start\" :key=\"`option-${option_idx}`\" v-if=\"option.option_type===0\">\r\n                      <div class=\"body2\" style=\"width:300px\" v-html=\"optionName(option)\"></div>\r\n                      <div class=\"flex-align margin-left-28\" v-if=\"optionPrice(option)>0\">\r\n                        <div class=\"body2-bold\">{{ optionPrice(option) / order.date_unit | currencyNum }}</div>\r\n                        <span class=\"body2 sub\">원</span>\r\n                        <span class=\"body2 sub3\" v-if=\"isSubscription(option, order.order_product.product)\">/월</span>\r\n                      </div>\r\n                    </div>\r\n                  </template>\r\n                </div>\r\n              </div>\r\n              <template v-if=\"isAddOption(order.order_product.order_product_option)\">\r\n                <div class=\"lp-divider-gray2 padding-top-24\"></div>\r\n                <div class=\"flex padding-top-24\">\r\n                <div class=\"service-info-title subtitle5\">추가옵션</div>\r\n                <div class=\"service-info-content\">\r\n                  <template v-for=\"(option, option_idx) in order.order_product.order_product_option\">\r\n                    <div class=\"flex-between margin-bottom-12\" style=\"align-items: flex-start\" v-if=\"option.option_type===1\" :key=\"`option-${option_idx}`\">\r\n                      <div class=\"body2\" style=\"width:300px\" v-html=\"optionName(option)\"></div>\r\n                      <div class=\"flex-align margin-left-28\" v-if=\"optionPrice(option)>0\">\r\n                        <div class=\"body2-bold\">{{ optionPrice(option) | currencyNum }}</div>\r\n                        <span class=\"body2 sub\">원</span>\r\n                        <span class=\"body2 sub3\" v-if=\"isSubscription(option, order.order_product.product)\">/월</span>\r\n                      </div>\r\n                    </div>\r\n                  </template>\r\n                </div>\r\n              </div>\r\n              </template>\r\n            </div>\r\n\r\n            <!-- 호스팅 -->\r\n            <select-hosting :value.sync=\"order.hosting\"></select-hosting>\r\n\r\n            <!-- 케어 서비스 -->\r\n            <div class=\"lp-divider-main\" style=\"padding-top:96px\"></div>\r\n            <div class=\"padding-top-16 flex-align\">\r\n              <div class=\"body0-bold main\">케어서비스</div>\r\n            </div>\r\n            <div class=\"lp-divider-gray2 padding-top-16\"></div>\r\n            <div class=\"body2 sub2\" style=\"margin-top:96px\">\r\n              고객이 전문가 없이도 원활한 서비스 운영이 가능하도록<br>\r\n              서비스 수정, 운영, 에러의 안정적인 해결 등<br>\r\n              기획, 개발, 디자인 등의 추가 용역 제공을 충전금을 통해  제공하는 서비스 입니다.<br>\r\n              <br>\r\n              별도 문의를 통해 이용할 수 있습니다.\r\n            </div>\r\n            <select-care-service :value.sync=\"order.care_service\"></select-care-service>\r\n\r\n            <div class=\"lp-divider-main\" style=\"padding-top:96px\"></div>\r\n            <div class=\"body0-bold main margin-top-16\">개설 신청자 정보</div>\r\n            <div class=\"flex-align padding-top-24\">\r\n              <div class=\"service-info-title subtitle5\">신청자</div>\r\n              <div class=\"service-info-content body2\">{{ order.name }}</div>\r\n            </div>\r\n            <div class=\"flex-align padding-top-24\">\r\n              <div class=\"service-info-title subtitle5\">연락처</div>\r\n              <div class=\"service-info-content body2\">{{ order.phone }}</div>\r\n            </div>\r\n            <div class=\"flex-align padding-top-24\">\r\n              <div class=\"service-info-title subtitle5\">이메일</div>\r\n              <div class=\"service-info-content body2\">{{ order.email }}</div>\r\n            </div>\r\n\r\n            <div class=\"flex padding-top-40\">\r\n              <img style=\"width:18px;height:20px\" class=\"svg-primary\" src=\"/static/icon/fi_alert-circle.svg\">\r\n              <div class=\"body4 margin-left-4 sub3\" id=\"info\">요금제 만료 14일 전 / 7일 전 / 만료 당일에 개설 신청자 연락처로 문자 혹은 이메일 안내 드립니다. 만료 전까지 연장 결제가 이루어지지 않을 시 서비스 기능 이용이 제한되오니 유의하시기 바랍니다.</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-3 price-info-wrapper\" :class=\"`${sticky}`\">\r\n            <div class=\"h8 main\">결제금액</div>\r\n            <div class=\"lp-divider-gray1 padding-top-16\"></div>\r\n            <!-- quickbuilder -->\r\n            <template v-if=\"order.type === 'quickbuilder'\">\r\n              <div class=\"flex-between padding-top-16\">\r\n                <div class=\"subtitle7\">상품</div>\r\n                <div>\r\n                  <span class=\"body4-bold\">{{ conversionPrice | currencyNum }}</span>\r\n                  <span class=\"body4 main\">원</span>\r\n                </div>\r\n              </div>\r\n              <div class=\"lp-divider-gray3 padding-top-16\"></div>\r\n              <div class=\"flex-between padding-top-16\">\r\n                <div class=\"subtitle7\">추가 플러그인</div>\r\n                <div>\r\n                  <span class=\"body4-bold\">+{{ pluginPrice | currencyNum }}</span>\r\n                  <span class=\"body4 main\">원</span>\r\n                </div>\r\n              </div>\r\n              <div class=\"lp-divider-gray3 padding-top-16\"></div>\r\n            </template>\r\n\r\n            <template v-if=\"order.type === 'theme'\">\r\n              <div class=\"flex-between padding-top-16\">\r\n                <div class=\"subtitle7\">상품</div>\r\n                <div>\r\n                  <span class=\"body4-bold\">{{ order.order_product.required_option_price / order.date_unit | currencyNum }}</span>\r\n                  <span class=\"body4 main\">원</span><span class=\"body4 sub3\" v-if=\"order.type !== 'quickbuilder'\">/월</span>\r\n                </div>\r\n              </div>\r\n              <template v-if=\"order.order_product.add_option_price>0\">\r\n              <div class=\"lp-divider-gray3 padding-top-16\"></div>\r\n              <div class=\"flex-between padding-top-16\">\r\n                <div class=\"subtitle7\">추가옵션</div>\r\n                <div>\r\n                  <span class=\"body4-bold\">{{ order.order_product.add_option_price | currencyNum }}</span>\r\n                  <span class=\"body4 main\">원</span><span class=\"body4 sub3\" v-if=\"order.type !== 'quickbuilder'\">/월</span>\r\n                </div>\r\n              </div>\r\n              </template>\r\n              <div class=\"lp-divider-gray3 padding-top-16\"></div>\r\n            </template>\r\n            <div class=\"flex-between padding-top-16\">\r\n              <div class=\"subtitle7\">호스팅</div>\r\n              <div>\r\n                <span class=\"body4-bold\">+{{ hostingPrice | currencyNum }}</span>\r\n                <span class=\"body4 main\">원</span><span class=\"body4 sub3\" v-if=\"order.type !== 'quickbuilder'\">/월</span>\r\n              </div>\r\n            </div>\r\n            <div class=\"lp-divider-gray3 padding-top-16\"></div>\r\n\r\n            <div class=\"flex-between padding-top-16\">\r\n              <div class=\"subtitle7\">케어 서비스</div>\r\n              <div>\r\n                <span class=\"body4-bold\">+{{ carePrice | currencyNum }}</span>\r\n                <span class=\"body4 main\">원</span><span class=\"body4 sub3\" v-if=\"order.type !== 'quickbuilder'\">/월</span>\r\n              </div>\r\n            </div>\r\n            <div class=\"lp-divider-gray3 padding-top-16\"></div>\r\n\r\n            <div class=\"flex-between padding-top-16\">\r\n              <div class=\"subtitle7\">VAT 10% 별도</div>\r\n              <div>\r\n                <span class=\"body4-bold\">+{{ vat | currencyNum }}</span>\r\n                <span class=\"body4 main\">원</span>\r\n              </div>\r\n            </div>\r\n\r\n\r\n            <div class=\"lp-divider-gray1 padding-top-56\"></div>\r\n            <div class=\"flex-between padding-top-20\">\r\n              <div class=\"body3-medium\">총 금액</div>\r\n              <div>\r\n                <span class=\"h6\">{{ totalPrice | currencyNum }}</span>\r\n                <span class=\"body4 main\">원</span>\r\n              </div>\r\n            </div>\r\n            <button class=\"button is-primary margin-top-16\" style=\"width:100%\" @click=\"clickOrder\">결제하기</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"mobile\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  import SelectHosting from \"../component/SelectHosting\";\r\n  import SelectCareService from \"../component/SelectCareService\";\r\n  import OrderMixin from \"../../mixins/OrderMixin\";\r\n  import PageMixin from \"../../mixins/PageMixin\";\r\n  export default {\r\n    name: \"ServiceOrder\",\r\n    mixins: [\r\n      OrderMixin,\r\n      PageMixin\r\n    ],\r\n    components: {\r\n      SelectCareService,\r\n      SelectHosting\r\n    },\r\n    created() {\r\n      this.login_required = true;\r\n      this.init();\r\n    },\r\n    mounted() {\r\n      this.$nextTick(()=>{\r\n        this.ev = ()=> {\r\n          let el = document.getElementById('service-info');\r\n          if(el && el.getClientRects().length > 0) {\r\n            let top = el.getClientRects()[0].top;\r\n            if(top < 80) {\r\n              this.sticky = 'sticky';\r\n              let infoEl = document.getElementById('info').getClientRects()[0];\r\n              if((infoEl.top - 300) < 80) {\r\n                this.sticky = 'sticky-end';\r\n              } else {\r\n                this.sticky = 'sticky';\r\n              }\r\n            } else {\r\n              this.sticky = '';\r\n            }\r\n          }\r\n        };\r\n        window.addEventListener('scroll', this.ev);\r\n      })\r\n    },\r\n    data() {\r\n      return {\r\n        ev: undefined,\r\n        sticky: '',\r\n        sbOption: [\r\n          {\r\n            name: '상품',\r\n            type: 'conversions'\r\n          },\r\n          {\r\n            name: '추가 플러그인',\r\n            type: 'plugins'\r\n          }\r\n        ],\r\n        order: {\r\n          type: 'quickbuilder',\r\n          key: '',\r\n          totalPrice: 7350000,\r\n          subscribe_price: 0,\r\n          hosting: undefined,\r\n          care_service: undefined,\r\n          service_use_price: undefined,\r\n          service_name: '',\r\n          name: '',\r\n          phone: '',\r\n          email: ''\r\n        }\r\n      }\r\n    },\r\n    beforeDestroy() {\r\n      document.getElementById('ch-plugin').style.display = '';\r\n    },\r\n    methods: {\r\n      openPreview() {\r\n        let url = `https://sbpreview.launchpack.co.kr/super_builder/preview?key=${this.order.key}&id=${this.order.service.id}&device=mobile&package=${this.order.service.conversions[0].key}`;\r\n        window.open(url, '_blank', 'width=434, height=736, top=50, left=100, fullscreen=no, ' +\r\n          'menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no');\r\n      },\r\n      onKeyupServiceId(e) {\r\n        // eslint-disable-next-line no-useless-escape\r\n        let regExp = /[\\{\\}\\[\\]\\/?_.,;:|\\)*~`!^\\-+<>@\\#$%&\\\\\\=\\(\\'\\\"]/gi;\r\n        // 특수문자 예외처리\r\n        if (regExp.test(e.target.value)) {\r\n          this.order.key = this.order.key.replace(regExp, '');\r\n        } else if (e.target.value.length > 0 && /[a-zA-Z]/.test(e.target.value[0])) {\r\n          this.order.key = e.target.value;\r\n        } else {\r\n          this.order.key = '';\r\n        }\r\n        this.order.key = this.order.key.toLowerCase();\r\n      },\r\n      init() {\r\n        setTimeout(()=>{\r\n          document.getElementById('ch-plugin').style.display = 'none';\r\n        },500);\r\n        let basket = this.$store.getters.basket;\r\n        if(basket === undefined) {\r\n          this.toast('올바른 접근이 아닙니다.');\r\n          this.$router.back();\r\n          return;\r\n        }\r\n\r\n        this.order.type = basket.type;\r\n        // 슈퍼빌더 결제 처리\r\n        if(basket.type === 'quickbuilder') {\r\n          this.order.key = basket.service.key;\r\n          this.order.totalPrice = basket.price;\r\n          this.order.service = basket.service.service;\r\n          this.order.service.id = basket.service.id;\r\n        }\r\n        // 디자인마켓\r\n        else if(basket.type === 'theme') {\r\n          this.order.order_product = basket.order_product;\r\n          this.order.date_unit = basket.date_unit;\r\n          // this.order.service_use_price = this.order.order_product.product.service_use_price\r\n          this.order.subscribe_price = basket.subscribe_price;\r\n          this.order.subscribePrice = basket.subscribe_price;\r\n          this.order.totalPrice = this.order.order_product.total_price + (this.order.order_product.total_price/10);\r\n          setTimeout(()=>{\r\n            this.order.theme_type = this.order.order_product.order_product_option.filter(opt => {\r\n              console.log(opt,this.optionName(opt))\r\n              return this.optionName(opt).indexOf('수정 개발') > -1;\r\n            }).length > 0 ? 'design' : 'theme';\r\n          },1000);\r\n        }\r\n\r\n        this.order.name = this.user.name;\r\n        this.order.email = this.user.email;\r\n        this.order.phone = this.user.phone;\r\n      },\r\n      clickOrder() {\r\n        let basket = this.cloneItem(this.order);\r\n        if(this.order.type==='theme') {\r\n          let key = this.user.username.split('@')[0]\r\n          basket.key = key\r\n          basket.service_name = key\r\n          basket.title = basket.order_product.product.name;\r\n          basket.price = this.totalPrice;\r\n        } else if(this.order.type ==='quickbuilder') {\r\n          basket.title = this.order.service.service_name;\r\n          basket.price = this.totalPrice;\r\n\r\n        }\r\n        this.$store.commit('setBasket', basket);\r\n        this.$router.replace('service_account');\r\n      }\r\n    },\r\n    computed: {\r\n      conversionPrice() {\r\n        let price = 0;\r\n        if(this.order.type==='quickbuilder') {\r\n          this.order.service.conversions.forEach(i => {\r\n            if(i.add_option) {\r\n              price += i.option.price.price;\r\n            } else {\r\n              price += i.price.price;\r\n            }\r\n          });\r\n        }\r\n        return price;\r\n      },\r\n      pluginPrice() {\r\n        let price = 0;\r\n        if(this.order.type==='quickbuilder') {\r\n          this.order.service.plugins.forEach(i => {\r\n            price += i.price.price;\r\n          });\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      vat() {\r\n        return this.totalPrice * 1/11;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .pc\r\n    .service-info-title\r\n      width 40%\r\n\r\n    .service-info-content\r\n      width 60%\r\n\r\n    .price-info-wrapper\r\n      border 1px solid $gray2\r\n      border-radius 8px\r\n      padding 24px\r\n      box-shadow 0 10px 20px rgba(0, 0, 0, 0.05)\r\n    .sticky\r\n    .sticky-end\r\n      left calc(50% + 288px)\r\n      background-color white\r\n      width 288px\r\n    .sticky\r\n      position fixed\r\n      top 104px\r\n\r\n    .sticky-end\r\n      position absolute\r\n      bottom 0\r\n\r\n  .icon-device\r\n    filter invert(54%) sepia(46%) saturate(5884%) hue-rotate(360deg) brightness(100%) contrast(110%)\r\n    margin-right 12px\r\n    vertical-align sub\r\n\r\n  .order-notice\r\n    background-color #f5f5f5\r\n    border-radius 8px\r\n    margin-top 12px\r\n    margin-bottom 6px\r\n    padding 8px 10px\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!./ServiceOrder.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!./ServiceOrder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceOrder.vue?vue&type=template&id=6e9dc842&scoped=true&\"\nimport script from \"./ServiceOrder.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceOrder.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceOrder.vue?vue&type=style&index=0&id=6e9dc842&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  \"6e9dc842\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}