{"version":3,"sources":["webpack:///./src/mixins/OrderMixin.js","webpack:///./src/components/component/ProductOptionSelector.vue?6bd9","webpack:///src/components/component/ProductOptionSelector.vue","webpack:///./src/components/component/ProductOptionSelector.vue?f707","webpack:///./src/components/component/ProductOptionSelector.vue","webpack:///./src/components/component/ProductOptionSelector.vue?d1c5"],"names":["data","selectorStocks","mounted","this","getSelectorStocks","methods","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","replace","optionPrice","price","render","_vm","_h","$createElement","_c","_self","staticClass","_l","idx","key","disabled","_e","_v","_s","class","o_idx","selected","on","$event","selectOption1","domProps","_f","desc","selectOption2","_m","required_option_price","add_option_price","isRequiredOptionDesign","service_use_price","staticStyle","attrs","total_price","saveData","category2","price_type","discountedPrice","clickInquiry","staticRenderFns","sort","a","initOrderProductOption","push","forEach","total","quantity","component"],"mappings":"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","file":"js/chunk-1e8b613e.b81eb9bb.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 = 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:\"pc\"},[(_vm.product.enable_option)?_c('div',[_c('div',{staticClass:\"lp-divider-gray1 padding-top-24\"}),_vm._l((_vm.optionArr1),function(selector,idx){return _c('div',{key:(\"option1-\" + idx)},[(!selector.disabled)?_c('div',[_c('div',{staticClass:\"padding-top-32 h8\"},[_vm._v(_vm._s(selector.name))]),_c('div',{class:{'plan-select-wrapper': idx===1}},[_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(_vm.optionName(option.name))}}),(option.price>0 && idx>0)?_c('div',[_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.visibleOption2)?_c('div',_vm._l((_vm.optionArr2),function(selector,idx){return _c('div',{key:(\"option2-\" + idx)},[_c('div',{staticClass:\"padding-top-32 h8\"},[_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(_vm.optionName(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\"},[_vm._m(0),_c('div',[_c('span',{staticClass:\"body2-bold main\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currencyNum\")(_vm.order_product.required_option_price))+\" \")]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")])])]),(_vm.order_product.add_option_price)?_c('div',{staticClass:\"flex-between padding-top-12\"},[_vm._m(1),_c('div',[_c('span',{staticClass:\"body2-bold main\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currencyNum\")(_vm.order_product.add_option_price))+\" \")]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")])])]):_vm._e(),(!_vm.isRequiredOptionDesign)?_c('div',{staticClass:\"flex-between margin-top-12\"},[_c('div',{staticClass:\"subtitle5\"},[_c('span',{staticClass:\"sub\"},[_vm._v(_vm._s(_vm.product.service_use_price.name))]),_c('span',{staticClass:\"primary\"},[_vm._v(\"(월결제)\")]),_c('tool-tip',{staticStyle:{\"margin-left\":\"4px\"},attrs:{\"icon\":\"u_question-circle\",\"text\":\"사업 운영에 필요한 관리자 사이트 등이 포함된 운영 솔루션이 제공됩니다.\"}})],1),_c('div',[_c('span',{staticClass:\"body2-bold main\"},[_vm._v(\"+\"+_vm._s(_vm._f(\"currencyNum\")(_vm.product.service_use_price.price)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/월\")])])]):_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))+\"원\")])]),(_vm.isRequiredOptionDesignSkinAndModify)?_c('div',[_vm._m(2),_vm._m(3)]):_vm._e(),_c('div',{staticClass:\"padding-top-40\"},[_c('button',{staticClass:\"button is-primary body2-bold\",staticStyle:{\"width\":\"100%\",\"height\":\"52px\"},on:{\"click\":_vm.saveData}},[_vm._v(\"결제하기\")])])],2):(_vm.product.category2===42 || _vm.product.category2===45)?_c('div',[_c('div',{staticClass:\"lp-divider-gray1 padding-top-24\"}),(_vm.product.price.price_type===0)?_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)))])]):_c('div',{staticClass:\"flex-end padding-top-24\"},[_c('div',{staticClass:\"h7\"},[_vm._v(\"관리자에게 문의\")])]),_c('div',{staticClass:\"padding-top-40\"},[_c('button',{staticClass:\"button is-primary body2-bold\",staticStyle:{\"width\":\"100%\",\"height\":\"52px\"},on:{\"click\":_vm.clickInquiry}},[_vm._v(\"1:1 문의 하기\")])])]):_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)))])])])]),_c('div',{staticClass:\"mobile\"},[(_vm.product.enable_option)?_c('div',[_vm._l((_vm.optionArr1),function(selector,idx){return _c('div',{key:(\"option1-\" + idx)},[(!selector.disabled)?_c('div',[_c('div',{staticClass:\"padding-top-24 body4-bold padding-bottom-4\"},[_vm._v(_vm._s(selector.name))]),_vm._l((selector.options),function(option,o_idx){return _c('div',{key:(\"op1-\" + o_idx)},[(!option.disabled)?_c('div',{staticClass:\"option-st unselect\",class:{'disabled': selector.disabled, 'selected': option.selected},on:{\"click\":function($event){return _vm.selectOption1(option, selector)}}},[_c('div',{staticClass:\"body4-medium sub\",domProps:{\"innerHTML\":_vm._s(_vm.optionName(option.name))}}),(option.price>0 && idx>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:\"body6 sub3 margin-top-4\"},[_vm._v(_vm._s(option.desc))])]):_vm._e()])})],2):_vm._e()])}),(_vm.visibleOption2)?_c('div',[_c('div',{staticClass:\"lp-divider-gray3 margin-top-24\"}),_vm._l((_vm.optionArr2),function(selector,idx){return _c('div',{key:(\"option2-\" + idx)},[_c('div',{staticClass:\"padding-top-24 body4-bold padding-bottom-4\"},[_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:\"body4-medium sub\",domProps:{\"innerHTML\":_vm._s(_vm.optionName(option.name))}})]),_c('div',{staticClass:\"body5 sub3 margin-top-4\"},[_vm._v(_vm._s(option.desc))])])])})],2)})],2):_vm._e(),_c('div',{staticClass:\"lp-divider-gray1 padding-top-32\"}),_c('div',{staticClass:\"flex-between padding-top-16\"},[_vm._m(4),_c('div',[_c('span',{staticClass:\"body3-bold main\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currencyNum\")(_vm.order_product.required_option_price))+\" \")]),_c('span',{staticClass:\"body5 sub\"},[_vm._v(\"원\")])])]),(_vm.order_product.add_option_price)?_c('div',{staticClass:\"flex-between padding-top-4\"},[_vm._m(5),_c('div',[_c('span',{staticClass:\"body3-bold main\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currencyNum\")(_vm.order_product.add_option_price))+\" \")]),_c('span',{staticClass:\"body5 sub\"},[_vm._v(\"원\")])])]):_vm._e(),(!_vm.isRequiredOptionDesign)?_c('div',{staticClass:\"flex-between margin-top-4\"},[_c('div',{staticClass:\"body5-medium\"},[_c('span',{staticClass:\"sub2\"},[_vm._v(_vm._s(_vm.product.service_use_price.name))]),_c('span',{staticClass:\"primary\"},[_vm._v(\"(월결제)\")]),_c('tool-tip',{staticStyle:{\"margin-left\":\"4px\"},attrs:{\"iconSize\":18,\"icon\":\"u_question-circle\",\"text\":\"사업 운영에 필요한 관리자 사이트 등이 포함된 운영 솔루션이 제공됩니다.\"}})],1),_c('div',[_c('span',{staticClass:\"body3-bold main\"},[_vm._v(\"+\"+_vm._s(_vm._f(\"currencyNum\")(_vm.product.service_use_price.price)))]),_c('span',{staticClass:\"body5 sub\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body5 sub3\"},[_vm._v(\"/월\")])])]):_vm._e(),_c('div',{staticClass:\"lp-divider-gray2 padding-top-16\"}),_c('div',{staticClass:\"flex-between padding-top-12\"},[_c('div',{staticClass:\"subtitle6 main\"},[_vm._v(\"총 결제금액\")]),_c('div',{staticClass:\"body0-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order_product.total_price))+\"원\")])]),(_vm.isRequiredOptionDesignSkinAndModify)?_c('div',{staticClass:\"body6 sub3\",staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(\" *위 금액에는 견적서를 통해 발송될 수정 개발 서비스에 대한 요금이포함되지 않았습니다. \")]):_vm._e(),_vm._m(6)],2):(_vm.product.category2===42 || _vm.product.category2===45)?_c('div',[(_vm.product.price.price_type===0)?_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)))])]):_c('div',{staticClass:\"padding-top-24\"},[_c('div',{staticClass:\"h7\"},[_vm._v(\"관리자에게 문의\")])]),_c('div',{staticClass:\"padding-top-16\"},[_c('button',{staticClass:\"button is-primary body4-medium\",staticStyle:{\"width\":\"100%\"},on:{\"click\":_vm.clickInquiry}},[_vm._v(\"1:1 문의 하기\")])])]):_c('div',[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"subtitle6\"},[_vm._v(\"총 결제금액\")]),_c('div',{staticClass:\"body0-bold\"},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.discountedPrice)))])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"subtitle5\"},[_c('span',{staticClass:\"sub\"},[_vm._v(\"상품금액\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"subtitle5\"},[_c('span',{staticClass:\"sub\"},[_vm._v(\"추가옵션\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-align margin-top-8\"},[_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('div',{staticClass:\"flex-align margin-top-8\"},[_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('div',{staticClass:\"body5-medium\"},[_c('span',{staticClass:\"sub2\"},[_vm._v(\"상품금액\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body5-medium\"},[_c('span',{staticClass:\"sub2\"},[_vm._v(\"추가옵션\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"padding-top-16\"},[_c('button',{staticClass:\"button is-gray2 body5 flex-center\",staticStyle:{\"width\":\"100%\",\"height\":\"40px\"}},[_c('img',{staticClass:\"unselect svg-sub3\",staticStyle:{\"width\":\"16px\",\"height\":\"16px\"},attrs:{\"src\":\"/static/icon/fi_alert-circle.svg\",\"alt\":\"\"}}),_c('span',{staticClass:\"margin-left-4 sub3\"},[_vm._v(\"결제는 데스크톱에서 진행해주세요.\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"pc\">\r\n      <div v-if=\"product.enable_option\">\r\n        <div class=\"lp-divider-gray1 padding-top-24\"></div>\r\n        <!-- 필수옵션 -->\r\n        <div v-for=\"(selector, idx) in optionArr1\" :key=\"`option1-${idx}`\">\r\n          <div v-if=\"!selector.disabled\">\r\n            <div class=\"padding-top-32 h8\">{{ selector.name }}</div>\r\n            <div :class=\"{'plan-select-wrapper': idx===1}\">\r\n              <!-- 옵션 정보 -->\r\n              <template v-for=\"(option, o_idx) in selector.options\">\r\n                <div class=\"option-st unselect\" :key=\"`op1-${o_idx}`\"\r\n                     :class=\"{'disabled': selector.disabled, 'selected': option.selected}\"\r\n                     @click=\"selectOption1(option, selector)\"\r\n                     v-if=\"!option.disabled\">\r\n                  <div class=\"body2-medium sub\" v-html=\"optionName(option.name)\"></div>\r\n                  <div v-if=\"option.price>0 && idx>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 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\r\n        <!-- 추가옵션 -->\r\n        <div v-if=\"visibleOption2\">\r\n          <div v-for=\"(selector, idx) in optionArr2\" :key=\"`option2-${idx}`\">\r\n          <div class=\"padding-top-32 h8\">{{ 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=\"optionName(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\r\n        <!-- 선택된 옵션 정보 -->\r\n      <!--  <div class=\"margin-top-16\" v-if=\"order_product && product.enable_option && order_product.order_product_option.length > 0\">\r\n          <div v-for=\"(op, idx) in order_product.order_product_option\" :key=\"`op-${idx}`\">\r\n            <div class=\"flex\">\r\n              <div v-if=\"op.option_type===0\" style=\"min-width:66px;\">[필수옵션]</div>\r\n              <div v-else-if=\"op.option_type===1\" style=\"min-width:66px;\">[추가옵션]</div>\r\n              <div style=\"margin-left:4px\">{{ selectedOptionName(selectorStocks, op.option_id) }}</div>\r\n            </div>\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=\"subtitle5\">\r\n            <span class=\"sub\">상품금액</span>\r\n          </div>\r\n          <div>\r\n            <span class=\"body2-bold main\">\r\n              {{ order_product.required_option_price | currencyNum }}\r\n            </span>\r\n            <span class=\"body4 sub\">원</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"flex-between padding-top-12\" v-if=\"order_product.add_option_price\">\r\n          <div class=\"subtitle5\">\r\n            <span class=\"sub\">추가옵션</span>\r\n          </div>\r\n          <div>\r\n            <span class=\"body2-bold main\">\r\n              {{ order_product.add_option_price | currencyNum }}\r\n            </span>\r\n            <span class=\"body4 sub\">원</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"flex-between margin-top-12\" v-if=\"!isRequiredOptionDesign\">\r\n          <div class=\"subtitle5\">\r\n            <span class=\"sub\">{{ product.service_use_price.name }}</span>\r\n            <span class=\"primary\">(월결제)</span>\r\n            <tool-tip style=\"margin-left:4px\"\r\n                      icon=\"u_question-circle\"\r\n                      text=\"사업 운영에 필요한 관리자 사이트 등이 포함된 운영 솔루션이 제공됩니다.\"/>\r\n          </div>\r\n          <div>\r\n            <span class=\"body2-bold main\">+{{ product.service_use_price.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 class=\"lp-divider-gray1 padding-top-24\"></div>\r\n\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 }}원</div>\r\n        </div>\r\n        <div v-if=\"isRequiredOptionDesignSkinAndModify\">\r\n          <div class=\"flex-align margin-top-8\">\r\n            <img class=\"svg-primary\" src=\"/static/icon/fi_alert-circle.svg\" style=\"width:20px;height:20px;margin-right:6px\"/>\r\n<!--            <i class=\"material-icons-outlined primary margin-right-4\">info</i>-->\r\n            <div class=\"body4 sub3\">위 금액에는 견적서를 통해 발송될 수정 개발 서비스에 대한 요금이 포함되지 않았습니다.</div>\r\n          </div>\r\n          <div class=\"flex-align margin-top-8\">\r\n            <img class=\"svg-primary\" src=\"/static/icon/fi_alert-circle.svg\" style=\"width:20px;height:20px;margin-right:6px\"/>\r\n<!--            <i class=\"material-icons-outlined primary margin-right-4\">info</i>-->\r\n            <div class=\"body4 sub3\">추가 수정 개발 요청 시, 충전금에서 서비스 이용 금액을 차감합니다.</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"padding-top-40\">\r\n          <button class=\"button is-primary body2-bold\" style=\"width:100%;height:52px\" @click=\"saveData\">결제하기</button>\r\n        </div>\r\n      </div>\r\n      <div v-else-if=\"product.category2===42 || product.category2===45\">\r\n        <div class=\"lp-divider-gray1 padding-top-24\"></div>\r\n        <div class=\"flex-between padding-top-24\" v-if=\"product.price.price_type===0\">\r\n          <div class=\"h7\">총 결제금액</div>\r\n          <div class=\"h4\">{{ discountedPrice | currency }}</div>\r\n        </div>\r\n        <div class=\"flex-end padding-top-24\" v-else>\r\n          <div class=\"h7\">관리자에게 문의</div>\r\n        </div>\r\n        <div class=\"padding-top-40\">\r\n          <button class=\"button is-primary body2-bold\" style=\"width:100%;height:52px\" @click=\"clickInquiry\">1:1 문의 하기</button>\r\n        </div>\r\n      </div>\r\n      <!-- 자체 상품 -->\r\n      <div v-else>\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    </div>\r\n\r\n    <div class=\"mobile\">\r\n      <div v-if=\"product.enable_option\">\r\n        <!-- 필수옵션 -->\r\n        <div v-for=\"(selector, idx) in optionArr1\" :key=\"`option1-${idx}`\">\r\n          <div v-if=\"!selector.disabled\">\r\n            <div class=\"padding-top-24 body4-bold padding-bottom-4\">{{ selector.name }}</div>\r\n            <!-- 옵션 정보 -->\r\n            <div v-for=\"(option, o_idx) in selector.options\" :key=\"`op1-${o_idx}`\">\r\n              <div class=\"option-st unselect\"\r\n                   :class=\"{'disabled': selector.disabled, 'selected': option.selected}\"\r\n                   @click=\"selectOption1(option, selector)\"\r\n                   v-if=\"!option.disabled\">\r\n                <div class=\"body4-medium sub\" v-html=\"optionName(option.name)\"></div>\r\n                <div class=\"margin-top-4\" v-if=\"option.price>0 && idx>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 class=\"body6 sub3 margin-top-4\">{{ option.desc }}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- 추가옵션 -->\r\n        <div v-if=\"visibleOption2\">\r\n          <div class=\"lp-divider-gray3 margin-top-24\"></div>\r\n          <div v-for=\"(selector, idx) in optionArr2\" :key=\"`option2-${idx}`\">\r\n            <div class=\"padding-top-24 body4-bold padding-bottom-4\">{{ 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=\"body4-medium sub\" v-html=\"optionName(option.name)\"></div>\r\n                  <!--<div 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\r\n        <div class=\"lp-divider-gray1 padding-top-32\"></div>\r\n        <div class=\"flex-between padding-top-16\">\r\n          <div class=\"body5-medium\">\r\n            <span class=\"sub2\">상품금액</span>\r\n          </div>\r\n          <div>\r\n            <span class=\"body3-bold main\">\r\n              {{ order_product.required_option_price | currencyNum }}\r\n            </span>\r\n            <span class=\"body5 sub\">원</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"flex-between padding-top-4\" v-if=\"order_product.add_option_price\">\r\n          <div class=\"body5-medium\">\r\n            <span class=\"sub2\">추가옵션</span>\r\n          </div>\r\n          <div>\r\n            <span class=\"body3-bold main\">\r\n              {{ order_product.add_option_price | currencyNum }}\r\n            </span>\r\n            <span class=\"body5 sub\">원</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"flex-between margin-top-4\" v-if=\"!isRequiredOptionDesign\">\r\n          <div class=\"body5-medium\">\r\n            <span class=\"sub2\">{{ product.service_use_price.name }}</span>\r\n            <span class=\"primary\">(월결제)</span>\r\n            <tool-tip style=\"margin-left:4px\"\r\n                      :iconSize=\"18\"\r\n                      icon=\"u_question-circle\"\r\n                      text=\"사업 운영에 필요한 관리자 사이트 등이 포함된 운영 솔루션이 제공됩니다.\"/>\r\n          </div>\r\n          <div>\r\n            <span class=\"body3-bold main\">+{{ product.service_use_price.price | currencyNum }}</span>\r\n            <span class=\"body5 sub\">원</span>\r\n            <span class=\"body5 sub3\">/월</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"lp-divider-gray2 padding-top-16\"></div>\r\n\r\n        <div class=\"flex-between padding-top-12\">\r\n          <div class=\"subtitle6 main\">총 결제금액</div>\r\n          <div class=\"body0-bold main\">{{ order_product.total_price | currencyNum }}원</div>\r\n        </div>\r\n        <div class=\"body6 sub3\" style=\"margin-top:10px\" v-if=\"isRequiredOptionDesignSkinAndModify\">\r\n          *위 금액에는 견적서를 통해 발송될 수정 개발 서비스에 대한 요금이포함되지 않았습니다.\r\n        </div>\r\n        <div class=\"padding-top-16\">\r\n          <button class=\"button is-gray2 body5 flex-center\" style=\"width:100%;height:40px\">\r\n            <img src=\"/static/icon/fi_alert-circle.svg\"\r\n                 style=\"width:16px;height:16px\" alt=\"\" class=\"unselect svg-sub3\">\r\n            <span class=\"margin-left-4 sub3\">결제는 데스크톱에서 진행해주세요.</span>\r\n            </button>\r\n        </div>\r\n      </div>\r\n      <div v-else-if=\"product.category2===42 || product.category2===45\">\r\n        <div class=\"flex-between padding-top-24\" v-if=\"product.price.price_type===0\">\r\n          <div class=\"h7\">총 결제금액</div>\r\n          <div class=\"h4\">{{ discountedPrice | currency }}</div>\r\n        </div>\r\n        <div class=\"padding-top-24\" v-else>\r\n          <div class=\"h7\">관리자에게 문의</div>\r\n        </div>\r\n        <div class=\"padding-top-16\">\r\n          <button class=\"button is-primary body4-medium\" style=\"width:100%\" @click=\"clickInquiry\">1:1 문의 하기</button>\r\n        </div>\r\n      </div>\r\n      <!-- 자체 상품 -->\r\n      <div v-else>\r\n        <div class=\"flex-between\">\r\n          <div class=\"subtitle6\">총 결제금액</div>\r\n          <div class=\"body0-bold\">{{ discountedPrice | currency }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  import OrderMixin from \"../../mixins/OrderMixin\";\r\n  import ToolTip from \"./ToolTip\";\r\n\r\n  export default {\r\n    name: \"ProductOptionSelector\",\r\n    components: {ToolTip},\r\n    mixins: [\r\n      OrderMixin\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    },\r\n    data() {\r\n      return {\r\n        isServiceUsePrice: 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        visibleOption2: true,\r\n        // 정기 결제 금액\r\n        subscribe_price: 0,\r\n        design_skin: '디자인 대로 바로 개설',\r\n        design_skin2: '디자인 스킨에 부분 수정 개발하여 개설',\r\n        design_skin3: '디자인 스킨 파일만 구매'\r\n      }\r\n    },\r\n    computed: {\r\n      // 필수 옵션 디자인 스킨 + 부분 수정 개발 요청 (견적서 발송 예정) 있는지 여부\r\n      isRequiredOptionDesignSkinAndModify() {\r\n        let list = [\r\n          this.design_skin2 + ' x 월 정기구독',\r\n          this.design_skin2 + ' x 건 결제',\r\n          '월 정기구독 x ' + this.design_skin2,\r\n          '건 결제 x ' + this.design_skin2\r\n        ]\r\n        let opo_item = this.order_product.order_product_option.filter(item=>item.option_type===0)\r\n        return opo_item.some(item=>{\r\n          let stock = this.findItem(this.selectorStocks, 'id', item.option_id);\r\n          return list.indexOf(stock.name) > -1\r\n        })\r\n      },\r\n      // 필수 옵션 디자인 파일만 구매 있는지 여부\r\n      isRequiredOptionDesign() {\r\n        let list = [\r\n          this.design_skin3 + ' x 플랜없음',\r\n          '플랜없음 x ' + this.design_skin3\r\n        ]\r\n        let opo_item = this.order_product.order_product_option.filter(item=>item.option_type===0)\r\n        return opo_item.some(item=>{\r\n          let stock = this.findItem(this.selectorStocks, 'id', item.option_id);\r\n          return list.indexOf(stock.name) > -1\r\n        })\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.cloneItem(this.product),\r\n          order_product_option: [],\r\n          required_option_price: 0,\r\n          add_option_price: 0\r\n        }\r\n        this.initOptions();\r\n        this.getData();\r\n      },\r\n      initOptions() {\r\n        // 옵션 초기화\r\n        let selectors = this.cloneItem(this.product.selectors)\r\n        this.optionArr1 = selectors.filter(item => {\r\n          item.disabled = true;\r\n          item.options.forEach(op_item=>{\r\n            if(op_item.name==='플랜없음') {\r\n              op_item.disabled = true;\r\n            }\r\n          })\r\n          return item.option_type===0;\r\n        })\r\n        if(this.optionArr1.length>0) {\r\n          this.optionArr1[0].disabled = false;\r\n\r\n          // 디자인 스킨일 경우 기본 선택 표시\r\n          let options = this.optionArr1[0].options;\r\n          if(options.length>0 && options[0].name===this.design_skin) {\r\n            options[0].selected = true;\r\n            this.requiredOptionsValue.push({\r\n              selector_id: this.optionArr1[0].id,\r\n              option_id: options[0].id\r\n            });\r\n\r\n            if(this.optionArr1.length>1) this.optionArr1[1].disabled = false;\r\n          }\r\n        }\r\n        this.optionArr2 = selectors.filter(item => {\r\n          return item.option_type===1;\r\n        })\r\n      },\r\n      getData() {\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;\r\n        })\r\n      },\r\n      optionName(name) {\r\n        let word = '(견적서 발송 예정)';\r\n        if (name.indexOf(word) > -1) {\r\n          return `<span>${name.replace(word, '')} <span style=\"color:#FF3B3B\">${word}</span>`;\r\n        } else {\r\n          return name;\r\n        }\r\n      },\r\n      selectedOptionName(selectorStocks, option_id) {\r\n        if(!selectorStocks) return;\r\n        let stock = this.findItem(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 = this.findItem(this.order_product.order_product_option, 'option_id', stock.id);\r\n              if(!option) {\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        } 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=> { return 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      isDesignFile(option) {\r\n        /* 디자인 파일(필수옵션)이 선택될 경우 디자인 파일(추가옵션) 삭제*/\r\n        this.visibleOption2 = true;\r\n        if (option.name === this.design_skin3) {\r\n          this.visibleOption2 = false;\r\n          let opoIndex = this.order_product.order_product_option.findIndex(opo => opo.option_type === 1)\r\n          if (opoIndex > -1) this.order_product.order_product_option.remove(opoIndex);\r\n\r\n          this.optionArr2.forEach(item=>{\r\n            item.options.forEach(op=>{\r\n              op.selected = false;\r\n            })\r\n          })\r\n\r\n          /*let opoIndex = this.order_product.order_product_option.findIndex(opo => opo.option_type === 1)\r\n\r\n          if (opoIndex > -1) {\r\n            for (let stock of this.selectorStocks) {\r\n              if (stock.id === this.order_product.order_product_option[opoIndex].option_id && stock.name === '디자인 파일') {\r\n                this.order_product.order_product_option.remove(opoIndex);\r\n              }\r\n            }\r\n          }*/\r\n        }\r\n      },\r\n      // 필수옵션 선택\r\n      selectOption1(option, selector) {\r\n        /*\r\n        * 예외처리\r\n        * 디자인 스킨일 경우 플랜선택 가능\r\n        * 디자인 스킨 제외 단일 선택 가능\r\n        * 디자인 파일(필수옵션) 선택시 디자인 파일(추가옵션) 비노출\r\n        * */\r\n        this.isDesignFile(option);\r\n\r\n        let option_id = option.id;\r\n        if(!option_id) return;\r\n\r\n        // 첫번째 옵션 선택할 경우 2번째부터는 선택해제\r\n        if(this.optionArr1[0].id===selector.id) {\r\n          this.subscribe_price = 0;\r\n          this.requiredOptionsValue = [];\r\n          // this.order_product.order_product_option = [];\r\n          this.initOrderProductOption();\r\n          this.optionArr1.slice(1, this.optionArr1.length).forEach(item=>{\r\n            item.options.forEach(op=>{\r\n              op.selected = false;\r\n            })\r\n          })\r\n        }\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        // 필수 선택값 조합 체크 후 requiredOptionsValue에 추가\r\n        let selector_item = this.findItem(this.requiredOptionsValue, 'selector_id', selector.id);\r\n        let selectorIndex = this.optionArr1.findIndex(item => item.id===selector.id)\r\n\r\n        // 첫번째 선택한 옵션이 디자인 스킨일 경우에만 2번째 선택 옵션 목록 노출\r\n        if(selectorIndex+1<this.optionArr1.length) {\r\n          this.optionArr1[selectorIndex+1].disabled = true;\r\n          if(selectorIndex+1<this.optionArr1.length && (option.name===this.design_skin || option.name===this.design_skin2)) {\r\n            this.optionArr1[selectorIndex+1].disabled = false;\r\n          }\r\n        }\r\n        // 디자인 스킨일 경우 또는 디자인 스킨 선택한 경우\r\n        if((option.name===this.design_skin || option.name===this.design_skin2) || this.requiredOptionsValue.length>0) {\r\n          if (!selector_item) {\r\n            this.requiredOptionsValue.push({\r\n              selector_id: selector.id,\r\n              option_id: option_id\r\n            });\r\n          } else {\r\n            selector_item.option_id = option_id\r\n          }\r\n          // 마지막 필수 옵션 선택한 경우\r\n          if(selectorIndex+1===this.optionArr1.length) {\r\n            this.calcSubscribePrice(option);\r\n            let selectedOptions = [];\r\n            this.requiredOptionsValue.forEach(item => {\r\n              selectedOptions.push(item.option_id);\r\n            })\r\n            selectedOptions.sort(function(a,b) {\r\n              return a-b;\r\n            })\r\n            // 주문 상품 추가 (order_product_option)\r\n            for(let stock of this.selectorStocks) {\r\n              stock.options.sort(function(a,b) {\r\n                return a-b;\r\n              })\r\n              // 재고 배열에서 선택된 옵션 조합들을 찾으면 재고 id를 order_product_option에 추가\r\n              if(JSON.stringify(stock.options)===JSON.stringify(selectedOptions)) {\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                break;\r\n              }\r\n            }\r\n            // this.requiredOptionsValue = [];\r\n          } else {\r\n            this.requiredOptionsValue = this.requiredOptionsValue.slice(0, selectorIndex+1)\r\n          }\r\n        }\r\n        // 디자인 스킨이 아닐 경우\r\n        else {\r\n          this.selectorStocks.forEach(stock=>{\r\n            // selectorStocks에서 선택한 옵션이 포함되면서 플랜없음이라는 문구가 들어 있을 경우\r\n            if(stock.options.indexOf(option.id) > -1 && stock.name.indexOf('플랜없음') > -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        this.calcTotalPrice();\r\n      },\r\n      calcTotalPrice() {\r\n        this.isServiceUsePrice = false;\r\n        let total = 0;\r\n        let requiredOptionPrice = 0;\r\n        let addOptionPrice = 0;\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.findItem(this.selectorStocks, 'id', item.option_id);\r\n            if(op!==undefined) {\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                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        this.order_product.product_price = total;\r\n        this.order_product.required_option_price = requiredOptionPrice;\r\n        this.order_product.add_option_price = addOptionPrice;\r\n        // 서비스 운영 이용료 있을 경우 금액 추가\r\n        if(this.product.service_use_price && !this.isRequiredOptionDesign) {\r\n          this.order_product.total_price = total + this.product.service_use_price.price;\r\n          this.isServiceUsePrice = true;\r\n        } else {\r\n          this.order_product.total_price = total;\r\n        }\r\n      },\r\n      // 정기결제 금액\r\n      calcSubscribePrice(option) {\r\n        if(option.is_subscription) this.subscribe_price = option.price;\r\n        else this.subscribe_price = 0;\r\n        this.subscribe_price += this.product.service_use_price.price;\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      saveData() {\r\n        // if(this.user.user_id===0)\r\n        let item = this.findItem(this.order_product.order_product_option, 'option_type', 0);\r\n        if(!item) {\r\n          this.toast('필수 옵션을 선택하세요.');\r\n        } else {\r\n          let params = {\r\n            type: 'theme',\r\n            order_product: this.cloneItem(this.order_product),\r\n            subscribe_price: this.subscribe_price,\r\n            isServiceUsePrice: this.isServiceUsePrice\r\n          };\r\n          this.$store.commit('setBasket', params);\r\n          this.routeGa('', this.product.title, '결제하기');\r\n          this.routerPush('/order', true);\r\n        }\r\n      },\r\n      clickInquiry() {\r\n        this.routeGa('', this.product.title, '1:1문의하기');\r\n        if(this.product.category2===42) this.routerPush('/inquiry_reg?type_id=7', true);\r\n        else if(this.product.category2===45) this.routerPush('/inquiry_reg?type_id=10', true);\r\n        else this.routerPush('/inquiry_reg', true);\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  .pc\r\n    .option-st\r\n      padding 16px 24px\r\n      margin-top 16px\r\n    .option-st:hover\r\n      border 1px solid $sub3\r\n  .mobile\r\n    .option-st\r\n      padding 12px 16px\r\n      margin-top 8px\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</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!./ProductOptionSelector.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!./ProductOptionSelector.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductOptionSelector.vue?vue&type=template&id=59a4774b&scoped=true&\"\nimport script from \"./ProductOptionSelector.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductOptionSelector.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductOptionSelector.vue?vue&type=style&index=0&id=59a4774b&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  \"59a4774b\",\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!./ProductOptionSelector.vue?vue&type=style&index=0&id=59a4774b&lang=stylus&scoped=true&\""],"sourceRoot":""}