{"version":3,"sources":["webpack:///./src/components/component/SelectCareService.vue?fd25","webpack:///src/components/component/SelectCareService.vue","webpack:///./src/components/component/SelectCareService.vue?89e2","webpack:///./src/components/component/SelectCareService.vue","webpack:///./src/components/component/SelectCareService.vue?d933"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_m","_v","_l","item","key","class","inputValue","id","on","$event","selectItem","_s","name","_f","price","channel","front_issue","server_issue","staticRenderFns","component"],"mappings":"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","file":"js/chunk-5b2fd21e.24dbdf23.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"lp-divider-main\",staticStyle:{\"padding-top\":\"96px\"}}),_vm._m(0),_c('div',{staticClass:\"body2 sub3\"},[_vm._v(\"가입한 케어 서비스 단계별로 서비스에서 발생하는 이슈 대응 시간/문의 접수 창구에 차이가 있습니다.\")]),_c('div',{staticClass:\"lp-divider-gray2 padding-top-16\"}),_c('div',{staticClass:\"card-wrapper margin-top-32\"},_vm._l((_vm.list),function(item){return _c('div',{key:(\"hosting-\" + (item.id)),staticClass:\"card-info unselect\",class:{'selected-card': _vm.inputValue && item.id === _vm.inputValue.id},on:{\"click\":function($event){return _vm.selectItem(item)}}},[_c('div',{staticClass:\"flex-align\"},[_c('i',{staticClass:\"material-icons gray\",class:{'selected': _vm.inputValue && item.id === _vm.inputValue.id}},[_vm._v(\" \"+_vm._s(_vm.inputValue && item.id === _vm.inputValue.id ? 'radio_button_checked' : 'radio_button_unchecked'))]),_c('div',{staticClass:\"body2 margin-left-8\"},[_vm._v(_vm._s(item.name))])]),_c('div',{staticClass:\"margin-top-8\"},[_c('span',{staticClass:\"h6 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(item.price)))]),_c('span',{staticClass:\"body4 main margin-left-4\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/\")]),_c('span',{staticClass:\"body4 sub3 margin-left-4\"},[_vm._v(\"월\")])]),_c('div',{staticClass:\"flex margin-top-12\"},[_c('div',{staticClass:\"body4-bold sub\",staticStyle:{\"width\":\"55px\"}},[_vm._v(\"진행방법\")]),_c('div',{staticClass:\"body4 sub margin-left-16\"},[_vm._v(_vm._s(item.channel))])]),_c('div',{staticClass:\"lp-divider-gray2 margin-top-16 margin-bottom-24\"}),_c('div',{staticClass:\"card-issue-wrapper\"},[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"subtitle6 sub3 margin-bottom-12\"},[_vm._v(\"프론트엔드 관련 이슈\")]),_c('div',{staticClass:\"subtitle6 sub2\"},[_vm._v(\" 최대\"),_c('span',{staticClass:\"primary margin-left-4\"},[_vm._v(_vm._s(item.front_issue))]),_vm._v(\"일 내 답변 \")])]),_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"subtitle6 sub3 margin-bottom-12\"},[_vm._v(\"서버, 결제 관련 이슈\")]),_c('div',{staticClass:\"subtitle6 sub2\"},[_vm._v(\" 최대\"),_c('span',{staticClass:\"primary margin-left-4\"},[_vm._v(_vm._s(item.server_issue))]),_vm._v(\"시간 내 답변 \")])])])])}),0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"padding-top-16 flex-align\"},[_c('div',{staticClass:\"body0-bold main\"},[_vm._v(\"케어 서비스\")]),_c('div',{staticClass:\"body4 error margin-left-12\"},[_vm._v(\"*이슈 해결 비용 별도\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"lp-divider-main\" style=\"padding-top:96px\"></div>\r\n    <div class=\"padding-top-16 flex-align\">\r\n      <div class=\"body0-bold main\">케어 서비스</div>\r\n      <div class=\"body4 error margin-left-12\">*이슈 해결 비용 별도</div>\r\n    </div>\r\n    <div class=\"body2 sub3\">가입한 케어 서비스 단계별로 서비스에서 발생하는 이슈 대응 시간/문의 접수 창구에 차이가 있습니다.</div>\r\n    <div class=\"lp-divider-gray2 padding-top-16\"></div>\r\n\r\n    <div class=\"card-wrapper margin-top-32\">\r\n      <div class=\"card-info unselect\"\r\n           :class=\"{'selected-card': inputValue && item.id === inputValue.id}\"\r\n           v-for=\"item in list\"\r\n           :key=\"`hosting-${item.id}`\"\r\n           @click=\"selectItem(item)\">\r\n        <div class=\"flex-align\">\r\n          <i class=\"material-icons gray\" :class=\"{'selected': inputValue && item.id === inputValue.id}\">\r\n            {{ inputValue && item.id === inputValue.id ? 'radio_button_checked' : 'radio_button_unchecked' }}</i>\r\n          <div class=\"body2 margin-left-8\">{{ item.name }}</div>\r\n        </div>\r\n        <div class=\"margin-top-8\">\r\n          <span class=\"h6 main\">{{ item.price | currencyNum }}</span>\r\n          <span class=\"body4 main margin-left-4\">원</span>\r\n          <span class=\"body4 sub3\">/</span>\r\n          <span class=\"body4 sub3 margin-left-4\">월</span>\r\n        </div>\r\n        <div class=\"flex margin-top-12\">\r\n          <div class=\"body4-bold sub\" style=\"width:55px\">진행방법</div>\r\n          <div class=\"body4 sub margin-left-16\">{{ item.channel }}</div>\r\n        </div>\r\n        <div class=\"lp-divider-gray2 margin-top-16 margin-bottom-24\"></div>\r\n        <div class=\"card-issue-wrapper\">\r\n          <div class=\"text-center\">\r\n            <div class=\"subtitle6 sub3 margin-bottom-12\">프론트엔드 관련 이슈</div>\r\n            <div class=\"subtitle6 sub2\">\r\n              최대<span class=\"primary margin-left-4\">{{ item.front_issue }}</span>일 내 답변\r\n            </div>\r\n          </div>\r\n          <div class=\"text-center\">\r\n            <div class=\"subtitle6 sub3 margin-bottom-12\">서버, 결제 관련 이슈</div>\r\n            <div class=\"subtitle6 sub2\">\r\n              최대<span class=\"primary margin-left-4\">{{ item.server_issue }}</span>시간 내 답변\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  export default {\r\n    name: \"SelectCareService\",\r\n    props: {\r\n      value: {\r\n        type: Object\r\n      }\r\n    },\r\n    created() {\r\n      this.getData();\r\n    },\r\n    data() {\r\n      return {\r\n        list: [],\r\n        inputValue: undefined\r\n      }\r\n    },\r\n    methods: {\r\n      selectItem(item) {\r\n        this.inputValue = item;\r\n        this.$emit('update:value', this.inputValue);\r\n      },\r\n      getData() {\r\n        this.$axios.get('public/launchpack/care_service').then(res=>{\r\n          this.list = res.data;\r\n          if(this.list.length>0) this.inputValue = this.list[0];\r\n          this.$emit('update:value', this.list[0]);\r\n        })\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .pc\r\n    .card-wrapper\r\n      display grid\r\n      grid-gap 24px\r\n      grid-template-columns repeat(2, 1fr)\r\n    .card-info\r\n      border 1px solid $gray1\r\n      padding 32px\r\n      border-radius 8px\r\n\r\n  .mobile\r\n    .card-info\r\n      border 1px solid $gray1\r\n      padding 24px\r\n      border-radius 8px\r\n      margin-top 24px\r\n\r\n  .introduction-content\r\n    white-space pre-line\r\n\r\n  .selected\r\n    color $primary\r\n\r\n  .card-issue-wrapper\r\n    display grid\r\n    grid-gap 12px\r\n    grid-template-columns repeat(2, 1fr)\r\n\r\n  .selected-card\r\n    border 2px solid $primary !important\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!./SelectCareService.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!./SelectCareService.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectCareService.vue?vue&type=template&id=3fb185a9&scoped=true&\"\nimport script from \"./SelectCareService.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectCareService.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectCareService.vue?vue&type=style&index=0&id=3fb185a9&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  \"3fb185a9\",\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!./SelectCareService.vue?vue&type=style&index=0&id=3fb185a9&lang=stylus&scoped=true&\""],"sourceRoot":""}