{"version":3,"sources":["webpack:///./src/components/module/BillingForm.vue?4ec4","webpack:///./src/components/module/BillingForm.vue?5db8","webpack:///src/components/module/BillingForm.vue","webpack:///./src/components/module/BillingForm.vue?d307","webpack:///./src/components/module/BillingForm.vue","webpack:///./src/mixins/UserAPIMixin.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","billList","length","style","vForm","staticStyle","_v","class","vDrop","on","$event","_s","selectedLabel","_l","item","idx","key","stopPropagation","preventDefault","clickItem","clickNew","_e","attrs","value","staticRenderFns","component","userAxios","axios","create","headers","common","data","request","user","created","defaults","baseURL","process","$store","getters","user_id","token","auth","setHeader","interceptors","response","use","error","status","logout","Promise","reject","methods","post","then","commit","$router","replace","catch","err","undefined","detail","toast","message"],"mappings":"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","file":"js/chunk-df74a32c.9583b8e6.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!./BillingForm.vue?vue&type=style&index=0&id=4092069a&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-container\"},[(_vm.billList.length>0)?_c('div',{style:((\"margin-bottom:\" + (_vm.vForm ? '40' : '80') + \"px\"))},[_c('div',{staticClass:\"subtitle7 main\",staticStyle:{\"margin-bottom\":\"4px\"}},[_vm._v(\"결제 카드 선택\")]),_c('div',{staticClass:\"dropdown unselect sub\",class:{'dropdown-open':_vm.vDrop},on:{\"click\":function($event){_vm.vDrop = !_vm.vDrop}}},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"dropdown-selected-item\"},[_vm._v(_vm._s(_vm.selectedLabel))]),_c('i',{staticClass:\"material-icons\"},[_vm._v(\"keyboard_arrow_\"+_vm._s(_vm.vDrop ? 'up' : 'down'))])]),(_vm.vDrop)?_c('div',{staticClass:\"dropdown-list\"},[_vm._l((_vm.billList),function(item,idx){return _c('div',{key:'bill-'+idx,staticClass:\"dropdown-item\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickItem(item)}}},[_vm._v(_vm._s(((item.card_name) + \" \" + (item.num))))])}),_c('div',{staticClass:\"dropdown-item\",on:{\"click\":_vm.clickNew}},[_vm._v(\"+ 새로운 카드 추가하기\")])],2):_vm._e()])]):_vm._e(),(_vm.vForm)?_c('card-input-form',{attrs:{\"value\":_vm.value},on:{\"update:value\":function($event){_vm.value=$event}}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"form-container\">\r\n    <!--<div class=\"button-grid\">\r\n      <div class=\"button-pay unselect\" :class=\"{'button-pay-selected': value.pg_type === 'payple'}\"\r\n           @click=\"value.pg_type='payple'\">\r\n        <div class=\"checked-button\" v-if=\"value.pg_type==='payple'\">\r\n          <img src=\"/static/icon/u_check.svg\" class=\"svg-white\">\r\n        </div>\r\n        <div class=\"text-center\">\r\n          <img src=\"/static/img/img_credit.png\" alt=\"신용카드\" style=\"width:34px\">\r\n          <div class=\"body2-medium sub\">신용카드</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"button-pay unselect\" :class=\"{'button-pay-selected': value.pg_type === 'npay'}\"\r\n          @click=\"clickNpay\">\r\n        <div class=\"checked-button\" v-if=\"value.pg_type==='npay'\">\r\n          <img src=\"/static/icon/u_check.svg\" class=\"svg-white\">\r\n        </div>\r\n        <div class=\"text-center\">\r\n          <img src=\"/static/img/img_npay.png\" alt=\"네이버페이\" style=\"width:56px\">\r\n          <div class=\"body2-medium sub\">네이버페이</div>\r\n        </div>\r\n      </div>\r\n    </div>-->\r\n\r\n    <!-- 기존 카드 선택 -->\r\n    <div v-if=\"billList.length>0\" :style=\"`margin-bottom:${vForm ? '40' : '80'}px`\">\r\n      <div class=\"subtitle7 main\" style=\"margin-bottom:4px\">결제 카드 선택</div>\r\n      <div class=\"dropdown unselect sub\" :class=\"{'dropdown-open':vDrop}\" @click=\"vDrop = !vDrop\">\r\n        <div class=\"flex-between\">\r\n          <div class=\"dropdown-selected-item\">{{ selectedLabel }}</div>\r\n          <i class=\"material-icons\">keyboard_arrow_{{ vDrop ? 'up' : 'down' }}</i>\r\n        </div>\r\n        <div class=\"dropdown-list\" v-if=\"vDrop\">\r\n          <div class=\"dropdown-item\" v-for=\"(item,idx) in billList\"\r\n               :key=\"'bill-'+idx\" @click.stop.prevent=\"clickItem(item)\">{{ `${item.card_name} ${item.num}` }}</div>\r\n          <div class=\"dropdown-item\" @click=\"clickNew\">+ 새로운 카드 추가하기</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 신규 입력 -->\r\n    <card-input-form v-if=\"vForm\" :value.sync=\"value\"></card-input-form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\n  import CardInputForm from \"./CardInputForm\";\r\n\r\n  export default {\r\n    name: \"BillingForm\",\r\n    components: {CardInputForm},\r\n    mixins: [\r\n      UserAPIMixin\r\n    ],\r\n    created() {\r\n      this.getUserCardBill();\r\n    },\r\n    props: {\r\n      service_id: {\r\n        type: Number,\r\n        default: 0\r\n      }\r\n    },\r\n    mounted() {\r\n    },\r\n    data() {\r\n      return {\r\n        value: {\r\n          pg_type: 'payple',\r\n          card_num: '',\r\n          ex_year: '',\r\n          ex_month: '',\r\n          birth: ''\r\n        },\r\n        billList: [],\r\n        selectedBill: undefined,\r\n        selectedLabel: '',\r\n        vDrop: false,\r\n        vForm: false\r\n      }\r\n    },\r\n    methods: {\r\n      clickNew() {\r\n        this.vForm = true;\r\n        this.selectedBill = undefined;\r\n        this.selectedLabel = '+ 새로운 카드 추가하기';\r\n      },\r\n      clickItem(item) {\r\n        this.selectedBill = item;\r\n        this.selectedLabel = `${item.card_name} ${item.num}`;\r\n        this.vForm = false;\r\n        this.vDrop = false;\r\n      },\r\n      getUserCardBill() {\r\n        let url = 'launchpack/card_bill';\r\n        if(this.service_id) {\r\n          url += `/service/${this.service_id}`;\r\n        }\r\n\r\n        this.request.user.get(url).then(res=>{\r\n          this.billList = res.data;\r\n          if(this.billList.length>0) {\r\n            this.clickItem(this.billList[0]);\r\n          } else {\r\n            this.vForm = true;\r\n          }\r\n        });\r\n      },\r\n      /*clickNpay() {\r\n        this.toast('네이버페이 결제 방식은 아직 준비중입니다');\r\n        // this.value.pg_type='npay';\r\n      }*/\r\n    }\r\n  }\r\n</script>\r\n\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .button-grid\r\n    display grid\r\n    grid-template-columns repeat(2, 1fr)\r\n    grid-column-gap 20px\r\n\r\n  .button-pay\r\n    position relative\r\n    padding 20px 24px\r\n    border 1px solid #e3e3e3\r\n    border-radius 4px\r\n    box-shadow 0 2px 3px rgba(0, 0, 0, 0.07)\r\n    height 96px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n\r\n  .button-pay-selected\r\n    border 2px solid $primary\r\n    padding 16px 20px\r\n\r\n  .checked-button\r\n    width 20px\r\n    height 20px\r\n    border-radius 100%\r\n    color white\r\n    padding 2px\r\n    background-color $primary\r\n    position absolute\r\n    top -10px\r\n    right -10px\r\n\r\n  .dropdown\r\n    position relative\r\n    border 1px solid $gray1\r\n    border-radius 8px\r\n    background-color white\r\n\r\n  .dropdown-open\r\n    border-bottom-left-radius 0\r\n    border-bottom-right-radius 0\r\n\r\n  .dropdown\r\n  .dropdown-item\r\n    padding 12px 16px\r\n    font-size 15px\r\n\r\n  .dropdown-item:hover\r\n    background-color $gray4\r\n\r\n  .dropdown-list\r\n    position absolute\r\n    background-color white\r\n    z-index 1\r\n    border 1px solid $gray1\r\n    border-bottom-left-radius 8px\r\n    border-bottom-right-radius 8px\r\n    top 47px\r\n    left -1px\r\n    width calc(100% + 2px)\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!./BillingForm.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!./BillingForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BillingForm.vue?vue&type=template&id=4092069a&scoped=true&\"\nimport script from \"./BillingForm.vue?vue&type=script&lang=js&\"\nexport * from \"./BillingForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BillingForm.vue?vue&type=style&index=0&id=4092069a&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  \"4092069a\",\n  null\n  \n)\n\nexport default component.exports","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    this.request.user.interceptors.response.use(response => {\r\n      return response;\r\n    }, error => {\r\n      if (error.response.status === 401) {\r\n        this.logout(); // 로그아웃 메서드 호출\r\n      }\r\n      return Promise.reject(error);\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"],"sourceRoot":""}