{"version":3,"sources":["webpack:///./src/components/page/QuickBuilder/Components/Cart.vue?903f","webpack:///src/components/page/QuickBuilder/Components/Cart.vue","webpack:///./src/components/page/QuickBuilder/Components/Cart.vue?b1da","webpack:///./src/components/page/QuickBuilder/Components/Cart.vue","webpack:///./src/components/page/QuickBuilder/Components/Cart.vue?8a28"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","attrs","_s","service","service_name","key","_l","card","idx","on","$event","onConversionDelete","conversions","length","_e","plugins","remove","_f","totalPrice","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0BC,YAAY,CAAC,QAAU,WAAW,CAACP,EAAIQ,GAAG,UAAUJ,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWC,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,iBAAiB,MAAM,eAAe,OAAOE,MAAM,CAAC,IAAM,gCAAgCL,EAAG,OAAO,CAACE,YAAY,kBAAkB,CAACN,EAAIQ,GAAGR,EAAIU,GAAGV,EAAIW,QAAQC,iBAAiBR,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIQ,GAAGR,EAAIU,GAAGV,EAAIW,QAAQE,KAAK,yBAAyBT,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACN,EAAIQ,GAAG,WAAWR,EAAIc,GAAId,EAAIW,QAAmB,aAAE,SAASI,EAAKC,GAAK,OAAOZ,EAAG,YAAY,CAACS,IAAI,mBAAmBG,EAAIP,MAAM,CAAC,KAAOM,EAAK,aAAc,GAAOE,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOlB,EAAImB,mBAAmBH,UAA6C,IAAjChB,EAAIW,QAAQS,YAAYC,OAAYjB,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIQ,GAAG,oBAAoBR,EAAIsB,KAAMtB,EAAIW,QAAQY,QAAQF,OAAO,EAAGjB,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACN,EAAIQ,GAAG,UAAUR,EAAIsB,KAAKtB,EAAIc,GAAId,EAAIW,QAAe,SAAE,SAASI,EAAKC,GAAK,OAAOZ,EAAG,YAAY,CAACS,IAAI,eAAeG,EAAIP,MAAM,CAAC,KAAOM,GAAME,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOlB,EAAIW,QAAQY,QAAQC,OAAOR,WAAY,GAAGZ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAG,SAASJ,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACN,EAAIQ,GAAGR,EAAIU,GAAGV,EAAIyB,GAAG,cAAPzB,CAAsBA,EAAI0B,gBAAgB1B,EAAIQ,GAAG,cACrkDmB,EAAkB,G,kCCgCtB,GACE,KAAF,OACE,WAAF,CAAI,SAAJ,cACE,MAAF,CACI,QAAJ,CACM,KAAN,SAGE,QARF,aAWE,KAXF,WAYI,MAAJ,IAEE,QAAF,CACI,mBADJ,SACA,GACA,oCACQ,KAAR,iCAEA,yCACU,KAAV,sCAEQ,KAAR,iCAIE,SAAF,CACI,WADJ,WAEM,IAAN,IASM,OARA,KAAN,yCACQ,GAAR,cAEA,eACU,GAAV,uCAGM,KAAN,qCAAQ,GAAR,iBACA,KCtE2X,I,wBCQvXC,EAAY,eACd,EACA7B,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,6CCnBf,W","file":"js/chunk-ae52c3c2.41cab879.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cart\"},[_c('div',{staticClass:\"main size-16 weight-700\",staticStyle:{\"padding\":\"0 24px\"}},[_vm._v(\"장바구니\")]),_c('div',{staticClass:\"cart-content\"},[_c('div',{staticClass:\"service-info\"},[_c('img',{staticClass:\"svg-sub2\",staticStyle:{\"width\":\"17px\",\"height\":\"17px\",\"vertical-align\":\"sub\",\"margin-right\":\"8px\"},attrs:{\"src\":\"/static/icon/u_browser.svg\"}}),_c('span',{staticClass:\"subtitle6 sub2\"},[_vm._v(_vm._s(_vm.service.service_name))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(_vm._s(_vm.service.key)+\".launchpack.co.kr\")])]),_c('div',{staticClass:\"sub4 body4-bold cart-sub-title\"},[_vm._v(\"주문 방식\")]),_vm._l((_vm.service.conversions),function(card,idx){return _c('card-cart',{key:'cart-conversion-'+idx,attrs:{\"card\":card,\"closeEnable\":false},on:{\"delete\":function($event){return _vm.onConversionDelete(idx)}}})}),(_vm.service.conversions.length===0)?_c('div',{staticClass:\"card-wrapper sub4\"},[_vm._v(\"주문 방식을 선택해주세요.\")]):_vm._e(),(_vm.service.plugins.length>0)?_c('div',{staticClass:\"sub4 body4-bold cart-sub-title\"},[_vm._v(\"플러그인\")]):_vm._e(),_vm._l((_vm.service.plugins),function(card,idx){return _c('card-cart',{key:'cart-plugin-'+idx,attrs:{\"card\":card},on:{\"delete\":function($event){return _vm.service.plugins.remove(idx)}}})})],2),_c('div',{staticClass:\"cart-total\"},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body3 main\"},[_vm._v(\"총금액\")]),_c('div',[_c('span',{staticClass:\"price h6 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.totalPrice)))]),_vm._v(\"원\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"cart\">\r\n    <div class=\"main size-16 weight-700\" style=\"padding: 0 24px\">장바구니</div>\r\n    <div class=\"cart-content\">\r\n      <div class=\"service-info\">\r\n        <img src=\"/static/icon/u_browser.svg\" class=\"svg-sub2\"\r\n             style=\"width:17px;height:17px;vertical-align: sub;margin-right:8px\">\r\n        <span class=\"subtitle6 sub2\">{{ service.service_name }}</span>\r\n        <div class=\"subtitle7 sub3\">{{ service.key }}.launchpack.co.kr</div>\r\n      </div>\r\n\r\n      <div class=\"sub4 body4-bold cart-sub-title\">주문 방식</div>\r\n      <card-cart v-for=\"(card,idx) in service.conversions\" :key=\"'cart-conversion-'+idx\" :card=\"card\"\r\n                 @delete=\"onConversionDelete(idx)\" :closeEnable=\"false\"></card-cart>\r\n      <div class=\"card-wrapper sub4\" v-if=\"service.conversions.length===0\">주문 방식을 선택해주세요.</div>\r\n\r\n      <div v-if=\"service.plugins.length>0\" class=\"sub4 body4-bold cart-sub-title\">플러그인</div>\r\n      <card-cart v-for=\"(card,idx) in service.plugins\" :key=\"'cart-plugin-'+idx\" :card=\"card\"\r\n                 @delete=\"service.plugins.remove(idx)\"></card-cart>\r\n\r\n    </div>\r\n    <div class=\"cart-total\">\r\n      <div class=\"flex-between\">\r\n        <div class=\"body3 main\">총금액</div>\r\n        <div><span class=\"price h6 main\">{{ totalPrice|currencyNum }}</span>원<!--<span class=\"sub3\">/월</span>--></div>\r\n      </div>\r\n      <!--<button class=\"button is-dark\" style=\"width:100%;margin-top:24px\" @click=\"$emit('next')\">다음</button>-->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import CardCart from \"./CardCart\";\r\n  export default {\r\n    name: \"Cart\",\r\n    components: {CardCart},\r\n    props: {\r\n      service: {\r\n        type: Object\r\n      },\r\n    },\r\n    created() {\r\n\r\n    },\r\n    data() {\r\n      return {}\r\n    },\r\n    methods: {\r\n      onConversionDelete(idx) {\r\n        if(this.service.conversions.length === 1) {\r\n          this.toast('주문 방식을 모두 삭제 할 수 없습니다.');\r\n        } else {\r\n          if(this.service.conversions[idx].add_option) {\r\n            this.service.conversions[idx].add_option = false;\r\n          }\r\n          this.service.conversions.remove(idx);\r\n        }\r\n      }\r\n    },\r\n    computed: {\r\n      totalPrice() {\r\n        let price = 0;\r\n        this.service.conversions.forEach(item=>{\r\n          price += item.price.price;\r\n          // 옵션(결제기능) 선택한 경우, 결제기능 금액에 원래 상품 금액 차감하여 더하기\r\n          if(item.add_option) {\r\n            price += (item.option.price.price - item.price.price);\r\n          }\r\n        });\r\n        this.service.plugins.forEach(item=>{ price += item.price.price });\r\n        return price;\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  .cart\r\n    width 392px\r\n    padding-top 20px\r\n    background-color white\r\n    height calc(100vh - 95px)\r\n    display flex\r\n    flex-direction column\r\n  .cart-sub-title\r\n    margin 32px 0 8px 0\r\n  .cart-content\r\n    flex 1\r\n    overflow-y auto\r\n    padding 0 24px 40px 24px\r\n\r\n  .cart-total\r\n    border-top 1px solid $gray1\r\n    padding 20px 24px\r\n\r\n  .card-wrapper\r\n    border-top 1px solid #eee\r\n    padding 16px 0\r\n    display flex\r\n    justify-content space-between\r\n    color sub2\r\n\r\n  .service-info\r\n    border-radius 8px\r\n    background-color $gray3\r\n    padding 12px 16px\r\n    margin-top 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!./Cart.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!./Cart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Cart.vue?vue&type=template&id=18821f08&scoped=true&\"\nimport script from \"./Cart.vue?vue&type=script&lang=js&\"\nexport * from \"./Cart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Cart.vue?vue&type=style&index=0&id=18821f08&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  \"18821f08\",\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!./Cart.vue?vue&type=style&index=0&id=18821f08&lang=stylus&scoped=true&\""],"sourceRoot":""}