{"version":3,"sources":["webpack:///./src/components/page/ServiceAccountSimple.vue?61c5","webpack:///src/components/page/ServiceAccountSimple.vue","webpack:///./src/components/page/ServiceAccountSimple.vue?95f5","webpack:///./src/components/page/ServiceAccountSimple.vue","webpack:///./src/mixins/UserAPIMixin.js","webpack:///./src/components/page/ServiceAccountSimple.vue?52ff"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_s","product","name","_f","price","_m","on","clickAccount","_e","staticRenderFns","component","userAxios","axios","create","headers","common","data","request","user","created","defaults","baseURL","process","$store","getters","user_id","token","auth","setHeader","methods","key","value","logout","post","then","commit","$router","replace","catch","err","undefined","response","detail","toast","message"],"mappings":"0iBAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,iDAAiD,CAACF,EAAG,MAAM,CAACE,YAAY,UAAUC,YAAY,CAAC,iBAAiB,SAAS,CAACP,EAAIQ,GAAG,UAAUJ,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACN,EAAIQ,GAAG,UAAU,CAACJ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIQ,GAAG,QAAQJ,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,QAAQC,SAASP,EAAG,OAAO,CAACE,YAAY,oBAAoBF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACN,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIY,GAAG,cAAPZ,CAAsBA,EAAIU,QAAQG,MAAMA,WAAWT,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,cAAcJ,EAAG,MAAM,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIY,GAAG,cAAPZ,CAAsBA,EAAIU,QAAQG,MAAMA,WAAWT,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIQ,GAAG,aAAaR,EAAIc,GAAG,GAAGV,EAAG,MAAM,CAACE,YAAY,cAAcC,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,SAAS,CAACE,YAAY,oBAAoBC,YAAY,CAAC,MAAQ,QAAQ,cAAc,OAAOQ,GAAG,CAAC,MAAQf,EAAIgB,eAAe,CAAChB,EAAIQ,GAAG,aAAa,GAAGJ,EAAG,MAAM,CAACE,YAAY,qDAAqD,CAACF,EAAG,MAAM,CAACE,YAAY,UAAUC,YAAY,CAAC,iBAAiB,SAAS,CAACP,EAAIQ,GAAG,UAAUJ,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACN,EAAIQ,GAAG,UAAU,CAACJ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIQ,GAAG,QAAQJ,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,QAAQC,SAASP,EAAG,OAAO,CAACE,YAAY,oBAAoBF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACN,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIY,GAAG,cAAPZ,CAAsBA,EAAIU,QAAQG,MAAMA,WAAWT,EAAG,OAAO,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,cAAcJ,EAAG,MAAM,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIY,GAAG,cAAPZ,CAAsBA,EAAIU,QAAQG,MAAMA,WAAWT,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIQ,GAAG,aAAaR,EAAIc,GAAG,GAAGV,EAAG,MAAM,CAACE,YAAY,cAAcC,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,SAAS,CAACE,YAAY,+BAA+BC,YAAY,CAAC,MAAQ,QAAQ,OAAS,OAAO,cAAc,OAAOQ,GAAG,CAAC,MAAQf,EAAIgB,eAAe,CAAChB,EAAIQ,GAAG,aAAa,KAAKR,EAAIiB,MAClmFC,EAAkB,CAAC,WAAa,IAAIlB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACN,EAAIQ,GAAG,WAAWJ,EAAG,SAAS,CAACE,YAAY,oBAAoBC,YAAY,CAAC,aAAa,OAAO,MAAQ,UAAU,CAACP,EAAIQ,GAAG,eAAe,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACN,EAAIQ,GAAG,WAAWJ,EAAG,SAAS,CAACE,YAAY,oBAAoBC,YAAY,CAAC,aAAa,OAAO,MAAQ,UAAU,CAACP,EAAIQ,GAAG,gB,0GC4F5sB,GACE,KAAF,iBACE,OAAF,CACA,QAEE,QALF,WAMI,KAAJ,QAEE,KARF,WASI,MAAJ,CACM,aAAN,EACM,aAAN,EACM,WAAN,IAGE,QAAF,CACI,KADJ,WACM,IAAN,OACM,KAAN,gGACQ,EAAR,kBAEM,KAAN,gIACQ,EAAR,mBAGI,SATJ,WASM,IAAN,OACA,KAOM,OANA,OAAN,iDACA,6BACU,GAAV,MAIA,GAEI,QAnBJ,SAmBA,GAAM,IAAN,OACA,GACQ,UAAR,EACQ,WAAR,iBAEM,KAAN,mHACQ,EAAR,8CAII,aA7BJ,WA6BM,IAAN,OAAM,OAAN,kKACA,mCADA,cACA,EADA,OAEA,SAFA,SAGA,iCACA,4BAEA,SACA,wBACA,qDACA,iBACA,gCACA,wBACA,oCACA,gBAbA,OAGA,EAHA,OAgBA,SACA,GACA,oBACA,mBACA,kBACA,0BACA,2CACA,0CACA,6CACA,6BACA,oCACA,kBACA,2DACA,uBACA,yBACA,cACA,qEAMA,uBAtCA,+CAyCI,oBAtEJ,WAsEM,IAAN,OAEM,GAAN,6BACQ,KAAR,6CACA,CACQ,IAAR,gBAEU,YADA,KAAV,4BAIQ,KAAR,wBACQ,KAAR,kFAEU,GADA,EAAV,eACA,wBACY,GAAZ,sCACc,EAAd,oDACA,CACc,EAAd,4BACc,OAAd,4CACgB,EAAhB,4BAEc,IAAd,WACA,CAAgB,KAAhB,OAAgB,IAAhB,YACA,CAAgB,KAAhB,OAAgB,IAAhB,MACA,CAAgB,KAAhB,OAAgB,IAAhB,MACA,CAAgB,KAAhB,OAAgB,IAAhB,UAJA,eAKA,CALgB,IAAhB,OAMA,oCACkB,EAAlB,oCAMY,EAAZ,2BAEA,kBACU,EAAV,qBAKE,SAAF,IC5N6W,I,wBCQzWW,EAAY,eACd,EACApB,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,wHCjBTC,EAAYC,IAAMC,OAAO,CAC7BC,QAAS,CACPC,OAAQ,MAIG,QACbC,KADa,WAEX,MAAO,CACLC,QAAS,CACPC,KAAMP,KAMZQ,QAVa,WAeX,GAHA3B,KAAKyB,QAAQC,KAAKE,SAASC,QAA3B,UAAwCC,2CAAxC,iBAAuF9B,KAAK+B,OAAOC,QAAQN,KAAKO,SAGzE,KAAnCjC,KAAK+B,OAAOC,QAAQN,KAAKQ,MAAc,CACzC,IAAMC,EAAO,SAAWnC,KAAK+B,OAAOC,QAAQN,KAAKQ,MACjDlC,KAAKoC,UAAUpC,KAAKyB,QAAQC,KAAM,gBAAiBS,KAIvDE,QAAS,CACPD,UADO,SACGX,EAASa,EAAKC,GACtBd,EAAQG,SAASN,QAAQC,OAAOe,GAAOC,GAGnCC,OALC,WAKQ,wKACP,EAAKf,QAAQC,KAAKe,KAAlB,UAA0BX,2CAA1B,sBACHY,MAAK,WACJ,EAAKX,OAAOY,OAAO,iBACZ,EAAKlB,QAAQC,KAAKE,SAASN,QAAQC,OAAO,iBACjD,EAAKqB,QAAQC,QAAQ,WACpBC,OAAM,SAAAC,QACyBC,IAA7BD,EAAIE,SAASzB,KAAK0B,OACnB,EAAKC,MAAMJ,EAAIE,SAASzB,KAAK4B,SAE7B,EAAKD,MAAMJ,EAAIE,SAASzB,KAAK0B,WAVtB,iD,kCClCnB","file":"js/chunk-99439efa.92e06552.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.product)?_c('div',{staticClass:\"container-top\"},[_c('div',{staticClass:\"pc container padding-top-60 position-relative\"},[_c('div',{staticClass:\"h5 main\",staticStyle:{\"padding-bottom\":\"52px\"}},[_vm._v(\"결제하기\")]),_c('div',{staticClass:\"body0-bold main account-price-title\"},[_vm._v(\"결제금액\")]),[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"subtitle5 sub2\"},[_vm._v(\"상품\")]),_c('div',[_c('div',{staticClass:\"flex-end item-product\"},[_c('div',{staticClass:\"body2 sub3\"},[_vm._v(_vm._s(_vm.product.name))]),_c('span',{staticClass:\"price-indicator\"}),_c('div',{staticClass:\"price body2-bold main\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currencyNum\")(_vm.product.price.price)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")])])])])],_c('div',{staticStyle:{\"margin-top\":\"26px\"}},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"subtitle4 main\"},[_vm._v(\"총 결제금액\")]),_c('div',[_c('span',{staticClass:\"price h5 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.product.price.price)))]),_c('span',{staticClass:\"body2-medium sub\"},[_vm._v(\"원\")])])])]),_vm._m(0),_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin-top\":\"80px\"}},[_c('button',{staticClass:\"button is-primary\",staticStyle:{\"width\":\"242px\",\"margin-left\":\"8px\"},on:{\"click\":_vm.clickAccount}},[_vm._v(\"결제하기\")])])],2),_c('div',{staticClass:\"mobile container padding-top-24 position-relative\"},[_c('div',{staticClass:\"h6 main\",staticStyle:{\"padding-bottom\":\"28px\"}},[_vm._v(\"결제하기\")]),_c('div',{staticClass:\"body2-bold main account-price-title\"},[_vm._v(\"결제금액\")]),[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"body4-bold sub2\"},[_vm._v(\"상품\")]),_c('div',[_c('div',{staticClass:\"flex-end item-product\"},[_c('div',{staticClass:\"body4 sub3\"},[_vm._v(_vm._s(_vm.product.name))]),_c('span',{staticClass:\"price-indicator\"}),_c('div',{staticClass:\"price body4-bold main\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currencyNum\")(_vm.product.price.price)))]),_c('span',{staticClass:\"body4 sub\"},[_vm._v(\"원\")])])])])],_c('div',{staticStyle:{\"margin-top\":\"26px\"}},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"subtitle6 main\"},[_vm._v(\"총 결제금액\")]),_c('div',[_c('span',{staticClass:\"price body0-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.product.price.price)))]),_c('span',{staticClass:\"body2-medium sub\"},[_vm._v(\"원\")])])])]),_vm._m(1),_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin-top\":\"40px\"}},[_c('button',{staticClass:\"button is-primary body4-bold\",staticStyle:{\"width\":\"200px\",\"height\":\"48px\",\"margin-left\":\"8px\"},on:{\"click\":_vm.clickAccount}},[_vm._v(\"결제하기\")])])],2)]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"margin-top\":\"92px\"}},[_c('div',{staticClass:\"account-price-method\"},[_c('h5',{staticClass:\"body0-bold main\"},[_vm._v(\"결제 방법\")]),_c('button',{staticClass:\"button is-primary\",staticStyle:{\"margin-top\":\"20px\",\"width\":\"120px\"}},[_vm._v(\"신용카드\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"margin-top\":\"92px\"}},[_c('div',{staticClass:\"account-price-method\"},[_c('h5',{staticClass:\"body2-bold main\"},[_vm._v(\"결제 방법\")]),_c('button',{staticClass:\"button is-primary\",staticStyle:{\"margin-top\":\"20px\",\"width\":\"120px\"}},[_vm._v(\"신용카드\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-top\" v-if=\"product\">\r\n    <div class=\"pc container padding-top-60 position-relative\">\r\n      <div class=\"h5 main\" style=\"padding-bottom:52px\">결제하기</div>\r\n      <div class=\"body0-bold main account-price-title\">결제금액</div>\r\n      <template>\r\n        <div class=\"item\">\r\n          <div class=\"subtitle5 sub2\">상품</div>\r\n          <div>\r\n            <div class=\"flex-end item-product\">\r\n              <div class=\"body2 sub3\">{{ product.name }}</div>\r\n              <span class=\"price-indicator\"></span>\r\n              <div class=\"price body2-bold main\">\r\n                {{ product.price.price |currencyNum }}</div>\r\n              <span class=\"body4 sub\">원</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n\r\n      <!-- 총 결제금액 -->\r\n      <div style=\"margin-top:26px\">\r\n        <div class=\"flex-between\">\r\n          <div class=\"subtitle4 main\">총 결제금액</div>\r\n          <div>\r\n            <span class=\"price h5 main\">{{ product.price.price|currencyNum }}</span><span class=\"body2-medium sub\">원</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 결제 방법 -->\r\n      <div style=\"margin-top:92px\">\r\n        <div class=\"account-price-method\">\r\n          <h5 class=\"body0-bold main\">결제 방법</h5>\r\n          <!--<div class=\"sub3\" style=\"margin-top:8px\">비용을 납부할 카드를 선택 해주세요.</div>-->\r\n          <button class=\"button is-primary\" style=\"margin-top:20px;width:120px\">신용카드</button>\r\n        </div>\r\n        <!--<div style=\"margin:32px 0 56px 0\">\r\n          <billing-form ref=\"form\"></billing-form>\r\n        </div>-->\r\n      </div>\r\n      <div class=\"flex-center\" style=\"margin-top:80px\">\r\n        <button class=\"button is-primary\" style=\"width:242px;margin-left:8px\" @click=\"clickAccount\">결제하기</button>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile container padding-top-24 position-relative\">\r\n      <div class=\"h6 main\" style=\"padding-bottom:28px\">결제하기</div>\r\n      <div class=\"body2-bold main account-price-title\">결제금액</div>\r\n      <template>\r\n        <div class=\"item\">\r\n          <div class=\"body4-bold sub2\">상품</div>\r\n          <div>\r\n            <div class=\"flex-end item-product\">\r\n              <div class=\"body4 sub3\">{{ product.name }}</div>\r\n              <span class=\"price-indicator\"></span>\r\n              <div class=\"price body4-bold main\">\r\n                {{ product.price.price |currencyNum }}</div>\r\n              <span class=\"body4 sub\">원</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n\r\n      <!-- 총 결제금액 -->\r\n      <div style=\"margin-top:26px\">\r\n        <div class=\"flex-between\">\r\n          <div class=\"subtitle6 main\">총 결제금액</div>\r\n          <div>\r\n            <span class=\"price body0-bold main\">{{ product.price.price|currencyNum }}</span><span class=\"body2-medium sub\">원</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 결제 방법 -->\r\n      <div style=\"margin-top:92px\">\r\n        <div class=\"account-price-method\">\r\n          <h5 class=\"body2-bold main\">결제 방법</h5>\r\n          <!--<div class=\"sub3\" style=\"margin-top:8px\">비용을 납부할 카드를 선택 해주세요.</div>-->\r\n          <button class=\"button is-primary\" style=\"margin-top:20px;width:120px\">신용카드</button>\r\n        </div>\r\n        <!--<div style=\"margin:32px 0 56px 0\">\r\n          <billing-form ref=\"form\"></billing-form>\r\n        </div>-->\r\n      </div>\r\n      <div class=\"flex-center\" style=\"margin-top:40px\">\r\n        <button class=\"button is-primary body4-bold\" style=\"width:200px;height:48px;margin-left:8px\" @click=\"clickAccount\">결제하기</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\n  export default {\r\n    name: \"ServiceAccount\",\r\n    mixins: [\r\n      UserAPIMixin,\r\n    ],\r\n    created() {\r\n      this.init();\r\n    },\r\n    data() {\r\n      return {\r\n        service: undefined,\r\n        product: undefined,\r\n        visiblePG: false\r\n      }\r\n    },\r\n    methods: {\r\n      init() {\r\n        this.$axios.get(`public/launchpack/service/${this.$route.query.service_id}`).then(res => {\r\n          this.service = res.data;\r\n        });\r\n        this.request.user.get(`mapping/product/${this.$route.query.id}?fields=id,name,price,category1,category2`).then(res => {\r\n          this.product = res.data;\r\n        });\r\n      },\r\n      validate() {\r\n        let valid = true;\r\n        Object.keys(this.$refs.form.value).forEach(key=>{\r\n          if(this.$refs.form.value[key] === '') {\r\n            valid = false;\r\n          }\r\n        });\r\n\r\n        return valid;\r\n      },\r\n      account(user_bill_id) {\r\n        let params = {\r\n          user_bill: user_bill_id,\r\n          product_id: this.product.id\r\n        }\r\n        this.request.user.post(`launchpack/service/${this.$route.query.service_id}/simple_account`, params).then(()=>{\r\n          this.routerPush('service_account_simple_done');\r\n        });\r\n      },\r\n      // 일반 결제\r\n      async clickAccount() {\r\n        let res = await this.$axios.get('public/payple/auth');\r\n        let auth = res.data;\r\n        res = await this.$axios.post('public/merchant', {\r\n          price: this.product.price.price,\r\n          // 서비스별 이용내역에 기록할 내용\r\n          payinfo: {\r\n            service_id: this.service.id,\r\n            billing_date: this.dayjs().format('YYYY-MM-DD HH:mm:ss'),\r\n            billing_status: 1,\r\n            category_id: this.product.category2,\r\n            product_id: this.product.id,\r\n            product_price: this.product.price.price,\r\n            pay_method: 4\r\n          }\r\n        }); \r\n        let mid = res.data;\r\n        let obj = {\r\n          PCD_PAY_TYPE: 'card',\r\n          PCD_PAY_WORK: 'PAY',\r\n          PCD_CARD_VER: '02',\r\n          PCD_PAYER_NO: this.service.id,\r\n          PCD_PAYER_NAME : this.service.service_user.name,\r\n          PCD_PAYER_HP : this.service.service_user.phone,\r\n          PCD_PAYER_EMAIL : this.service.service_user.email,\r\n          PCD_PAY_GOODS: this.product.name,\r\n          PCD_PAY_TOTAL: this.product.price.price,\r\n          PCD_PAY_ISTAX: 'Y',\r\n          PCD_PAY_TAXTOTAL: Math.round(this.product.price.price * (10/11)),\r\n          PCD_AUTH_KEY: auth.AuthKey,\r\n          PCD_PAY_URL: auth.return_url,\r\n          PCD_PAY_OID: mid,\r\n          PCD_RST_URL: `${location.origin}/api/public/simple_account`\r\n          // test\r\n          //PCD_RST_URL: `http://localhost:8001/public/simple_account`\r\n        }\r\n        /*global PaypleCpayAuthCheck, */\r\n        /*eslint no-undef: \"error\"*/\r\n        PaypleCpayAuthCheck(obj);\r\n      },\r\n      // 빌링 결제\r\n      clickAccountBilling() {\r\n\r\n          if(this.$refs.form.selectedBill) {\r\n            this.account(this.$refs.form.selectedBill.id);\r\n          } else {\r\n            if(!this.validate()) {\r\n              this.toast('카드 정보를 제대로 입력해주세요.');\r\n              return;\r\n            }\r\n\r\n            this.setLoading('카드 등록중입니다');\r\n            this.request.user.post('launchpack/card_bill', this.$refs.form.value).then(res=>{\r\n              this.clearLoading();\r\n              if(res.data.result === 'error') {\r\n                if(res.data.message.indexOf('CDAU1002')>-1) {\r\n                  this.toast(res.data.message.replace('[CDAU1002] ',''));\r\n                } else {\r\n                  this.toast('카드 정보가 잘못 입력되었습니다.');\r\n                  Object.keys(this.$refs.form.err).forEach((key=>{\r\n                    this.$refs.form.err[key].err = false;\r\n                  }));\r\n                  for(let item of [\r\n                    { code: '3110', key: 'card_num' },\r\n                    { code: '3115', key: 'pw' },\r\n                    { code: '3119', key: 'ex' },\r\n                    { code: '3131', key: 'birth' }\r\n                  ]) {\r\n                    if(res.data.message.indexOf(item.code)>-1) {\r\n                      this.$refs.form.err[item.key].err = true;\r\n                    }\r\n                  }\r\n                }\r\n              } else {\r\n                // 카드 등록 성공\r\n                this.account(res.data.bill_id);\r\n              }\r\n            }).catch(()=>{\r\n              this.clearLoading();\r\n            });\r\n          }\r\n        }\r\n    },\r\n    computed: {\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  .account-price-title\r\n    border-top 1px solid $main\r\n    border-bottom 1px solid $sub5\r\n    padding 16px 0\r\n  .account-price-method\r\n    border-top 1px solid $main\r\n    border-bottom 1px solid $gray2\r\n    padding 16px 0\r\n  .item\r\n    padding 32px 0\r\n    border-bottom 1px solid $gray2\r\n    display flex\r\n    justify-content space-between\r\n  .item-product\r\n    margin-bottom 8px\r\n    text-align right\r\n  .item-product:last-child\r\n    margin-bottom 0\r\n  .box-info\r\n    background-color $gray4\r\n    padding 24px\r\n    border-radius 8px\r\n    margin-top 8px\r\n\r\n  .box-method\r\n    border 1px solid $primary\r\n    background-color $primary-light2\r\n    color $primary\r\n    text-align center\r\n    width 130px\r\n    height 40px\r\n    line-height 40px\r\n    border-radius 8px\r\n    font-size 14px\r\n\r\n  .price-indicator\r\n    border 2px solid $gray1\r\n    border-radius 50%\r\n    margin 0 12px\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!./ServiceAccountSimple.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!./ServiceAccountSimple.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceAccountSimple.vue?vue&type=template&id=0742bdaa&scoped=true&\"\nimport script from \"./ServiceAccountSimple.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceAccountSimple.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceAccountSimple.vue?vue&type=style&index=0&id=0742bdaa&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  \"0742bdaa\",\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\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","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!./ServiceAccountSimple.vue?vue&type=style&index=0&id=0742bdaa&lang=stylus&scoped=true&\""],"sourceRoot":""}