{"version":3,"sources":["webpack:///./src/views/TopUp.vue?baa0","webpack:///./src/components/Utility/MsgBox.vue?d5b0","webpack:///./src/assets/images/ico/TopUp/web_button_card.png","webpack:///./src/assets/images/ico/TopUp/mobile_button_gift.png","webpack:///./src/assets/images/ico/TopUp/mobile_button_discount.png","webpack:///./src/assets/images/ico/TopUp/web_button_gift.png","webpack:///./node_modules/core-js/modules/es.string.replace.js","webpack:///./src/views/TopUp.vue?ace0","webpack:///src/views/TopUp.vue","webpack:///./src/views/TopUp.vue?f140","webpack:///./src/views/TopUp.vue","webpack:///./src/assets/images/ico/TopUp/mobile_button_card.png","webpack:///./src/assets/images/ico/TopUp/web_button_mycard.png","webpack:///./src/components/Utility/MsgBox.vue?d247","webpack:///src/components/Utility/MsgBox.vue","webpack:///./src/components/Utility/MsgBox.vue?8ca8","webpack:///./src/components/Utility/MsgBox.vue","webpack:///./src/assets/images/ico/TopUp/mobile_button_recharge.png","webpack:///./src/assets/images/ico/TopUp/web_button_creditcard.png","webpack:///./src/assets/images/ico/TopUp/web_button_discount.png","webpack:///./src/assets/images/ico/TopUp/web_button_webatm.png","webpack:///./src/assets/images/ico/TopUp/web_button_recharge.png","webpack:///./src/assets/images/ico/TopUp/web_button_gash.png","webpack:///./src/assets/images/ico/TopUp/web_button_funpay.png","webpack:///./src/assets/images/ico/TopUp/web_button_atm.png","webpack:///./src/assets/images/ico/TopUp/web_button_iwin.png"],"names":["module","exports","fixRegExpWellKnownSymbolLogic","anObject","toObject","toLength","toInteger","requireObjectCoercible","advanceStringIndex","regExpExec","max","Math","min","floor","SUBSTITUTION_SYMBOLS","SUBSTITUTION_SYMBOLS_NO_NAMED","maybeToString","it","undefined","String","REPLACE","nativeReplace","maybeCallNative","reason","REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE","REPLACE_KEEPS_$0","UNSAFE_SUBSTITUTE","searchValue","replaceValue","O","this","replacer","call","regexp","indexOf","res","done","value","rx","S","functionalReplace","global","fullUnicode","unicode","lastIndex","results","result","push","matchStr","accumulatedResult","nextSourcePosition","i","length","matched","position","index","captures","j","namedCaptures","groups","replacerArgs","concat","replacement","apply","getSubstitution","slice","str","tailPos","m","symbols","match","ch","capture","charAt","n","f","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","imageBanner","has_data","on","$event","changeNowBtn","class","active","nowBtn","_e","mycard","creadcord","iwin","gash","funpay","atm","wabatm","nowMonetBtn","changeMonetBtn","_v","_s","mycard_bonus","creadcord_bonus","iwin_bonus","gash_bonus","click_funpay","funpay_bonus","atm_bonus","webatm_bonus","bonus_time","openPopupBox","title","msg","hideBoxHandler","staticRenderFns","name","components","Title","SeparatedBar","ConfirmBox","data","discount","recharge","gift","week","proprs_date","proprs_bonus","times_txt","computed","userInfo","get","$store","state","targetPath","set","methods","type","get_count_api","get_bonus_api","destroyed","clearInterval","setTime","mounted","location","pathname","replace","$router","err","sessionStorage","getItem","orderResult","ResultMsg","parseInt","ResultCode","component","open","cancelBox","props","Boolean","required","default","$emit","removeItem","watch","handler","document","body","style","overflow"],"mappings":"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","file":"js/chunk-5cc63aea.1699258740020.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopUp.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopUp.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MsgBox.vue?vue&type=style&index=0&id=ad00da36&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MsgBox.vue?vue&type=style&index=0&id=ad00da36&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/web_button_card.5943b061.png\";","module.exports = __webpack_public_path__ + \"img/mobile_button_gift.f28c3489.png\";","module.exports = __webpack_public_path__ + \"img/mobile_button_discount.5b5eaa7b.png\";","module.exports = __webpack_public_path__ + \"img/web_button_gift.4357ed01.png\";","'use strict';\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar anObject = require('../internals/an-object');\nvar toObject = require('../internals/to-object');\nvar toLength = require('../internals/to-length');\nvar toInteger = require('../internals/to-integer');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar advanceStringIndex = require('../internals/advance-string-index');\nvar regExpExec = require('../internals/regexp-exec-abstract');\n\nvar max = Math.max;\nvar min = Math.min;\nvar floor = Math.floor;\nvar SUBSTITUTION_SYMBOLS = /\\$([$&'`]|\\d\\d?|<[^>]*>)/g;\nvar SUBSTITUTION_SYMBOLS_NO_NAMED = /\\$([$&'`]|\\d\\d?)/g;\n\nvar maybeToString = function (it) {\n  return it === undefined ? it : String(it);\n};\n\n// @@replace logic\nfixRegExpWellKnownSymbolLogic('replace', 2, function (REPLACE, nativeReplace, maybeCallNative, reason) {\n  var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = reason.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE;\n  var REPLACE_KEEPS_$0 = reason.REPLACE_KEEPS_$0;\n  var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';\n\n  return [\n    // `String.prototype.replace` method\n    // https://tc39.github.io/ecma262/#sec-string.prototype.replace\n    function replace(searchValue, replaceValue) {\n      var O = requireObjectCoercible(this);\n      var replacer = searchValue == undefined ? undefined : searchValue[REPLACE];\n      return replacer !== undefined\n        ? replacer.call(searchValue, O, replaceValue)\n        : nativeReplace.call(String(O), searchValue, replaceValue);\n    },\n    // `RegExp.prototype[@@replace]` method\n    // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@replace\n    function (regexp, replaceValue) {\n      if (\n        (!REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE && REPLACE_KEEPS_$0) ||\n        (typeof replaceValue === 'string' && replaceValue.indexOf(UNSAFE_SUBSTITUTE) === -1)\n      ) {\n        var res = maybeCallNative(nativeReplace, regexp, this, replaceValue);\n        if (res.done) return res.value;\n      }\n\n      var rx = anObject(regexp);\n      var S = String(this);\n\n      var functionalReplace = typeof replaceValue === 'function';\n      if (!functionalReplace) replaceValue = String(replaceValue);\n\n      var global = rx.global;\n      if (global) {\n        var fullUnicode = rx.unicode;\n        rx.lastIndex = 0;\n      }\n      var results = [];\n      while (true) {\n        var result = regExpExec(rx, S);\n        if (result === null) break;\n\n        results.push(result);\n        if (!global) break;\n\n        var matchStr = String(result[0]);\n        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);\n      }\n\n      var accumulatedResult = '';\n      var nextSourcePosition = 0;\n      for (var i = 0; i < results.length; i++) {\n        result = results[i];\n\n        var matched = String(result[0]);\n        var position = max(min(toInteger(result.index), S.length), 0);\n        var captures = [];\n        // NOTE: This is equivalent to\n        //   captures = result.slice(1).map(maybeToString)\n        // but for some reason `nativeSlice.call(result, 1, result.length)` (called in\n        // the slice polyfill when slicing native arrays) \"doesn't work\" in safari 9 and\n        // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.\n        for (var j = 1; j < result.length; j++) captures.push(maybeToString(result[j]));\n        var namedCaptures = result.groups;\n        if (functionalReplace) {\n          var replacerArgs = [matched].concat(captures, position, S);\n          if (namedCaptures !== undefined) replacerArgs.push(namedCaptures);\n          var replacement = String(replaceValue.apply(undefined, replacerArgs));\n        } else {\n          replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);\n        }\n        if (position >= nextSourcePosition) {\n          accumulatedResult += S.slice(nextSourcePosition, position) + replacement;\n          nextSourcePosition = position + matched.length;\n        }\n      }\n      return accumulatedResult + S.slice(nextSourcePosition);\n    }\n  ];\n\n  // https://tc39.github.io/ecma262/#sec-getsubstitution\n  function getSubstitution(matched, str, position, captures, namedCaptures, replacement) {\n    var tailPos = position + matched.length;\n    var m = captures.length;\n    var symbols = SUBSTITUTION_SYMBOLS_NO_NAMED;\n    if (namedCaptures !== undefined) {\n      namedCaptures = toObject(namedCaptures);\n      symbols = SUBSTITUTION_SYMBOLS;\n    }\n    return nativeReplace.call(replacement, symbols, function (match, ch) {\n      var capture;\n      switch (ch.charAt(0)) {\n        case '$': return '$';\n        case '&': return matched;\n        case '`': return str.slice(0, position);\n        case \"'\": return str.slice(tailPos);\n        case '<':\n          capture = namedCaptures[ch.slice(1, -1)];\n          break;\n        default: // \\d\\d?\n          var n = +ch;\n          if (n === 0) return match;\n          if (n > m) {\n            var f = floor(n / 10);\n            if (f === 0) return match;\n            if (f <= m) return captures[f - 1] === undefined ? ch.charAt(1) : captures[f - 1] + ch.charAt(1);\n            return match;\n          }\n          capture = captures[n - 1];\n      }\n      return capture === undefined ? '' : capture;\n    });\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"banner-box\"},[_c('img',{staticClass:\"w-100\",attrs:{\"src\":_vm.imageBanner}}),_c('div',{staticClass:\"banner-word w-100\"})]),_c('SeparatedBar'),_c('div',{staticClass:\"content_grain pb-5\"},[_c('div',{staticClass:\"body-bg\"}),_c('div',{staticClass:\"body-bg2\"}),_c('section',{staticClass:\"container pt-5\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('div',{staticClass:\"col-md-11\"},[_c('div',{staticClass:\"custom-shadow\"},[_c('div',{staticClass:\"pt-3 pb-5 custom-bg\"},[_c('Title',{staticClass:\"mt-3\",attrs:{\"iconType\":'pointIcon',\"title\":'儲值購點'}}),_c('ul',{staticClass:\"type_btn_list\"},[(_vm.has_data.discount)?_c('li',{on:{\"click\":function($event){return _vm.changeNowBtn('discount')}}},[_c('router-link',{class:{ active: _vm.nowBtn === 'discount' },attrs:{\"tag\":\"a\",\"to\":'/top-up/discount'}},[_c('img',{staticClass:\"btn_img only_desktop\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/web_button_discount.png\")}}),_c('img',{staticClass:\"btn_img only_pad\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/mobile_button_discount.png\")}})])],1):_vm._e(),(_vm.has_data.recharge)?_c('li',{on:{\"click\":function($event){return _vm.changeNowBtn('recharge')}}},[_c('router-link',{class:{ active: _vm.nowBtn === 'recharge' },attrs:{\"tag\":\"a\",\"to\":'/top-up/recharge'}},[_c('img',{staticClass:\"btn_img only_desktop\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/web_button_recharge.png\")}}),_c('img',{staticClass:\"btn_img only_pad\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/mobile_button_recharge.png\")}})])],1):_vm._e(),(_vm.has_data.gift)?_c('li',{on:{\"click\":function($event){return _vm.changeNowBtn('gift')}}},[_c('router-link',{class:{ active: _vm.nowBtn === 'gift' },attrs:{\"tag\":\"a\",\"to\":'/top-up/gift'}},[_c('img',{staticClass:\"btn_img only_desktop\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/web_button_gift.png\")}}),_c('img',{staticClass:\"btn_img only_pad\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/mobile_button_gift.png\")}})])],1):_vm._e(),(_vm.has_data.week)?_c('li',{on:{\"click\":function($event){return _vm.changeNowBtn('week')}}},[_c('router-link',{class:{ active: _vm.nowBtn === 'week' },attrs:{\"tag\":\"a\",\"to\":'/top-up/week'}},[_c('img',{staticClass:\"btn_img only_desktop\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/web_button_card.png\")}}),_c('img',{staticClass:\"btn_img only_pad\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/mobile_button_card.png\")}})])],1):_vm._e()]),(_vm.has_data.mycard || _vm.has_data.creadcord || _vm.has_data.iwin || _vm.has_data.gash || _vm.has_data.funpay || _vm.has_data.atm || _vm.has_data.wabatm)?_c('ul',{staticClass:\"money_type_btn_list\"},[(_vm.has_data.mycard)?_c('li',{class:{ active: _vm.nowMonetBtn === 'mycard' },on:{\"click\":function($event){return _vm.changeMonetBtn('mycard')}}},[(_vm.has_data.mycard_bonus)?_c('div',{staticClass:\"bouns_box\"},[_c('h2',{staticClass:\"txt\"},[_vm._v(_vm._s(_vm.has_data.mycard_bonus))])]):_vm._e(),_c('img',{staticClass:\"btn_img\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/web_button_mycard.png\")}})]):_vm._e(),(_vm.has_data.creadcord)?_c('li',{class:{ active: _vm.nowMonetBtn === 'creadcard' },on:{\"click\":function($event){return _vm.changeMonetBtn('creadcard')}}},[(_vm.has_data.creadcord_bonus)?_c('div',{staticClass:\"bouns_box\"},[_c('h2',{staticClass:\"txt\"},[_vm._v(_vm._s(_vm.has_data.creadcord_bonus))])]):_vm._e(),_c('img',{staticClass:\"btn_img\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/web_button_creditcard.png\")}})]):_vm._e(),(_vm.has_data.iwin)?_c('li',{class:{ active: _vm.nowMonetBtn === 'iwin' },on:{\"click\":function($event){return _vm.changeMonetBtn('iwin')}}},[(_vm.has_data.iwin_bonus)?_c('div',{staticClass:\"bouns_box\"},[_c('h2',{staticClass:\"txt\"},[_vm._v(_vm._s(_vm.has_data.iwin_bonus))])]):_vm._e(),_c('img',{staticClass:\"btn_img\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/web_button_iwin.png\")}})]):_vm._e(),(_vm.has_data.gash)?_c('li',{class:{ active: _vm.nowMonetBtn === 'gash' },on:{\"click\":function($event){return _vm.changeMonetBtn('gash')}}},[(_vm.has_data.gash_bonus)?_c('div',{staticClass:\"bouns_box\"},[_c('h2',{staticClass:\"txt\"},[_vm._v(_vm._s(_vm.has_data.gash_bonus))])]):_vm._e(),_c('img',{staticClass:\"btn_img\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/web_button_gash.png\")}})]):_vm._e(),(_vm.has_data.funpay)?_c('li',{on:{\"click\":function($event){return _vm.click_funpay('funpay')}}},[(_vm.has_data.funpay_bonus)?_c('div',{staticClass:\"bouns_box\"},[_c('h2',{staticClass:\"txt\"},[_vm._v(_vm._s(_vm.has_data.funpay_bonus))])]):_vm._e(),_c('img',{staticClass:\"btn_img\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/web_button_funpay.png\")}})]):_vm._e(),(_vm.has_data.atm)?_c('li',{class:{ active: _vm.nowMonetBtn === 'atm' },on:{\"click\":function($event){return _vm.changeMonetBtn('atm')}}},[(_vm.has_data.atm_bonus)?_c('div',{staticClass:\"bouns_box\"},[_c('h2',{staticClass:\"txt\"},[_vm._v(_vm._s(_vm.has_data.atm_bonus))])]):_vm._e(),_c('img',{staticClass:\"btn_img\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/web_button_atm.png\")}})]):_vm._e(),(_vm.has_data.wabatm)?_c('li',{class:{ active: _vm.nowMonetBtn === 'webatm' },on:{\"click\":function($event){return _vm.changeMonetBtn('webatm')}}},[(_vm.has_data.webatm_bonus)?_c('div',{staticClass:\"bouns_box\"},[_c('h2',{staticClass:\"txt\"},[_vm._v(_vm._s(_vm.has_data.webatm_bonus))])]):_vm._e(),_c('img',{staticClass:\"btn_img\",attrs:{\"src\":require(\"@/assets/images/ico/TopUp/web_button_webatm.png\")}})]):_vm._e(),_c('li')]):_vm._e(),(_vm.nowMonetBtn)?_c('router-view',{attrs:{\"prop_mone\":_vm.nowMonetBtn,\"prop_bonus\":_vm.bonus_time}}):_vm._e()],1)])])])]),_c('ConfirmBox',{attrs:{\"openPopupBox\":_vm.openPopupBox,\"title\":_vm.title,\"msg\":_vm.msg},on:{\"hideBoxHandler\":_vm.hideBoxHandler}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<div>\r\n  <div class=\"banner-box\">\r\n      <img :src=\"imageBanner\" class=\"w-100\">\r\n      <div class=\"banner-word w-100\"></div>\r\n  </div>\r\n  <SeparatedBar/>\r\n  <div class=\"content_grain pb-5\">\r\n    <div class=\"body-bg\">\r\n    </div>\r\n    <div class=\"body-bg2\">\r\n    </div>\r\n    <section class=\"container pt-5\">\r\n        <div class=\"row justify-content-center\">\r\n          <div class=\"col-md-11\">\r\n            <div class=\"custom-shadow\">\r\n              <div class=\"pt-3 pb-5 custom-bg\">\r\n                <Title :iconType=\"'pointIcon'\" :title=\"'儲值購點'\" class=\"mt-3\"></Title>\r\n\r\n                <ul class=\"type_btn_list\">\r\n                  <li @click=\"changeNowBtn('discount')\" v-if=\"has_data.discount\">\r\n                    <router-link\r\n                        tag=\"a\"\r\n                        :class=\"{ active: nowBtn === 'discount' }\"\r\n                        :to=\"'/top-up/discount'\"\r\n                      >\r\n                      <img class=\"btn_img only_desktop\" src=\"@/assets/images/ico/TopUp/web_button_discount.png\">\r\n                      <img class=\"btn_img only_pad\" src=\"@/assets/images/ico/TopUp/mobile_button_discount.png\">\r\n                    </router-link>\r\n                  </li>\r\n                  <li @click=\"changeNowBtn('recharge')\" v-if=\"has_data.recharge\">\r\n                    <router-link\r\n                        tag=\"a\"\r\n                        :class=\"{ active: nowBtn === 'recharge' }\"\r\n                        :to=\"'/top-up/recharge'\"\r\n                      >\r\n                      <img class=\"btn_img only_desktop\" src=\"@/assets/images/ico/TopUp/web_button_recharge.png\">\r\n                      <img class=\"btn_img only_pad\" src=\"@/assets/images/ico/TopUp/mobile_button_recharge.png\">\r\n                    </router-link>\r\n                  </li>\r\n                  <li @click=\"changeNowBtn('gift')\" v-if=\"has_data.gift\">\r\n                    <router-link\r\n                        tag=\"a\"\r\n                        :class=\"{ active: nowBtn === 'gift' }\"\r\n                        :to=\"'/top-up/gift'\"\r\n                      >\r\n                      <img class=\"btn_img only_desktop\" src=\"@/assets/images/ico/TopUp/web_button_gift.png\">\r\n                      <img class=\"btn_img only_pad\" src=\"@/assets/images/ico/TopUp/mobile_button_gift.png\">\r\n                    </router-link>\r\n                  </li>\r\n                  <li @click=\"changeNowBtn('week')\" v-if=\"has_data.week\">\r\n                    <router-link\r\n                        tag=\"a\"\r\n                        :class=\"{ active: nowBtn === 'week' }\"\r\n                        :to=\"'/top-up/week'\"\r\n                      >\r\n                      <img class=\"btn_img only_desktop\" src=\"@/assets/images/ico/TopUp/web_button_card.png\">\r\n                      <img class=\"btn_img only_pad\" src=\"@/assets/images/ico/TopUp/mobile_button_card.png\">\r\n                    </router-link>\r\n                  </li>\r\n                </ul>\r\n\r\n                <ul class=\"money_type_btn_list\" v-if=\"has_data.mycard || has_data.creadcord || has_data.iwin || has_data.gash || has_data.funpay || has_data.atm || has_data.wabatm\">\r\n                  <li v-if=\"has_data.mycard\" @click=\"changeMonetBtn('mycard')\" :class=\"{ active: nowMonetBtn === 'mycard' }\">\r\n                    <div class=\"bouns_box\" v-if=\"has_data.mycard_bonus\">\r\n                      <h2 class=\"txt\">{{has_data.mycard_bonus}}</h2>\r\n                    </div>\r\n                    <img class=\"btn_img\" src=\"@/assets/images/ico/TopUp/web_button_mycard.png\">\r\n                  </li>\r\n                  <li v-if=\"has_data.creadcord\" @click=\"changeMonetBtn('creadcard')\" :class=\"{ active: nowMonetBtn === 'creadcard' }\">\r\n                    <div class=\"bouns_box\" v-if=\"has_data.creadcord_bonus\">\r\n                      <h2 class=\"txt\">{{has_data.creadcord_bonus}}</h2>\r\n                    </div>\r\n                    <img class=\"btn_img\" src=\"@/assets/images/ico/TopUp/web_button_creditcard.png\">\r\n                  </li>\r\n                  <li v-if=\"has_data.iwin\" @click=\"changeMonetBtn('iwin')\" :class=\"{ active: nowMonetBtn === 'iwin' }\">\r\n                    <div class=\"bouns_box\" v-if=\"has_data.iwin_bonus\">\r\n                      <h2 class=\"txt\">{{has_data.iwin_bonus}}</h2>\r\n                    </div>\r\n                    <img class=\"btn_img\" src=\"@/assets/images/ico/TopUp/web_button_iwin.png\">\r\n                  </li>\r\n                  <li v-if=\"has_data.gash\" @click=\"changeMonetBtn('gash')\" :class=\"{ active: nowMonetBtn === 'gash' }\">\r\n                    <div class=\"bouns_box\" v-if=\"has_data.gash_bonus\">\r\n                      <h2 class=\"txt\">{{has_data.gash_bonus}}</h2>\r\n                    </div>\r\n                    <img class=\"btn_img\" src=\"@/assets/images/ico/TopUp/web_button_gash.png\">\r\n                  </li>\r\n                  <li v-if=\"has_data.funpay\" @click=\"click_funpay('funpay')\">\r\n                    <div class=\"bouns_box\" v-if=\"has_data.funpay_bonus\">\r\n                      <h2 class=\"txt\">{{has_data.funpay_bonus}}</h2>\r\n                    </div>\r\n                    <img class=\"btn_img\" src=\"@/assets/images/ico/TopUp/web_button_funpay.png\">\r\n                  </li>\r\n                  <li v-if=\"has_data.atm\" @click=\"changeMonetBtn('atm')\" :class=\"{ active: nowMonetBtn === 'atm' }\">\r\n                    <div class=\"bouns_box\" v-if=\"has_data.atm_bonus\">\r\n                      <h2 class=\"txt\">{{has_data.atm_bonus}}</h2>\r\n                    </div>\r\n                    <img class=\"btn_img\" src=\"@/assets/images/ico/TopUp/web_button_atm.png\">\r\n                  </li>\r\n                  <li v-if=\"has_data.wabatm\" @click=\"changeMonetBtn('webatm')\" :class=\"{ active: nowMonetBtn === 'webatm' }\">\r\n                    <div class=\"bouns_box\" v-if=\"has_data.webatm_bonus\">\r\n                      <h2 class=\"txt\">{{has_data.webatm_bonus}}</h2>\r\n                    </div>\r\n                    <img class=\"btn_img\" src=\"@/assets/images/ico/TopUp/web_button_webatm.png\">\r\n                  </li>\r\n                  <li></li>\r\n                </ul>\r\n                <router-view v-if=\"nowMonetBtn\" :prop_mone=\"nowMonetBtn\" :prop_bonus=\"bonus_time\" ></router-view>\r\n              </div>\r\n            </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <ConfirmBox :openPopupBox=\"openPopupBox\" :title=\"title\" :msg=\"msg\" @hideBoxHandler=\"hideBoxHandler\"/>\r\n  </div>\r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\n\r\nimport SeparatedBar from '@/components/Utility/SeparatedBar'\r\nimport Title from '@/components/Utility/Title'\r\nimport imageBanner from '@/assets/images/ico/customer_center.jpg'\r\nimport ConfirmBox from '@/components/Utility/MsgBox'\r\nlet setTime\r\n\r\nexport default {\r\n  name: 'TopUp',\r\n  components: {\r\n    Title,\r\n    SeparatedBar,\r\n    ConfirmBox\r\n  },\r\n  data () {\r\n    return {\r\n      imageBanner: imageBanner,\r\n      nowBtn: '',\r\n      nowMonetBtn: '',\r\n      has_data: {\r\n        discount: false,\r\n        recharge: false,\r\n        gift: false,\r\n        week: false,\r\n\r\n        mycard: false,\r\n        creadcord: false,\r\n        iwin: false,\r\n        gash: false,\r\n        funpay: false,\r\n        atm: false,\r\n        wabatm: false,\r\n\r\n        mycard_bonus: '',\r\n        creadcord_bonus: '',\r\n        iwin_bonus: '',\r\n        gash_bonus: '',\r\n        funpay_bonus: '',\r\n        atm_bonus: '',\r\n        webatm_bonus: ''\r\n      },\r\n      bonus_time: {\r\n        proprs_date: '',\r\n        proprs_bonus: '',\r\n        times_txt: ''\r\n      },\r\n      // paymentData: [],\r\n      openPopupBox: false,\r\n      title: '',\r\n      msg: ''\r\n    }\r\n  },\r\n  computed: {\r\n    userInfo: {\r\n      get () {\r\n        return this.$store.state.userInfo\r\n      }\r\n    },\r\n    targetPath: {\r\n      get () {\r\n        return this.$store.state.targetPath\r\n      },\r\n      set (val) {}\r\n    }\r\n  },\r\n  methods: {\r\n    hideBoxHandler () {\r\n      this.openPopupBox = !this.openPopupBox\r\n    },\r\n    changeNowBtn (type) {\r\n      this.nowBtn = type\r\n      this.nowMonetBtn = ''\r\n\r\n      this.get_count_api(type)\r\n      this.get_bonus_api()\r\n    },\r\n    changeMonetBtn (type) {\r\n      this.nowMonetBtn = type\r\n      this.get_bonus_api()\r\n    },\r\n    async click_funpay () {\r\n      const apiObj = {\r\n        UserID: this.userInfo.UserID,\r\n        ProductID: 0,\r\n        ProductType: 1,\r\n        PaymentType: 7\r\n      }\r\n      const result = await this.$store.dispatch('api/CREATE_ORDER', apiObj)\r\n      if (parseInt(result.ResultCode) === 200) {\r\n        const url = result.FunPayPaymenttUrl\r\n        window.location.href = url\r\n      } else {\r\n        this.title = ''\r\n        this.msg = result.ResultMsg\r\n        this.openPopupBox = !this.openPopupBox\r\n      }\r\n    },\r\n\r\n    async get_count_api (type) {\r\n      this.has_data.mycard = false\r\n      this.has_data.creadcord = false\r\n      this.has_data.iwin = false\r\n      this.has_data.gash = false\r\n      this.has_data.funpay = false\r\n      this.has_data.atm = false\r\n      this.has_data.wabatm = false\r\n\r\n      this.has_data.mycard_bonus = ''\r\n      this.has_data.creadcord_bonus = ''\r\n      this.has_data.iwin_bonus = ''\r\n      this.has_data.gash_bonus = ''\r\n      this.has_data.funpay_bonus = ''\r\n      this.has_data.atm_bonus = ''\r\n      this.has_data.webatm_bonus = ''\r\n\r\n      // 檢查四種種類似否有項目\r\n      const apiObj = {\r\n        UserID: this.userInfo.UserID\r\n      }\r\n      const result = await this.$store.dispatch('API_AXIOS', { url: this.$store.state.list.GET_ALL_PRODUCT, parent: apiObj })\r\n      if (parseInt(result.ResultCode) === 200) {\r\n        if (result.Discount.length > 0) {\r\n          this.has_data.discount = true\r\n        }\r\n        if (result.Product.length > 0) {\r\n          this.has_data.recharge = true\r\n        }\r\n        if (result.Package.length > 0) {\r\n          this.has_data.gift = true\r\n        }\r\n        if (result.Period.length > 0) {\r\n          this.has_data.week = true\r\n        }\r\n      }\r\n\r\n      if (type === 'discount') {\r\n        if (result.Discount.indexOf(3) !== -1) {\r\n          this.has_data.creadcord = true\r\n        }\r\n        if (result.Discount.indexOf(4) !== -1) {\r\n          this.has_data.mycard = true\r\n        }\r\n        if (result.Discount.indexOf(5) !== -1) {\r\n          this.has_data.iwin = true\r\n        }\r\n        if (result.Discount.indexOf(6) !== -1) {\r\n          this.has_data.gash = true\r\n        }\r\n        if (result.Discount.indexOf(7) !== -1) {\r\n          this.has_data.funpay = true\r\n        }\r\n        if (result.Discount.indexOf(8) !== -1) {\r\n          this.has_data.atm = true\r\n        }\r\n        if (result.Discount.indexOf(9) !== -1) {\r\n          this.has_data.wabatm = true\r\n        }\r\n      } else if (type === 'recharge') {\r\n        if (result.Product.indexOf(3) !== -1) {\r\n          this.has_data.creadcord = true\r\n        }\r\n        if (result.Product.indexOf(4) !== -1) {\r\n          this.has_data.mycard = true\r\n        }\r\n        if (result.Product.indexOf(5) !== -1) {\r\n          this.has_data.iwin = true\r\n        }\r\n        if (result.Product.indexOf(6) !== -1) {\r\n          this.has_data.gash = true\r\n        }\r\n        if (result.Product.indexOf(7) !== -1) {\r\n          this.has_data.funpay = true\r\n        }\r\n        if (result.Product.indexOf(8) !== -1) {\r\n          this.has_data.atm = true\r\n        }\r\n        if (result.Product.indexOf(9) !== -1) {\r\n          this.has_data.wabatm = true\r\n        }\r\n\r\n        apiObj.IsPackage = 0\r\n        const result3 = await this.$store.dispatch('API_AXIOS', { url: this.$store.state.list.GET_PRODUCT_BONUS, parent: apiObj })\r\n        if (parseInt(result.ResultCode) === 200) {\r\n          this.has_data.creadcord_bonus = result3.ECPayBonus\r\n          this.has_data.mycard_bonus = result3.MyCardBonus\r\n          this.has_data.iwin_bonus = result3.iWinBonus\r\n          this.has_data.gash_bonus = result3.GASHBonus\r\n          this.has_data.funpay_bonus = result3.FunPayBonus\r\n          this.has_data.atm_bonus = result3.ATMBonus\r\n          this.has_data.webatm_bonus = result3.WebATMBonus\r\n        }\r\n      } else if (type === 'gift') {\r\n        if (result.Package.indexOf(3) !== -1) {\r\n          this.has_data.creadcord = true\r\n        }\r\n        if (result.Package.indexOf(4) !== -1) {\r\n          this.has_data.mycard = true\r\n        }\r\n        if (result.Package.indexOf(5) !== -1) {\r\n          this.has_data.iwin = true\r\n        }\r\n        if (result.Package.indexOf(6) !== -1) {\r\n          this.has_data.gash = true\r\n        }\r\n        if (result.Package.indexOf(7) !== -1) {\r\n          this.has_data.funpay = true\r\n        }\r\n        if (result.Package.indexOf(8) !== -1) {\r\n          this.has_data.atm = true\r\n        }\r\n        if (result.Package.indexOf(9) !== -1) {\r\n          this.has_data.wabatm = true\r\n        }\r\n\r\n        apiObj.IsPackage = 1\r\n        const result3 = await this.$store.dispatch('API_AXIOS', { url: this.$store.state.list.GET_PRODUCT_BONUS, parent: apiObj })\r\n        if (parseInt(result.ResultCode) === 200) {\r\n          this.has_data.creadcord_bonus = result3.ECPayBonus\r\n          this.has_data.mycard_bonus = result3.MyCardBonus\r\n          this.has_data.iwin_bonus = result3.iWinBonus\r\n          this.has_data.gash_bonus = result3.GASHBonus\r\n          this.has_data.funpay_bonus = result3.FunPayBonus\r\n          this.has_data.atm_bonus = result3.ATMBonus\r\n          this.has_data.webatm_bonus = result3.WebATMBonus\r\n        }\r\n      } else if (type === 'week') {\r\n        if (result.Period.indexOf(3) !== -1) {\r\n          this.has_data.creadcord = true\r\n        }\r\n        if (result.Period.indexOf(4) !== -1) {\r\n          this.has_data.mycard = true\r\n        }\r\n        if (result.Period.indexOf(5) !== -1) {\r\n          this.has_data.iwin = true\r\n        }\r\n        if (result.Period.indexOf(6) !== -1) {\r\n          this.has_data.gash = true\r\n        }\r\n        if (result.Period.indexOf(7) !== -1) {\r\n          this.has_data.funpay = true\r\n        }\r\n        if (result.Period.indexOf(8) !== -1) {\r\n          this.has_data.atm = true\r\n        }\r\n        if (result.Period.indexOf(9) !== -1) {\r\n          this.has_data.wabatm = true\r\n        }\r\n      }\r\n    },\r\n    async get_bonus_api () {\r\n      clearInterval(setTime)\r\n      this.bonus_time.proprs_date = ''\r\n      this.bonus_time.proprs_bonus = ''\r\n      const apiObj = {\r\n        UserID: this.userInfo.UserID,\r\n        PaymentType: 3\r\n      }\r\n      const result2 = await this.$store.dispatch('API_AXIOS', { url: this.$store.state.list.GET_PRODUCT_CURRENCY, parent: apiObj })\r\n      if (parseInt(result2.ResultCode) === 200 && !result2.IsActivity && result2.BuffValue !== '') {\r\n        this.bonus_time.proprs_bonus = parseInt(result2.BuffValue.replace('%', ''))\r\n        this.bonus_time.proprs_date = result2.BuffEndDate\r\n\r\n        var setTimS = Date.parse(new Date(this.bonus_time.proprs_date))\r\n        setTime = setInterval(() => {\r\n          var nowTimsS = Date.parse(new Date())\r\n\r\n          // console.log((setTimS - nowTimsS) / 1000)\r\n          if (setTimS - nowTimsS <= 0) {\r\n            // 道具卡已過期\r\n            this.bonus_time.proprs_date = ''\r\n            this.bonus_time.proprs_bonus = ''\r\n            clearInterval(setTime)\r\n          }\r\n          var settime = {\r\n            mm: parseInt((setTimS - nowTimsS) / 1000 / 60),\r\n            ss: parseInt((setTimS - nowTimsS) / 1000 % 60)\r\n          }\r\n          if (settime.mm > 0) {\r\n            this.bonus_time.times_txt = settime.mm + 'm : ' + settime.ss + 's'\r\n          } else {\r\n            this.bonus_time.times_txt = settime.ss + 's'\r\n          }\r\n        }, 1000)\r\n      }\r\n    }\r\n\r\n  },\r\n  destroyed () {\r\n    clearInterval(setTime)\r\n  },\r\n  mounted () {\r\n    // this.nowBtn = location.pathname\r\n    this.nowBtn = location.pathname.replace('/top-up/', '')\r\n    this.get_count_api(this.nowBtn)\r\n\r\n    this.get_bonus_api()\r\n\r\n    this.$router.push({ path: location.pathname }).catch(err => {\r\n      return err\r\n      // console.log(err)\r\n    })\r\n\r\n    //= OrderResult ==========================================================\r\n    if (sessionStorage.getItem('OrderResult')) {\r\n      const orderResult = JSON.parse(sessionStorage.getItem('OrderResult'))\r\n      this.title = orderResult.ResultMsg\r\n      if (parseInt(orderResult.ResultCode) === 200) {\r\n        this.msg = '感謝您的儲值!'\r\n      } else {\r\n        this.msg = orderResult.ResultMsg\r\n      }\r\n      this.openPopupBox = !this.openPopupBox\r\n    }\r\n    //= ==========================================================\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"@/assets/helpers/_grid.scss\";\r\n.banner-box{\r\n    position: relative;\r\n}\r\n.banner-word{\r\n    width: 50%;\r\n    height: 50%;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    background-image: url(~@/assets/images/ico/to_up.png) !important;\r\n    background-repeat:no-repeat;\r\n    background-size: contain;\r\n    background-position:center center;\r\n}\r\n.custom-border{\r\n    border: 1px solid #fff;\r\n    border-radius: 10px;\r\n    background-color: rgba(43, 42, 42, 1) !important;\r\n}\r\n// .list-group-item.active {\r\n//   background-color: #c9590f;\r\n//   border-color: #be540e;\r\n//   color: #fff;\r\n// }\r\n// .router-link-exact-active,\r\n// .router-link-active {\r\n//   background-color: #c9590f;\r\n//   border-color: #be540e;\r\n//   color: #fff;\r\n// }\r\n.custom-shadow{\r\n    border-radius: 10px;\r\n    box-shadow: 0 8px 8px -1px rgba(0,0,0,0.53);\r\n  }\r\n.custom-bg{\r\n  background-color: rgba(51,2,72,0.8);\r\n  border-radius: 10px;\r\n  box-shadow: 0 0 7px 1.5px rgba(255,255,255,0.35);\r\n}\r\n\r\n.content_grain {\r\n  position: relative;\r\n  // height: 100vh;\r\n}\r\n.body-bg{\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top:0px;\r\n  left: 0px;\r\n  z-index:0;\r\n  background-image: url(~@/assets/images/ico/bg_texture.png);\r\n  background-repeat: repeat;\r\n  background-size: 80px;\r\n  opacity: 0.4;\r\n}\r\n.body-bg2{\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index:-1;\r\n  position: absolute;\r\n  top:0px;\r\n  left: 0px;\r\n  background-image: linear-gradient(to right, rgba(0,0,0,0.93) 0%,rgba(104,0,0,0.93) 25%,rgba(170,0,0,0.93) 50%,rgba(104,0,0,0.93) 74%,rgba(0,0,0,0.93) 100%);\r\n}\r\n\r\n.type_btn_list{\r\n  text-align: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  >li{\r\n    width: 21%;\r\n    margin: 5px;\r\n    display: inline-block;\r\n    cursor: pointer;\r\n\r\n    >a{\r\n      display: block;\r\n      -webkit-filter:brightness(.5);\r\n      &.active{\r\n        -webkit-filter:brightness(1);\r\n      }\r\n    }\r\n    .btn_img{\r\n      width: 100%;\r\n    }\r\n    @include phone{\r\n      .only_desktop{\r\n        display: none;\r\n      }\r\n    }\r\n    @include overPhone{\r\n      .only_pad{\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n.money_type_btn_list{\r\n  margin: 0;\r\n  padding: 20px 0;\r\n  position: relative;\r\n  background-color: #6e073f;\r\n  border-top: 3px solid #f9db78;\r\n  border-bottom: 3px solid #f9db78;\r\n  text-align: center;\r\n  &::before, &::after{\r\n    content: \"\";\r\n    width: 100%;\r\n    height: 50px;\r\n    display: block;\r\n    position: absolute;\r\n    left: 0;\r\n    background-image: url(~@/assets/images/ico/TopUp/web_divider.png);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    background-position: 50% 0;\r\n  }\r\n  &::before{\r\n    top: 0;\r\n  }\r\n  &::after{\r\n    bottom: 0;\r\n    transform: rotate(180deg);\r\n  }\r\n  >li{\r\n    width: 35%;\r\n    margin: 5px;\r\n    position: relative;\r\n    display: inline-block;\r\n    cursor: pointer;\r\n    -webkit-filter:brightness(.5);\r\n    &.active{\r\n      -webkit-filter:brightness(1);\r\n    }\r\n    .btn_img{\r\n      width: 100%;\r\n    }\r\n    @include phone{\r\n      width: 45%;\r\n    }\r\n\r\n    .bouns_box{\r\n      width: 80%;\r\n      padding-top: 20%;\r\n      position: absolute;\r\n      left: 10%;\r\n      top: -6%;\r\n      background-image: url(~@/assets/images/ico/props_title_bg.png);\r\n      background-size: contain;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      .txt{\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%);\r\n        color: #FFFF00;\r\n        font-weight: bold;\r\n        font-size: 26px;\r\n        white-space:nowrap;\r\n        @include desktop{\r\n          font-size: 22px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.bonus_txt{\r\n  text-align: center;\r\n  line-height: 160%;\r\n  color: #ff0000;\r\n  font-weight: bold;\r\n  .bonus_img{\r\n    height: 35px;\r\n  }\r\n  .time{\r\n    color: #ffff00;\r\n  }\r\n}\r\n.send_money{\r\n  display:inline-block;\r\n  padding: 5px 20px;\r\n  border: none;\r\n  border-radius: 30px;\r\n  color: #ffffff;\r\n  box-shadow: 4px 4px 0 #6b592e;\r\n  background-color:#68cc3f;\r\n  @include phone{\r\n    font-size: 0.7em;\r\n    padding: 3px 8px;\r\n    box-shadow: 3px 3px 0 #6b592e;\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!./TopUp.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!./TopUp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopUp.vue?vue&type=template&id=95430f86&\"\nimport script from \"./TopUp.vue?vue&type=script&lang=js&\"\nexport * from \"./TopUp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopUp.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/mobile_button_card.b50ac48d.png\";","module.exports = __webpack_public_path__ + \"img/web_button_mycard.b33e6fb3.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-lightbox cover-all\",class:{ open: _vm.openPopupBox }},[_c('div',{staticClass:\"login-lightbox-container\"},[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticClass:\"card border-dark card-style\"},[_c('div',{staticClass:\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\"},[_c('h3',{staticClass:\"font-weight-bold m-0 ml-auto pl-4 text-style\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"close-btn ml-auto\",on:{\"click\":_vm.cancelBox}},[_vm._v(\"×\")])]),_c('div',{staticClass:\"card-body text-center\"},[_c('div',{staticClass:\"container news-detail text-light\"},[_c('div',{staticClass:\"col-12 py-3\"},[_vm._v(\" \"+_vm._s(_vm.msg)+\" \")])]),_c('button',{staticClass:\"col-9 btn btn-info mt-3 mb-1 login-style\",on:{\"click\":_vm.cancelBox}},[_c('div',{staticClass:\"login-btn-word\"},[_vm._v(\" OK \")])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"login-lightbox cover-all\" :class=\"{ open: openPopupBox }\">\r\n    <div class=\"login-lightbox-container\">\r\n      <div class=\"d-flex justify-content-center\">\r\n        <div class=\"card border-dark card-style\">\r\n          <div class=\"card-header d-flex justify-content-center align-items-center font-weight-bold text-center\">\r\n            <h3 class=\"font-weight-bold m-0 ml-auto pl-4 text-style\">{{title}}</h3>\r\n            <div class=\"close-btn ml-auto\" @click=\"cancelBox\">×</div>\r\n          </div>\r\n          <div class=\"card-body text-center\">\r\n            <div class=\"container news-detail text-light\">\r\n              <div class=\"col-12 py-3\">\r\n                {{msg}}\r\n              </div>\r\n            </div>\r\n            <button class=\"col-9 btn btn-info mt-3 mb-1 login-style\" @click=\"cancelBox\">\r\n              <div class=\"login-btn-word\">\r\n                OK\r\n              </div>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport '@/assets/_loginLightBox.scss'\r\nexport default {\r\n  name: 'MsgBox',\r\n  components: {\r\n\r\n  },\r\n  props: {\r\n    openPopupBox: {\r\n      type: Boolean,\r\n      required: true\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: '錯誤訊息'\r\n    },\r\n    msg: {\r\n      type: String,\r\n      default: ''\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n\r\n    }\r\n  },\r\n  computed: {\r\n\r\n  },\r\n  methods: {\r\n    cancelBox () {\r\n      this.$emit('hideBoxHandler')\r\n      if (sessionStorage.getItem('AppleResult')) {\r\n        sessionStorage.removeItem('AppleResult')\r\n      }\r\n      if (sessionStorage.getItem('OrderResult')) {\r\n        sessionStorage.removeItem('OrderResult')\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    openPopupBox: {\r\n      handler () {\r\n        if (this.openPopupBox) {\r\n          document.body.style.overflow = 'hidden'\r\n        } else {\r\n          document.body.style.overflow = ''\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/helpers/_grid.scss\";\r\n.card-style {\r\n  width: 370px;\r\n  border-radius:12px;\r\n  @include underSmallPhone{\r\n    width: 300px;\r\n  }\r\n}\r\n.close-btn{\r\n  height: 40px;\r\n  line-height: 40px;\r\n  cursor: pointer;\r\n  font-size: 40px;\r\n}\r\n.card-header{\r\n  color: #000;\r\n  background-image: linear-gradient(180deg,#c39943 0,#ffefa6 23%,#ebcc67 50%,#ba8d31 87%,#f9df7b);\r\n  border: 3px solid #c39943 !important;\r\n  border-radius:10px 10px 0 0 !important;\r\n  border-bottom: 0px !important;\r\n}\r\n.card-body{\r\n  background-color: #5f0401;\r\n  border: 3px solid #c39943 !important;\r\n  border-top: 0px !important;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n.cover-all{\r\n  z-index: 1021;\r\n}\r\n.news-detail{\r\n  max-width: 85vw;\r\n  max-height: 75vh;\r\n  overflow-y:auto;\r\n}\r\n.text-style{\r\n  letter-spacing: 2px;\r\n  line-height: 40px;\r\n}\r\n.login-style{\r\n  border: 1px solid #fff;\r\n  border-radius: 10px !important;\r\n  &:hover{\r\n    border: 1px solid #fff;\r\n  }\r\n}\r\n.login-btn-word{\r\n  font-size: 22px;\r\n  height: 30px;\r\n  line-height: 30px;\r\n  font-weight: 500;\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!./MsgBox.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!./MsgBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MsgBox.vue?vue&type=template&id=ad00da36&scoped=true&\"\nimport script from \"./MsgBox.vue?vue&type=script&lang=js&\"\nexport * from \"./MsgBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MsgBox.vue?vue&type=style&index=0&id=ad00da36&lang=scss&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  \"ad00da36\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/mobile_button_recharge.74056360.png\";","module.exports = __webpack_public_path__ + \"img/web_button_creditcard.c4560cd3.png\";","module.exports = __webpack_public_path__ + \"img/web_button_discount.72ab4eed.png\";","module.exports = __webpack_public_path__ + \"img/web_button_webatm.37524c2c.png\";","module.exports = __webpack_public_path__ + \"img/web_button_recharge.91710b4d.png\";","module.exports = __webpack_public_path__ + \"img/web_button_gash.95ddacb3.png\";","module.exports = __webpack_public_path__ + \"img/web_button_funpay.03890415.png\";","module.exports = __webpack_public_path__ + \"img/web_button_atm.82ba8c48.png\";","module.exports = __webpack_public_path__ + \"img/web_button_iwin.ff94e51c.png\";"],"sourceRoot":""}