https://www.sbobetauto.com/javascripts/vendors~tournament.29f2041a9fb73f63c2ef.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[111],{1024:function(t,a,e){"use strict";e.r(a);var s=e(2),n=e(17),i={name:"TournamentDetail",mixins:[e(957).a],props:{name:{type:String,default:null},imgUrl:{type:String,default:null},endTime:{type:String,default:null},rewardList:{type:Array,default:()=>[]},infoContent:{type:String,default:null},rewardType:{type:[String,Number],default:null}},data:()=>({timerId:null,remainingSeconds:null}),computed:{timeUnits(){if(null===this.remainingSeconds||this.remainingSeconds<=0)return{days:"--",hours:"--",minutes:"--",seconds:"--"};const t=t=>String(t).padStart(2,"0");let a=this.remainingSeconds;const e=Math.floor(a/86400);a%=86400;const s=Math.floor(a/3600);a%=3600;const n=Math.floor(a/60),i=a%60;return{days:t(e),hours:t(s),minutes:t(n),seconds:t(i)}},countDownDay(){return this.timeUnits.days},countDownHour(){return this.timeUnits.hours},countDownMinute(){return this.timeUnits.minutes},countDownSecond(){return this.timeUnits.seconds}},watch:{endTime:{handler(t,a){t!==a&&t&&this.initCountDown()}}},beforeDestroy(){this.clearCountDown()},mounted(){this.endTime&&this.initCountDown()},methods:{...Object(s.mapActions)(["actionOpenDialog"]),initCountDown(){this.clearCountDown();const t=new Date,a=new Date(this.endTime);this.remainingSeconds=Object(n.differenceInSeconds)(a,t),this.remainingSeconds>0&&this.countDown()},countDown(){this.remainingSeconds-=1,this.remainingSeconds<=0?this.clearCountDown():this.timerId=setTimeout(()=>{this.countDown()},1e3)},clearCountDown(){this.timerId&&clearTimeout(this.timerId)}}},r=e(3),o=Object(r.a)(i,function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"tournament-detail"},[e("div",{staticClass:"tournament-banner"},[t.imgUrl?e("img",{attrs:{src:t.imgUrl,alt:""}}):t._e(),e("div",{staticClass:"icon-exclamation-circle",on:{click:function(a){return t.actionOpenDialog({componentName:"tournamentInfo",subData:{infoContent:t.infoContent}})}}})]),e("div",{staticClass:"tournament-desc"},[e("div",{staticClass:"tournament-title"},[t._v(t._s(t.name))]),e("div",{staticClass:"time-description web_view"},[e("p",[t._v(t._s(t.$t("promotion.tournament.timeRemaining")))])]),e("div",{staticClass:"countdown-timer web_view"},[e("div",{staticClass:"time-unit"},[e("div",{staticClass:"time-value"},[t._v(t._s(t.countDownDay))]),e("div",{staticClass:"time-label"},[t._v(t._s(t.$t("vue.common.days")))])]),e("div",{staticClass:"time-unit"},[e("div",{staticClass:"time-value"},[t._v(t._s(t.countDownHour))]),e("div",{staticClass:"time-label"},[t._v(t._s(t.$t("vue.common.hours")))])]),e("div",{staticClass:"time-unit"},[e("div",{staticClass:"time-value"},[t._v(t._s(t.countDownMinute))]),e("div",{staticClass:"time-label"},[t._v(t._s(t.$t("vue.common.minutes")))])]),e("div",{staticClass:"time-unit"},[e("div",{staticClass:"time-value"},[t._v(t._s(t.countDownSecond))]),e("div",{staticClass:"time-label"},[t._v(t._s(t.$t("vue.common.seconds")))])])]),e("div",{staticClass:"countdown-timer mob_view"},[e("span",{staticClass:"time-left"},[t._v(t._s(t.$t("tournament.timeLeft")))]),e("span",{staticClass:"time-value"},[t._v(t._s(t.countDownDay))]),e("span",{staticClass:"time-label"},[t._v(t._s(t.$t("tournament.day")))]),e("span",{staticClass:"time-value"},[t._v(t._s(t.countDownHour))]),e("span",{staticClass:"time-label"},[t._v(t._s(t.$t("tournament.hour")))]),e("span",{staticClass:"time-value"},[t._v(t._s(t.countDownMinute))]),e("span",{staticClass:"time-label"},[t._v(t._s(t.$t("tournament.minute")))]),e("span",{staticClass:"time-value"},[t._v(t._s(t.countDownSecond))]),e("span",{staticClass:"time-label"},[t._v(t._s(t.$t("tournament.second")))])]),e("div",{staticClass:"divider web_view"}),e("div",{staticClass:"rewards-section web_view"},[e("div",{staticClass:"rewards-title"},[t._v(t._s(t.$t("promotion.tournament.totalRewards")))]),e("div",{staticClass:"rewards-container"},t._l(t.rewardList,function(a,s){return e("div",{key:a.rank,staticClass:"reward-item"},[e("div",{staticClass:"reward-rank"},[t._v(t._s(t.formatRank(a.rank)))]),a.image?e("div",{staticClass:"reward-img"},[e("img",{attrs:{src:a.image}}),s<=2?e("div",{staticClass:"reward-bg"}):t._e()]):e("div",{staticClass:"reward-icon",class:t.getRewardClassName(a.rewardType)},[s<=2?e("div",{staticClass:"reward-bg"}):t._e()]),e("div",{staticClass:"reward-name"},[t._v(t._s(t.getRewardName(a.rewardType,a.name)))]),e("div",{staticClass:"reward-count"},[t._v("x "+t._s(t.getRewardCount(a.reward,a.rewardPieces)))])])}),0)])])])},[],!1,null,null,null).exports,l=e(15),c={name:"InProgress",components:{TournamentDetail:o,RankList:e(984).a}

1,data:()=>({dataLoaded:!1,tournamentData:{name:null,imgUrl:null,endTime:null,rewardList:[],infoContent:null,rewardType:null},lastUpdateTime:""}),async mounted(){await this.loadAllData(),this.dataLoaded=!0},methods:{async loadAllData(){await this.getTournamentInfo(),await this.getInfo()},getTournamentInfo(){return Object(l.U)().then(({data:{data:t}})=>{this.tournamentData.rewardType=t.rewardType,this.tournamentData.name=t.name,this.tournamentData.endTime=t.endTime,this.tournamentData.imgUrl=t.imgUrl,this.tournamentData.rewardList=t.rankingReward})},getInfo(){return Object(l.S)().then(({data:{data:t}})=>{this.tournamentData.infoContent=t.content})},handleTimeUpdate(t){this.lastUpdateTime=t}}},m=Object(r.a)(c,function(){var t=this,a=t.$createElement,e=t._self._c||a;return t.dataLoaded?e("div",{staticClass:"tournament-wrapper"},[e("div",{staticClass:"in-progress"},[e("TournamentDetail",{attrs:{name:t.tournamentData.name,imgUrl:t.tournamentData.imgUrl,endTime:t.tournamentData.endTime,rewardList:t.tournamentData.rewardList,infoContent:t.tournamentData.infoContent,rewardType:t.tournamentData.rewardType}}),e("RankList",{attrs:{rewardList:t.tournamentData.rewardList},on:{lastUpdateTime:t.handleTimeUpdate}})],1),e("div",{staticClass:"update-time"},[e("div",{staticClass:"icon-svg-time"}),e("span",[t._v(t._s(t.$t("maintenance.messageCenter.updateTime"))+" : "+t._s(t.lastUpdateTime))])])]):t._e()},[],!1,null,null,null).exports,d={name:"history",data:()=>({dataList:[],count:0}),computed:{...Object(s.mapState)(["darkModelThemeValue"])},mounted(){this.getHistory()},methods:{...Object(s.mapActions)(["actionOpenDialog"]),getHistory(){return Object(l.R)().then(({data:{data:t}})=>{this.dataList=t.records,this.count=t.count})},openLeaderBoard(t){this.actionOpenDialog({componentName:"tournamentLeaderBoard",subData:{promotionId:t}})}}},u=Object(r.a)(d,function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"tournament-history"},[0===t.count?[e("div",{staticClass:"no-data"},[e("div",{staticClass:"empty-img",class:t.darkModelThemeValue}),e("div",{staticClass:"empty-text"},[t._v(t._s(t.$t("el.select.noData")))])])]:[e("div",{staticClass:"history-list"},t._l(t.dataList,function(a){return e("div",{key:a.promotionId,staticClass:"history-item"},[e("div",{staticClass:"item-img"},[e("img",{attrs:{src:a.imgUrl,alt:""}})]),e("div",{staticClass:"item-context"},[e("div",{staticClass:"title-row"},[e("div",{staticClass:"title"},[t._v(t._s(a.name))]),e("div",{staticClass:"button-box"},[e("button",{staticClass:"web_view",on:{click:function(e){return t.openLeaderBoard(a.promotionId)}}},[e("span",[t._v(t._s(t.$t("promotion.tournament.viewLeaderBoard")))])])])]),e("div",{staticClass:"time-info"},[e("div",{staticClass:"time-item"},[e("div",{staticClass:"start-time-label"},[t._v(t._s(t.$t("common.startTime")))]),e("div",{staticClass:"start-time-value"},[t._v(t._s(a.startTime))])]),e("div",{staticClass:"time-item"},[e("div",{staticClass:"end-time-label"},[t._v(t._s(t.$t("common.endTime")))]),e("div",{staticClass:"end-time-value"},[t._v(t._s(a.endTime))])])]),e("div",{staticClass:"button-box"},[e("button",{staticClass:"mob_view",on:{click:function(e){return t.openLeaderBoard(a.promotionId)}}},[e("span",[t._v(t._s(t.$t("promotion.tournament.viewLeaderBoard")))])])])])])}),0)]],2)},[],!1,null,null,null).exports,v=e(23),p=e(13),w=Object(r.a)(null,function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"tournament-menu"},[e("ul",t._l(t.tabs,function(a){return e("li",{key:a.id,staticClass:"tab",class:{active:t.activeTab===a.id},on:{click:function(e){return t.$emit("onTabClick",a.id)}}},[t._v(t._s(a.title))])}),0)])},[],!1,null,null,null).exports,C=Object(r.a)(null,function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"tournament-menu"},[e("ul",{staticClass:"web_view"},t._l(t.tabs,function(a){return e("li",{key:a.id,staticClass:"tab",class:{active:t.activeTab===a.id},on:{click:function(e){return t.$emit("onTabClick",a.id)}}},[t._v(t._s(a.title))])}),0),e("el-select",{staticClass:"mob_view tournament-tab-select",attrs:{"popper-class":"tournament-tab-select-dropdown"},on:{change:function(a){return t.$emit("onTabClick",a)}},model:{value:t.activeTab,callback:function(a){t.activeTab=a},expression:"activeTab"}},t._l(t.tabs,function(t,a){return e("el-option",{key:a,staticClass:"tournament-tab-item",attrs:{label:t.title,value:t.id}})}),1)],1)},[],!1,null,null,null).exports,_={props:{tabs:{type:Array,default:[]},activeTab:{type:String,default:""}}};const h={template_base:Object(p.a)(w,_),template_tc015:Object(p.a)(C,_)};var b={name:"tournamentMenu",components:h,props:{tabs:{type:Array,default:[]},activeTab:{type:String,default:""}},computed:{styleSelected:()=>Object(v.a)("tournamentMenu",h)}},g={name:"Tournament",components:{InProgress:m,History:u,TournamentMenu:Object(r.a)(b,function(){var t=this,a=t.$createElement;return(t._self._c||a)(t.styleSelected,{tag:"component",attrs:{tabs:t.tabs,"active-tab":t.activeTab},on:{onTabClick:function(a){return t.$emit("onTabClick",a)}}})},[],!1,null,null,null).exports},data(){return{activeTab:"tournament",tabs:[{id:"tournament",title:this.$t("promotion.tournament.title")},{id:"endPromotion",title:this.$t("promotion.tournament.endThePromotion")}]}},methods:{onTabClick(t){this.activeTab=t}}},T={name:"TournamentContainer",components:{Tournament:Object(r.a)(g,function(){var t=this.$createElement,a=this._self._c||t;return a("div",{attrs:{id:"tournament"}}

1,[a("TournamentMenu",{attrs:{tabs:this.tabs,"active-tab":this.activeTab},on:{onTabClick:this.onTabClick}}),a("div",{staticClass:"tournament-container"},["tournament"===this.activeTab?[a("InProgress")]:[a("History")]],2)],1)},[],!1,null,null,null).exports}},y=Object(r.a)(T,function(){var t=this.$createElement;return(this._self._c||t)("Tournament")},[],!1,null,null,null);a.default=y.exports},957:function(t,a,e){"use strict";var s=e(19);a.a={data:()=>({CONST_PROMOTION:s.a}),methods:{getRewardClassName(t){if(!t)return"";switch(t){case s.a.rewardType.AMOUNT:return"bonus";case s.a.rewardType.POINT:return"point";case s.a.rewardType.GAME_ITEM:return"free-spin";case s.a.rewardType.TICKET:return"draw-ticket"}},getRewardName(t,a){switch(t){case s.a.rewardType.AMOUNT:return this.$t("promolist.money");case s.a.rewardType.POINT:return this.$t("common.point");case s.a.rewardType.GAME_ITEM:return a;case s.a.rewardType.TICKET:return this.$t("promotion.checkIn.ticket")}},getRewardCount:(t,a)=>a||t,getMemberRewardCount(t){if(!t)return"-";const a=t.rewardPieces,e=t.reward,s=a||e;return s?`X${s}`:""},formatRank(t){const a=t.split("-");return 2===a.length&&a[0]===a[1]?a[0]:t}}}},984:function(t,a,e){"use strict";var s=e(5),n=e.n(s),i=e(2),r=e(15),o={name:"rankList",mixins:[e(957).a],props:{promotionId:{type:[Number,String],default:null},rewardList:{type:Array,default:()=>[]}},data:()=>({rankingList:[],myRank:null,myTurnover:0,myReward:null,myRewardType:"",remind:"",rewardImg:"",lastUpdateTime:""}),computed:{...Object(i.mapState)(["loginStatus"]),...Object(i.mapState)("member",["memberInfo"]),rewardClass(){return this.getRewardClassName(this.myRewardType)},username(){return n.a.get(this.memberInfo,"username.value","")}},watch:{loginStatus:{immediate:!0,handler(t){t&&this.fetchUserRank()}}},mounted(){this.promotionId?this.fetchLeaderboardData(this.promotionId):this.fetchRankingList()},methods:{...Object(i.mapActions)(["actionOpenDialog"]),async fetchUserRank(){const{data:{data:t}}=await Object(r.L)();this.myRank=t.rank,this.myReward=t.reward,this.myTurnover=t.betAmount,this.remind=t.remind,this.myRewardType=t.rewardType,this.rewardImg=t.reward&&t.reward.image,this.$emit("lastUpdateTime",t.lastUpdateTime)},async fetchRankingList(){const{data:{data:t}}=await Object(r.T)();this.rankingList=t.rankingList,this.lastUpdateTime=t.lastUpdateTime,this.$emit("lastUpdateTime",t.lastUpdateTime)},async fetchLeaderboardData(t){const{data:{data:a}}=await Object(r.Q)({promotionId:t});this.rankingList=a.rankingList},openRewardDialog(){this.promotionId||this.actionOpenDialog({componentName:"tournamentReward",subData:{rewardList:this.rewardList}})},getRankClass:t=>1===t?"gold":2===t?"silver":3===t?"bronze":"",isOnCurrentBoard(t){return this.loginStatus&&this.lastUpdateTime&&t===this.myRank},format:t=>new Intl.NumberFormat("zh-TW",{minimumFractionDigits:2,maximumFractionDigits:2}).format(t)}},l=e(3),c=Object(l.a)(o,function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"rank-list"},[t.loginStatus?e("div",{staticClass:"ranking-header"},[e("div",{staticClass:"ranking-title"},[e("p",[t._v(t._s(t.$t("promotion.tournament.myRanking")))])]),e("div",{staticClass:"my-ranking-status"},[e("div",{staticClass:"rank-icon",class:t.getRankClass(t.myRank)},[e("span",{staticClass:"rank-no",class:{active:t.myRank}},[t._v(t._s(t.myRank||"-"))])]),e("span",{staticClass:"user-name"},[t._v(t._s(t.username))]),e("span",{staticClass:"turnover"},[t._v(t._s(t._f("currencySymbol")(t.format(t.myTurnover))))]),e("span",{staticClass:"reward",class:{active:t.myReward}},[t.rewardImg?e("div",{staticClass:"reward-img"},[e("img",{attrs:{src:t.rewardImg}})]):e("div",{staticClass:"reward-icon",class:t.getRewardClassName(t.myRewardType)}),e("span",[t._v(t._s(t.getMemberRewardCount(t.myReward)))])])]),t.remind?e("div",{staticClass:"promotion-rule"},[e("div",{staticClass:"icon-exclamation-circle"}),e("div",{staticClass:"rule-text"},[t._v(t._s(t.remind))])]):t._e()]):t._e(),e("div",{staticClass:"ranking-table"},[e("el-row",{staticClass:"list-head",attrs:{gutter:0}},[e("el-col",{staticClass:"no"},[e("div",[t._v(t._s(t.$t("promotion.tournament.placement")))])]),e("el-col",{staticClass:"username"},[e("div",[t._v(t._s(t.$t("promotion.tournament.username")))])]),e("el-col",{staticClass:"turnover"},[e("div",[t._v(t._s(t.$t("member.recommand.betAmount")))])]),e("el-col",{staticClass:"reward"},[e("div",{on:{click:t.openRewardDialog}},[e("div",{staticClass:"icon-exclamation-circle mob_view"}),e("span",{class:{noStyle:t.promotionId}}

1,[t._v(t._s(t.$t("promotion.missionCenter.reward")))])])])],1),e("div",{staticClass:"ranking-list"},t._l(t.rankingList,function(a,s){return e("el-row",{key:a.rank,staticClass:"ranking-item",class:{isOnLeaderboard:t.isOnCurrentBoard(a.rank)},attrs:{gutter:0}},[e("el-col",{staticClass:"rank-no",attrs:{span:3}},[e("div",{staticClass:"rank-icon",class:t.getRankClass(a.rank)},[e("span",[t._v(t._s(a.rank))])])]),e("el-col",{staticClass:"username",attrs:{span:7}},[t._v(t._s(a.username))]),e("el-col",{staticClass:"turnover",attrs:{span:7}},[t._v(t._s(t._f("currencySymbol")(t.format(a.betAmount)||t.format(a.totalBetAmount))))]),e("el-col",{staticClass:"reward",attrs:{span:7}},[a.reward&&a.reward.image?e("div",{staticClass:"reward-img"},[e("img",{attrs:{src:a.reward.image}}),a.reward&&s<=2?e("div",{staticClass:"reward-bg"}):t._e()]):e("div",{staticClass:"reward-icon",class:t.getRewardClassName(a.reward&&a.reward.rewardType)},[a.reward&&s<=2?e("div",{staticClass:"reward-bg"}):t._e()]),e("span",[t._v(t._s(t.getMemberRewardCount(a.reward)))])])],1)}),1)],1)])},[],!1,null,null,null);a.a=c.exports}}]);