{"version":3,"sources":["webpack:///./src/assets/images/ico/Icon_Common_27.png","webpack:///./src/components/TopUp/discount.vue?4c66","webpack:///./node_modules/swiper/esm/components/effect-coverflow/effect-coverflow.js","webpack:///src/components/TopUp/discount.vue","webpack:///./src/components/TopUp/discount.vue?3086","webpack:///./src/components/TopUp/discount.vue","webpack:///./src/components/TopUp/discount.vue?5d1c"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","key","DiscountId","attrs","AdvertImgUrl","_e","item2","ProductID","class","over_ed","on","$event","click_send","_v","_s","toLocaleString","Price","openPopupBox","errorMsg","hideBoxHandler","openExtraData","hideExtraBox","extraSend","staticRenderFns","_extends","Object","assign","target","i","arguments","length","source","prototype","hasOwnProperty","call","apply","Coverflow","setTranslate","swiper","swiperWidth","width","swiperHeight","height","slides","slidesSizesGrid","params","coverflowEffect","isHorizontal","transform","translate","center","rotate","depth","$slideEl","eq","slideSize","slideOffset","swiperSlideOffset","offsetMultiplier","modifier","rotateY","rotateX","translateZ","Math","abs","stretch","indexOf","parseFloat","translateY","translateX","scale","slideTransform","style","zIndex","round","slideShadows","$shadowBeforeEl","find","$shadowAfterEl","append","opacity","setTransition","duration","transition","name","create","beforeInit","effect","classNames","push","containerModifierClass","watchSlidesProgress","originalParams","components","ErrorBox","ExtraBonus3","ExtraBonus2","data","resultItem","pickedProduct","pickedID","apiProductList","ProductIsActivity","ProductActivityID","openExtraBox3","openExtraBox2","ExtraSandData","props","prop_mone","String","computed","userInfo","get","$store","state","PaymentType","ProductList","rande_swiper","filter","methods","setTimeout","submitData","window","location","href","type","Number","mounted","getProductList","console","log","centeredSlides","slidesPerView","navigation","nextEl","prevEl","_this","sen_log","component"],"mappings":"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","file":"js/chunk-980e215e.1699258740020.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/Icon_Common_27.46bd4e1e.png\";","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('section',{staticClass:\"swiper_box\"},[_c('div',{staticClass:\"swiper-container\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.ProductList),function(item){return _c('div',{key:item.DiscountId,staticClass:\"swiper-slide\"},[_c('div',{staticClass:\"item_box\"},[_c('div',{staticClass:\"img_box\"},[_c('img',{attrs:{\"src\":item.AdvertImgUrl,\"alt\":\"\"}}),(item.over_ed)?_c('img',{staticClass:\"over\",attrs:{\"src\":require(\"@/assets/images/ico/Icon_Common_27.png\")}}):_vm._e()]),_c('ul',{staticClass:\"buttonList\"},_vm._l((item.payment_list),function(item2){return _c('li',{key:item2.ProductID,class:{ 'disabled': item.over_ed },on:{\"click\":function($event){!item.over_ed && _vm.click_send(item2)}}},[_c('button',{staticClass:\"send_money\"},[_vm._v(\" NT$ \"+_vm._s(_vm.toLocaleString(item2.Price))+\" \")])])}),0)])])}),0)]),_c('div',{staticClass:\"swiper-button prev_swiper\"}),_c('div',{staticClass:\"swiper-button next_swipet\"})]),_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}}),(_vm.openExtraBox3)?_c('ExtraBonus3',{attrs:{\"porp_extra_data\":_vm.openExtraData},on:{\"hideBoxHandler\":_vm.hideExtraBox,\"extraSend\":_vm.extraSend}}):_vm._e(),(_vm.openExtraBox2)?_c('ExtraBonus2',{attrs:{\"porp_extra_data\":_vm.openExtraData},on:{\"hideBoxHandler\":_vm.hideExtraBox,\"extraSend\":_vm.extraSend}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport $ from '../../utils/dom';\nimport { bindModuleMethods } from '../../utils/utils';\nvar Coverflow = {\n  setTranslate: function setTranslate() {\n    var swiper = this;\n    var swiperWidth = swiper.width,\n        swiperHeight = swiper.height,\n        slides = swiper.slides,\n        slidesSizesGrid = swiper.slidesSizesGrid;\n    var params = swiper.params.coverflowEffect;\n    var isHorizontal = swiper.isHorizontal();\n    var transform = swiper.translate;\n    var center = isHorizontal ? -transform + swiperWidth / 2 : -transform + swiperHeight / 2;\n    var rotate = isHorizontal ? params.rotate : -params.rotate;\n    var translate = params.depth; // Each slide offset from center\n\n    for (var i = 0, length = slides.length; i < length; i += 1) {\n      var $slideEl = slides.eq(i);\n      var slideSize = slidesSizesGrid[i];\n      var slideOffset = $slideEl[0].swiperSlideOffset;\n      var offsetMultiplier = (center - slideOffset - slideSize / 2) / slideSize * params.modifier;\n      var rotateY = isHorizontal ? rotate * offsetMultiplier : 0;\n      var rotateX = isHorizontal ? 0 : rotate * offsetMultiplier; // var rotateZ = 0\n\n      var translateZ = -translate * Math.abs(offsetMultiplier);\n      var stretch = params.stretch; // Allow percentage to make a relative stretch for responsive sliders\n\n      if (typeof stretch === 'string' && stretch.indexOf('%') !== -1) {\n        stretch = parseFloat(params.stretch) / 100 * slideSize;\n      }\n\n      var translateY = isHorizontal ? 0 : stretch * offsetMultiplier;\n      var translateX = isHorizontal ? stretch * offsetMultiplier : 0;\n      var scale = 1 - (1 - params.scale) * Math.abs(offsetMultiplier); // Fix for ultra small values\n\n      if (Math.abs(translateX) < 0.001) translateX = 0;\n      if (Math.abs(translateY) < 0.001) translateY = 0;\n      if (Math.abs(translateZ) < 0.001) translateZ = 0;\n      if (Math.abs(rotateY) < 0.001) rotateY = 0;\n      if (Math.abs(rotateX) < 0.001) rotateX = 0;\n      if (Math.abs(scale) < 0.001) scale = 0;\n      var slideTransform = \"translate3d(\" + translateX + \"px,\" + translateY + \"px,\" + translateZ + \"px)  rotateX(\" + rotateX + \"deg) rotateY(\" + rotateY + \"deg) scale(\" + scale + \")\";\n      $slideEl.transform(slideTransform);\n      $slideEl[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1;\n\n      if (params.slideShadows) {\n        // Set shadows\n        var $shadowBeforeEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');\n        var $shadowAfterEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');\n\n        if ($shadowBeforeEl.length === 0) {\n          $shadowBeforeEl = $(\"<div class=\\\"swiper-slide-shadow-\" + (isHorizontal ? 'left' : 'top') + \"\\\"></div>\");\n          $slideEl.append($shadowBeforeEl);\n        }\n\n        if ($shadowAfterEl.length === 0) {\n          $shadowAfterEl = $(\"<div class=\\\"swiper-slide-shadow-\" + (isHorizontal ? 'right' : 'bottom') + \"\\\"></div>\");\n          $slideEl.append($shadowAfterEl);\n        }\n\n        if ($shadowBeforeEl.length) $shadowBeforeEl[0].style.opacity = offsetMultiplier > 0 ? offsetMultiplier : 0;\n        if ($shadowAfterEl.length) $shadowAfterEl[0].style.opacity = -offsetMultiplier > 0 ? -offsetMultiplier : 0;\n      }\n    }\n  },\n  setTransition: function setTransition(duration) {\n    var swiper = this;\n    swiper.slides.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);\n  }\n};\nexport default {\n  name: 'effect-coverflow',\n  params: {\n    coverflowEffect: {\n      rotate: 50,\n      stretch: 0,\n      depth: 100,\n      scale: 1,\n      modifier: 1,\n      slideShadows: true\n    }\n  },\n  create: function create() {\n    var swiper = this;\n    bindModuleMethods(swiper, {\n      coverflowEffect: _extends({}, Coverflow)\n    });\n  },\n  on: {\n    beforeInit: function beforeInit(swiper) {\n      if (swiper.params.effect !== 'coverflow') return;\n      swiper.classNames.push(swiper.params.containerModifierClass + \"coverflow\");\n      swiper.classNames.push(swiper.params.containerModifierClass + \"3d\");\n      swiper.params.watchSlidesProgress = true;\n      swiper.originalParams.watchSlidesProgress = true;\n    },\n    setTranslate: function setTranslate(swiper) {\n      if (swiper.params.effect !== 'coverflow') return;\n      swiper.coverflowEffect.setTranslate();\n    },\n    setTransition: function setTransition(swiper, duration) {\n      if (swiper.params.effect !== 'coverflow') return;\n      swiper.coverflowEffect.setTransition(duration);\n    }\n  }\n};","<template>\r\n    <div class=\"text-light mt-5\">\r\n      <section class=\"swiper_box\">\r\n        <div class=\"swiper-container\">\r\n          <div class=\"swiper-wrapper\">\r\n            <!-- <div class=\"swiper-slide\">\r\n              <div class=\"item_box\">\r\n                <div class=\"img_box\">\r\n                    <img src=\"http://cdn.dev.7dd168.com/Upload/FirstDepositActAdsPic/1020x740-675.jpg\" alt=\"\">\r\n                </div>\r\n                <ul class=\"buttonList\">\r\n                  <li v-on:click=\"click_send\">\r\n                    <button class=\"send_money\" >\r\n                      NT$ 351\r\n                    </button>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </div> -->\r\n            <div class=\"swiper-slide\" v-for=\"item in ProductList\" :key=\"item.DiscountId\">\r\n              <div class=\"item_box\">\r\n                <div class=\"img_box\">\r\n                    <img :src=\"item.AdvertImgUrl\" alt=\"\">\r\n                    <img v-if=\"item.over_ed\" src=\"@/assets/images/ico/Icon_Common_27.png\" class=\"over\">\r\n                </div>\r\n                <ul class=\"buttonList\">\r\n                  <li v-on:click=\"!item.over_ed && click_send(item2)\" v-for=\"item2 in item.payment_list\" :key=\"item2.ProductID\" :class=\"{ 'disabled': item.over_ed }\">\r\n                    <button class=\"send_money\" >\r\n                      NT$ {{toLocaleString(item2.Price)}}\r\n                    </button>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"swiper-button prev_swiper\"></div>\r\n        <div class=\"swiper-button next_swipet\"></div>\r\n      </section>\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      <ExtraBonus3 v-if=\"openExtraBox3\"  :porp_extra_data=\"openExtraData\" @hideBoxHandler=\"hideExtraBox\" @extraSend=\"extraSend\"/>\r\n      <ExtraBonus2 v-if=\"openExtraBox2\"  :porp_extra_data=\"openExtraData\" @hideBoxHandler=\"hideExtraBox\" @extraSend=\"extraSend\"/>\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\nimport ExtraBonus3 from '@/components/Utility/extraBonus3'\r\nimport ExtraBonus2 from '@/components/Utility/extraBonus2'\r\n\r\nimport Swiper, { Navigation, Autoplay, EffectCoverflow } from 'swiper'\r\nvar swiper = {}\r\nSwiper.use([Navigation, Autoplay, EffectCoverflow])\r\nexport default {\r\n  name: 'discount',\r\n  components: {\r\n    ErrorBox,\r\n    ExtraBonus3,\r\n    ExtraBonus2\r\n  },\r\n  data () {\r\n    return {\r\n      resultItem: {},\r\n      pickedProduct: {},\r\n      pickedID: '',\r\n\r\n      apiProductList: [],\r\n\r\n      ProductIsActivity: false,\r\n      ProductActivityID: '',\r\n\r\n      openPopupBox: false,\r\n      errorMsg: '',\r\n\r\n      openExtraBox3: false,\r\n      openExtraBox2: false,\r\n      openExtraData: {},\r\n      ExtraSandData: {}\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    ProductList: {\r\n      get () {\r\n        this.rande_swiper()\r\n        return this.apiProductList.filter(item => {\r\n          return item.PaymentType === this.PaymentType\r\n        })\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    rande_swiper () {\r\n      setTimeout(() => {\r\n        swiper.slideTo(0)\r\n        swiper.update()\r\n      }, 200)\r\n    },\r\n\r\n    async sen_log (item) {\r\n      const apiObj = {\r\n        UserID: this.userInfo.UserID,\r\n        PaymentType: item.PaymentType,\r\n\r\n        ActivityID: item.ActivityID,\r\n        ActType: item.ActType\r\n      }\r\n\r\n      const result = await this.$store.dispatch('API_AXIOS', { url: this.$store.state.list.ACTIVITY, parent: apiObj })\r\n      if (parseInt(result.ResultCode) === 200) {\r\n\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    async click_send (item, extraType = null) {\r\n      if (item.IsExtraBonus && (item.IsExtraBonus === 1 || item.IsExtraBonus === 2) && extraType == null) {\r\n        this.get_extra_data(item)\r\n        return false\r\n      }\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: item.ProductType,\r\n        PaymentType: item.PaymentType,\r\n        IsActivity: true,\r\n        ActivityID: item.ActivityID,\r\n        ActType: item.ActType,\r\n        IsExtraBonus: ''\r\n      }\r\n      if (extraType !== null) {\r\n        apiObj.IsExtraBonus = extraType\r\n      }\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 get_extra_data (item) {\r\n      const apiObj = {\r\n        UserID: this.userInfo.UserID,\r\n        ProductType: item.ProductType,\r\n        ActivityID: item.ActivityID,\r\n        ActType: item.ActType,\r\n        ProductID: item.ProductID\r\n      }\r\n      const result = await this.$store.dispatch('API_AXIOS', { url: this.$store.state.list.GET_EXTRA_BONUS, parent: apiObj })\r\n      if (parseInt(result.ResultCode) === 200) {\r\n        this.ExtraSandData = item\r\n        this.openExtraData = result\r\n\r\n        if (item.IsExtraBonus === 2) {\r\n          this.openExtraBox2 = true\r\n        }\r\n        if (item.IsExtraBonus === 1) {\r\n          this.openExtraBox3 = true\r\n        }\r\n      }\r\n    },\r\n    async getProductList () {\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_DISCOUNT, parent: apiObj })\r\n\r\n      if (parseInt(result.ResultCode) === 200) {\r\n        if (result.DepositActList.length > 0) {\r\n          // this.apiProductList = result.DepositActList\r\n\r\n          for (const idx in result.DepositActList) {\r\n            const dataObj = {\r\n              AdvertImgUrl: result.DepositActList[idx].AdvertImgUrl,\r\n              PaymentType: result.DepositActList[idx].PaymentType,\r\n              ActType: '',\r\n              ActivityID: result.DepositActList[idx].DiscountId,\r\n\r\n              over_ed: false,\r\n              payment_list: []\r\n            }\r\n            // 判斷是否售完\r\n            if (result.DepositActList[idx].IsInventory === 1 && result.DepositActList[idx].Inventory === 0) {\r\n              dataObj.over_ed = true\r\n            }\r\n            if (result.DepositActList[idx].Payment_ActivityProductCurrencyModelList.length) {\r\n              dataObj.ActType = result.DepositActList[idx].Payment_ActivityProductCurrencyModelList[0].ActType\r\n              for (const idx2 in result.DepositActList[idx].Payment_ActivityProductCurrencyModelList) {\r\n                const dataObj2 = {\r\n                  ProductID: result.DepositActList[idx].Payment_ActivityProductCurrencyModelList[idx2].ProductID,\r\n                  ProductType: 1,\r\n                  PaymentType: result.DepositActList[idx].PaymentType,\r\n                  IsActivity: true,\r\n                  ActivityID: result.DepositActList[idx].Payment_ActivityProductCurrencyModelList[idx2].ActivityID,\r\n                  ActType: result.DepositActList[idx].Payment_ActivityProductCurrencyModelList[idx2].ActType,\r\n                  Price: result.DepositActList[idx].Payment_ActivityProductCurrencyModelList[idx2].Price,\r\n                  IsExtraBonus: result.DepositActList[idx].Payment_ActivityProductCurrencyModelList[idx2].IsExtraBonus\r\n                }\r\n                dataObj.payment_list.push(dataObj2)\r\n              }\r\n            } else {\r\n              dataObj.ActType = result.DepositActList[idx].Payment_ActivityProductPackageModelList[0].ActType\r\n              for (const idx2 in result.DepositActList[idx].Payment_ActivityProductPackageModelList) {\r\n                const dataObj2 = {\r\n                  ProductID: result.DepositActList[idx].Payment_ActivityProductPackageModelList[idx2].ProductID,\r\n                  ProductType: 2,\r\n                  PaymentType: result.DepositActList[idx].PaymentType,\r\n                  IsActivity: true,\r\n                  ActivityID: result.DepositActList[idx].Payment_ActivityProductPackageModelList[idx2].ActivityID,\r\n                  ActType: result.DepositActList[idx].Payment_ActivityProductPackageModelList[idx2].ActType,\r\n                  Price: result.DepositActList[idx].Payment_ActivityProductPackageModelList[idx2].Price,\r\n                  IsExtraBonus: result.DepositActList[idx].Payment_ActivityProductPackageModelList[idx2].IsExtraBonus\r\n                }\r\n                dataObj.payment_list.push(dataObj2)\r\n              }\r\n            }\r\n            this.apiProductList.push(dataObj)\r\n          }\r\n        } else {\r\n          this.errorMsg = '沒有資料'\r\n          this.openPopupBox = !this.openPopupBox\r\n        }\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 = false\r\n    },\r\n    hideExtraBox () {\r\n      this.openExtraBox3 = false\r\n      this.openExtraBox2 = false\r\n    },\r\n\r\n    extraSend (type) {\r\n      this.openExtraBox3 = false\r\n      this.openExtraBox2 = false\r\n      this.click_send(this.ExtraSandData, type)\r\n    },\r\n    toLocaleString (item) {\r\n      return Number(item).toLocaleString()\r\n    }\r\n  },\r\n\r\n  mounted () {\r\n    const _this = this\r\n    this.getProductList()\r\n    console.log(swiper)\r\n    swiper = new Swiper('.swiper-container', {\r\n      centeredSlides: true,\r\n      slidesPerView: 'auto',\r\n      navigation: {\r\n        nextEl: '.next_swipet',\r\n        prevEl: '.prev_swiper'\r\n      }\r\n      // effect: 'coverflow'\r\n\r\n    })\r\n    swiper.on('transitionEnd', function () {\r\n      _this.sen_log(_this.ProductList[swiper.realIndex])\r\n      // console.log('*** mySwiper.realIndex', swiper.realIndex)\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.swiper_box{\r\n  padding: 0 50px;\r\n  overflow: hidden;\r\n  @include phone{\r\n    padding: 0 25px;\r\n  }\r\n  .swiper-slide{\r\n    width: 70%;\r\n    position: relative;\r\n\r\n    transition: 300ms;\r\n    transform: perspective(500px) rotateY(0deg);\r\n    transform-origin: center center;\r\n    &.swiper-slide-prev{\r\n      transform: perspective(500px) rotateY(20deg);\r\n    }\r\n    &.swiper-slide-next{\r\n      transform: perspective(500px) rotateY(-20deg);\r\n    }\r\n    &.swiper-slide-active{\r\n      transform: perspective(500px) rotateY(0deg);\r\n    }\r\n    @include phone{\r\n      width: 80%;\r\n    }\r\n    .item_box{\r\n      width: 100%;\r\n      display: inline-block;\r\n      position: relative;\r\n\r\n      .img_box{\r\n        width: 100%;\r\n        padding-top: 72.55%;\r\n        position: relative;\r\n        // border: 1px solid #f00;\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        .over{\r\n          width: 50%;\r\n          height: 50%;\r\n          left: 25%;\r\n          top: 25%;\r\n          object-fit: contain;\r\n        }\r\n      }\r\n      .buttonList{\r\n        margin: 0;\r\n        padding: 4%;\r\n        width: 100%;\r\n        height: 80%;\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n        list-style: none;\r\n        display: flex;\r\n        >li{\r\n          flex: 1;\r\n          position: relative;\r\n          // border: 1px solid #f00;\r\n          text-align: center;\r\n          cursor: pointer;\r\n          &.disabled {\r\n            cursor: not-allowed;;\r\n          }\r\n          .send_money{\r\n            position: absolute;\r\n            left: 50%;\r\n            bottom: 0;\r\n            transform: translateX(-50%);\r\n            white-space: nowrap;\r\n          }\r\n        }\r\n      }\r\n\r\n    }\r\n  }\r\n}\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\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!./discount.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!./discount.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./discount.vue?vue&type=template&id=a31f907a&scoped=true&\"\nimport script from \"./discount.vue?vue&type=script&lang=js&\"\nexport * from \"./discount.vue?vue&type=script&lang=js&\"\nimport style0 from \"./discount.vue?vue&type=style&index=0&id=a31f907a&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  \"a31f907a\",\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!./discount.vue?vue&type=style&index=0&id=a31f907a&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!./discount.vue?vue&type=style&index=0&id=a31f907a&lang=scss&scoped=true&\""],"sourceRoot":""}