{"version":3,"sources":["webpack:///./src/components/component/CardOrderService.vue?456e","webpack:///src/components/component/CardOrderService.vue","webpack:///./src/components/component/CardOrderService.vue?c927","webpack:///./src/components/component/CardOrderService.vue","webpack:///./src/components/component/CardOrderService.vue?3d32"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","clickDetail","card","style","staticStyle","_v","_s","product","name","simple_desc","datesFormat","created_time","undefined","status","class","attrs","_e","statusText","staticRenderFns","component"],"mappings":"8fAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0BC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,YAAYT,EAAIU,SAAS,CAACN,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWK,MAAOX,EAAY,WAAII,EAAG,MAAM,CAACQ,YAAY,CAAC,KAAO,IAAI,eAAe,SAAS,CAACR,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACN,EAAIa,GAAGb,EAAIc,GAAGd,EAAIU,KAAKK,QAAQC,SAASZ,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACN,EAAIa,GAAGb,EAAIc,GAAGd,EAAIU,KAAKK,QAAQE,oBAAoBb,EAAG,MAAM,CAACE,YAAY,YAAYF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,cAAc,CAACN,EAAIa,GAAG,SAAST,EAAG,OAAO,CAACE,YAAY,mBAAmBM,YAAY,CAAC,cAAc,QAAQ,CAACZ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIkB,YAAYlB,EAAIU,KAAKS,aAAc,qBAAmCC,IAAlBpB,EAAIU,KAAKW,OAAoBjB,EAAG,MAAM,CAACkB,MAAO,eAAkBtB,EAAIU,KAAW,QAAI,CAAoB,IAAlBV,EAAIU,KAAKW,OAAYjB,EAAG,MAAM,CAACmB,MAAM,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,YAAY,KAAO,SAAS,CAACnB,EAAG,OAAO,CAACmB,MAAM,CAAC,EAAI,kBAAkB,OAAS,UAAU,eAAe,IAAI,iBAAiB,QAAQ,kBAAkB,aAAavB,EAAIwB,KAAKxB,EAAIa,GAAGb,EAAIc,GAAGd,EAAIyB,WAAWzB,EAAIU,KAAKW,SAAS,OAAOrB,EAAIwB,YAClvCE,EAAkB,GC2BtB,G,UAAA,CACE,KAAF,mBACE,MAAF,CACI,KAAJ,CACM,KAAN,SAGE,QAPF,aASE,KATF,WAUI,MAAJ,CACM,OAAN,IAGE,MAAF,GAGE,SAAF,CACI,SADJ,WAEM,MAAN,4DAGE,QAAF,CACI,WADJ,SACA,GACM,IAAN,GACQ,EAAR,KACQ,EAAR,OACQ,EAAR,OACQ,EAAR,QACQ,EAAR,QACQ,EAAR,QAGM,OAAN,MAEI,aAbJ,SAaA,GACM,IAAN,KAQM,OAPN,qBACA,qDACU,EAAV,0BACA,wDACU,EAAV,6BAGA,GAGI,gBAzBJ,SAyBA,GACM,IAAN,IAQM,OAPN,mBACA,qDACU,EAAV,4CACA,wDACU,EAAV,sCAEA,gBACA,GAEI,SApCJ,SAoCA,GACM,IAAN,GACQ,gBAAR,iCACQ,eAAR,QACQ,mBAAR,OAEM,OAAN,GAEI,YA5CJ,SA4CA,GACM,KAAN,uDACM,KAAN,oDChGyW,I,wBCQrWC,EAAY,eACd,EACA5B,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,kECnBf","file":"js/chunk-1ee8d8d0.b35176c2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-container unselect\",on:{\"click\":function($event){return _vm.clickDetail(_vm.card)}}},[_c('div',{staticClass:\"card-content\"},[_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"card-img\",style:(_vm.imgStyle)}),_c('div',{staticStyle:{\"flex\":\"1\",\"padding-left\":\"12px\"}},[_c('div',{staticClass:\"subtitle6 main margin-top-12\"},[_vm._v(_vm._s(_vm.card.product.name))]),_c('div',{staticClass:\"body5 sub3 ellipsis-2\"},[_vm._v(_vm._s(_vm.card.product.simple_desc))])])]),_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"flex-between\"},[_c('div',[_c('span',{staticClass:\"body6 sub3\"},[_vm._v(\"구매일\")]),_c('span',{staticClass:\"body5-medium sub\",staticStyle:{\"margin-left\":\"4px\"}},[_vm._v(_vm._s(_vm.datesFormat(_vm.card.created_time, 'date_3')))])]),(_vm.card.status!==undefined)?_c('div',{class:(\"card-status-\" + (_vm.card.status))},[(_vm.card.status===2)?_c('svg',{attrs:{\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M20 6L9 17L4 12\",\"stroke\":\"#ffffff\",\"stroke-width\":\"4\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})]):_vm._e(),_vm._v(_vm._s(_vm.statusText(_vm.card.status))+\" \")]):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"card-container unselect\" @click=\"clickDetail(card)\">\r\n    <div class=\"card-content\">\r\n      <div class=\"flex-align\">\r\n        <div class=\"card-img\" :style=\"imgStyle\"></div>\r\n        <div style=\"flex:1;padding-left:12px\">\r\n          <div class=\"subtitle6 main margin-top-12\">{{ card.product.name }}</div>\r\n          <div class=\"body5 sub3 ellipsis-2\">{{ card.product.simple_desc }}</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"divider\"></div>\r\n      <div class=\"flex-between\">\r\n        <!-- 가격 정보 -->\r\n        <div>\r\n          <span class=\"body6 sub3\">구매일</span>\r\n          <span class=\"body5-medium sub\" style=\"margin-left:4px\">{{ datesFormat(card.created_time, 'date_3') }}</span>\r\n        </div>\r\n        <div :class=\"`card-status-${card.status}`\" v-if=\"card.status!==undefined\">\r\n          <svg v-if=\"card.status===2\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M20 6L9 17L4 12\" stroke=\"#ffffff\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          </svg>{{ statusText(card.status) }}\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: \"CardOrderService\",\r\n    props: {\r\n      card: {\r\n        type: Object\r\n      }\r\n    },\r\n    created() {\r\n    },\r\n    data() {\r\n      return {\r\n        tagLen: 0\r\n      }\r\n    },\r\n    watch: {\r\n\r\n    },\r\n    computed: {\r\n      imgStyle() {\r\n        return `backgroundImage: url(${this.card.product.img})`;\r\n      }\r\n    },\r\n    methods: {\r\n      statusText(status) {\r\n        const arr = {\r\n          0: '추가',\r\n          1: '신청 중',\r\n          2: '이용 중',\r\n          4: '안내 완료',\r\n          5: '결제 완료',\r\n          6: '작업 중'\r\n        };\r\n\r\n        return arr[status];\r\n      },\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      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      imgField(img) {\r\n        let style = {\r\n          backgroundImage: `url(${this.image(img)})`,\r\n          backgroundSize: 'cover',\r\n          backgroundPosition: 'top'\r\n        };\r\n        return style;\r\n      },\r\n      clickDetail(card) {\r\n        this.routeGa('',`추가서비스 구매내역 카드(${card.name})`, card.name);\r\n        this.$router.push(`detail?id=${card.product.id}`)\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\r\n  .card-container\r\n    background-color white\r\n    border-radius 8px\r\n    border 1px solid $gray2\r\n\r\n  .card-img\r\n    width 60px\r\n    height 60px\r\n    border-radius 10px\r\n    background-color $gray3\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    background-repeat no-repeat\r\n    background-size cover\r\n    background-position center\r\n\r\n  .card-content\r\n    padding 20px\r\n\r\n  .tag\r\n    border 1px solid $gray1\r\n    border-radius 50px\r\n    padding 2px 8px\r\n    margin-right 4px\r\n\r\n  .card-status-0\r\n  .card-status-1\r\n  .card-status-2\r\n  .card-status-4\r\n  .card-status-5\r\n  .card-status-6\r\n    border-radius 50px\r\n    padding 0 20px\r\n    line-height 32px\r\n    height 32px\r\n\r\n  .card-status-0\r\n    background-color $primary\r\n    color white\r\n  .card-status-1\r\n  .card-status-4\r\n  .card-status-5\r\n  .card-status-6\r\n    background-color $primary-light2\r\n    color $primary\r\n  .card-status-2\r\n    background-color $main\r\n    color white\r\n    svg\r\n      margin-right 4px\r\n      width 12px\r\n      height 12px\r\n\r\n  .divider\r\n    width 100%\r\n    height 1px\r\n    background-color $gray2\r\n    margin 12px 0\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!./CardOrderService.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!./CardOrderService.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardOrderService.vue?vue&type=template&id=6c8fb849&scoped=true&\"\nimport script from \"./CardOrderService.vue?vue&type=script&lang=js&\"\nexport * from \"./CardOrderService.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardOrderService.vue?vue&type=style&index=0&id=6c8fb849&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  \"6c8fb849\",\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!./CardOrderService.vue?vue&type=style&index=0&id=6c8fb849&lang=stylus&scoped=true&\""],"sourceRoot":""}