{"version":3,"sources":["webpack:///./src/components/component/SkinButton.vue?f039","webpack:///./src/components/modal/ProductInquiryModal.vue?2d32","webpack:///src/components/modal/ProductInquiryModal.vue","webpack:///./src/components/modal/ProductInquiryModal.vue?8de6","webpack:///./src/components/modal/ProductInquiryModal.vue","webpack:///./src/components/module/LpCheckBool.vue?c9ca","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","webpack:///./src/components/modal/ProductInquiryModal.vue?62a8","webpack:///./src/components/component/SkinButton.vue?ede3","webpack:///src/components/component/SkinButton.vue","webpack:///./src/components/component/SkinButton.vue?7073","webpack:///./src/components/component/SkinButton.vue","webpack:///./src/components/modal/ProductInquiryModal.vue?487d","webpack:///./src/mixins/UserAPIMixin.js","webpack:///./src/mixins/ServiceAdminAPIMixin.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","_v","on","close","directives","name","rawName","value","expression","domProps","$event","target","composing","$set","e","question_content","staticStyle","is_secret","answer_email","isLogin","_e","phone","autoHyphenPhone","email","agree","fontSize","color","saveData","_s","inquiryId","staticRenderFns","mixins","components","LpCheckBool","SweetModal","props","type","Number","data","computed","req","user_id","request","user","serviceAdmin","url","methods","open","getData","init","$refs","modal","get","then","isValid","trim","msg","toast","saveInquiry","res","status","$emit","channel","product_id","$route","query","id","patch","post","component","class","isChecked","style","stopPropagation","preventDefault","clickCheck","label","_l","opt","idx","selected","selectOpt","_f","price","desc","checkItem","checkIdx","key","clickOrder","option","expand","sc_item","sc_idx","is_discount","discount_rate","salePrice","inquiryModal","clickTrial","userAxios","axios","create","headers","common","created","defaults","baseURL","process","$store","getters","token","auth","setHeader","logout","commit","$router","replace","catch","err","undefined","response","detail","message","adminAxios","setAuth","backendUrl","admin","Authorization"],"mappings":"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","file":"js/chunk-6cceb547.132d02e6.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!./SkinButton.vue?vue&type=style&index=0&id=2d681b51&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"product-inquiry-reg-modal\"},[_c('sweet-modal',{ref:\"modal\",attrs:{\"overlay-theme\":\"dark\",\"hide-close-button\":true}},[_c('div',{staticClass:\"modal-title h6 main padding-bottom-20\"},[_vm._v(\"상품 문의\")]),_c('div',{staticClass:\"modal-header\"},[_c('div',{staticClass:\"size-16 weight-500 sub2\"},[_vm._v(\"문의하기\")]),_c('i',{staticClass:\"material-icons unselect btn-close\",on:{\"click\":_vm.close}},[_vm._v(\"close\")])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"문의내용\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.question_content),expression:\"value.question_content\"}],staticClass:\"textarea margin-bottom-16\",attrs:{\"placeholder\":\"궁금하신 사항을 간단히 작성해주세요.\\n담당자가 확인 후 연락드리겠습니다.\"},domProps:{\"value\":(_vm.value.question_content)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.$set(_vm.value, \"question_content\", $event.target.value)},function (e) { return _vm.question_content = e.target.value; }]}}),_c('div',{staticClass:\"flex-align margin-bottom-24\",staticStyle:{\"gap\":\"28px\"}},[_c('lp-check-bool',{attrs:{\"checkedVal\":_vm.value.is_secret,\"label\":\"비밀글\"},on:{\"update:checkedVal\":function($event){return _vm.$set(_vm.value, \"is_secret\", $event)},\"update:checked-val\":function($event){return _vm.$set(_vm.value, \"is_secret\", $event)}}}),_c('lp-check-bool',{attrs:{\"checkedVal\":_vm.value.answer_email,\"label\":\"이메일로 답변 받기\"},on:{\"update:checkedVal\":function($event){return _vm.$set(_vm.value, \"answer_email\", $event)},\"update:checked-val\":function($event){return _vm.$set(_vm.value, \"answer_email\", $event)}}})],1),(!_vm.isLogin)?[_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"grid-form\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"성함\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.name),expression:\"value.name\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.value.name)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.$set(_vm.value, \"name\", $event.target.value)},function (e) { return _vm.value.name = e.target.value; }]}})]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"연락처\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.phone),expression:\"value.phone\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.value.phone)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.$set(_vm.value, \"phone\", $event.target.value)},function (e) { return _vm.value.phone = _vm.autoHyphenPhone(e.target.value); }]}})]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"이메일\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value.email),expression:\"value.email\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.value.email)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.$set(_vm.value, \"email\", $event.target.value)},function (e) { return _vm.value.email = e.target.value; }]}})])]),_c('div',{staticClass:\"flex-align check-pc\"},[_c('lp-check-bool',{attrs:{\"checkedVal\":_vm.agree,\"label\":\"이용약관 및 개인정보처리방침에 동의하기\"},on:{\"update:checkedVal\":function($event){_vm.agree=$event},\"update:checked-val\":function($event){_vm.agree=$event}}}),_c('div',{staticClass:\"size-14 primary\"},[_vm._v(\"(필수)\")]),_c('a',{staticClass:\"sub3 size-14 text-underline margin-left-8 unselect\",attrs:{\"href\":\"privacy\",\"target\":\"_blank\"}},[_vm._v(\"약관보기\")])],1),_c('div',{staticClass:\"flex-align check-mobile\"},[_c('lp-check-bool',{staticStyle:{\"width\":\"fit-content\"},attrs:{\"checkedVal\":_vm.agree,\"label\":\"이용약관 및 개인정보처리방침에 동의하기\",\"labelStyle\":{ fontSize: '12px', color: '#555' }},on:{\"update:checkedVal\":function($event){_vm.agree=$event},\"update:checked-val\":function($event){_vm.agree=$event}}}),_c('span',{staticClass:\"size-12 primary\"},[_vm._v(\"(필수)\")]),_c('a',{staticClass:\"sub3 size-12 text-underline margin-left-8 unselect\",attrs:{\"href\":\"privacy\",\"target\":\"_blank\"}},[_vm._v(\"약관보기\")])],1)]:_vm._e(),_c('div',{staticClass:\"flex-between body2-medium\",staticStyle:{\"margin-top\":\"40px\"}},[_c('button',{staticClass:\"button\",staticStyle:{\"width\":\"50%\",\"height\":\"48px\"},on:{\"click\":_vm.close}},[_vm._v(\"취소\")]),_c('button',{staticClass:\"button is-primary margin-left-16\",staticStyle:{\"width\":\"50%\",\"height\":\"48px\"},on:{\"click\":_vm.saveData}},[_vm._v(_vm._s(_vm.inquiryId ? '수정완료' : '등록하기'))])])],2)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"product-inquiry-reg-modal\">\r\n    <sweet-modal overlay-theme=\"dark\" ref=\"modal\" :hide-close-button=\"true\">\r\n      <div class=\"modal-title h6 main padding-bottom-20\">상품 문의</div>\r\n      <div class=\"modal-header\">\r\n        <div class=\"size-16 weight-500 sub2\">문의하기</div>\r\n        <i class=\"material-icons unselect btn-close\" @click=\"close\">close</i>\r\n      </div>\r\n\r\n      <div class=\"content\">\r\n        <div class=\"label\">문의내용</div>\r\n        <textarea class=\"textarea margin-bottom-16\" placeholder=\"궁금하신 사항을 간단히 작성해주세요.\r\n  담당자가 확인 후 연락드리겠습니다.\" v-model=\"value.question_content\" @input=\"e => question_content = e.target.value\"></textarea>\r\n\r\n        <div class=\"flex-align margin-bottom-24\" style=\"gap:28px\">\r\n          <lp-check-bool :checkedVal.sync=\"value.is_secret\" label=\"비밀글\"></lp-check-bool>\r\n          <lp-check-bool :checkedVal.sync=\"value.answer_email\" label=\"이메일로 답변 받기\"></lp-check-bool>\r\n        </div>\r\n        <template v-if=\"!isLogin\">\r\n          <div class=\"divider\"></div>\r\n          <div class=\"grid-form\">\r\n            <div class=\"item\">\r\n              <div class=\"label\">성함</div>\r\n              <input type=\"text\" class=\"input\" v-model=\"value.name\" @input=\"e => value.name = e.target.value\">\r\n            </div>\r\n            <div class=\"item\">\r\n              <div class=\"label\">연락처</div>\r\n              <input type=\"text\" class=\"input\" v-model=\"value.phone\"\r\n                @input=\"e => value.phone = autoHyphenPhone(e.target.value)\">\r\n            </div>\r\n            <div class=\"item\">\r\n              <div class=\"label\">이메일</div>\r\n              <input type=\"text\" class=\"input\" v-model=\"value.email\" @input=\"e => value.email = e.target.value\">\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"flex-align check-pc\">\r\n            <lp-check-bool :checkedVal.sync=\"agree\" label=\"이용약관 및 개인정보처리방침에 동의하기\"></lp-check-bool>\r\n            <div class=\"size-14 primary\">(필수)</div>\r\n            <a class=\"sub3 size-14 text-underline margin-left-8 unselect\" href=\"privacy\" target=\"_blank\">약관보기</a>\r\n          </div>\r\n          <div class=\"flex-align check-mobile\">\r\n            <lp-check-bool :checkedVal.sync=\"agree\" label=\"이용약관 및 개인정보처리방침에 동의하기\" style=\"width:fit-content\"\r\n              :labelStyle=\"{ fontSize: '12px', color: '#555' }\"></lp-check-bool>\r\n            <span class=\"size-12 primary\">(필수)</span>\r\n            <a class=\"sub3 size-12 text-underline margin-left-8 unselect\" href=\"privacy\" target=\"_blank\">약관보기</a>\r\n          </div>\r\n        </template>\r\n\r\n        <div class=\"flex-between body2-medium\" style=\"margin-top:40px\">\r\n          <button class=\"button\" style=\"width:50%;height:48px;\" @click=\"close\">취소</button>\r\n          <button class=\"button is-primary margin-left-16\" style=\"width:50%;height:48px;\" @click=\"saveData\">{{ inquiryId ?\r\n            '수정완료' : '등록하기' }}</button>\r\n        </div>\r\n      </div>\r\n    </sweet-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport LpCheckBool from \"../module/LpCheckBool\";\r\nimport UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\nimport ServiceAdminAPIMixin from \"../../mixins/ServiceAdminAPIMixin\";\r\nimport { SweetModal } from 'sweet-modal-vue'\r\n\r\nexport default {\r\n  name: \"ProductInquiryModal\",\r\n  mixins: [\r\n    UserAPIMixin,\r\n    ServiceAdminAPIMixin\r\n  ],\r\n  components: {\r\n    LpCheckBool,\r\n    SweetModal\r\n  },\r\n  props: {\r\n    inquiryId: {\r\n      type: Number\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      agree: false,\r\n      value: {\r\n        question_content: '',\r\n        is_secret: false,\r\n        answer_email: true,\r\n        name: '',\r\n        email: '',\r\n        phone: '',\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    req() {\r\n      const user_id = this.$store.getters.user.user_id;\r\n      const admin_id = this.$store.getters.admin.id;\r\n      let req = this.$axios;\r\n      if (user_id > 0) {\r\n        req = this.request.user;\r\n      } else if (admin_id > 0) {\r\n        req = this.request.serviceAdmin;\r\n      }\r\n      return req;\r\n    },\r\n    url() {\r\n      let url = `/product/${this.$route.query.id}/inquiry`;\r\n      if (!this.isLogin) {\r\n        url = '/public' + url;\r\n      }\r\n      if (this.inquiryId) {\r\n        url += `/${this.inquiryId}`;\r\n      }\r\n      return url;\r\n    }\r\n  },\r\n  methods: {\r\n    open() {\r\n      if (this.inquiryId) {\r\n        this.getData();\r\n      } else {\r\n        this.init();\r\n      }\r\n      this.$refs.modal.open();\r\n    },\r\n    close() {\r\n      this.$refs.modal.close();\r\n    },\r\n    init() {\r\n      this.value = {\r\n        question_content: '',\r\n        is_secret: false,\r\n        answer_email: true,\r\n        name: '',\r\n        email: '',\r\n        phone: '',\r\n      }\r\n    },\r\n    getData() {\r\n      this.request.user.get(this.url).then(res => {\r\n        this.value = res.data;\r\n      });\r\n    },\r\n    isValid() {\r\n      if (this.isLogin) {\r\n        this.agree = true;\r\n      }\r\n\r\n      const patternEmail = /[0-9a-zA-Z][_0-9a-zA-Z-]*@[_0-9a-zA-Z-]+(\\.[_0-9a-zA-Z-]+){1,2}$/;\r\n\r\n      let msg = '';\r\n      if (this.value.question_content.trim() === '') {\r\n        msg = '문의내용을 입력해주세요.';\r\n      }\r\n      else if (!this.isLogin) {\r\n        if (this.value.name.trim() === '') {\r\n          msg = '성함을 입력해주세요.';\r\n        } else if (this.value.phone.trim() === '') {\r\n          msg = '연락처를 입력해주세요.';\r\n        } else if (this.value.phone.length < 12) {\r\n          msg = '연락처를 제대로 입력해주세요.';\r\n        } else if (this.value.email.trim() === '') {\r\n          msg = '이메일을 입력해주세요.';\r\n        } else if (!patternEmail.test(this.value.email)) {\r\n          msg = '이메일을 올바르게 입력해주세요.';\r\n        }\r\n      }\r\n\r\n      if (!this.agree) {\r\n        msg = '약관에 먼저 동의해주세요.';\r\n      }\r\n\r\n      if (msg !== '') {\r\n        this.toast(msg);\r\n      }\r\n\r\n      return msg === '';\r\n    },\r\n    saveInquiry(res, type) {\r\n      if (res.status === 200) {\r\n        if (type === 'patch') {\r\n          this.toast('문의내용이 수정되었습니다.');\r\n        } else {\r\n          this.toast('문의내용이 등록되었습니다.');\r\n        }\r\n        this.$emit('update');\r\n        this.close();\r\n      }\r\n    },\r\n    saveData() {\r\n      this.value.channel = '플랫폼파이';\r\n      this.value.product_id = this.$route.query.id;\r\n\r\n      if (this.isValid()) {\r\n        if (this.inquiryId) {\r\n          // 수정\r\n          this.req.patch(this.url, this.value).then(res => {\r\n            this.saveInquiry(res, 'patch');\r\n          });\r\n        } else {\r\n          this.req.post(this.url, this.value).then(res => {\r\n            this.saveInquiry(res, 'post');\r\n          });\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .label\r\n    font-size 14px\r\n    font-weight 500\r\n    margin-bottom 6px\r\n  .grid-form\r\n    display grid\r\n    grid-template-columns 160px 160px 1fr\r\n    gap 12px\r\n    margin-bottom 16px\r\n  .divider\r\n    width 100%\r\n    border-bottom 1px solid #eeeeee\r\n    margin-bottom 24px\r\n  .button\r\n    font-size 16px\r\n\r\n  .textarea::placeholder\r\n    white-space pre-line\r\n    font-size 14px\r\n  .modal-header\r\n    display none\r\n  .check-pc\r\n    display flex\r\n  .check-mobile\r\n    display none\r\n  @media (max-width:600px)\r\n    .check-mobile\r\n      display flex\r\n    .check-pc\r\n      display none\r\n    .modal-title\r\n      display none\r\n    .content\r\n      padding 0 16px 120px 16px\r\n    .grid-form\r\n      grid-template-columns auto\r\n    .item:nth-child(1)\r\n      grid-column-start 1\r\n      grid-column-end 2\r\n    .item:nth-child(2)\r\n      grid-column-start 2\r\n      grid-column-end 2\r\n    .item:nth-child(3)\r\n      grid-column-start 1\r\n      grid-column-end 3\r\n    .modal-header\r\n      display flex\r\n      align-items center\r\n      justify-content center\r\n      border-bottom 1px solid #eeeeee\r\n      width 100%\r\n      height 50px\r\n      position fixed\r\n      top 0\r\n      left 0\r\n      .btn-close\r\n        position absolute\r\n        right 16px\r\n        top 15px\r\n</style>\r\n<style lang=\"stylus\">\r\n  .product-inquiry-reg-modal\r\n    .sweet-content\r\n      padding 40px !important\r\n    .sweet-content-content\r\n      text-align left\r\n\r\n  @media (max-width:600px)\r\n    .product-inquiry-reg-modal\r\n      .sweet-content\r\n        padding-top 66px !important\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!./ProductInquiryModal.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!./ProductInquiryModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductInquiryModal.vue?vue&type=template&id=4e7207ce&scoped=true&\"\nimport script from \"./ProductInquiryModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductInquiryModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductInquiryModal.vue?vue&type=style&index=0&id=4e7207ce&lang=stylus&scoped=true&\"\nimport style1 from \"./ProductInquiryModal.vue?vue&type=style&index=1&lang=stylus&\"\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  \"4e7207ce\",\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',{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&\"","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!./ProductInquiryModal.vue?vue&type=style&index=0&id=4e7207ce&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.isAdmin)?[_c('div',{staticClass:\"pc\"},[(_vm.option)?_c('div',{staticClass:\"options\"},[_c('div',{staticClass:\"h8 sub\"},[_vm._v(\"옵션선택\")]),_vm._l((_vm.option),function(opt,idx){return _c('div',{staticClass:\"item-option unselect\",class:{'selected': opt.selected},attrs:{\"Key\":(\"opt-\" + idx)},on:{\"click\":function($event){return _vm.selectOpt(opt)}}},[_c('div',[_c('div',{staticClass:\"body3-medium sub flex-1\"},[_vm._v(_vm._s(opt.name))]),_c('div',{staticClass:\"body2-bold main margin-top-4\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currencyNum\")(opt.price))+\" \"),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원 \"),(idx===1)?_c('span',[_vm._v(\" 부터 ~\")]):_vm._e()])])]),_c('div',[(opt.desc !== '')?_c('div',{staticClass:\"body4 sub3\",staticStyle:{\"padding\":\"4px 0 6px 0\"}},[_vm._v(_vm._s(opt.desc))]):_vm._e(),_vm._l((opt.check_items),function(checkItem,checkIdx){return _c('div',{key:(\"check-\" + checkIdx),staticClass:\"flex-align\",staticStyle:{\"gap\":\"8px\",\"margin-top\":\"6px\"}},[_c('img',{staticClass:\"svg-primary\",attrs:{\"src\":\"/static/icon/u_check.svg\"}}),_c('div',{staticClass:\"body4 sub\"},[_vm._v(_vm._s(checkItem))])])})],2)])})],2):_vm._e(),_c('button',{staticClass:\"button is-primary body2-bold margin-top-20\",staticStyle:{\"width\":\"100%\",\"height\":\"52px\"},on:{\"click\":_vm.clickOrder}},[_vm._v(\"구매하기\")])]),_c('div',{staticClass:\"mobile\"},[_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.option && _vm.expand)?_c('div',{staticClass:\"dim\",on:{\"click\":function($event){_vm.expand=false}}}):_vm._e()]),_c('div',{staticClass:\"fixed-bottom\"},[_c('transition',{attrs:{\"name\":\"slide\"}},[(_vm.option && _vm.expand)?_c('div',{staticClass:\"options\"},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"subtitl5 sub\"},[_vm._v(\"옵션선택\")]),_c('i',{staticClass:\"material-icons btn-close\",on:{\"click\":function($event){_vm.expand=false}}},[_vm._v(\"close\")])]),_vm._l((_vm.option),function(opt,idx){return _c('div',{staticClass:\"item-option unselect\",class:{'selected': opt.selected},attrs:{\"Key\":(\"opt-\" + idx)},on:{\"click\":function($event){return _vm.selectOpt(opt)}}},[_c('div',{staticClass:\"flex-between\",staticStyle:{\"align-items\":\"flex-start\"}},[_c('div',{staticClass:\"body3-medium sub flex-1\"},[_vm._v(_vm._s(opt.name))]),_c('div',{staticClass:\"body2-bold main\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currencyNum\")(opt.price))+\" \"),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")])])]),(opt.selected)?_c('div',[(opt.desc !== '')?_c('div',{staticClass:\"body4 sub3\",staticStyle:{\"padding\":\"4px 0 6px 0\"}},[_vm._v(_vm._s(opt.desc))]):_vm._e(),_vm._l((opt.check_items),function(checkItem,checkIdx){return _c('div',{key:(\"check-\" + checkIdx),staticClass:\"flex-align\",staticStyle:{\"gap\":\"8px\",\"margin-top\":\"6px\"}},[_c('img',{staticClass:\"svg-primary\",attrs:{\"src\":\"/static/icon/u_check.svg\"}}),_c('div',{staticClass:\"body4 sub\"},[_vm._v(_vm._s(checkItem))])])})],2):_vm._e()])})],2):_vm._e()]),_c('div',{staticClass:\"fixed-bottom-button\"},[_c('button',{staticClass:\"button is-primary body2-bold\",staticStyle:{\"width\":\"100%\",\"height\":\"48px\"},on:{\"click\":_vm.clickOrder}},[_vm._v(\"구매하기\")])])],1)],1)]:[_c('div',{staticClass:\"pc trial-button-container\"},[_c('div',{staticClass:\"h8 sub\"},[_vm._v(\"가격안내\")]),_c('div',{staticClass:\"box-price-info\"},_vm._l((_vm.option),function(sc_item,sc_idx){return _c('div',{key:(\"sc-\" + sc_idx),staticClass:\"item-price-info\"},[_c('div',[_c('div',{staticClass:\"flex-align\"},[_c('img',{staticClass:\"svg-primary\",attrs:{\"src\":\"/static/icon/u_check.svg\"}}),_c('div',{staticClass:\"size-14 sub\"},[_vm._v(_vm._s(sc_item.name))])]),_vm._l((sc_item.check_items),function(checkItem,checkIdx){return _c('div',{key:(\"check-\" + checkIdx),staticClass:\"body4 sub3\",staticStyle:{\"margin-top\":\"6px\"}},[_vm._v(_vm._s(checkItem))])})],2),_c('div',{staticClass:\"size-16\"},[(sc_item.is_discount && sc_item.discount_rate>0)?[_c('span',{staticClass:\"margin-right-8 size-13 sub4 text-line-through\"},[_vm._v(_vm._s(_vm._f(\"currency\")(sc_item.price)))]),_c('span',{staticClass:\"margin-right-4 primary body4-bold\"},[_vm._v(_vm._s(sc_item.discount_rate)+\"%\")])]:_vm._e(),_c('span',{staticClass:\"weight-700 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.salePrice(sc_item))))]),_c('span',{staticClass:\"size-14 sub\"},[_vm._v(\"원\")]),(sc_idx === 1)?_c('span',{staticClass:\"size-14 sub3\"},[_vm._v(\" ~\")]):_vm._e()],2)])}),0),_c('div',[_c('div',{staticClass:\"flex margin-top-20\",staticStyle:{\"gap\":\"8px\"}},[_c('button',{staticClass:\"button is-gray body2-bold\",staticStyle:{\"width\":\"110px\",\"height\":\"52px\"},on:{\"click\":function($event){return _vm.$refs.inquiryModal.open()}}},[_vm._v(\"문의\")]),_c('button',{staticClass:\"button is-primary body2-bold\",staticStyle:{\"width\":\"100%\",\"height\":\"52px\"},on:{\"click\":_vm.clickTrial}},[_vm._v(\"7+7일 무료체험\")])])])]),_c('div',{staticClass:\"mobile trial-button-container\"},[_c('div',{staticClass:\"body3-bold sub\"},[_vm._v(\"가격안내\")]),_c('div',{staticClass:\"box-price-info\"},_vm._l((_vm.option),function(sc_item,sc_idx){return _c('div',{key:(\"sc-\" + sc_idx),staticClass:\"item-price-info\",staticStyle:{\"display\":\"block\"}},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"flex-align\"},[_c('img',{staticClass:\"svg-primary\",attrs:{\"src\":\"/static/icon/u_check.svg\"}}),_c('div',{staticClass:\"size-14 sub\"},[_vm._v(_vm._s(sc_item.name))])]),_c('div',{staticClass:\"size-16\"},[(sc_item.is_discount && sc_item.discount_rate>0)?[_c('span',{staticClass:\"margin-right-8 size-13 sub4 text-line-through\"},[_vm._v(_vm._s(_vm._f(\"currency\")(sc_item.price)))]),_c('span',{staticClass:\"margin-right-4 primary body4-bold\"},[_vm._v(_vm._s(sc_item.discount_rate)+\"%\")])]:_vm._e(),_c('span',{staticClass:\"weight-700 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.salePrice(sc_item))))]),_c('span',{staticClass:\"size-14 sub\"},[_vm._v(\"원\")]),(sc_idx === 1)?_c('span',{staticClass:\"size-14 sub3\"},[_vm._v(\" ~\")]):_vm._e()],2)]),_vm._l((sc_item.check_items),function(checkItem,checkIdx){return _c('div',{key:(\"check-\" + checkIdx),staticClass:\"size-14 sub3\",staticStyle:{\"margin-top\":\"6px\"}},[_vm._v(_vm._s(checkItem))])})],2)}),0),_c('div',{staticClass:\"fixed-bottom-button\"},[_c('div',{staticClass:\"flex\",staticStyle:{\"gap\":\"8px\"}},[_c('button',{staticClass:\"button is-gray body2-bold\",staticStyle:{\"width\":\"110px\",\"height\":\"48px\"},on:{\"click\":function($event){return _vm.$refs.inquiryModal.open()}}},[_vm._v(\"문의\")]),_c('button',{staticClass:\"button is-primary body2-bold\",staticStyle:{\"width\":\"100%\",\"height\":\"48px\"},on:{\"click\":_vm.clickTrial}},[_vm._v(\"7+7일 무료체험\")])])])])],_c('product-inquiry-modal',{ref:\"inquiryModal\"})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <template v-if=\"isAdmin\">\r\n      <div class=\"pc\">\r\n        <div class=\"options\" v-if=\"option\">\r\n          <div class=\"h8 sub\">옵션선택</div>\r\n          <div v-for=\"(opt,idx) in option\" :Key=\"`opt-${idx}`\"\r\n               class=\"item-option unselect\" :class=\"{'selected': opt.selected}\"\r\n               @click=\"selectOpt(opt)\">\r\n            <div>\r\n              <div class=\"body3-medium sub flex-1\">{{ opt.name }}</div>\r\n              <div class=\"body2-bold main margin-top-4\">\r\n                {{ opt.price|currencyNum }} <span class=\"body4 sub\">원 <span v-if=\"idx===1\"> 부터 ~</span></span>\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div v-if=\"opt.desc !== ''\"\r\n                   class=\"body4 sub3\" style=\"padding:4px 0 6px 0\">{{ opt.desc }}</div>\r\n              <div v-for=\"(checkItem, checkIdx) in opt.check_items\" :key=\"`check-${checkIdx}`\"\r\n                   class=\"flex-align\" style=\"gap:8px;margin-top:6px\">\r\n                <img src=\"/static/icon/u_check.svg\" class=\"svg-primary\">\r\n                <div class=\"body4 sub\">{{ checkItem }}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <button class=\"button is-primary body2-bold margin-top-20\"\r\n                style=\"width: 100%; height: 52px\" @click=\"clickOrder\">구매하기</button>\r\n      </div>\r\n      <div class=\"mobile\">\r\n        <transition name=\"fade\">\r\n          <div class=\"dim\" v-if=\"option && expand\" @click=\"expand=false\"></div>\r\n        </transition>\r\n        <div class=\"fixed-bottom\">\r\n          <transition name=\"slide\">\r\n            <div class=\"options\" v-if=\"option && expand\">\r\n              <div class=\"flex-between\">\r\n                <div class=\"subtitl5 sub\">옵션선택</div>\r\n                <i class=\"material-icons btn-close\" @click=\"expand=false\">close</i>\r\n              </div>\r\n              <div v-for=\"(opt,idx) in option\" :Key=\"`opt-${idx}`\"\r\n                   class=\"item-option unselect\" :class=\"{'selected': opt.selected}\"\r\n                   @click=\"selectOpt(opt)\">\r\n                <div class=\"flex-between\" style=\"align-items: flex-start\">\r\n                  <div class=\"body3-medium sub flex-1\">{{ opt.name }}</div>\r\n                  <div class=\"body2-bold main\">\r\n                    {{ opt.price|currencyNum }} <span class=\"body4 sub\">원</span>\r\n                  </div>\r\n                </div>\r\n                <div v-if=\"opt.selected\">\r\n                  <div v-if=\"opt.desc !== ''\"\r\n                       class=\"body4 sub3\" style=\"padding:4px 0 6px 0\">{{ opt.desc }}</div>\r\n                  <div v-for=\"(checkItem, checkIdx) in opt.check_items\" :key=\"`check-${checkIdx}`\"\r\n                       class=\"flex-align\" style=\"gap:8px;margin-top:6px\">\r\n                    <img src=\"/static/icon/u_check.svg\" class=\"svg-primary\">\r\n                    <div class=\"body4 sub\">{{ checkItem }}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </transition>\r\n          <div class=\"fixed-bottom-button\">\r\n            <button class=\"button is-primary body2-bold\" @click=\"clickOrder\"\r\n                    style=\"width: 100%; height: 48px\">구매하기</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </template>\r\n    <template v-else>\r\n      <div class=\"pc trial-button-container\">\r\n        <div class=\"h8 sub\">가격안내</div>\r\n        <div class=\"box-price-info\">\r\n          <div v-for=\"(sc_item, sc_idx) in option\"\r\n               :key=\"`sc-${sc_idx}`\"\r\n               class=\"item-price-info\">\r\n            <div>\r\n              <div class=\"flex-align\">\r\n                <img src=\"/static/icon/u_check.svg\" class=\"svg-primary\">\r\n                <div class=\"size-14 sub\">{{ sc_item.name }}</div>\r\n              </div>\r\n              <div v-for=\"(checkItem, checkIdx) in sc_item.check_items\" :key=\"`check-${checkIdx}`\"\r\n                   class=\"body4 sub3\" style=\"margin-top:6px\">{{ checkItem }}</div>\r\n            </div>\r\n            <div class=\"size-16\">\r\n              <template v-if=\"sc_item.is_discount && sc_item.discount_rate>0\">\r\n                <span class=\"margin-right-8 size-13 sub4 text-line-through\">{{ sc_item.price|currency }}</span>\r\n                <span class=\"margin-right-4 primary body4-bold\">{{ sc_item.discount_rate }}%</span>\r\n              </template>\r\n              <span class=\"weight-700 main\">{{ salePrice(sc_item) | currencyNum }}</span>\r\n              <span class=\"size-14 sub\">원</span>\r\n              <span class=\"size-14 sub3\" v-if=\"sc_idx === 1\"> ~</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <div class=\"flex margin-top-20\" style=\"gap:8px\">\r\n            <button class=\"button is-gray body2-bold\" @click=\"$refs.inquiryModal.open()\"\r\n                    style=\"width: 110px; height: 52px\">문의</button>\r\n            <button class=\"button is-primary body2-bold\"\r\n                    style=\"width: 100%; height: 52px\" @click=\"clickTrial\">7+7일 무료체험</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"mobile trial-button-container\">\r\n        <div class=\"body3-bold sub\">가격안내</div>\r\n        <div class=\"box-price-info\">\r\n          <div v-for=\"(sc_item, sc_idx) in option\"\r\n               :key=\"`sc-${sc_idx}`\"\r\n               class=\"item-price-info\" style=\"display: block\">\r\n            <div class=\"flex-between\">\r\n              <div class=\"flex-align\">\r\n                <img src=\"/static/icon/u_check.svg\" class=\"svg-primary\">\r\n                <div class=\"size-14 sub\">{{ sc_item.name }}</div>\r\n              </div>\r\n              <div class=\"size-16\">\r\n              <template v-if=\"sc_item.is_discount && sc_item.discount_rate>0\">\r\n                <span class=\"margin-right-8 size-13 sub4 text-line-through\">{{ sc_item.price|currency }}</span>\r\n                <span class=\"margin-right-4 primary body4-bold\">{{ sc_item.discount_rate }}%</span>\r\n              </template>\r\n              <span class=\"weight-700 main\">{{ salePrice(sc_item) | currencyNum }}</span>\r\n              <span class=\"size-14 sub\">원</span>\r\n              <span class=\"size-14 sub3\" v-if=\"sc_idx === 1\"> ~</span>\r\n            </div>\r\n            </div>\r\n            <div v-for=\"(checkItem, checkIdx) in sc_item.check_items\" :key=\"`check-${checkIdx}`\"\r\n                 class=\"size-14 sub3\" style=\"margin-top:6px\">{{ checkItem }}</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"fixed-bottom-button\">\r\n          <div class=\"flex\" style=\"gap:8px\">\r\n            <button class=\"button is-gray body2-bold\" @click=\"$refs.inquiryModal.open()\"\r\n                    style=\"width: 110px; height: 48px\">문의</button>\r\n            <button class=\"button is-primary body2-bold\" @click=\"clickTrial\"\r\n                    style=\"width: 100%; height: 48px\">7+7일 무료체험</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </template>\r\n    <product-inquiry-modal ref=\"inquiryModal\"></product-inquiry-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import ServiceAdminAPIMixin from \"../../mixins/ServiceAdminAPIMixin\";\r\n  import ProductInquiryModal from \"../modal/ProductInquiryModal\";\r\n  \r\n  export default {\r\n    name: \"SkinButton\",\r\n    components: { ProductInquiryModal },\r\n    props: {\r\n      product: {\r\n        type: Object\r\n      }\r\n    },\r\n    mixins: [\r\n      ServiceAdminAPIMixin\r\n    ],\r\n    created() {\r\n      this.setAdmin();\r\n    },\r\n    data() {\r\n      return {\r\n        isAdmin: false,\r\n        expand: false\r\n      }\r\n    },\r\n    computed: {\r\n      isMobile() {\r\n        return window.innerWidth < 1024;\r\n      },\r\n      option() {\r\n        return this.product.selectors && this.product.selectors.length>0 ?\r\n          this.product.selectors[0].options.map(i=> { i.selected=false; return i; }) : undefined;\r\n      }\r\n    },\r\n    methods: {\r\n      setAdmin() {\r\n        // 관리자에서 넘어온 경우, 스킨 결제\r\n        if(this.$route.query.i) {\r\n          this.isAdmin = true;\r\n          this.$store.commit('setAdmin', {\r\n            id: Number(this.$route.query.i),\r\n            token: this.$route.query.tn,\r\n            service_id: this.$route.query.s,\r\n            key: this.$route.query.key\r\n          });\r\n          this.setAuth();\r\n        } else if(this.product.service_admin) {\r\n          this.isAdmin = true;\r\n          this.$store.commit('setAdmin', {\r\n            service_id: this.product.service_admin.service,\r\n            id: this.product.service_admin.service_admin_id,\r\n            token: this.product.service_admin.token,\r\n            key: this.product.service_admin.key\r\n          });\r\n        }\r\n      },\r\n      selectOpt(opt) {\r\n        this.option.forEach(i => {\r\n          i.selected = false;\r\n        });\r\n        opt.selected = true;\r\n      },\r\n      salePrice(item) {\r\n        return item.is_discount ? item.price - (item.price * (item.discount_rate/100)) : item.price;\r\n      },\r\n      clickOrder() {\r\n        if(!this.isLogin) {\r\n          this.$store.commit('setPrevPath', this.$route.fullPath);\r\n          this.toast('로그인 후 진행해주세요.');\r\n          this.routerPush('/signin');\r\n        } else {\r\n          let option = this.option ? this.option.filter(i => i.selected) : [];\r\n\r\n          if(this.isMobile && !this.expand && this.option && this.option.length>0) {\r\n            this.expand = true;\r\n            return;\r\n          }\r\n\r\n          if(this.option && option.length === 0) {\r\n            this.toast('옵션을 선택해주세요');\r\n            return;\r\n          }\r\n          let product_price = 0;\r\n          let discount_price = 0;\r\n          if(option.length === 0) {\r\n            product_price = this.product.price.sale_price;\r\n            discount_price = this.product.price.price - this.product.price.sale_price;\r\n          } else {\r\n            let opt = option[0];\r\n            if(opt.is_discount && opt.discount_rate) {\r\n              discount_price = opt.price * (opt.discount_rate / 100);\r\n              product_price = opt.price - discount_price;\r\n            } else {\r\n              product_price = opt.price;\r\n            }\r\n          }\r\n\r\n          let order_product = {\r\n            product_id: this.product.id,\r\n            quantity: 1,\r\n            discount_price: discount_price,\r\n            product_price: product_price,\r\n            total_price: product_price,\r\n            product: this.cloneItem(this.product),\r\n            order_product_option: option,\r\n            required_option_price: 0,\r\n            add_option_price: 0\r\n          }\r\n          let param = {\r\n            order_product: order_product,\r\n            subscribe_price: 0,\r\n            isServiceUsePrice: false\r\n          }\r\n          this.$store.commit('setBasket', param);\r\n          this.routeGa('', this.product.title, '결제하기');\r\n          this.routerPush('/skin_order');\r\n        }\r\n      },\r\n\r\n      clickTrial() {\r\n        if(!this.isLogin) {\r\n          this.$store.commit('setPrevPath', this.$route.fullPath);\r\n          this.toast('로그인 후 진행해주세요.');\r\n          this.$router.push('/signin');\r\n        } else {\r\n          // let product_price = this.product.price.sale_price;\r\n          // let discount_price = this.product.price.price - this.product.price.sale_price;\r\n\r\n          let order_product = {\r\n            product_id: this.product.id,\r\n            quantity: 1,\r\n            // discount_price: discount_price,\r\n            // product_price: product_price,\r\n            // total_price: product_price,\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          /*let param = {\r\n            order_product: order_product,\r\n            subscribe_price: 0,\r\n            isServiceUsePrice: false\r\n          }\r\n          this.$store.commit('setBasket', param);*/\r\n          this.$store.commit('setBasket', order_product);\r\n          this.routeGa('', this.product.title, '무료체험');\r\n          //this.routerPush('/skin_order');\r\n          this.routerPush('/trial_account');\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  .pc\r\n    .trial-button-container\r\n      border-top 1px solid $gray1\r\n      padding-top 20px\r\n      margin-top 20px\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  .box-price-info\r\n    margin-top 12px\r\n    border 1px solid $gray1\r\n    padding 12px\r\n    .item-price-info\r\n      display flex\r\n      justify-content space-between\r\n      padding 8px 0\r\n      border-bottom 1px solid $gray2\r\n      img\r\n        width 16px\r\n        margin-right 4px\r\n    .item-price-info:first-child\r\n      padding-top 0\r\n    .item-price-info:last-child\r\n      padding-bottom 0\r\n      border-bottom 0\r\n\r\n  .options\r\n    border-top 1px solid $gray1\r\n    padding-top 20px\r\n    margin-top 20px\r\n    display grid\r\n    grid-gap 12px\r\n\r\n  .item-option\r\n    border 1px solid $gray1\r\n    border-radius 8px\r\n    padding 16px 24px\r\n  .selected\r\n    border 1px solid $primary\r\n\r\n  .dim\r\n    background-color rgba(0,0,0,0.5)\r\n    position fixed\r\n    top 0\r\n    left 0\r\n    width 100%\r\n    height 100%\r\n    z-index 10\r\n\r\n  .fixed-bottom\r\n    position fixed\r\n    bottom 0\r\n    left 0\r\n    width 100%\r\n    z-index 11\r\n    .options\r\n      background-color white\r\n      border-top-left-radius 12px\r\n      border-top-right-radius 12px\r\n      padding 20px 16px\r\n    .fixed-bottom-button\r\n      border-top 1px solid $gray1\r\n      padding 12px\r\n      background-color white\r\n      position relative\r\n      z-index 1\r\n    .btn-close\r\n      padding 0 2px\r\n      font-size 22px\r\n      color $sub4\r\n\r\n  .slide-enter-active\r\n    transition all .3s ease\r\n\r\n  .slide-leave-active\r\n    transition all .3s ease\r\n\r\n  .slide-enter, .slide-leave-to\r\n    transform translateY(300px)\r\n\r\n  .fixed-bottom-button\r\n    position fixed\r\n    z-index 10\r\n    bottom 0\r\n    left 0\r\n    width 100%\r\n    border-top 1px solid $gray1\r\n    padding 12px\r\n    background-color white\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!./SkinButton.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!./SkinButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SkinButton.vue?vue&type=template&id=2d681b51&scoped=true&\"\nimport script from \"./SkinButton.vue?vue&type=script&lang=js&\"\nexport * from \"./SkinButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SkinButton.vue?vue&type=style&index=0&id=2d681b51&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  \"2d681b51\",\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!./ProductInquiryModal.vue?vue&type=style&index=1&lang=stylus&\"","import axios from 'axios'\r\n\r\nconst userAxios = axios.create({\r\n  headers: {\r\n    common: {}\r\n  }\r\n});\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      request: {\r\n        user: userAxios,\r\n      },\r\n    };\r\n  },\r\n\r\n\r\n  created() {\r\n    // Admin base URL 설정.\r\n    this.request.user.defaults.baseURL = `${process.env.VUE_APP_MASTER_BACKEND_URL}/user/${this.$store.getters.user.user_id}`;\r\n\r\n    // 인증 설정.\r\n    if (this.$store.getters.user.token !== '') {\r\n      const auth = 'Token ' + this.$store.getters.user.token;\r\n      this.setHeader(this.request.user, 'Authorization', auth);\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    setHeader(request, key, value) {\r\n      request.defaults.headers.common[key] = value;\r\n    },\r\n    // 로그아웃\r\n    async logout() {\r\n      await this.request.user.post(`${process.env.VUE_APP_MASTER_BACKEND_URL}/auth/user/logout`)\r\n        .then(() => {\r\n          this.$store.commit('logout');\r\n          delete this.request.user.defaults.headers.common['Authorization'];\r\n          this.$router.replace('home');\r\n        }).catch(err => {\r\n          if(err.response.data.detail === undefined)\r\n            this.toast(err.response.data.message);\r\n          else\r\n            this.toast(err.response.data.detail);\r\n        });\r\n    }\r\n  }\r\n}\r\n","import axios from 'axios'\r\n\r\nconst adminAxios = axios.create({\r\n  headers: {\r\n    common: {}\r\n  }\r\n});\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      request: {\r\n        serviceAdmin: adminAxios\r\n      }\r\n    };\r\n  },\r\n  created() {\r\n    this.setAuth();\r\n  },\r\n  methods: {\r\n    setAuth() {\r\n      this.request.serviceAdmin.defaults.baseURL = `${this.backendUrl}/serviceadmin/${this.$store.getters.admin.id}` ;\r\n      this.request.serviceAdmin.defaults.headers.common.Authorization = `Token ${this.$store.getters.admin.token}`;\r\n    }\r\n  }\r\n}\r\n"],"sourceRoot":""}