{"version":3,"sources":["webpack:///./src/mixins/OrderMixin.js","webpack:///./src/components/component/MarketOptionSelector.vue?f47a","webpack:///src/components/component/MarketOptionSelector.vue","webpack:///./src/components/component/MarketOptionSelector.vue?5cdc","webpack:///./src/components/component/MarketOptionSelector.vue?86fd","webpack:///./src/components/component/MarketOptionSelector.vue?c65c","webpack:///./src/mixins/UserAPIMixin.js","webpack:///./src/mixins/ServiceAdminAPIMixin.js"],"names":["data","selectorStocks","mounted","this","getSelectorStocks","methods","isAddOption","order_product_option","item","find","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","render","_vm","_h","$createElement","_c","_self","category2_name","staticClass","userService","service_order","trial","_v","_l","sc_item","sc_idx","key","attrs","_s","date_unit","discount_type","discount_rate","_f","_e","class","selectedPlan","on","$event","selectPlan","isPrime","optionArr1","is_discount","origin_price","style","price_type","sale_price","price_text","staticStyle","clickInquiry","idx","disabled","o_idx","selected","selectOption1","domProps","desc","optionArr2","selectOption2","total_price","discountedPrice","_m","clickRequest","saveData","_b","vModal","modalInfo","onCloseReq","modalReqInfo","staticRenderFns","total","quantity","$store","commit","getParams","routeGa","title","routerPush","component","userAxios","axios","create","headers","common","request","user","created","defaults","baseURL","process","getters","user_id","token","auth","setHeader","value","logout","$router","catch","err","undefined","response","detail","toast","message","adminAxios","serviceAdmin","setAuth","backendUrl","admin","Authorization"],"mappings":"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","file":"js/chunk-30228720.e04fa02a.js","sourcesContent":["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 = find(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 = find(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 = find(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 = find(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}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.product.category2_name==='플랫폼 팩')?_c('div',[_c('div',{staticClass:\"price-info-wrapper\"},[(!_vm.userService || _vm.userService.service_order.trial)?[_c('div',{staticClass:\"h8 sub\"},[_vm._v(\"가격안내\")]),_c('div',{staticClass:\"box-price-info\"},_vm._l((_vm.subscriptions),function(sc_item,sc_idx){return _c('div',{key:(\"sc-\" + sc_idx),staticClass:\"item-price-info\"},[_c('div',{staticClass:\"flex-align\"},[_c('img',{staticClass:\"svg-primary\",attrs:{\"src\":\"/static/icon/u_check.svg\"}}),_c('div',{staticClass:\"size-14 sub\"},[_vm._v(_vm._s(sc_item.date_unit + '개월'))])]),_c('div',{staticClass:\"size-16\"},[(sc_item.discount_type===0 && sc_item.discount_rate>0)?[_c('span',{staticClass:\"margin-right-8 size-13 sub4 text-line-through\"},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.product.price.price)))]),_c('span',{staticClass:\"margin-right-4 primary body4-bold\"},[_vm._v(_vm._s(sc_item.discount_rate)+\"%\")])]:_vm._e(),_c('span',{staticClass:\"weight-700 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(sc_item.price)))]),_c('span',{staticClass:\"size-14 sub\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"size-14 sub3\"},[_vm._v(\"/월\")])],2)])}),0)]:[_c('div',{staticClass:\"h8 sub margin-bottom-16\"},[_vm._v(\"결제방법 선택\")]),_c('div',{staticClass:\"plan-select-wrapper\"},_vm._l((_vm.subscriptions),function(sc_item,sc_idx){return _c('div',{key:(\"sc-\" + sc_idx),staticClass:\"option-st unselect\",class:{'selected': _vm.selectedPlan && _vm.selectedPlan.date_unit===sc_item.date_unit},on:{\"click\":function($event){return _vm.selectPlan(sc_item)}}},[_c('div',{staticClass:\"body2-medium sub\"},[_vm._v(_vm._s(sc_item.date_unit)+\"개월 플랜\")]),(sc_item.discount_type===0 && sc_item.discount_rate>0)?_c('div',{staticClass:\"body6 sub4 text-line-through\"},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.product.price.price)))]):_vm._e(),_c('div',[(sc_item.discount_type===0 && sc_item.discount_rate>0)?_c('span',{staticClass:\"margin-right-4 primary body4-bold\"},[_vm._v(\" \"+_vm._s(sc_item.discount_rate)+\"% \")]):_vm._e(),_c('span',{staticClass:\"body4-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(sc_item.price)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")])])])}),0)]],2)]):(!_vm.userService || _vm.userService.service_order.trial || _vm.product.category2_name === '추가서비스' || _vm.isPrime)?_c('div',{staticClass:\"price-info-wrapper\"},[_c('div',{staticClass:\"h8 sub\"},[_vm._v(\"가격안내\")]),(_vm.optionArr1.length>0)?_c('div',{staticClass:\"box-price-info\"},_vm._l((_vm.optionArr1[0].options),function(sc_item,sc_idx){return _c('div',{key:(\"sc-\" + sc_idx),staticClass:\"item-price-info\"},[_c('div',{staticClass:\"flex-align\"},[_c('img',{staticClass:\"svg-primary\",attrs:{\"src\":\"/static/icon/u_check.svg\"}}),_c('div',{staticClass:\"size-14 sub\"},[_vm._v(_vm._s(sc_item.name))])]),_c('div',{staticClass:\"size-16\"},[(sc_item.is_discount && sc_item.discount_rate>0)?[_c('span',{staticClass:\"margin-right-8 size-13 sub4 text-line-through\"},[_vm._v(_vm._s(_vm._f(\"currency\")(sc_item.origin_price)))]),_c('span',{staticClass:\"margin-right-4 primary body4-bold\"},[_vm._v(_vm._s(sc_item.discount_rate)+\"%\")])]:_vm._e(),_c('span',{staticClass:\"weight-700 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(sc_item.price)))]),_c('span',{staticClass:\"size-14 sub\"},[_vm._v(\"원\")]),(sc_item.is_subscription)?_c('span',{staticClass:\"size-14 sub3\"},[_vm._v(\"/월\")]):_vm._e()],2)])}),0):_c('div',{staticClass:\"box-price-info\"},[_c('div',{staticClass:\"item-price-info\",style:((\"justify-content: \" + (_vm.product.price.price_type === 0 ? 'flex-end' : 'space-between')))},[(_vm.product.price.price_type === 0)?[_c('div',{staticClass:\"size-16\"},[(_vm.product.price.is_discount && _vm.product.price.discount_rate>0)?[_c('span',{staticClass:\"margin-right-8 size-13 sub4 text-line-through\"},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.product.price.price)))]),_c('span',{staticClass:\"margin-right-4 primary body4-bold\"},[_vm._v(_vm._s(_vm.product.price.discount_rate)+\"%\")])]:_vm._e(),_c('span',{staticClass:\"weight-700 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.product.price.sale_price)))]),_c('span',{staticClass:\"size-14 sub\"},[_vm._v(\"원\")]),(_vm.product.price.is_subscription)?_c('span',{staticClass:\"size-14 sub3\"},[_vm._v(\"/월\")]):_vm._e()],2)]:[_c('div',{staticClass:\"flex-align\"},[_c('img',{staticClass:\"svg-primary\",attrs:{\"src\":\"/static/icon/u_check.svg\"}}),_c('div',{staticClass:\"size-16 weight-500 sub\"},[_vm._v(_vm._s(_vm.product.price.price_text))])]),_c('button',{staticClass:\"button is-primary-light2\",staticStyle:{\"width\":\"92px\",\"height\":\"30px\"},on:{\"click\":_vm.clickInquiry}},[_vm._v(\"문의하기\")])]],2)])]):_vm._e(),(_vm.userService && !_vm.userService.service_order.trial && _vm.product.category2_name !== '추가서비스' && !_vm.isPrime)?[(_vm.product.enable_option)?_c('div',[_c('div',{staticClass:\"lp-divider-gray1 padding-top-24\"}),(_vm.product.category2_name!=='플랫폼 팩')?_vm._l((_vm.optionArr1),function(selector,idx){return _c('div',{key:(\"option1-\" + idx)},[(!selector.disabled)?_c('div',[_c('div',{staticClass:\"h8\",staticStyle:{\"margin\":\"20px 0 12px 0\"}},[_vm._v(_vm._s(selector.name))]),_c('div',{staticClass:\"plan-select-wrapper\"},[_vm._l((selector.options),function(option,o_idx){return [(!option.disabled)?_c('div',{key:(\"op1-\" + o_idx),staticClass:\"option-st unselect\",class:{'disabled': selector.disabled, 'selected': option.selected},on:{\"click\":function($event){return _vm.selectOption1(option, selector)}}},[_c('div',{staticClass:\"body2-medium sub\",domProps:{\"innerHTML\":_vm._s(option.name)}}),(option.is_discount && option.discount_rate>0)?_c('div',{staticClass:\"body6 sub4 text-line-through\"},[_vm._v(_vm._s(_vm._f(\"currency\")(option.origin_price)))]):_vm._e(),(option.price>0)?_c('div',[(option.is_discount && option.discount_rate)?_c('span',{staticClass:\"margin-right-4 primary body4-bold\"},[_vm._v(\" \"+_vm._s(option.discount_rate)+\"% \")]):_vm._e(),_c('span',{staticClass:\"body4-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(option.price)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")]),(option.is_subscription)?_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"body5 sub3 margin-top-4\"},[_vm._v(_vm._s(option.desc))])]):_vm._e()]})],2)]):_vm._e()])}):_vm._e(),(_vm.optionArr2 && _vm.optionArr2.length>0)?_c('div',_vm._l((_vm.optionArr2),function(selector,idx){return _c('div',{key:(\"option2-\" + idx)},[_c('div',{staticClass:\"h8\",staticStyle:{\"margin\":\"20px 0 12px 0\"}},[_vm._v(_vm._s(selector.name))]),_vm._l((selector.options),function(option,o_idx){return _c('div',{key:(\"op2-\" + o_idx)},[_c('div',{staticClass:\"option-st unselect\",class:{'selected': option.selected},on:{\"click\":function($event){return _vm.selectOption2(option)}}},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body2-medium sub\",domProps:{\"innerHTML\":_vm._s(option.name)}}),(option.price>0)?_c('div',{staticClass:\"margin-top-4\"},[_c('span',{staticClass:\"body4-bold main\"},[_vm._v(\"+\"+_vm._s(_vm._f(\"currencyNum\")(option.price)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")]),(option.is_subscription)?_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")]):_vm._e()]):_vm._e()]),_c('div',{staticClass:\"body5 sub3 margin-top-4\"},[_vm._v(_vm._s(option.desc))])])])})],2)}),0):_vm._e(),_c('div',{staticClass:\"lp-divider-gray1 padding-top-24\"}),_c('div',{staticClass:\"flex-between padding-top-24\"},[_c('div',{staticClass:\"h7\"},[_vm._v(\"총 결제금액\")]),_c('div',{staticClass:\"h4\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order_product.total_price))),_c('span',{staticClass:\"body2 main\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body2 sub3\"},[(_vm.product.category2_name === '플랫폼 팩' && _vm.selectedPlan)?[_vm._v(\"/ \"),(_vm.selectedPlan.date_unit>1)?[_vm._v(_vm._s(_vm.selectedPlan.date_unit)+\"개월\")]:[_vm._v(\"월\")]]:(_vm.order_product.is_subscription)?[_vm._v(\"/월\")]:_vm._e()],2)])]),(_vm.product.category2_name === '플랫폼 팩')?_c('div',{staticClass:\"margin-top-24\"},_vm._l((_vm.info),function(item,idx){return _c('div',{key:'info-'+idx,staticClass:\"flex\",staticStyle:{\"margin-bottom\":\"8px\"}},[_c('img',{staticClass:\"svg-primary\",staticStyle:{\"margin\":\"4px 6px 0 0\",\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"src\":\"/static/icon/fi_alert-circle.svg\"}}),_c('div',{staticClass:\"body4 sub3\"},[_vm._v(_vm._s(item))])])}),0):_vm._e()],2):(_vm.product.price.price_type === 0)?_c('div',[_c('div',{staticClass:\"lp-divider-gray1 padding-top-24\"}),_c('div',{staticClass:\"flex-between padding-top-24\"},[_c('div',{staticClass:\"h7\"},[_vm._v(\"총 결제금액\")]),_c('div',{staticClass:\"h4\"},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.discountedPrice)))])])]):_vm._e()]:_vm._e(),_c('div',{staticClass:\"padding-top-40\"},[(_vm.isReq)?[_c('button',{staticClass:\"button is-gray2 body2-bold\",staticStyle:{\"width\":\"100%\",\"height\":\"52px\",\"cursor\":\"not-allowed\"}},[_vm._v(\"신청 중\")])]:(_vm.product.category2_name === '추가서비스' || _vm.isPrime)?[_c('div',{staticStyle:{\"margin\":\"-20px 0 20px 0\"}},[(_vm.product.category2_name === '플러그인')?_c('div',{staticClass:\"flex-align\",staticStyle:{\"margin-bottom\":\"8px\"}},[_c('img',{staticClass:\"svg-primary\",staticStyle:{\"width\":\"20px\",\"margin-right\":\"4px\"},attrs:{\"src\":\"/static/icon/fi_alert-circle.svg\"}}),_c('div',{staticClass:\"body4 sub3\"},[_vm._v(\"수동설치 플러그인은 최소 4주의 작업기간이 필요합니다.\")])]):_vm._e(),_vm._m(0)]),(!_vm.userService || _vm.userService.service_order.trial)?[_c('button',{staticClass:\"button button-not-allowed body2-bold\"},[_vm._v(\"무료체험 기간 중 추가 불가\")])]:_c('button',{staticClass:\"button is-primary body2-bold\",staticStyle:{\"width\":\"100%\",\"height\":\"52px\"},on:{\"click\":_vm.clickRequest}},[_vm._v(\"신청하기\")])]:(_vm.used)?[_c('button',{staticClass:\"button is-dark body2-bold\",staticStyle:{\"width\":\"100%\",\"height\":\"52px\"}},[_c('svg',{staticStyle:{\"vertical-align\":\"sub\",\"margin-right\":\"4px\"},attrs:{\"width\":\"18\",\"height\":\"18\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M20 6L9 17L4 12\",\"stroke\":\"#ffffff\",\"stroke-width\":\"4\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})]),_vm._v(\"이용 중\")])]:[_c('button',{staticClass:\"button is-primary body2-bold\",staticStyle:{\"width\":\"100%\",\"height\":\"52px\"},on:{\"click\":_vm.saveData}},[_vm._v(\" \"+_vm._s(_vm.userService && _vm.userService.service_order.trial ? '무료체험' : '구매하기'))]),_c('div',{staticClass:\"body2 sub2 margin-top-16 text-center\"},[(_vm.userService &&\n              _vm.userService.service_order.trial)?[_vm._v(\"무료체험기간 동안 무료로 이용가능하며, 갱신일에 금액이 추가됩니다.\")]:[_vm._v(\"다음 결제일까지 무료 / 이후 결제금액 청구 (부가세 별도)\")]],2)]],2),(_vm.vModal)?_c('lp-process-modal',_vm._b({attrs:{\"headTitle\":\"앱마켓\"},on:{\"close\":function($event){_vm.vModal=false}}},'lp-process-modal',_vm.modalInfo,false)):_vm._e(),(_vm.vModalReq)?_c('lp-process-modal',_vm._b({attrs:{\"headTitle\":\"앱마켓 추가 신청\",\"req\":true,\"buttonLeft\":{'text': '신청 내역 보기', 'link': 'close'},\"visibleRight\":false},on:{\"close\":_vm.onCloseReq}},'lp-process-modal',_vm.modalReqInfo,false)):_vm._e()],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-align\"},[_c('img',{staticClass:\"svg-primary\",staticStyle:{\"width\":\"20px\",\"margin-right\":\"4px\"},attrs:{\"src\":\"/static/icon/fi_alert-circle.svg\"}}),_c('div',{staticClass:\"body4 sub3\"},[_vm._v(\"결제와 세부 절차는 신청 후 1:1문의로 안내드립니다.\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n\r\n    <div v-if=\"product.category2_name==='플랫폼 팩'\">\r\n      <!-- 무료체험 - 가격안내 -->\r\n      <div class=\"price-info-wrapper\">\r\n        <template v-if=\"!userService || userService.service_order.trial\">\r\n          <div class=\"h8 sub\">가격안내</div>\r\n          <div class=\"box-price-info\">\r\n          <div v-for=\"(sc_item, sc_idx) in subscriptions\"\r\n               :key=\"`sc-${sc_idx}`\"\r\n               class=\"item-price-info\">\r\n            <div class=\"flex-align\">\r\n              <img src=\"/static/icon/u_check.svg\" class=\"svg-primary\">\r\n              <div class=\"size-14 sub\">{{ sc_item.date_unit + '개월' }}</div>\r\n            </div>\r\n            <div class=\"size-16\">\r\n              <template v-if=\"sc_item.discount_type===0 && sc_item.discount_rate>0\">\r\n                <span class=\"margin-right-8 size-13 sub4 text-line-through\">{{ product.price.price|currency }}</span>\r\n                <span class=\"margin-right-4 primary body4-bold\">{{ sc_item.discount_rate }}%</span>\r\n              </template>\r\n                <span class=\"weight-700 main\">{{ sc_item.price | currencyNum }}</span>\r\n                <span class=\"size-14 sub\">원</span>\r\n                <span class=\"size-14 sub3\">/월</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        </template>\r\n        <template v-else>\r\n          <div class=\"h8 sub margin-bottom-16\">결제방법 선택</div>\r\n          <div class=\"plan-select-wrapper\">\r\n            <div class=\"option-st unselect\"\r\n                 v-for=\"(sc_item, sc_idx) in subscriptions\"\r\n                 :key=\"`sc-${sc_idx}`\"\r\n                 :class=\"{'selected': selectedPlan && selectedPlan.date_unit===sc_item.date_unit}\"\r\n                 @click=\"selectPlan(sc_item)\">\r\n              <div class=\"body2-medium sub\">{{ sc_item.date_unit }}개월 플랜</div>\r\n              <div class=\"body6 sub4 text-line-through\" v-if=\"sc_item.discount_type===0 && sc_item.discount_rate>0\">{{ product.price.price | currency }}</div>\r\n              <div>\r\n              <span class=\"margin-right-4 primary body4-bold\" v-if=\"sc_item.discount_type===0 && sc_item.discount_rate>0\">\r\n                {{ sc_item.discount_rate }}%\r\n              </span>\r\n                <span class=\"body4-bold main\">{{ sc_item.price | currencyNum }}</span>\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        </template>\r\n      </div>\r\n    </div>\r\n    <!-- 무료체험 - 가격안내 -->\r\n    <div v-else-if=\"!userService || userService.service_order.trial || product.category2_name === '추가서비스' || isPrime\"\r\n      class=\"price-info-wrapper\">\r\n      <div class=\"h8 sub\">가격안내</div>\r\n      <!-- 옵션 있을 때 -->\r\n      <div class=\"box-price-info\" v-if=\"optionArr1.length>0\">\r\n        <div v-for=\"(sc_item, sc_idx) in optionArr1[0].options\"\r\n             :key=\"`sc-${sc_idx}`\"\r\n             class=\"item-price-info\">\r\n          <div class=\"flex-align\">\r\n            <img src=\"/static/icon/u_check.svg\" class=\"svg-primary\">\r\n            <div class=\"size-14 sub\">{{ sc_item.name }}</div>\r\n          </div>\r\n          <div class=\"size-16\">\r\n            <template v-if=\"sc_item.is_discount && sc_item.discount_rate>0\">\r\n              <span class=\"margin-right-8 size-13 sub4 text-line-through\">{{ sc_item.origin_price|currency }}</span>\r\n              <span class=\"margin-right-4 primary body4-bold\">{{ sc_item.discount_rate }}%</span>\r\n            </template>\r\n            <span class=\"weight-700 main\">{{ sc_item.price | currencyNum }}</span>\r\n            <span class=\"size-14 sub\">원</span>\r\n            <span class=\"size-14 sub3\" v-if=\"sc_item.is_subscription\">/월</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- 옵션 없을 때 -->\r\n      <div class=\"box-price-info\" v-else>\r\n        <div class=\"item-price-info\"\r\n             :style=\"`justify-content: ${product.price.price_type === 0 ? 'flex-end' : 'space-between'}`\">\r\n          <template v-if=\"product.price.price_type === 0\">\r\n            <div class=\"size-16\">\r\n                <template v-if=\"product.price.is_discount && product.price.discount_rate>0\">\r\n                  <span class=\"margin-right-8 size-13 sub4 text-line-through\">{{ product.price.price|currency }}</span>\r\n                  <span class=\"margin-right-4 primary body4-bold\">{{ product.price.discount_rate }}%</span>\r\n                </template>\r\n                <span class=\"weight-700 main\">{{ product.price.sale_price | currencyNum }}</span>\r\n                <span class=\"size-14 sub\">원</span>\r\n                <span class=\"size-14 sub3\" v-if=\"product.price.is_subscription\">/월</span>\r\n            </div>\r\n          </template>\r\n          <template v-else>\r\n            <div class=\"flex-align\">\r\n              <img src=\"/static/icon/u_check.svg\" class=\"svg-primary\">\r\n              <div class=\"size-16 weight-500 sub\">{{ product.price.price_text }}</div>\r\n            </div>\r\n            <button class=\"button is-primary-light2\"\r\n                    style=\"width:92px;height:30px;\" @click=\"clickInquiry\">문의하기</button>\r\n          </template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <template v-if=\"userService && !userService.service_order.trial && product.category2_name !== '추가서비스' && !isPrime\">\r\n      <div v-if=\"product.enable_option\">\r\n        <div class=\"lp-divider-gray1 padding-top-24\"></div>\r\n        <!-- 필수옵션 -->\r\n        <template v-if=\"product.category2_name!=='플랫폼 팩'\">\r\n          <div v-for=\"(selector, idx) in optionArr1\" :key=\"`option1-${idx}`\">\r\n            <div v-if=\"!selector.disabled\">\r\n              <div class=\"h8\" style=\"margin:20px 0 12px 0\">{{ selector.name }}</div>\r\n              <div class=\"plan-select-wrapper\">\r\n                <!-- 옵션 정보 -->\r\n                <template v-for=\"(option, o_idx) in selector.options\">\r\n                  <div v-if=\"!option.disabled\" :key=\"`op1-${o_idx}`\"\r\n                       class=\"option-st unselect\"\r\n                       :class=\"{'disabled': selector.disabled, 'selected': option.selected}\"\r\n                       @click=\"selectOption1(option, selector)\">\r\n                    <div class=\"body2-medium sub\" v-html=\"option.name\"></div>\r\n                    <div class=\"body6 sub4 text-line-through\" v-if=\"option.is_discount && option.discount_rate>0\">{{ option.origin_price | currency }}</div>\r\n                    <div v-if=\"option.price>0\">\r\n                        <span class=\"margin-right-4 primary body4-bold\" v-if=\"option.is_discount && option.discount_rate\">\r\n                          {{ option.discount_rate }}%\r\n                        </span>\r\n                      <span class=\"body4-bold main\">{{ option.price | currencyNum }}</span>\r\n                      <span class=\"body4 sub\">원</span>\r\n                      <span class=\"body4 sub3\" v-if=\"option.is_subscription\">/월</span>\r\n                    </div>\r\n                    <div class=\"body5 sub3 margin-top-4\">{{ option.desc }}</div>\r\n                  </div>\r\n                </template>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </template>\r\n\r\n        <!-- 추가옵션 -->\r\n        <div v-if=\"optionArr2 && optionArr2.length>0\">\r\n          <div v-for=\"(selector, idx) in optionArr2\" :key=\"`option2-${idx}`\">\r\n            <div class=\"h8\" style=\"margin:20px 0 12px 0\">{{ selector.name }}</div>\r\n            <!-- 옵션 정보 -->\r\n            <div v-for=\"(option, o_idx) in selector.options\" :key=\"`op2-${o_idx}`\">\r\n              <div class=\"option-st unselect\"\r\n                   :class=\"{'selected': option.selected}\"\r\n                   @click=\"selectOption2(option)\">\r\n                <div class=\"flex-between\">\r\n                  <div class=\"body2-medium sub\" v-html=\"option.name\"></div>\r\n                  <div class=\"margin-top-4\" v-if=\"option.price>0\">\r\n                    <span class=\"body4-bold main\">+{{ option.price | currencyNum }}</span>\r\n                    <span class=\"body4 sub\">원</span>\r\n                    <span class=\"body4 sub3\" v-if=\"option.is_subscription\">/월</span>\r\n                  </div>\r\n                </div>\r\n                <div class=\"body5 sub3 margin-top-4\">{{ option.desc }}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--<div class=\"flex-between padding-top-24\">\r\n          <div class=\"subtitle5\">\r\n            <span class=\"sub2\">금액<span class=\"primary\" v-if=\"order_product.is_subscription\">(정기 결제)</span></span>\r\n          </div>\r\n          <div>\r\n              <span class=\"body2-bold main\">\r\n                {{ order_product.total_price| currencyNum }}\r\n              </span>\r\n            <span class=\"body4 sub\">원<span class=\"sub3\" v-if=\"order_product.is_subscription\">/월</span></span>\r\n          </div>\r\n        </div>-->\r\n\r\n        <div class=\"lp-divider-gray1 padding-top-24\"></div>\r\n        <div class=\"flex-between padding-top-24\">\r\n          <div class=\"h7\">총 결제금액</div>\r\n          <div class=\"h4\">{{ order_product.total_price | currencyNum }}<span class=\"body2 main\">원</span>\r\n            <span class=\"body2 sub3\">\r\n              <template v-if=\"product.category2_name === '플랫폼 팩' && selectedPlan\">/\r\n                <template v-if=\"selectedPlan.date_unit>1\">{{ selectedPlan.date_unit }}개월</template>\r\n                <template v-else>월</template>\r\n              </template>\r\n              <template v-else-if=\"order_product.is_subscription\">/월</template>\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <!-- 플랫폼 팩 고지 -->\r\n        <div class=\"margin-top-24\" v-if=\"product.category2_name === '플랫폼 팩'\">\r\n          <div v-for=\"(item,idx) in info\" :key=\"'info-'+idx\" class=\"flex\" style=\"margin-bottom:8px\">\r\n            <img src=\"/static/icon/fi_alert-circle.svg\" class=\"svg-primary\" style=\"margin:4px 6px 0 0;width:20px;height:20px\">\r\n            <div class=\"body4 sub3\">{{ item }}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- 자체 상품 -->\r\n      <div v-else-if=\"product.price.price_type === 0\">\r\n        <div class=\"lp-divider-gray1 padding-top-24\"></div>\r\n        <div class=\"flex-between padding-top-24\">\r\n          <div class=\"h7\">총 결제금액</div>\r\n          <div class=\"h4\">{{ discountedPrice | currency }}</div>\r\n        </div>\r\n      </div>\r\n    </template>\r\n\r\n    <!-- 버튼 영역 -->\r\n    <div class=\"padding-top-40\">\r\n      <template v-if=\"isReq\">\r\n        <button class=\"button is-gray2 body2-bold\" style=\"width:100%;height:52px;cursor:not-allowed\" >신청 중</button>\r\n      </template>\r\n      <template v-else-if=\"product.category2_name === '추가서비스' || isPrime\">\r\n        <div style=\"margin:-20px 0 20px 0\">\r\n          <div v-if=\"product.category2_name === '플러그인'\" class=\"flex-align\" style=\"margin-bottom:8px\">\r\n            <img src=\"/static/icon/fi_alert-circle.svg\" class=\"svg-primary\" style=\"width:20px;margin-right:4px\">\r\n            <div class=\"body4 sub3\">수동설치 플러그인은 최소 4주의 작업기간이 필요합니다.</div>\r\n          </div>\r\n          <div class=\"flex-align\">\r\n            <img src=\"/static/icon/fi_alert-circle.svg\" class=\"svg-primary\" style=\"width:20px;margin-right:4px\">\r\n            <div class=\"body4 sub3\">결제와 세부 절차는 신청 후 1:1문의로 안내드립니다.</div>\r\n          </div>\r\n        </div>\r\n\r\n        <template v-if=\"!userService || userService.service_order.trial\">\r\n          <button class=\"button button-not-allowed body2-bold\">무료체험 기간 중 추가 불가</button>\r\n        </template>\r\n        <button v-else class=\"button is-primary body2-bold\"\r\n                style=\"width:100%;height:52px\" @click=\"clickRequest\">신청하기</button>\r\n      </template>\r\n      <template v-else-if=\"used\">\r\n        <button class=\"button is-dark body2-bold\" style=\"width:100%;height:52px\" >\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" style=\"vertical-align: sub;margin-right: 4px;\">\r\n            <path d=\"M20 6L9 17L4 12\" stroke=\"#ffffff\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          </svg>이용 중</button>\r\n      </template>\r\n      <template v-else>\r\n        <button class=\"button is-primary body2-bold\" style=\"width:100%;height:52px\" @click=\"saveData\">\r\n          {{ userService && userService.service_order.trial ? '무료체험' : '구매하기' }}</button>\r\n        <div class=\"body2 sub2 margin-top-16 text-center\">\r\n          <template v-if=\"userService &&\r\n                userService.service_order.trial\">무료체험기간 동안 무료로 이용가능하며, 갱신일에 금액이 추가됩니다.</template>\r\n          <template v-else>다음 결제일까지 무료 / 이후 결제금액 청구 (부가세 별도)</template>\r\n        </div>\r\n\r\n      </template>\r\n    </div>\r\n\r\n    <lp-process-modal headTitle=\"앱마켓\"\r\n                      v-bind=\"modalInfo\"\r\n                      v-if=\"vModal\" @close=\"vModal=false\"></lp-process-modal>\r\n\r\n    <lp-process-modal headTitle=\"앱마켓 추가 신청\"\r\n                      v-bind=\"modalReqInfo\" :req=\"true\"\r\n                      :buttonLeft=\"{'text': '신청 내역 보기', 'link': 'close'}\"\r\n                      :visibleRight=\"false\"\r\n                      v-if=\"vModalReq\" @close=\"onCloseReq\"></lp-process-modal>\r\n  </div>\r\n</template>\r\n<script>\r\n  import OrderMixin from \"../../mixins/OrderMixin\";\r\n  import LpProcessModal from \"../modal/LpProcessModal\";\r\n  import UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\n  import ServiceAdminAPIMixin from \"../../mixins/ServiceAdminAPIMixin\";\r\n\r\n  export default {\r\n    name: \"MarketOptionSelector\",\r\n    components: {LpProcessModal},\r\n    mixins: [\r\n      OrderMixin,\r\n      UserAPIMixin,\r\n      ServiceAdminAPIMixin\r\n    ],\r\n    props: {\r\n      product: {\r\n        type: Object\r\n      }\r\n    },\r\n    created() {\r\n      this.init();\r\n      if(this.product.category2_name === '플랫폼 팩') {\r\n        let items = [];\r\n        let item = {\r\n          date_unit:1,\r\n          discount_rate:0,\r\n          discount_type:0,\r\n          price:this.product.price.price\r\n        }\r\n        items.push(item);\r\n        items = items.concat(this.product.price.subscriptions);\r\n        this.subscriptions = items;\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        vModal: false,\r\n        vModalReq: false,\r\n        // 비교할 상품 옵션\r\n        selectorStocks: [],\r\n        // 필수옵션\r\n        optionArr1: [],\r\n        // 추가옵션\r\n        optionArr2: [],\r\n        order_product: undefined,\r\n        // 필수값 선택값 체크용\r\n        requiredOptionsValue: [],\r\n        info: [\r\n          '팩 추가 시, 화면 빌더에서 해당하는 페이지의 페이지 보드로 추가됩니다.',\r\n          '구매한 팩의 주문화면으로 나오게 할 상품 카테고리를 관리자에서 지정해 주어야 합니다.',\r\n          '다음 결제일 이전에 별도의 해지신청이 없는 경우, 다음 결제일에 해당 금액만큼 추가되어 자동으로 청구됩니다.',\r\n          '케어서비스 선택 시 충전금에서 차감되며, 케어서비스를 이용하고 있지 않은 고객님께서 신청하신 경우는 별도로 연락 드려 안내 드립니다.'\r\n        ],\r\n        // 플랜 목록\r\n        subscriptions: [],\r\n        // 플랜 선택\r\n        selectedPlan: undefined,\r\n        modalInfo: {\r\n          title: '가입 및 서비스 개설 후 이용가능합니다',\r\n          content: '가입 후 서비스를 개설하신 뒤 앱마켓을 이용하실 수 있습니다.',\r\n          buttonLeft: {\r\n            text: '닫기',\r\n            link: 'close'\r\n          },\r\n          buttonRight: {\r\n            text: '회원가입하기',\r\n            link: '/signup'\r\n          },\r\n        },\r\n        modalReqInfo: {\r\n          title: '수동 설치 기능 신청이 완료되었습니다.',\r\n          content: '최소 4주의 작업기간이 필요하며,\\n' +\r\n            ' , 런치팩 1:1 문의를 통해 문의해주시면 필요한 절차와\\n' +\r\n            '세부 설치 일정을 안내해드립니다. :)',\r\n          buttonLeft: {\r\n            text: '1:1 문의하기',\r\n            link: ''\r\n          },\r\n          buttonRight: {\r\n            text: '내역 확인하기',\r\n            link: '/app_market/order_list'\r\n          },\r\n        },\r\n        serviceCount: 0,\r\n        serviceKey: '',\r\n        isReq: false,\r\n        inquiryId: 0          // 런치팩 1:1 문의 id\r\n      }\r\n    },\r\n    computed: {\r\n      // Prime 여부\r\n      isPrime() {\r\n        let grade = this.product.params.filter(i=>{ return i.name === '플러그인 등급' });\r\n        if(grade.length===0) {\r\n          return false;\r\n        }\r\n        grade = grade[0];\r\n        let val = grade.choice_items.filter(i=>{ return i.id === grade.value_select[0]});\r\n        if(val.length === 0) {\r\n          return false;\r\n        } else if(val[0].name === 'Prime') {\r\n          return true;\r\n        }\r\n        return false;\r\n      },\r\n      // 이용중 여부\r\n      used() {\r\n        let key = this.product.params.filter(i => { return i.name === 'key'})[0].value_text;\r\n        let service_key = '';\r\n        if(this.product.category2_name === '플랫폼 팩') {\r\n          service_key = 'packages';\r\n        } else if(this.product.category2_name === '플러그인') {\r\n          service_key = 'plugins';\r\n        }\r\n\r\n        return service_key === '' || !this.userService ? false : this.userService[service_key].indexOf(key)>-1;\r\n      },\r\n      // 할인 여부\r\n      isDiscount() {\r\n        if (this.product.price.is_discount && this.product.price.discount_start !== null && this.product.price.discount_end !== null) {\r\n          let currentDate = this.dayjs().format('YYYY-MM-DD HH:mm');\r\n          return !(currentDate < this.product.price.discount_start || currentDate > this.product.price.discount_end);\r\n        } else if (this.product.price.discount_start !== null && this.product.price.discount_end === null) {\r\n          let currentDate = this.dayjs().format('YYYY-MM-DD HH:mm');\r\n          return currentDate >= this.product.price.discount_start;\r\n        } else if (this.product.price.discount_start === null && this.product.price.discount_end !== null) {\r\n          let currentDate = this.dayjs().format('YYYY-MM-DD HH:mm');\r\n          return currentDate <= this.product.price.discount_end;\r\n        } else {\r\n          return true;\r\n        }\r\n      },\r\n      // 상품 가격\r\n      discountedPrice() {\r\n        let total = 0;\r\n        if (this.isDiscount) {\r\n          if (this.product.price.discount_rate !== 0 && this.product.price.discount_type === 0) {\r\n            total = this.product.price.price * (1 - (this.product.price.discount_rate / 100))\r\n          } else if (this.product.price.discount_price !== 0 && this.product.price.discount_type === 1) {\r\n            total = this.product.price.price - this.product.price.discount_price;\r\n          }\r\n        } else total = this.product.price.price;\r\n        return total;\r\n      },\r\n    },\r\n    methods: {\r\n      init() {\r\n        this.order_product = {\r\n          product_id: this.product.id,\r\n          quantity: 1,\r\n          discount_price: 0,\r\n          product_price: 0,\r\n          total_price: 0,\r\n          product: this.product,\r\n          order_product_option: [],\r\n          required_option_price: 0,\r\n          add_option_price: 0,\r\n          is_subscription: this.product.price.is_subscription\r\n        }\r\n        this.initOptions();\r\n        this.getData();\r\n        this.setIsReq();\r\n      },\r\n      initOptions() {\r\n        // 옵션 초기화\r\n        this.optionArr1 = this.product.selectors.filter(i => i.option_type === 0).map((i,idx) => {\r\n          i.disabled = idx > 0;\r\n          return i;\r\n        });\r\n        this.optionArr2 = this.product.selectors.filter(i => i.option_type === 1);\r\n      },\r\n      // 신청중 여부\r\n      setIsReq() {\r\n        if(!this.userService || this.$store.getters.admin.id === 0) return false;\r\n        this.request.serviceAdmin.get(`launchpack/v1/service/${this.userService.id}/app_order?category=${this.product.category2}&status=1`).then(res=>{\r\n          this.isReq = res.data.some(i=> i.products[0].id === this.product.id);\r\n        });\r\n      },\r\n      getData() {\r\n        // 개설한 서비스 수 가져오기\r\n        if(this.isLogin) {\r\n          this.request.user.get('/launchpack/service').then(res=>{\r\n            this.serviceCount = res.data.data.length;\r\n            if(this.serviceCount>0) {\r\n              this.serviceKey = res.data.data[0].key;\r\n            }\r\n          });\r\n        }\r\n\r\n        let url = `public/product/${this.product.id}/selector_stocks`\r\n        // let url = `http://localhost:8001/public/product/${this.product.id}/selector_stocks`\r\n        this.$axios.post(url).then(res=>{\r\n          this.selectorStocks = res.data.stocks.map(item=>{\r\n            let price = 0;\r\n            item.options.forEach(opt => {\r\n              if(this.optionArr1.length>0) {\r\n                price += this.optionArr1[0].options.find(o => o.id === opt).price;\r\n              }\r\n            });\r\n            item.price = price;\r\n            return item;\r\n          });\r\n        })\r\n      },\r\n      selectedOptionName(selectorStocks, option_id) {\r\n        if(!selectorStocks) return;\r\n        let stock = find(selectorStocks, 'id', option_id);\r\n        if (stock) return stock.price > 0 ? `${stock.name}: +${stock.price}원` : `${stock.name}: ${stock.price}원`;\r\n      },\r\n      // 추가옵션 선택\r\n      selectOption2(option) {\r\n        if(!option.selected) {\r\n          option.selected = true;\r\n          this.selectorStocks.forEach(stock=>{\r\n            if(stock.options[0]===option.id) {\r\n              let option = find(this.order_product.order_product_option, 'option_id', stock.id);\r\n              if(!option) {\r\n                this.order_product.order_product_option.push({\r\n                  option_id: stock.id,\r\n                  quantity: 1,\r\n                  option_type: stock.option_type\r\n                });\r\n              }\r\n            }\r\n          })\r\n        } else {\r\n          option.selected = false;\r\n          this.selectorStocks.forEach(stock=>{\r\n            if(stock.options[0]===option.id) {\r\n              let option_index = this.order_product.order_product_option.findIndex(opo=> opo.option_id === stock.id);\r\n              if(option_index>-1) {\r\n                this.order_product.order_product_option.splice(option_index, 1);\r\n              }\r\n            }\r\n          })\r\n        }\r\n        this.calcTotalPrice();\r\n      },\r\n      // 필수옵션 선택\r\n      selectOption1(option, selector) {\r\n        let option_id = option.id;\r\n        if(!option_id) return;\r\n        // 옵션 선택시 false로 초기화 후 옵션 선택\r\n        selector.options.forEach(op=>{\r\n          op.selected = false;\r\n        });\r\n        option.selected = true;\r\n\r\n        this.selectorStocks.forEach(stock=>{\r\n          if(stock.options.indexOf(option.id) > -1) {\r\n            this.initOrderProductOption();\r\n            this.order_product.order_product_option.push({option_id: stock.id, quantity: 1, option_type: stock.option_type});\r\n          }\r\n        })\r\n\r\n        // 건 or 월 저장\r\n        this.order_product.is_subscription = option.is_subscription;\r\n        this.order_product.date_unit = option.is_subscription ? 1 : 0;\r\n        this.calcTotalPrice();\r\n      },\r\n      calcTotalPrice() {\r\n        let total = 0;\r\n        let requiredOptionPrice = 0;\r\n        let addOptionPrice = 0;\r\n        let planPrice = 0;\r\n        if(this.product.category2_name==='플랫폼 팩' && this.selectedPlan) {\r\n          planPrice = this.selectedPlan.price * this.selectedPlan.date_unit;\r\n          this.order_product.date_unit = this.selectedPlan.date_unit;\r\n          total += planPrice;\r\n        }\r\n        // 상품 옵션일 경우\r\n        if(this.product.enable_option) {\r\n          // required_option_price = 필수옵션\r\n          // add_option_price = 추가옵션\r\n          // total_price = 필수옵션 + 추가옵션\r\n          this.order_product.order_product_option.forEach(item=> {\r\n            let op = this.selectorStocks.find(i => i.id === item.option_id);\r\n            if(op) {\r\n              if(item.option_type===0) {\r\n                requiredOptionPrice += op.price * parseInt(item.quantity)\r\n              } else if(item.option_type===1) {\r\n                if(op.name!=='전문가 확인 신청') {\r\n                  addOptionPrice += op.price * parseInt(item.quantity)\r\n                }\r\n                addOptionPrice += op.price * parseInt(item.quantity)\r\n              }\r\n              total += op.price * parseInt(item.quantity)\r\n            }\r\n          })\r\n        }\r\n        // 자체 상품일 경우\r\n        else {\r\n          total = this.discountedPrice * this.order_product.quantity;\r\n        }\r\n        if(this.product.category2_name==='플랫폼 팩') {\r\n          this.order_product.product_price = planPrice;\r\n        } else if(this.product.enable_option) {\r\n          this.order_product.product_price = requiredOptionPrice;\r\n        } else {\r\n          this.order_product.product_price = total;\r\n        }\r\n        this.order_product.required_option_price = requiredOptionPrice;\r\n        this.order_product.add_option_price = addOptionPrice;\r\n        this.order_product.total_price = total;\r\n      },\r\n      initOrderProductOption() {\r\n        let opoIndex = this.order_product.order_product_option.findIndex(opo=> opo.option_type===0)\r\n        if(opoIndex>-1) this.order_product.order_product_option.remove(opoIndex);\r\n      },\r\n      onCloseReq() {\r\n        this.vModalReq=false;\r\n        //this.routerPush('/app_market/list');\r\n        //window.parent.opener.postMessage({close: true, inquiry:true, inquiryId: this.inquiryId}, '*');\r\n        window.open(`https://${this.serviceKey}.launchpack.co.kr/office/admin/launchpack/inquiry/customer/create?id=${this.inquiryId}`,'_blank');\r\n      },\r\n      marketAction() {\r\n        // 공홈 > 앱마켓 에서 들어온 경우 조건 처리\r\n\r\n        if(!this.isLogin) {\r\n          this.setModalInfo(\r\n            '가입 및 서비스 개설 후 이용가능합니다',\r\n            '가입 후 서비스를 개설하신 다음 앱마켓을 이용하실 수 있습니다.',\r\n            { text: '닫기', link: 'close' },\r\n            { text: '회원가입하기', link: '/signup' }\r\n          );\r\n        } else if(this.serviceCount === 0) {\r\n          this.setModalInfo(\r\n            '서비스 개설 후 이용가능합니다',\r\n            '내 서비스를 개설하러 가시겠습니까?',\r\n            { text: '닫기', link: 'close' },\r\n            { text: '내 서비스 개설하기', link: '/service_create?step=1' }\r\n          )\r\n        } else if(this.serviceCount === 1) {\r\n          this.setModalInfo(\r\n            '내 서비스 앱마켓으로 이동합니다',\r\n            '내 서비스 앱마켓에서 이용가능합니다.\\n내가 개설한 서비스의 앱마켓으로 이동하시겠습니까?',\r\n            { text: '닫기', link: 'close' },\r\n            { text: '내 서비스 앱마켓 열기', link: `https://${this.serviceKey}.launchpack.co.kr/office/admin?app_market=true` }\r\n          )\r\n        } else {\r\n          this.setModalInfo(\r\n            '내가 개설한 서비스 관리 메뉴에서 추가할 수 있습니다.',\r\n            '내가 개설한 서비스 관리 메뉴에서 앱마켓 이용이 가능합니다.\\n내 서비스 목록으로 이동하시겠습니까?',\r\n            { text: '닫기', link: 'close' },\r\n            { text: '내 서비스 목록', link: '/mypage/my_service' }\r\n          )\r\n        }\r\n\r\n        this.vModal = true;\r\n      },\r\n      setModalInfo(title, content, left, right) {\r\n        this.modalInfo = {\r\n          title: title,\r\n          content: content,\r\n          buttonLeft: left,\r\n          buttonRight: right\r\n        }\r\n      },\r\n      clickInquiry() {\r\n        window.parent.opener.postMessage({close: true, inquiry:true, cat:3}, '*');\r\n      },\r\n      getParams() {\r\n        if(this.product.category2_name==='플랫폼 팩') {\r\n          if(!this.userService.service_order.trial && !this.selectedPlan) {\r\n            this.toast('플랜을 선택하세요.');\r\n            return undefined;\r\n          }\r\n        } else if(!this.userService.service_order.trial && this.product.category2_name !== '추가서비스') {\r\n          if(this.optionArr1.length > 0 && this.order_product.order_product_option.length === 0) {\r\n            this.toast('옵션을 선택해주세요.');\r\n            return undefined;\r\n          }\r\n        }\r\n        let params = {\r\n          type: 'market',\r\n          order_product: this.cloneItem(this.order_product),\r\n          subscribe_price: 0\r\n        };\r\n        if(!this.userService.service_order.trial) {\r\n          if(this.product.category2_name === '플랫폼 팩') {\r\n            params.subscribe_price = this.order_product.product_price + this.order_product.add_option_price;\r\n          } else {\r\n            params.subscribe_price = this.order_product.required_option_price + this.order_product.add_option_price;\r\n          }\r\n        }\r\n\r\n        return params;\r\n      },\r\n      saveData() {\r\n        if(this.$route.path === '/market/detail') {\r\n          this.marketAction();\r\n        }\r\n        // 빌더, 백오피스에서 iframe으로 호출 된 경우\r\n        else {\r\n          let params = this.getParams();\r\n          if(params) {\r\n            this.$store.commit('setBasket', this.getParams());\r\n            this.routeGa('', this.product.title, '앱마켓 체험하기');\r\n            this.routerPush('account', true);\r\n          }\r\n        }\r\n      },\r\n      clickRequest() {\r\n        if(this.$route.path === '/market/detail') {\r\n          this.marketAction();\r\n        } else {\r\n          this.routeGa('', this.product.title, '신청하기');\r\n\r\n          let params = this.getParams();\r\n          if(params) {\r\n            let order_product = params.order_product;\r\n            params = {\r\n              status: 1,\r\n              subscribe_price: params.subscribe_price,\r\n              pay_type: 1,\r\n              product: {\r\n                product_id: order_product.product.id,\r\n                quantity: 1,\r\n                discount_price: order_product.product.price.discount_price,\r\n                discount_rate: order_product.product.price.discount_rate,\r\n                total_price: order_product.total_price,\r\n                product_price: order_product.product_price,\r\n                is_subscription: params.order_product.is_subscription\r\n              },\r\n              date_unit: order_product.date_unit,\r\n              is_subscription: params.order_product.is_subscription\r\n            }\r\n            this.setLoading('신청 중입니다');\r\n            this.request.serviceAdmin.post(`launchpack/v1/service/${this.userService.id}/app_order`, params).then(res=>{\r\n              this.clearLoading();\r\n              if(res.status === 200) {\r\n                this.inquiryId = res.data.inquiry_id;\r\n\r\n                // 앱마켓 추가 신청 모달 띄우기\r\n                this.modalReqInfo.buttonLeft.link = `https://${this.serviceKey}.launchpack.co.kr/office/admin/launchpack/inquiry/customer/create`;\r\n\r\n                if(this.product.category2_name === '추가서비스') {\r\n                  this.modalReqInfo.title = '추가서비스 신청이 완료되었습니다.';\r\n                  this.modalReqInfo.content = '서비스별 별도 작업기간이 필요하며,\\n' +\r\n                    '런치팩 1:1 문의를 통해 문의해주시면 필요한 절차와\\n' +\r\n                    '세부 설치 일정을 안내해드립니다. :)';\r\n                } else {\r\n                  this.modalReqInfo.title = '수동 설치 기능 신청이 완료되었습니다.';\r\n                  this.modalReqInfo.content = '최소 4주의 작업기간이 필요하며,\\n' +\r\n                    '런치팩 1:1 문의를 통해 문의해주시면 필요한 절차와\\n' +\r\n                    '세부 설치 일정을 안내해드립니다. :)';\r\n                }\r\n\r\n                this.vModalReq = true;\r\n              }\r\n            }).catch(()=>{\r\n              this.clearLoading();\r\n            });\r\n          }\r\n        }\r\n      },\r\n      selectPlan(item) {\r\n        this.selectedPlan = item;\r\n        this.calcTotalPrice();\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .option-st\r\n    border 1px solid $gray1\r\n    border-radius 8px\r\n    padding 16px 24px\r\n  .option-st:hover\r\n    border 1px solid $sub3\r\n\r\n  .disabled\r\n    background-color #eee\r\n\r\n  .selected\r\n    border 2px solid $primary !important\r\n\r\n  .plan-select-wrapper\r\n    display grid\r\n    grid-gap 12px\r\n    grid-template-columns repeat(2, 1fr)\r\n\r\n  .price-info-wrapper\r\n    border-top 1px solid $gray1\r\n    margin-top 20px\r\n    padding-top 20px\r\n\r\n  .box-price-info\r\n    margin-top 12px\r\n    border 1px solid $gray1\r\n    padding 16px 20px\r\n    .item-price-info\r\n      display flex\r\n      align-items center\r\n      justify-content space-between\r\n      padding 12px 0\r\n      border-bottom 1px solid $gray2\r\n      img\r\n        width 16px\r\n        margin-right 4px\r\n    .item-price-info:first-child\r\n      padding-top 0\r\n    .item-price-info:last-child\r\n      padding-bottom 0\r\n      border-bottom 0\r\n\r\n  .button-not-allowed\r\n    background-color $gray3\r\n    border 0\r\n    color $sub2\r\n    width 100%\r\n    height 52px\r\n    cursor not-allowed\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!./MarketOptionSelector.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!./MarketOptionSelector.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MarketOptionSelector.vue?vue&type=template&id=3ab8b28f&scoped=true&\"\nimport script from \"./MarketOptionSelector.vue?vue&type=script&lang=js&\"\nexport * from \"./MarketOptionSelector.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MarketOptionSelector.vue?vue&type=style&index=0&id=3ab8b28f&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  \"3ab8b28f\",\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!./MarketOptionSelector.vue?vue&type=style&index=0&id=3ab8b28f&lang=stylus&scoped=true&\"","import axios from 'axios'\r\n\r\nconst userAxios = axios.create({\r\n  headers: {\r\n    common: {}\r\n  }\r\n});\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      request: {\r\n        user: userAxios,\r\n      },\r\n    };\r\n  },\r\n\r\n\r\n  created() {\r\n    // Admin base URL 설정.\r\n    this.request.user.defaults.baseURL = `${process.env.VUE_APP_MASTER_BACKEND_URL}/user/${this.$store.getters.user.user_id}`;\r\n\r\n    // 인증 설정.\r\n    if (this.$store.getters.user.token !== '') {\r\n      const auth = 'Token ' + this.$store.getters.user.token;\r\n      this.setHeader(this.request.user, 'Authorization', auth);\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    setHeader(request, key, value) {\r\n      request.defaults.headers.common[key] = value;\r\n    },\r\n    // 로그아웃\r\n    async logout() {\r\n      await this.request.user.post(`${process.env.VUE_APP_MASTER_BACKEND_URL}/auth/user/logout`)\r\n        .then(() => {\r\n          this.$store.commit('logout');\r\n          delete this.request.user.defaults.headers.common['Authorization'];\r\n          this.$router.replace('home');\r\n        }).catch(err => {\r\n          if(err.response.data.detail === undefined)\r\n            this.toast(err.response.data.message);\r\n          else\r\n            this.toast(err.response.data.detail);\r\n        });\r\n    }\r\n  }\r\n}\r\n","import axios from 'axios'\r\n\r\nconst adminAxios = axios.create({\r\n  headers: {\r\n    common: {}\r\n  }\r\n});\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      request: {\r\n        serviceAdmin: adminAxios\r\n      }\r\n    };\r\n  },\r\n  created() {\r\n    this.setAuth();\r\n  },\r\n  methods: {\r\n    setAuth() {\r\n      this.request.serviceAdmin.defaults.baseURL = `${this.backendUrl}/serviceadmin/${this.$store.getters.admin.id}` ;\r\n      this.request.serviceAdmin.defaults.headers.common.Authorization = `Token ${this.$store.getters.admin.token}`;\r\n    }\r\n  }\r\n}\r\n"],"sourceRoot":""}