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