{"version":3,"sources":["webpack:///./src/components/page/ServiceRequest/ServiceRequestStep2.vue?0869","webpack:///src/components/page/ServiceRequest/ServiceRequestStep2.vue","webpack:///./src/components/page/ServiceRequest/ServiceRequestStep2.vue?399d","webpack:///./src/components/page/ServiceRequest/ServiceRequestStep2.vue?a1d7","webpack:///./src/components/page/ServiceRequest/ServiceRequestStep2.vue?a231","webpack:///./src/components/module/LpCheckBool.vue?5fb0","webpack:///src/components/module/LpCheckBool.vue","webpack:///./src/components/module/LpCheckBool.vue?d336","webpack:///./src/components/module/LpCheckBool.vue?1047","webpack:///./src/components/module/LpCheckBool.vue?cf7c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","_s","_f","service","price","_m","staticStyle","checkedVal","on","$event","class","payMethod","clickPayMethod","_e","clickDone","staticRenderFns","component","isChecked","style","stopPropagation","preventDefault","clickCheck","label"],"mappings":"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","file":"js/chunk-c0e82364.8c67ceaa.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-wrapper-pc\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"flex-between margin-bottom-24 padding-top-48\"},[_c('div',{staticClass:\"size-36 weight-600\"},[_vm._v(\"서비스 개설 신청\")]),_c('box-step',{attrs:{\"start-value\":2,\"end-value\":2,\"background-color\":\"#fafafa\"}})],1),_c('div',{staticClass:\"service-info-box1\"},[_c('div',{staticClass:\"size-18 weight-600 margin-bottom-32\"},[_vm._v(\"결제 정보\")]),_c('div',{staticClass:\"flex-between\"},[_c('div',[_vm._v(\"·총 서비스 제작 금액\")]),_c('div',[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.service.price)))])]),_c('div',{staticClass:\"flex-between\"},[_c('div',[_vm._v(\"·VAT 10% 별도\")]),_c('div',[_vm._v(_vm._s(_vm._f(\"currency\")((_vm.service.price/10))))])])]),_vm._m(0),_c('div',{staticClass:\"service-info-box2\"},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"size-18 weight-600\"},[_vm._v(\"총 서비스 개설 금액\")]),_c('div',{staticClass:\"size-32 weight-600\"},[_vm._v(_vm._s(_vm._f(\"currency\")((_vm.service.price + _vm.service.price/10))))])])]),_c('lp-check-bool',{staticClass:\"margin-top-12\",staticStyle:{\"margin-top\":\"24px\"},attrs:{\"checkedVal\":_vm.checkedVal,\"label\":\"구매 정보 및 결제 내역을 확인했으며, 이에 동의합니다.\"},on:{\"update:checkedVal\":function($event){_vm.checkedVal=$event},\"update:checked-val\":function($event){_vm.checkedVal=$event}}}),_c('div',{staticStyle:{\"margin-top\":\"80px\"}},[_c('div',{staticClass:\"size-18 weight-600\"},[_vm._v(\"결제 방법\")]),_c('div',{staticClass:\"flex-between margin-top-24\"},[_c('div',{staticClass:\"flex-align\"},[_c('button',{staticClass:\"button weight-600\",class:{'is-primary': _vm.payMethod==='credit', 'is-background': _vm.payMethod!=='credit'},on:{\"click\":function($event){return _vm.clickPayMethod('credit')}}},[_vm._v(\"신용카드\")]),_c('button',{staticClass:\"button weight-600 margin-left-12\",class:{'is-primary': _vm.payMethod==='bank', 'is-background': _vm.payMethod!=='bank'},on:{\"click\":function($event){return _vm.clickPayMethod('bank')}}},[_vm._v(\"무통장입금\")])])]),(_vm.payMethod==='bank')?_c('div',{staticStyle:{\"margin-top\":\"8px\"}},[_vm._v(\"*무통장 입금의 경우 18시 이전의 결제건에 대해서만 당일 개설이 가능합니다.\")]):_vm._e()]),_c('div',{staticClass:\"flex-end margin-top-36 padding-bottom-56\"},[_c('button',{staticClass:\"button is-primary margin-left-12\",staticStyle:{\"width\":\"200px\"},on:{\"click\":_vm.clickDone}},[_vm._v(\"결제하기\")])])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"position-relative\",staticStyle:{\"padding\":\"2px 26px\",\"background-color\":\"white\"}},[_c('div',{staticClass:\"divide-dashed\"}),_c('div',{staticClass:\"left-rotate-rectangle\"}),_c('div',{staticClass:\"right-rotate-rectangle\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"page-wrapper-pc\">\r\n    <div class=\"container\">\r\n      <div class=\"flex-between margin-bottom-24 padding-top-48\">\r\n        <div class=\"size-36 weight-600\">서비스 개설 신청</div>\r\n        <box-step :start-value=\"2\" :end-value=\"2\" background-color=\"#fafafa\"></box-step>\r\n      </div>\r\n\r\n      <div class=\"service-info-box1\">\r\n        <div class=\"size-18 weight-600 margin-bottom-32\">결제 정보</div>\r\n        <div class=\"flex-between\">\r\n          <div>·총 서비스 제작 금액</div>\r\n          <div>{{ service.price | currency }}</div>\r\n        </div>\r\n        <div class=\"flex-between\">\r\n          <div>·VAT 10% 별도</div>\r\n          <div>{{ (service.price/10) | currency }}</div>\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"position-relative\" style=\"padding:2px 26px;background-color:white\">\r\n        <div class=\"divide-dashed\"></div>\r\n        <div class=\"left-rotate-rectangle\"></div>\r\n        <div class=\"right-rotate-rectangle\"></div>\r\n      </div>\r\n      <div class=\"service-info-box2\">\r\n        <div class=\"flex-between\">\r\n          <div class=\"size-18 weight-600\">총 서비스 개설 금액</div>\r\n          <div class=\"size-32 weight-600\">{{ (service.price + service.price/10) | currency }}</div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <lp-check-bool class=\"margin-top-12\" :checkedVal.sync=\"checkedVal\" style=\"margin-top:24px\"\r\n                     label=\"구매 정보 및 결제 내역을 확인했으며, 이에 동의합니다.\"></lp-check-bool>\r\n\r\n      <div style=\"margin-top:80px\">\r\n        <div class=\"size-18 weight-600\">결제 방법</div>\r\n        <div class=\"flex-between margin-top-24\">\r\n          <div class=\"flex-align\">\r\n            <button class=\"button weight-600\" :class=\"{'is-primary': payMethod==='credit', 'is-background': payMethod!=='credit'}\"\r\n                    @click=\"clickPayMethod('credit')\">신용카드</button>\r\n            <button class=\"button weight-600 margin-left-12\"\r\n                    :class=\"{'is-primary': payMethod==='bank', 'is-background': payMethod!=='bank'}\"\r\n                    @click=\"clickPayMethod('bank')\">무통장입금</button>\r\n          </div>\r\n          <!--<div>\r\n            <button class=\"button is-background flex-align\" style=\"padding:12px\">\r\n              <i class=\"material-icons size-18 margin-right-8\">help_outline</i>\r\n              <span class=\"weight-600\">무이자 할부 안내</span>\r\n            </button>\r\n          </div>-->\r\n        </div>\r\n        <div v-if=\"payMethod==='bank'\" style=\"margin-top:8px\">*무통장 입금의 경우 18시 이전의 결제건에 대해서만 당일 개설이 가능합니다.</div>\r\n      </div>\r\n\r\n      <!--<div style=\"margin-top:80px\">\r\n        <div class=\"size-18 weight-600 margin-bottom-24\">정기 결제 안내</div>\r\n        <div class=\"flex-align\">\r\n          <div class=\"payment-info-box flex position-relative\">\r\n            <div class=\"payment-item\" v-for=\"(item, idx) in 2\" :key=\"`item-${idx}`\">\r\n              <div class=\"size-18 weight-600\" v-if=\"idx===0\">{{ now.format('YYYY-MM-DD') }}</div>\r\n              <div class=\"size-18 weight-600\" v-else>{{ now.add(1, 'months').format('YYYY-MM-DD') }}</div>\r\n              <div class=\"flex-between margin-top-24\">\r\n                <div>·호스팅 비</div>\r\n                <div>{{ 55000 | currency }}</div>\r\n              </div>\r\n\r\n              <div class=\"flex-between size-18 weight-600\" style=\"margin-top:80px\">\r\n                <div>총 금액</div>\r\n                <div>{{ 55000 | currency }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"dash-wrapper-vertical\">\r\n              <div class=\"dashed\"></div>\r\n              <div class=\"top-rotate-rectangle\"></div>\r\n              <div class=\"bottom-rotate-rectangle\"></div>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </div>-->\r\n\r\n      <div class=\"flex-end margin-top-36 padding-bottom-56\">\r\n        <button class=\"button is-primary margin-left-12\"\r\n                style=\"width:200px\"\r\n                @click=\"clickDone\">결제하기</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n\r\n  import BoxStep from \"../../component/BoxStep\";\r\n  import LpCheckBool from \"../../module/LpCheckBool\";\r\n  export default {\r\n    name: \"ServiceRequestStep2\",\r\n    components: {LpCheckBool, BoxStep},\r\n    props: {\r\n      service: {\r\n        type: Object\r\n      }\r\n    },\r\n    created() {\r\n      this.now = this.dayjs();\r\n\r\n    },\r\n    data() {\r\n      return {\r\n        payMethod: 'credit',\r\n        now: '',\r\n        checkedVal: false\r\n      }\r\n    },\r\n    methods: {\r\n      clickPayMethod(item) {\r\n        /*if(item === 'bank') {\r\n          this.toast('현재는 신용카드로만 결제 하실 수 있습니다');\r\n        } else {\r\n         this.payMethod = item;\r\n        }*/\r\n\r\n        this.payMethod = item;\r\n      },\r\n      clickDone() {\r\n        if(!this.checkedVal) {\r\n          this.toast('구매 정보 및 결제 내역 확인 및 동의에 체크해주세요');\r\n          return;\r\n        }\r\n        this.service.payMethod = this.payMethod;\r\n        this.$emit('done');\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .divide-dashed\r\n    border-top 2px dashed $border2\r\n\r\n  .left-rotate-rectangle\r\n  .right-rotate-rectangle\r\n    width 15px\r\n    height 15px\r\n    background-color $background\r\n    transform rotate(45deg)\r\n    position absolute\r\n\r\n  .left-rotate-rectangle\r\n    box-shadow inset -3px 3px 4px 0 rgba(0,0,0, 0.1)\r\n    left -8px\r\n    top -4px\r\n\r\n  .right-rotate-rectangle\r\n    box-shadow inset 3px -3px 4px 0 rgba(0,0,0, 0.1)\r\n    right -8px\r\n    top -4px\r\n\r\n  .service-info-box1\r\n  .service-info-box2\r\n    background-color white\r\n    padding 30px 26px\r\n\r\n  .service-info-box1\r\n    box-shadow 0 0 8px 5px rgba(0,0,0, 0.1)\r\n  .service-info-box2\r\n    box-shadow 0 3px 8px 3px rgba(0,0,0, 0.1)\r\n\r\n  .payment-info-box\r\n    background-color white\r\n\r\n  .payment-info-box\r\n    box-shadow 0 0 8px 5px rgba(0,0,0, 0.1)\r\n\r\n  .payment-item\r\n    width 300px\r\n    padding 30px 26px\r\n\r\n  .dash-wrapper-vertical\r\n    position absolute\r\n    top 0\r\n    left 50%\r\n    transform translate(-50%, 0)\r\n    height 100%\r\n    display flex\r\n    align-items center\r\n    .dashed\r\n      border-right 2px dashed $border2\r\n      height 77%\r\n\r\n  .top-rotate-rectangle\r\n  .bottom-rotate-rectangle\r\n    width 15px\r\n    height 15px\r\n    background-color $background\r\n    transform rotate(45deg)\r\n    position absolute\r\n\r\n  .top-rotate-rectangle\r\n    box-shadow inset -3px -3px 4px 0 rgba(0,0,0, 0.1)\r\n    left -7px\r\n    top -8px\r\n\r\n  .bottom-rotate-rectangle\r\n    box-shadow inset 3px 3px 4px 0 rgba(0,0,0, 0.1)\r\n    left -7px\r\n    bottom -8px\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!./ServiceRequestStep2.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!./ServiceRequestStep2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceRequestStep2.vue?vue&type=template&id=b9baeec6&scoped=true&\"\nimport script from \"./ServiceRequestStep2.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceRequestStep2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceRequestStep2.vue?vue&type=style&index=0&id=b9baeec6&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  \"b9baeec6\",\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!./ServiceRequestStep2.vue?vue&type=style&index=0&id=b9baeec6&lang=stylus&scoped=true&\"","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',{style:(_vm.labelStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[_vm._v(_vm._s(_vm.label))])])}\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 :style=\"labelStyle\" @click.stop.prevent=\"clickCheck\">{{ label }}</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    props: {\r\n      checkedVal: {\r\n        type: Boolean\r\n      },\r\n      label: {\r\n        type: String\r\n      },\r\n      labelStyle: {\r\n        type: Object,\r\n        default: function () {\r\n          return {\r\n            fontSize: '0.9rem',\r\n            lineHeight: '17px',\r\n            color: '#555'\r\n          }\r\n        }\r\n      }\r\n    },\r\n    created() {\r\n      this.isChecked = this.checkedVal;\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      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:checkedVal', 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      checkedVal(n) {\r\n        this.isChecked = n;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .lp-check-bool-container{\r\n    display: flex;\r\n    align-items: flex-end;\r\n    cursor: pointer;\r\n  }\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: 1px solid #dddddd;\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: 12px;\r\n    font-weight: bold;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .modal-content-item div {\r\n      margin: 0;\r\n    }\r\n  }\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!./LpCheckBool.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!./LpCheckBool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpCheckBool.vue?vue&type=template&id=7b3673cd&scoped=true&\"\nimport script from \"./LpCheckBool.vue?vue&type=script&lang=js&\"\nexport * from \"./LpCheckBool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpCheckBool.vue?vue&type=style&index=0&id=7b3673cd&scoped=true&lang=css&\"\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  \"7b3673cd\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpCheckBool.vue?vue&type=style&index=0&id=7b3673cd&scoped=true&lang=css&\""],"sourceRoot":""}