{"version":3,"sources":["webpack:///./src/components/TopUp/gift.vue?44d5","webpack:///./src/components/TopUp/gift.vue?c746","webpack:///src/components/TopUp/gift.vue","webpack:///./src/components/TopUp/gift.vue?c25a","webpack:///./src/components/TopUp/gift.vue","webpack:///./src/assets/images/ico/props_clock.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","prop_bonus","proprs_bonus","_v","attrs","_s","times_txt","_e","_l","item","key","ProductID","ProductName","ImageUrl","ProductIsActivity","ExtraValue","on","$event","click_send","toLocaleString","Price","openPopupBox","errorMsg","hideBoxHandler","openExtraData","hideExtraBox","extraSend","staticRenderFns","name","components","ErrorBox","ExtraBonus3","ExtraBonus2","data","resultItem","pickedProduct","pickedID","ProductList","ProductActivityID","openExtraBox3","openExtraBox2","ExtraSandData","props","prop_mone","String","Object","computed","userInfo","get","$store","state","PaymentType","watch","getProductList","methods","submitData","i","length","window","location","href","type","Number","mounted","component","module","exports"],"mappings":"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","file":"js/chunk-f844d54e.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!./gift.vue?vue&type=style&index=0&id=2635b812&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!./gift.vue?vue&type=style&index=0&id=2635b812&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-4\"},[(_vm.prop_bonus.proprs_bonus!== '')?_c('h2',{staticClass:\"bonus_txt\"},[_vm._v(\" 儲值UP卡使用中 \"),_c('img',{staticClass:\"bonus_img\",attrs:{\"src\":require(\"@/assets/images/ico/props_clock.png\")}}),_c('span',{staticClass:\"time\"},[_vm._v(\" \"+_vm._s(_vm.prop_bonus.times_txt)+\" \")])]):_vm._e(),_c('ul',{staticClass:\"data_list\"},_vm._l((_vm.ProductList),function(item){return _c('li',{key:item.ProductID + item.ProductName},[_c('div',{staticClass:\"item_box\"},[_c('div',{staticClass:\"img_box\"},[_c('img',{attrs:{\"src\":item.ImageUrl,\"alt\":\"\"}})]),(_vm.ProductIsActivity && item.ExtraValue)?_c('div',{staticClass:\"props_bouns_box\"},[_c('h2',{staticClass:\"txt\"},[_vm._v(_vm._s(item.ExtraValue))])]):_vm._e(),(_vm.prop_bonus.proprs_bonus)?_c('div',{staticClass:\"props_bouns_box\"},[_c('h2',{staticClass:\"txt\"},[_vm._v(\"+\"+_vm._s(_vm.prop_bonus.proprs_bonus)+\"%\")])]):_vm._e(),_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}}),(_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 }","<template>\r\n    <div class=\"text-light mt-4\">\r\n      <h2 v-if=\"prop_bonus.proprs_bonus!== ''\" class=\"bonus_txt\">\r\n        儲值UP卡使用中\r\n        <img class=\"bonus_img\" src=\"@/assets/images/ico/props_clock.png\">\r\n        <span class=\"time\">\r\n          {{prop_bonus.times_txt}}\r\n        </span>\r\n      </h2>\r\n      <ul class=\"data_list\">\r\n          <li v-for=\"item in ProductList\" :key=\"item.ProductID + item.ProductName\">\r\n              <div class=\"item_box\">\r\n                  <div class=\"img_box\">\r\n                      <img :src=\"item.ImageUrl\" alt=\"\">\r\n                  </div>\r\n                  <div class=\"props_bouns_box\" v-if=\"ProductIsActivity && item.ExtraValue\">\r\n                    <h2 class=\"txt\">{{item.ExtraValue}}</h2>\r\n                  </div>\r\n                  <div class=\"props_bouns_box\" v-if=\"prop_bonus.proprs_bonus\">\r\n                    <h2 class=\"txt\">+{{prop_bonus.proprs_bonus}}%</h2>\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\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      <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\nexport default {\r\n  name: 'gift',\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      ProductList: [],\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    prop_bonus: Object\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, 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\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: 2,\r\n        PaymentType: this.PaymentType,\r\n        IsActivity: this.ProductIsActivity,\r\n        ActivityID: this.ProductActivityID,\r\n        ActType: this.ProductIsActivity ? 2 : 5,\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: 2, // 產品類別 1=金幣品項 2=產包\r\n        ActivityID: this.ProductActivityID,\r\n        ActType: this.ProductIsActivity ? 2 : 5,\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        PaymentType: this.PaymentType\r\n      }\r\n      const result = await this.$store.dispatch('API_AXIOS', { url: this.$store.state.list.GET_PRODUCT_PACKAGE, parent: apiObj })\r\n\r\n      if (parseInt(result.ResultCode) === 200) {\r\n        if (result.ProductList.length > 0) {\r\n          this.ProductList = result.ProductList\r\n          this.ProductIsActivity = result.IsActivity\r\n          if (this.ProductIsActivity) {\r\n            this.ProductActivityID = result.ActivityID\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.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    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  >li{\r\n    width: 33.33%;\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: 122.1%;\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        .props_bouns_box{\r\n          width: 90%;\r\n          padding-top: 25%;\r\n          position: absolute;\r\n          left: 5%;\r\n          top: -4%;\r\n          background-image: url(~@/assets/images/ico/props_title_bg.png);\r\n          background-size: contain;\r\n          .txt{\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 45%;\r\n            transform: translate(-50%, -50%);\r\n            color: #FFFF00;\r\n            font-weight: bold;\r\n            font-size: 24px;\r\n            white-space:nowrap;\r\n            @include desktop{\r\n              font-size: 20px;\r\n            }\r\n          }\r\n        }\r\n\r\n        .bouns_box{\r\n          position: absolute;\r\n          left: 5%;\r\n          top: -5%;\r\n          width: 95px;\r\n          height: 66px;\r\n\r\n          font-size: 26px;\r\n          font-weight: bold;\r\n          line-height: 66px;\r\n          color: #ffffff;\r\n          white-space:nowrap;\r\n\r\n          background-image: url(~@/assets/images/ico/percent_new.png);\r\n          background-size: contain;\r\n          @include desktop{\r\n            width: 63px;\r\n            height: 44px;\r\n            font-size: 20px;\r\n            line-height: 44px;\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!./gift.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!./gift.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./gift.vue?vue&type=template&id=2635b812&scoped=true&\"\nimport script from \"./gift.vue?vue&type=script&lang=js&\"\nexport * from \"./gift.vue?vue&type=script&lang=js&\"\nimport style0 from \"./gift.vue?vue&type=style&index=0&id=2635b812&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  \"2635b812\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/props_clock.7d9a0172.png\";"],"sourceRoot":""}