{"version":3,"sources":["webpack:///./src/components/Utility/MsgBox.vue?d5b0","webpack:///./src/components/TopUp/week.vue?c24c","webpack:///src/components/TopUp/week.vue","webpack:///./src/components/TopUp/week.vue?60a6","webpack:///./src/components/TopUp/week.vue","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/components/TopUp/week.vue?fb20"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","key","ProductID","attrs","ImageUrl","on","$event","click_send","_v","_s","toLocaleString","Price","openPopupBox","errorMsg","hideBoxHandler","staticRenderFns","name","components","ErrorBox","data","resultItem","pickedProduct","pickedID","WeekList","MonthList","ProductIsActivity","ProductActivityID","props","prop_mone","String","computed","userInfo","get","$store","state","PaymentType","watch","getProductList","methods","submitData","i","length","window","location","href","Number","mounted","component","class","open","title","cancelBox","msg","type","Boolean","required","default","$emit","sessionStorage","getItem","removeItem","handler","document","body","style","overflow"],"mappings":"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","file":"js/chunk-639c2820.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!./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&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-light mt-5\"},[_c('ul',{staticClass:\"data_list\"},_vm._l((_vm.WeekList),function(item){return _c('li',{key:item.ProductID},[_c('div',{staticClass:\"item_box\"},[_c('div',{staticClass:\"img_box\"},[_c('img',{attrs:{\"src\":item.ImageUrl,\"alt\":\"\"}})]),_c('button',{staticClass:\"send_money\",on:{\"click\":function($event){return _vm.click_send(item)}}},[_vm._v(\" NT$ \"+_vm._s(_vm.toLocaleString(item.Price))+\" \")])])])}),0),_c('ul',{staticClass:\"data_list monthList\"},_vm._l((_vm.MonthList),function(item){return _c('li',{key:item.ProductID},[_c('div',{staticClass:\"item_box\"},[_c('div',{staticClass:\"img_box\"},[_c('img',{attrs:{\"src\":item.ImageUrl,\"alt\":\"\"}})]),_c('button',{staticClass:\"send_money\",on:{\"click\":function($event){return _vm.click_send(item)}}},[_vm._v(\" NT$ \"+_vm._s(_vm.toLocaleString(item.Price))+\" \")])])])}),0),_c('form',{staticClass:\"d-none\",attrs:{\"id\":\"form-coin\",\"action\":\"\",\"method\":\"post\",\"accept-charset\":\"utf-8\"}}),_c('form',{staticClass:\"d-none\",attrs:{\"id\":\"form-mycard\",\"action\":\"\",\"method\":\"post\",\"accept-charset\":\"utf-8\"}}),_c('form',{staticClass:\"d-none\",attrs:{\"id\":\"form-gash\",\"action\":\"\",\"method\":\"post\",\"accept-charset\":\"utf-8\"}}),_c('form',{staticClass:\"d-none\",attrs:{\"id\":\"form-atm\",\"action\":\"\",\"method\":\"post\",\"accept-charset\":\"utf-8\"}}),_c('form',{staticClass:\"d-none\",attrs:{\"id\":\"form-webatm\",\"action\":\"\",\"method\":\"post\",\"accept-charset\":\"utf-8\"}}),_c('ErrorBox',{attrs:{\"openPopupBox\":_vm.openPopupBox,\"msg\":_vm.errorMsg},on:{\"hideBoxHandler\":_vm.hideBoxHandler}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"text-light mt-5\">\r\n        <ul class=\"data_list\">\r\n            <li v-for=\"item in WeekList\" :key=\"item.ProductID\">\r\n                <div class=\"item_box\">\r\n                    <div class=\"img_box\">\r\n                        <img :src=\"item.ImageUrl\" alt=\"\">\r\n                    </div>\r\n                    <button class=\"send_money\" v-on:click=\"click_send(item)\">\r\n                        NT$ {{toLocaleString(item.Price)}}\r\n                    </button>\r\n                </div>\r\n\r\n            </li>\r\n        </ul>\r\n        <ul class=\"data_list monthList\">\r\n            <li v-for=\"item in MonthList\" :key=\"item.ProductID\">\r\n                <div class=\"item_box\">\r\n                    <div class=\"img_box\">\r\n                        <img :src=\"item.ImageUrl\" alt=\"\">\r\n                    </div>\r\n                    <button class=\"send_money\" v-on:click=\"click_send(item)\">\r\n                        NT$ {{toLocaleString(item.Price)}}\r\n                    </button>\r\n                </div>\r\n\r\n            </li>\r\n        </ul>\r\n\r\n        <form class=\"d-none\" id=\"form-coin\" action=\"\" method=\"post\" accept-charset=\"utf-8\"></form>\r\n        <form class=\"d-none\" id=\"form-mycard\" action=\"\" method=\"post\" accept-charset=\"utf-8\"></form>\r\n        <form class=\"d-none\" id=\"form-gash\" action=\"\" method=\"post\" accept-charset=\"utf-8\"></form>\r\n        <form class=\"d-none\" id=\"form-atm\" action=\"\" method=\"post\" accept-charset=\"utf-8\"></form>\r\n        <form class=\"d-none\" id=\"form-webatm\" action=\"\" method=\"post\" accept-charset=\"utf-8\"></form>\r\n        <ErrorBox :openPopupBox=\"openPopupBox\" :msg=\"errorMsg\" @hideBoxHandler=\"hideBoxHandler\"/>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport $ from 'jquery'\r\nimport Swal from 'sweetalert2/src/sweetalert2.js'\r\nimport ErrorBox from '@/components/Utility/MsgBox'\r\nexport default {\r\n  name: 'week',\r\n  components: {\r\n    ErrorBox\r\n  },\r\n  data () {\r\n    return {\r\n      resultItem: {},\r\n      pickedProduct: {},\r\n      pickedID: '',\r\n\r\n      WeekList: [],\r\n      MonthList: [],\r\n\r\n      ProductIsActivity: false,\r\n      ProductActivityID: '',\r\n\r\n      openPopupBox: false,\r\n      errorMsg: ''\r\n    }\r\n  },\r\n  props: {\r\n    prop_mone: String\r\n  },\r\n  computed: {\r\n    userInfo: {\r\n      get () {\r\n        return this.$store.state.userInfo\r\n      }\r\n    },\r\n    PaymentType: {\r\n      get () {\r\n        if (this.prop_mone === 'mycard') return 4\r\n        if (this.prop_mone === 'creadcard') return 3\r\n        if (this.prop_mone === 'iwin') return 5\r\n        if (this.prop_mone === 'gash') return 6\r\n        if (this.prop_mone === 'atm') return 8\r\n        if (this.prop_mone === 'webatm') return 9\r\n        return ''\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    prop_mone () {\r\n      this.getProductList()\r\n    }\r\n  },\r\n  methods: {\r\n\r\n    async click_send (item) {\r\n      Swal.fire({\r\n        text: '資料處理中...',\r\n        allowEscapeKey: false,\r\n        allowOutsideClick: false,\r\n        onOpen: () => {\r\n          Swal.showLoading()\r\n        }\r\n      })\r\n      const apiObj = {\r\n        UserID: this.userInfo.UserID,\r\n        ProductID: item.ProductID,\r\n        ProductType: 3,\r\n        PaymentType: this.PaymentType,\r\n        IsActivity: true,\r\n        ActivityID: this.ProductActivityID,\r\n        ActType: 6\r\n      }\r\n      const result = await this.$store.dispatch('api/CREATE_ORDER', apiObj)\r\n      setTimeout(() => {\r\n        Swal.close()\r\n      }, 1500)\r\n\r\n      if (parseInt(result.ResultCode) === 200) {\r\n        this.submitData(result)\r\n      } else {\r\n        const errData = result\r\n        this.errorMsg = errData.ResultMsg\r\n        this.openPopupBox = !this.openPopupBox\r\n      }\r\n    },\r\n    submitData (result) {\r\n      if (this.PaymentType === 3) {\r\n        const data = result.Result.ItemList\r\n        $('#form-coin').empty()\r\n        for (var i = 0; i < data.length; i++) {\r\n          $('#form-coin').append(\"<input name='\" + data[i].Name + \"' id='\" + data[i].Name + \"' value='\" + data[i].Value + \"'>\")\r\n        }\r\n        $('#form-coin').attr('action', result.Result.ServerUrl)\r\n\r\n        $('#form-coin').submit()\r\n      } else if (this.PaymentType === 4) {\r\n        const url = result.AuthCode\r\n        $('#form-mycard').empty()\r\n        $('#form-mycard').attr('action', url)\r\n        $('#form-mycard').submit()\r\n      } else if (this.PaymentType === 5) {\r\n        const url = result.iWinPaymentUrl\r\n        window.location.href = url\r\n      } else if (this.PaymentType === 6) {\r\n        const data = result.Data\r\n        $('#form-gash').empty()\r\n        $('#form-gash').append(\"<input type='hidden' id='data'  name='data'  value='\" + data + \"'>\")\r\n        $('#form-gash').attr('action', result.GASHUrl)\r\n        $('#form-gash').submit()\r\n      } else if (this.PaymentType === 8) {\r\n        const data = result.Result.ItemList\r\n        $('#form-atm').empty()\r\n        for (let i = 0; i < data.length; i++) {\r\n          $('#form-atm').append(\"<input name='\" + data[i].Name + \"' id='\" + data[i].Name + \"' value='\" + data[i].Value + \"'>\")\r\n        }\r\n        $('#form-atm').attr('action', result.Result.ServerUrl)\r\n\r\n        $('#form-atm').submit()\r\n      } else if (this.PaymentType === 9) {\r\n        const data = result.Result.ItemList\r\n        $('#form-webatm').empty()\r\n        for (let i = 0; i < data.length; i++) {\r\n          $('#form-webatm').append(\"<input name='\" + data[i].Name + \"' id='\" + data[i].Name + \"' value='\" + data[i].Value + \"'>\")\r\n        }\r\n        $('#form-webatm').attr('action', result.Result.ServerUrl)\r\n\r\n        $('#form-webatm').submit()\r\n      }\r\n    },\r\n    async getProductList () {\r\n      const apiObj = {\r\n        UserID: this.userInfo.UserID,\r\n        PaymentType: this.PaymentType\r\n      }\r\n      const result = await this.$store.dispatch('API_AXIOS', { url: this.$store.state.list.GET_PRODUCT_PERIOD, parent: apiObj })\r\n\r\n      if (parseInt(result.ResultCode) === 200) {\r\n        this.WeekList = result.WeekList\r\n        this.MonthList = result.MonthList\r\n      } else {\r\n        const errData = result\r\n        this.errorMsg = errData.ResultMsg\r\n        this.openPopupBox = !this.openPopupBox\r\n      }\r\n    },\r\n\r\n    hideBoxHandler () {\r\n      this.openPopupBox = !this.openPopupBox\r\n    },\r\n    toLocaleString (item) {\r\n      return Number(item).toLocaleString()\r\n    }\r\n  },\r\n\r\n  mounted () {\r\n    this.getProductList()\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.data_list{\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    text-align: center;\r\n    font-weight: bold;\r\n    font-size: 20px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    list-style: none;\r\n    &.monthList{\r\n        background-color: #6c0440;\r\n    }\r\n  >li{\r\n    width: 50%;\r\n    padding: 20px 10px;\r\n    @include phone{\r\n      width: 50%;\r\n    }\r\n    .item_box{\r\n        width: 80%;\r\n        display: inline-block;\r\n        position: relative;\r\n\r\n        .img_box{\r\n            width: 100%;\r\n            padding-top: 79.2%;\r\n            position: relative;\r\n            background-color: #fff;\r\n\r\n            >img{\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n                position: absolute;\r\n                left: 0;\r\n                top: 0;\r\n            }\r\n        }\r\n        .send_money{\r\n            position: relative;\r\n            top: -15px;\r\n        }\r\n    }\r\n  }\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!./week.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!./week.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./week.vue?vue&type=template&id=eed7b668&scoped=true&\"\nimport script from \"./week.vue?vue&type=script&lang=js&\"\nexport * from \"./week.vue?vue&type=script&lang=js&\"\nimport style0 from \"./week.vue?vue&type=style&index=0&id=eed7b668&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  \"eed7b668\",\n  null\n  \n)\n\nexport default component.exports","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","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!./week.vue?vue&type=style&index=0&id=eed7b668&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!./week.vue?vue&type=style&index=0&id=eed7b668&lang=scss&scoped=true&\""],"sourceRoot":""}