{"version":3,"sources":["webpack:///./src/components/component/LpCheckBoxArray.vue?5001","webpack:///src/components/component/LpCheckBoxArray.vue","webpack:///./src/components/component/LpCheckBoxArray.vue?9026","webpack:///./src/components/component/LpCheckBoxArray.vue","webpack:///./src/components/page/SkinInquiryAccount.vue?de59","webpack:///./src/components/component/LpCheckBoxArray.vue?ccfa","webpack:///./src/components/page/SkinInquiryAccount.vue?9d08","webpack:///src/components/page/SkinInquiryAccount.vue","webpack:///./src/components/page/SkinInquiryAccount.vue?9e8f","webpack:///./src/components/page/SkinInquiryAccount.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isChecked","style","on","$event","stopPropagation","preventDefault","clickCheck","_v","_e","_l","item","idx","key","labelStyle","clickLink","_s","label","staticRenderFns","component","staticStyle","attrs","order","product","img","name","_f","price","ref","agree","checkItem","clickPrev","clickAccount"],"mappings":"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","file":"js/chunk-5e079043.4cfb6c65.js","sourcesContent":["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 * 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!./SkinInquiryAccount.vue?vue&type=style&index=0&id=021d0b0a&lang=stylus&scoped=true&\"","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&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_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\":\"24px\"}},[_vm._v(\"결제하기\")]),_c('div',{staticClass:\"flex-align margin-bottom-56\",staticStyle:{\"gap\":\"16px\"}},[_c('img',{staticClass:\"img-product\",attrs:{\"src\":_vm.order.product.img,\"alt\":_vm.order.product.name}}),_c('div',[_c('div',{staticClass:\"subtitle5 main\"},[_vm._v(_vm._s(_vm.order.product.name))]),_c('div',{staticClass:\"body4 sub3\"},[_vm._v(\"추가 개발 수정 요청\")])])]),_c('div',{staticClass:\"body0-bold main account-price-title\"},[_vm._v(\"결제 금액\")]),_c('div',[_c('div',{staticClass:\"item-account\"},[_c('div',{staticClass:\"subtitle5 sub2\"},[_vm._v(\"추가 수정 견적 금액\")]),_c('div',{staticClass:\"flex-end\",staticStyle:{\"gap\":\"12px\"}},[_c('div',{staticClass:\"body2-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.price))),_c('span',{staticClass:\"body4\"},[_vm._v(\"원\")])])])]),_c('div',{staticClass:\"item-account\"},[_c('div',{staticClass:\"subtitle4 main\"},[_vm._v(\"총 결제금액\")]),_c('div',{staticClass:\"h5 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.price))),_c('span',{staticClass:\"body2-medium sub\"},[_vm._v(\"원\")])])])]),_c('div',{staticClass:\"body0-bold main account-price-title\",staticStyle:{\"margin-top\":\"76px\"}},[_vm._v(\"결제 방법\")]),_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin\":\"48px 0\"}},[_c('billing-form',{ref:\"form\",staticStyle:{\"width\":\"480px\"}})],1),_c('lp-check-box-array',{attrs:{\"value\":_vm.agree,\"items\":_vm.checkItem},on:{\"update:value\":function($event){_vm.agree=$event}}}),_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(\"결제하기\")])])],1),_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"mo-container\"},[_c('div',{staticClass:\"h8 main\",staticStyle:{\"padding-bottom\":\"16px\"}},[_vm._v(\"결제하기\")]),_c('div',{staticClass:\"flex-align\",staticStyle:{\"padding\":\"12px 16px\",\"gap\":\"12px\"}},[_c('img',{staticClass:\"img-product\",attrs:{\"src\":_vm.order.product.img,\"alt\":_vm.order.product.name}}),_c('div',[_c('div',{staticClass:\"body4-medium main\"},[_vm._v(_vm._s(_vm.order.product.name))]),_c('div',{staticClass:\"body5 sub3\"},[_vm._v(\"추가 개발 수정 요청\")])])])]),_c('div',{staticClass:\"mo-container\"},[_c('div',{staticClass:\"h8 main\",staticStyle:{\"padding-bottom\":\"16px\"}},[_vm._v(\"결제 금액\")]),_c('div',{staticClass:\"flex lp-divider-gray1 margin-bottom-12\",staticStyle:{\"flex-direction\":\"column\",\"gap\":\"12px\",\"padding-bottom\":\"12px\"}},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body4 sub\"},[_vm._v(\"추가 수정 견적 금액\")]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.price)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")])])])]),_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body4-medium main\"},[_vm._v(\"총 결제금액\")]),_c('div',[_c('span',{staticClass:\"h7 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.price)))]),_c('span',{staticClass:\"body2-medium sub\"},[_vm._v(\"원\")])])])]),_c('div',{staticClass:\"mo-container\"},[_c('div',{staticClass:\"h8 main\",staticStyle:{\"padding-bottom\":\"16px\"}},[_vm._v(\"결제 방법\")]),_c('billing-form',{ref:\"mform\"}),_c('lp-check-box-array',{staticStyle:{\"margin-top\":\"16px\"},attrs:{\"value\":_vm.agree,\"items\":_vm.checkItem},on:{\"update:value\":function($event){_vm.agree=$event}}}),_c('button',{staticClass:\"button is-primary margin-top-16\",staticStyle:{\"height\":\"48px\",\"width\":\"100%\"},on:{\"click\":_vm.clickAccount}},[_vm._v(\"결제하기\")])],1)])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\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:24px\">결제하기</div>\r\n\r\n        <div class=\"flex-align margin-bottom-56\" style=\"gap:16px\">\r\n          <img class=\"img-product\"\r\n               :src=\"order.product.img\" :alt=\"order.product.name\">\r\n          <div>\r\n            <div class=\"subtitle5 main\">{{ order.product.name }}</div>\r\n            <div class=\"body4 sub3\">추가 개발 수정 요청</div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"body0-bold main account-price-title\">결제 금액</div>\r\n        <div>\r\n          <div class=\"item-account\">\r\n            <div class=\"subtitle5 sub2\">추가 수정 견적 금액</div>\r\n            <div class=\"flex-end\" style=\"gap:12px\">\r\n              <div class=\"body2-bold main\">{{ order.price|currencyNum }}<span class=\"body4\">원</span></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"item-account\">\r\n            <div class=\"subtitle4 main\">총 결제금액</div>\r\n            <div class=\"h5 main\">{{ order.price|currencyNum }}<span class=\"body2-medium sub\">원</span></div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"body0-bold main account-price-title\" style=\"margin-top:76px\">결제 방법</div>\r\n        <div class=\"flex-center\" style=\"margin:48px 0\">\r\n          <billing-form  style=\"width:480px\" 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 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 class=\"mobile\">\r\n        <div class=\"mo-container\">\r\n          <div class=\"h8 main\" style=\"padding-bottom:16px\">결제하기</div>\r\n          <div class=\"flex-align\" style=\"padding:12px 16px;gap:12px\">\r\n            <img class=\"img-product\"\r\n                 :src=\"order.product.img\" :alt=\"order.product.name\">\r\n            <div>\r\n              <div class=\"body4-medium main\">{{ order.product.name }}</div>\r\n              <div class=\"body5 sub3\">추가 개발 수정 요청</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"mo-container\">\r\n          <div class=\"h8 main\" style=\"padding-bottom:16px\">결제 금액</div>\r\n          <div class=\"flex lp-divider-gray1 margin-bottom-12\"\r\n               style=\"flex-direction: column;gap:12px;padding-bottom:12px\">\r\n            <div class=\"flex-between\">\r\n              <div class=\"body4 sub\">추가 수정 견적 금액</div>\r\n              <div>\r\n                <span class=\"body4-bold\">{{ order.price | currencyNum }}</span>\r\n                <span class=\"body4 main\">원</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"flex-between\">\r\n            <div class=\"body4-medium main\">총 결제금액</div>\r\n            <div>\r\n              <span class=\"h7 main\">{{ order.price | currencyNum }}</span>\r\n              <span class=\"body2-medium sub\">원</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"mo-container\">\r\n          <div class=\"h8 main\" style=\"padding-bottom:16px\">결제 방법</div>\r\n          <billing-form ref=\"mform\"></billing-form>\r\n          <lp-check-box-array style=\"margin-top:16px\"\r\n                              :value.sync=\"agree\" :items=\"checkItem\"></lp-check-box-array>\r\n          <button class=\"button is-primary margin-top-16\" style=\"height:48px;width:100%\" @click=\"clickAccount\">결제하기</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import BillingForm from \"../module/BillingForm\";\r\n  import LpCheckBoxArray from \"../component/LpCheckBoxArray\";\r\n  import UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\n  export default {\r\n    name: \"SkinInquiryAccount\",\r\n    components: {LpCheckBoxArray, BillingForm},\r\n    mixins: [\r\n      UserAPIMixin\r\n    ],\r\n    data() {\r\n      return {\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      }\r\n    },\r\n    computed: {\r\n      order() {\r\n        return this.$store.getters.basket;\r\n      },\r\n      isMobile() {\r\n        return window.innerWidth < 1024;\r\n      },\r\n      billingForm() {\r\n        return this.isMobile ? this.$refs.mform : this.$refs.form;\r\n      },\r\n    },\r\n    methods: {\r\n      clickPrev() {\r\n        this.$router.back();\r\n      },\r\n      validate() {\r\n        return !(Object.keys(this.billingForm.value).some(key => this.billingForm.value[key] === ''));\r\n      },\r\n      async clickAccount() {\r\n        if(!this.agree) {\r\n          this.toast('동의 후 진행해주세요');\r\n          return;\r\n        }\r\n\r\n        let basket = this.cloneItem(this.order);\r\n\r\n        if(this.billingForm.selectedBill) {\r\n          basket.bill = this.billingForm.selectedBill.id;\r\n        } else {\r\n          if(!this.validate()) {\r\n            this.toast('카드 정보를 제대로 입력해주세요.');\r\n            return;\r\n          }\r\n          basket.credit = this.billingForm.value;\r\n        }\r\n        basket.account = true;\r\n        this.setLoading();\r\n        this.request.user.patch(`launchpack/v1/skin_inquiry/${basket.id}`, basket).then(res => {\r\n          this.clearLoading();\r\n          if(res.status === 200) {\r\n            basket.credit = res.data.credit;\r\n            this.$store.commit('clearBasket');\r\n            this.$store.commit('setAccountDone', basket);\r\n            this.routerPush('skin_inquiry_account_done');\r\n          }\r\n        }).catch(()=>{\r\n          this.clearLoading();\r\n        });\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  .account-price-title\r\n    border-top 1px solid $main\r\n    padding 16px 0\r\n    border-bottom 1px solid $gray2\r\n\r\n  .item-account\r\n    display flex\r\n    justify-content space-between\r\n    align-content center\r\n    padding 24px 0\r\n    border-bottom 1px solid $gray1\r\n  .item-account:last-child\r\n    border-bottom 0\r\n\r\n  .circle-gray\r\n    width 3px\r\n    height 3px\r\n    background-color $gray1\r\n    border-radius 100%\r\n\r\n  .mo-container\r\n    padding 24px 16px\r\n    border-bottom 8px solid $gray2\r\n  .mo-container:first-child\r\n    border-bottom 1px solid $gray2\r\n  .mo-container:last-child\r\n    border-bottom 0\r\n\r\n  .pc\r\n    .mobile\r\n    .img-product\r\n      width 140px\r\n      height 105px\r\n      border-radius 6px\r\n      object-fit cover\r\n\r\n  .mobile\r\n    .img-product\r\n      width 94px\r\n      height 70px\r\n      border-radius 6px\r\n      object-fit cover\r\n\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!./SkinInquiryAccount.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!./SkinInquiryAccount.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SkinInquiryAccount.vue?vue&type=template&id=021d0b0a&scoped=true&\"\nimport script from \"./SkinInquiryAccount.vue?vue&type=script&lang=js&\"\nexport * from \"./SkinInquiryAccount.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SkinInquiryAccount.vue?vue&type=style&index=0&id=021d0b0a&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  \"021d0b0a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}