{"version":3,"sources":["webpack:///./src/components/component/CardProductSimple.vue?a9ee","webpack:///src/components/component/CardProductSimple.vue","webpack:///./src/components/component/CardProductSimple.vue?b988","webpack:///./src/components/component/CardProductSimple.vue","webpack:///./src/components/component/CardProductSimple.vue?2eeb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","clickDetail","card","style","imgField","img","partner","staticStyle","attrs","_e","_v","_s","name","staticRenderFns","component"],"mappings":"ggBAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,6BAA6BC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,YAAYT,EAAIU,SAAS,CAACN,EAAG,MAAM,CAACE,YAAY,WAAWK,MAAOX,EAAIY,SAASZ,EAAIU,KAAKG,IAAK,QAAST,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAEN,EAAIU,KAAKI,QAAW,IAAEV,EAAG,MAAM,CAACW,YAAY,CAAC,MAAQ,OAAO,OAAS,QAAQC,MAAM,CAAC,IAAMhB,EAAIU,KAAKI,QAAQD,OAAOb,EAAIiB,KAAKb,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIU,KAAKU,eAAehB,EAAG,MAAM,CAACE,YAAY,wBAAwBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,YAAYT,EAAIU,SAAS,CAACN,EAAG,MAAM,CAACE,YAAY,WAAWK,MAAOX,EAAIY,SAASZ,EAAIU,KAAKG,IAAK,YAAaT,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAEN,EAAIU,KAAKI,QAAW,IAAEV,EAAG,MAAM,CAACW,YAAY,CAAC,MAAQ,OAAO,OAAS,QAAQC,MAAM,CAAC,IAAMhB,EAAIU,KAAKI,QAAQD,OAAOb,EAAIiB,KAAKb,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIU,KAAKU,kBAC58BC,EAAkB,GCmDtB,G,UAAA,CACE,KAAF,oBACE,MAAF,CACI,KAAJ,CACM,KAAN,SAGE,QAAF,CACI,aADJ,SACA,GACM,IAAN,KAQM,OAPN,qBACA,mDACU,EAAV,0BACA,wDACU,EAAV,6BAGA,GAGI,WAbJ,SAaA,GACM,GAAN,iFACQ,IAAR,0CACQ,QAAR,kDACA,+DACQ,IAAR,0CACQ,OAAR,0BACA,+DACQ,IAAR,0CACQ,OAAR,wBAEQ,OAAR,GAII,gBA5BJ,SA4BA,GACM,IAAN,IAQM,OAPN,mBACA,mDACU,EAAV,4CACA,wDACU,EAAV,sCAEA,gBACA,GAGI,YAxCJ,SAwCA,GACM,KAAN,kDACM,KAAN,6DAEI,SA5CJ,SA4CA,KACM,IAAN,GACQ,gBAAR,iCACQ,eAAR,SAOM,OAJE,EAAR,mBADA,SACA,SAEA,MAEA,MCjH0W,I,wBCQtWC,EAAY,eACd,EACAvB,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,kECnBf","file":"js/chunk-838234a0.08d462ed.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"pc card-container unselect\",on:{\"click\":function($event){return _vm.clickDetail(_vm.card)}}},[_c('div',{staticClass:\"card-img\",style:(_vm.imgField(_vm.card.img, 'pc'))}),_c('div',{staticClass:\"card-content\"},[(_vm.card.partner.img)?_c('img',{staticStyle:{\"width\":\"32px\",\"height\":\"32px\"},attrs:{\"src\":_vm.card.partner.img}}):_vm._e(),_c('div',[_c('div',{staticClass:\"subtitle7 main\"},[_vm._v(_vm._s(_vm.card.name))])])])]),_c('div',{staticClass:\"mobile card-container\",on:{\"click\":function($event){return _vm.clickDetail(_vm.card)}}},[_c('div',{staticClass:\"card-img\",style:(_vm.imgField(_vm.card.img, 'mobile'))}),_c('div',{staticClass:\"card-content\"},[(_vm.card.partner.img)?_c('img',{staticStyle:{\"width\":\"18px\",\"height\":\"18px\"},attrs:{\"src\":_vm.card.partner.img}}):_vm._e(),_c('div',[_c('div',{staticClass:\"body6 main\"},[_vm._v(_vm._s(_vm.card.name))])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"pc card-container unselect\" @click=\"clickDetail(card)\">\r\n      <div class=\"card-img\" :style=\"imgField(card.img, 'pc')\"></div>\r\n      <div class=\"card-content\">\r\n        <img style=\"width:32px;height:32px\"\r\n             :src=\"card.partner.img\" v-if=\"card.partner.img\">\r\n        <div>\r\n          <div class=\"subtitle7 main\">{{ card.name }}</div>\r\n          <!-- 가격 정보 -->\r\n          <!--<div v-if=\"discountedPrice(card)>0\">\r\n            &lt;!&ndash;<div class=\"body5 sub4 text-line-through\" v-if=\"isDiscount(card)\">{{ card.price.price | currency }}</div>&ndash;&gt;\r\n            <div class=\"flex-align\">\r\n              <div class=\"margin-right-4 primary body4-bold\" v-if=\"card.price.discount_type===0\">{{ discountText(card) }}</div>\r\n              <div class=\"body4-bold\">\r\n                <span class=\"sub\">{{ discountedPrice(card) | currencyNum }}</span>\r\n                <span class=\"body4 sub2\">원</span>\r\n                <span class=\"body4 sub3\" v-if=\"card.price.is_subscription\">/월</span>\r\n                <span class=\"body4 sub2 margin-left-4\" v-if=\"card.category2!==42\">~</span>\r\n              </div>\r\n            </div>\r\n          </div>-->\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile card-container\" @click=\"clickDetail(card)\">\r\n      <div class=\"card-img\" :style=\"imgField(card.img, 'mobile')\"></div>\r\n      <div class=\"card-content\">\r\n        <img style=\"width:18px;height:18px\"\r\n             :src=\"card.partner.img\" v-if=\"card.partner.img\">\r\n        <div>\r\n          <div class=\"body6 main\">{{ card.name }}</div>\r\n          <!-- 가격 정보 -->\r\n          <!--<div v-if=\"discountedPrice(card)>0\">\r\n            &lt;!&ndash;<div class=\"body5 sub4 text-line-through\" v-if=\"isDiscount(card)\">{{ card.price.price | currency }}</div>&ndash;&gt;\r\n            <div class=\"flex-align\">\r\n              <div class=\"margin-right-4 primary body6-bold\" v-if=\"card.price.discount_type===0\">{{ discountText(card) }}</div>\r\n              <div class=\"body6-bold\">\r\n                <span class=\"sub\">{{ discountedPrice(card) | currencyNum }}</span>\r\n                <span class=\"body6 sub2\">원</span>\r\n                <span class=\"body6 sub3\" v-if=\"card.price.is_subscription\">/월</span>\r\n                <span class=\"body6 sub2 margin-left-4\" v-if=\"card.category2!==42\">~</span>\r\n              </div>\r\n            </div>\r\n          </div>-->\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"CardProductSimple\",\r\n    props: {\r\n      card: {\r\n        type: Object\r\n      },\r\n    },\r\n    methods: {\r\n      discountText(product) {\r\n        let text = '';\r\n        if (this.isDiscount(product)) {\r\n          if (product.price.discount_rate > 0 && product.price.discount_type === 0) {\r\n            text = product.price.discount_rate + '%'\r\n          } else if (product.price.discount_price !== 0 && product.price.discount_type === 1) {\r\n            text = product.price.discount_price + '원';\r\n          }\r\n        }\r\n        return text;\r\n      },\r\n      // 할인 여부\r\n      isDiscount(product) {\r\n        if (product.price.is_discount && product.price.discount_start !== null && product.price.discount_end !== null) {\r\n          let currentDate = this.dayjs().format('YYYY-MM-DD HH:mm');\r\n          return !(currentDate < product.price.discount_start || currentDate > product.price.discount_end);\r\n        } else if (product.price.discount_start !== null && product.price.discount_end === null) {\r\n          let currentDate = this.dayjs().format('YYYY-MM-DD HH:mm');\r\n          return currentDate >= product.price.discount_start;\r\n        } else if (product.price.discount_start === null && product.price.discount_end !== null) {\r\n          let currentDate = this.dayjs().format('YYYY-MM-DD HH:mm');\r\n          return currentDate <= product.price.discount_end;\r\n        } else {\r\n          return false;\r\n        }\r\n      },\r\n      // 상품 가격\r\n      discountedPrice(product) {\r\n        let total = 0;\r\n        if (this.isDiscount(product)) {\r\n          if (product.price.discount_rate > 0 && product.price.discount_type === 0) {\r\n            total = product.price.price * (1 - (product.price.discount_rate / 100))\r\n          } else if (product.price.discount_price !== 0 && product.price.discount_type === 1) {\r\n            total = product.price.price - product.price.discount_price;\r\n          }\r\n        } else total = product.price.price;\r\n        return total;\r\n      },\r\n      // 상세 페이지 이동\r\n      clickDetail(card) {\r\n        this.routeGa('',`부가서비스 카드(${card.name})`, card.name);\r\n        this.$router.push(`/additional_service_detail?id=${card.id}`)\r\n      },\r\n      imgField(img, device) {\r\n        let style = {\r\n          backgroundImage: `url(${this.image(img)})`,\r\n          backgroundSize: 'cover'\r\n        };\r\n        if(device==='pc') {\r\n          style.backgroundPosition = 'center';\r\n        } else {\r\n          style.backgroundPosition = 'top';\r\n        }\r\n        return style;\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    .card-container\r\n      padding 12px\r\n      background-color #ffffff\r\n      border-radius 8px\r\n    .card-img\r\n      position relative\r\n      width 100%\r\n      height 246px\r\n      border-radius 8px\r\n      background-color $gray4\r\n      border 1px solid $gray3\r\n\r\n    .card-content\r\n      margin-top 10px\r\n      display flex\r\n      align-items center\r\n      gap 8px\r\n\r\n  .mobile\r\n    .card-container\r\n      padding 8px\r\n      background-color #ffffff\r\n      border-radius 8px\r\n    .card-img\r\n      position relative\r\n      width 100%\r\n      height 149px\r\n      border-radius 8px\r\n      background-color $gray4\r\n      border 1px solid $gray3\r\n\r\n    .card-content\r\n      margin-top 10px\r\n      display flex\r\n      align-items center\r\n      gap 8px\r\n      text-align left\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!./CardProductSimple.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!./CardProductSimple.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardProductSimple.vue?vue&type=template&id=314a87c0&scoped=true&\"\nimport script from \"./CardProductSimple.vue?vue&type=script&lang=js&\"\nexport * from \"./CardProductSimple.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardProductSimple.vue?vue&type=style&index=0&id=314a87c0&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  \"314a87c0\",\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!./CardProductSimple.vue?vue&type=style&index=0&id=314a87c0&lang=stylus&scoped=true&\""],"sourceRoot":""}