lixin-web
Version:
vue and bootstrap
782 lines (749 loc) • 32.9 kB
JavaScript
var initGouCaiChe = function($node){
var $tabled;
if($node) { $tabled = $node.find("table"); }
else{ $tabled = $('[data-injection="order-list"]') };
$tabled.bootstrapTable({
mobileResponsive:true,
// cardView:true,
// showHeader:false,
showFooter:true,
height:250,
uniqueId:'id',
columns: [
// {title:'ID',field:'sid',formatter:function(val,row,index){
// return index+1;
// },footerFormatter:function(data){
// return data.length;
// }},
{title: '玩法',field: "content",formatter:function(value,row){
var name = function(method) {
var method = LotteryMain.getConfig().method[method];
return '[' + method.name.substring(0, 5) + ']';
}
var format = function(content) {
if(content.length > 16) {
content = content.substring(0, 16)+ '…';// + '…<a data-command="details">[详细]'
}
return content;
}
// return name(row.method) + format(row.content);
return /^[a-zA-Z_0-9]*$/.test(row.method) ? name(row.method) : row.method;
},footerFormatter:function(data){
return '<span data-field="global-last-time"></span>';
}},
// {title: "注数",field: "num",formatter:function(val){
// return val+'注';
// },footerFormatter:function(data){
// var sum = 0;
// $.each(data,function(){sum+=this.num})
// return sum+'注';
// }},
{title: "倍数",field: "multiple",editable: {
type: 'text'
}},
{title: "模式",field: "model",editable: {
type: 'select',
source: [
{value: 'yuan', text: '元'},
{value: 'jiao', text: '角'},
{value: 'fen', text: '分'},
{value: 'li', text: '厘'}
]
}},
{title: "返点",field: "point",formatter:function(val){
return val.toFixed(1)+ '%';
}},
{title: "总金额",field: "total",formatter:function(val){
return val.toFixed(3)+ '元';
},footerFormatter:function(data){
var sum = 0;
$.each(data,function(){sum=compt.add(this.total,sum)})
$('.sheng-money a').html(compt.sub($('[data-field="lotteryBalance"]').html()-0,sum));
return sum+ '元';
}},
{title: " ",field: "placeholder" ,formatter:function(val){
return '<a class="del">×</a>';
},events:{'click .del': function (e, value, row, index) {
ArrayUtil.remove(LotteryMain.bList(), index);
var tableData = $tabled.bootstrapTable('getData');
$tabled.bootstrapTable('load',ArrayUtil.remove(tableData, index));
}},footerFormatter:function(data){
return '<a class="del" onClick=" $(\'[data-injection=order-list]\').bootstrapTable(\'removeAll\'); " >清空</a>';
}},
],
onEditableHidden:function (field, row, $el, reason) {
var tableData = $tabled.bootstrapTable('getData');
var index = $(tableData).index(row);
var data = LotteryMain.bList()[index];
if(field=='multiple'){
{//计算
var oldMul=data.multiple;
var newMul=row.multiple;
data.multiple=newMul;
var $total = $(this).parent().nextAll('.total');
// $total.html((parseInt($total.html())/oldMul*newMul).toFixed(3) + '元');
// $total.html(compt.mul(compt.div(parseFloat($total.html()),oldMul),newMul).toFixed(3) + '元');
var total=compt.mul(compt.div(parseFloat(row.total),oldMul),newMul).toFixed(3);
$tabled.bootstrapTable('updateCell',
{index:index,
field:'total',
value: parseFloat(total)}
);
}
}else{
var model = row.model;
var scale = 1;
var oldScale = m2s(data.model);
var newScale = m2s(model);
data.model = model;
// var $total = $(this).parent().nextAll('.total');
// $total.html((parseInt($total.html())/oldScale*newScale).toFixed(3) + '元');
var total=compt.mul(compt.div(parseFloat(row.total),oldScale),newScale).toFixed(3);
$tabled.bootstrapTable('updateCell',
{index:index,
field:'total',
value: parseFloat(total)}
);
function m2s(model){
var scale = 1;
if(model == 'yuan') { scale = 1; }
else if(model == 'jiao') { scale = 0.1; }
else if(model == 'fen') { scale = 0.01; }
else if(model == 'li') { scale = 0.001; }
return scale;
}
}
},onEditableShown:function (field, row, $el, editable) {
if(field=='multiple'){
$el.next().find('input').keyup(function() {//倍数输入事件
{//格式
if($(this).val() == '') return;
var val = $(this).val();
if(/^[0-9]*$/.test(val)) {
val = Number(val);
if(val > 10000) $(this).val(10000);
if(val < 1) $(this).val(1);
} else {
$(this).val(1);
}
}
});
}else{
}
}
});
};
//========================================================
//以下是通用的投注相关的功能
//========================================================
// $(document).ready(function() {
(function() {
$('.lottery-record .total').append('<div class="total"> \
第 <span data-field="global-expect">00000000</span> 期投注截止时间 <span data-field="global-last-time">00:00:00</span> </br> \
订单总计 <span data-field="sum-order">0</span> 个 \
总注数 <span data-field="sum-num">0</span> 注 </br> \
总金额 ¥ <span data-field="sum-money">0</span> 元\
</div>');
var sumAll = function(){//计算总注数总金额
if(!$('.lottery-record')) return;
var mul = 0;
var num = 0;
var total = 0;
var domNum = $('.lottery-record .list .num');
domNum.each(function(){
num=compt.add(num,parseFloat($(this).text()));
});
$('.lottery-record .list .total').each(function(){
total=compt.add(total,parseFloat($(this).text()));
});
$('[data-field="sum-order"]').text(domNum.size());
$('[data-field="sum-num"]').text(num);
$('[data-field="sum-money"]').text(total.toFixed(3));
setTimeout(sumAll,200);
};
if($('[data-field="sum-order"]').size()) sumAll();
initGouCaiChe();
$('[data-injection="lottery-button-groups"]').append('<div class="lottery-record"><div class="button">\
<a class="btn" data-command="clear"><i class="clear"></i>清空列表</a>\
<a class="btn" data-command="chase"><i class="chase"></i>我要追号</a>\
<a class="btn" data-command="quick"><i class="quick"></i>快速投注</a>\
<a class="btn hide" data-command="plan"><i class="plan"></i>合买跟单</a> \
<a class="btn w-order-list" data-command="DingDanJiLu" ><i class="clear"></i>订单记录</a>\
<div class="btn-big" data-command="submit">\
<div class="submit hvr-ripple-out">确认投注</div>\
<div class="time hide">截止时间<span data-field="global-last-time">00:00:00</span></div>\
</div>\
</div></div>');
//历史号码列表
$('[data-injection="lottery-open-list"]').append('<div class="lottery-open-list">\
<div class="arrow"></div>\
<div class="title">\
<div class="expect">期号</div>\
<div class="code">开奖号码</div>\
</div>\
<div class="content">\
<div class="wrapper">\
<div>\
<div class="list"></div>\
</div>\
</div>\
</div>\
</div>');
$('.tabbable').after('<div class="sheng-money">预计投注后剩余金额 <a>0.00</a></div>');
//最新号码
$('[data-injection="lastest-open-code"]').append('<div class="lottery-open-code">\
<div class="expect">第 <span data-field="expect">00000000-000</span> 期开奖号码为</div>\
<div class="code ssc" data-field="code" >\
<ul>\
<li>0</li><li>0</li><li>0</li><li>0</li><li>0</li>\
</ul>\
</div>\
</div>');
// $('[data-injection="lottery-play-area"]').append('<div class="lottery-betting"></div>');
$('[data-injection="breaking-news"]').append(function(){
$dom = $('<div class="BreakingNewsController " id="breakingnews1">\
<div class="bn-title">公告</div>\
<ul >\
</ul>\
<div class="bn-arrows"><span class="bn-arrows-left"></span><span class="bn-arrows-right"></span></div> \
</div>');
Will.ajax({},'/api/system/list-notice',function(res){
$.each(res,function(){
$dom.find('ul').append('<li style="display: block;"><a href="game-notice.html" target="_blank" style="color:#10aede;display:block">'+this.title+'</a></li>');
});
});
$dom.BreakingNews({
title: '公告',
titlebgcolor: '#099',
linkhovercolor: '#099',
border: '1px solid #099',
timer: 4000,
effect: 'slide'
});
return $dom;
}());
$('[data-injection="side-bar"]').append(function(){
var toolIDsC = $.cookie('toolIDs');
var toolIDs ;
if(toolIDsC) toolIDs = toolIDsC.split(',');
var chouMaVue = new Vue({
template: '<aside>\
<ul>\
<li><a v-on:click="FuZhuZhongXin()"><i class="demo-icon icon-th-1 pso"></i>辅助中心</a></li>\
<li v-for="id in toolIDs"><span v-html="tools[id].dom()"></span></li>\
<li class="zdyBtn" v-on:click="ziDingYi" ><a href="javascript:;"><i class="demo-icon icon-cog-5 pso2"></i>自定义</a></li>\
<div><div class="reverseTools" style="display:none;color:black"><li v-for="id in reverseIDs"><div v-on:click="addTool($index)"><span v-html="tools[id].title"></span></div></li></div></div>\
</ul>\
</aside>',
data: {
reverseDom:0,
toolIDs:toolIDs?toolIDs:[0,1,2],
tools:[
{id:0,title:"重庆时时彩",dom:function(){return '<a href="/lottery.html#type=ssc&name=cqssc">重庆时时彩</a>'}},
{id:1,title:"新疆时时彩",dom:function(){return '<a href="/lottery.html#type=ssc&name=xjssc">新疆时时彩</a>'}},
{id:2,title:"广东11选5",dom:function(){return '<a href="/lottery.html#type=11x5&name=gd11x5">广东11选5</a>'}},
{id:3,title:"山东11选5",dom:function(){return '<a href="/lottery.html#type=11x5&name=sd11x5">山东11选5</a>'}},
{id:4,title:"安徽快3",dom:function(){return '<a href="/lottery.html#type=k3&name=ahk3">安徽快3</a>'}},
{id:5,title:"吉林快3",dom:function(){return '<a href="/lottery.html#type=k3&name=jlk3">吉林快3</a>'}},
{id:6,title:"福彩3D",dom:function(){return '<a href="/lottery.html#type=3d&name=fc3d">福彩3D</a>'}},
{id:7,title:"排列三",dom:function(){return '<a href="/lottery.html#type=3d&name=pl3">排列三</a>'}},
{id:8,title:"北京PK拾",dom:function(){return '<a href="/lottery.html#type=pk10&name=bjpk10">北京PK拾</a>'}},
{id:9,title:"北京幸运28",dom:function(){return '<a href="/lottery.html#type=xy28&name=bjxy28">北京幸运28</a>'}},
{id:10,title:"利信分分彩",dom:function(){return '<a href="/lottery.html#type=ssc&name=min1">利信分分彩</a>'}},
{id:11,title:"利信三分彩",dom:function(){return '<a href="/lottery.html#type=ssc&name=min3">利信三分彩</a>'}},
{id:12,title:"利信五分彩",dom:function(){return '<a href="/lottery.html#type=ssc&name=min5">利信五分彩</a>'}},
{id:13,title:"韩国1.5分彩",dom:function(){return '<a href="/lottery.html#type=ssc&name=hgssc">韩国1.5分彩</a>'}},
{id:14,title:"北京时时彩",dom:function(){return '<a href="/lottery.html#type=ssc&name=bjssc">北京时时彩</a>'}},
{id:15,title:"台湾5分彩",dom:function(){return '<a href="/lottery.html#type=ssc&name=twbgssc">台湾5分彩</a>'}},
{id:16,title:"天津时时彩",dom:function(){return '<a href="/lottery.html#type=ssc&name=tjssc">天津时时彩</a>'}},
{id:17,title:"利信11选5",dom:function(){return '<a href="/lottery.html#type=11x5&name=yc11x5">利信11选5</a>'}},
{id:18,title:"江西11选5",dom:function(){return '<a href="/lottery.html#type=11x5&name=jx11x5">江西11选5</a>'}},
{id:19,title:"安徽11选5",dom:function(){return '<a href="/lottery.html#type=11x5&name=ah11x5">安徽11选5</a>'}},
{id:20,title:"上海11选5",dom:function(){return '<a href="/lottery.html#type=11x5&name=sh11x5">上海11选5</a>'}},
{id:21,title:"利信快3",dom:function(){return '<a href="/lottery.html#type=k3&name=yck3">利信快3</a>'}},
{id:22,title:"江苏快3",dom:function(){return '<a href="/lottery.html#type=k3&name=jsk3">江苏快3</a>'}},
{id:23,title:"安徽快3",dom:function(){return '<a href="/lottery.html#type=k3&name=ahk3">安徽快3</a>'}},
{id:24,title:"湖北快3",dom:function(){return '<a href="/lottery.html#type=k3&name=hbk3">湖北快3</a>'}},
{id:25,title:"吉林快3",dom:function(){return '<a href="/lottery.html#type=k3&name=jlk3">吉林快3</a>'}},
{id:26,title:"利信3D",dom:function(){return '<a href="/lottery.html#type=3d&name=yc3d">利信3D</a>'}},
{id:27,title:"利信快乐8",dom:function(){return '<a href="/lottery.html#type=kl8&name=yckl8">利信快乐8</a>'}},
{id:28,title:"北京快乐8",dom:function(){return '<a href="/lottery.html#type=kl8&name=bjkl8">北京快乐8</a>'}},
{id:29,title:"韩国快乐8",dom:function(){return '<a href="/lottery.html#type=kl8&name=hgkl8">韩国快乐8</a>'}},
{id:30,title:"台湾快乐8",dom:function(){return '<a href="/lottery.html#type=kl8&name=twbgkl8">台湾快乐8</a>'}},
{id:31,title:"利信pk拾",dom:function(){return '<a href="/lottery.html#type=pk10&name=ycpk10">利信pk拾</a>'}},
]
},computed:{
reverseIDs:function(){
var that = this;
var IDs = [];
for(var idx01 in that.tools){
var ShanChu = 0;
for(var idx02 in that.toolIDs){
if(that.tools[idx01].id==that.toolIDs[idx02]){
ShanChu = 1;
}
}
if(!ShanChu) IDs.push(that.tools[idx01].id);
}
return IDs;
}
},
methods:{
addTool:function(idx){
this.toolIDs.unshift(this.tools[this.reverseIDs[idx]].id);
this.toolIDs.pop();
},
ziDingYi:function(){
var that = this;
var dialogInstance = new BootstrapDialog({
title: '<i class="fa fa-bars"></i>自定义功能',
message:function(){
if(!that.reverseDom) that.reverseDom = $(that.$el).find('.reverseTools');
return that.reverseDom.show();
}(),
buttons:[{
label: '确定',
icon: 'glyphicon glyphicon-ok',
cssClass: 'btn-success',
autospin: true,
action: function(dialog) {
var expires = new Date(moment().startOf('year').add(1, 'years'));
$.cookie('toolIDs', that.toolIDs, {expires: expires, path: '/'});
dialog.close();
}
},Will.cancelButton
]
});
dialogInstance.open();
},FuZhuZhongXin:function(){
var that = this;
var dialogInstance = new BootstrapDialog({
cssClass:"FuZhuZhongXin",
title: '<i class="fa fa-bars"></i>辅助中心',
message:function(){
return "<a href='http://video.shishicai.cn/cqssc/' target='_blank'>开奖视频</a><a href='advice.html' target='_blank'>意见箱</a><a data-status='disabled'>做号工具</a><a data-status='disabled'>投注软件</a>";
}(),
buttons:[Will.cancelButton]
});
dialogInstance.open();
}
}
});
return chouMaVue.$mount().$el;
});
$('[data-injection="lottery-nav-menu"]').append('<span class="lottery-nav"><div class="menu">\
<div class="title"><span>重庆时时彩</span><i class="arrow down"></i></div>\
<div class="list">\
<div class="category">\
<div class="logo u9"></div>\
<div class="items">\
<a href="/lottery.html#type=ssc&name=min1" data-name="min1">利信分分彩<span class="hot hot1"></span><span class="new new1"></span></a>\
<a href="/lottery.html#type=ssc&name=min3" data-name="min3">利信三分彩<span class="hot hot1"></span><span class="new new1"></span></a>\
<a href="/lottery.html#type=ssc&name=min5" data-name="min5">利信五分彩<span class="hot hot1"></span><span class="new new1"></span></a>\
</div>\
</div>\
<div class="category">\
<div class="logo ssc"></div>\
<div class="items">\
<a href="/lottery.html#type=ssc&name=cqssc" data-name="cqssc">重庆时时彩<span class="hot hot1"></span><span class="new new1"></span></a>\
<a href="/lottery.html#type=ssc&name=hgssc" data-name="hgssc">韩国1.5分彩</a>\
<a href="/lottery.html#type=ssc&name=bjssc" data-name="bjssc">北京时时彩</a>\
<a href="/lottery.html#type=ssc&name=twbgssc" data-name="twbgssc">台湾5分彩</a>\
<a href="/lottery.html#type=ssc&name=xjssc" data-name="xjssc">新疆时时彩</a>\
<a href="/lottery.html#type=ssc&name=tjssc" data-name="tjssc">天津时时彩</a>\
</div>\
</div>\
<div class="category">\
<div class="logo ssc ssc1"></div>\
<div class="items">\
<a data-status="disabled">加拿大西部</a>\
<a data-status="disabled">加拿大卑诗</a>\
<a data-status="disabled">澳洲ACT</a>\
<a data-status="disabled">澳洲NSW</a>\
<a data-status="disabled">澳洲VIC</a>\
</div>\
</div>\
<div class="category">\
<div class="logo x511"></div>\
<div class="items">\
<a href="lottery.html#type=11x5&name=yc11x5">利信11选5<span class="hot hot1"></span><span class="new new1"></span></a>\
<a href="/lottery.html#type=11x5&name=sd11x5" data-name="sd11x5">山东11选5</a>\
<a href="/lottery.html#type=11x5&name=gd11x5" data-name="gd11x5">广东11选5</a>\
<a href="/lottery.html#type=11x5&name=jx11x5" data-name="jx11x5">江西11选5</a>\
<a href="/lottery.html#type=11x5&name=ah11x5" data-name="ah11x5">安徽11选5</a>\
<a href="/lottery.html#type=11x5&name=sh11x5" data-name="sh11x5">上海11选5</a>\
</div>\
</div>\
<div class="category">\
<div class="logo k3"></div>\
<div class="items">\
<a href="lottery.html#type=k3&name=yck3">利信快3<span class="hot hot1"></span><span class="new new1"></span></a>\
<a href="/lottery.html#type=k3&name=jsk3" data-name="jsk3">江苏快3<span class="hot hot1"></span><span class="new new1"></span></a>\
<a href="/lottery.html#type=k3&name=ahk3" data-name="ahk3">安徽快3</a>\
<a href="/lottery.html#type=k3&name=hbk3" data-name="hbk3">湖北快3</a>\
<a href="/lottery.html#type=k3&name=jlk3" data-name="jlk3">吉林快3</a>\
</div>\
</div>\
<div class="category">\
<div class="logo c3"></div>\
<div class="items">\
<a href="lottery.html#type=3d&name=yc3d">利信3D<span class="hot hot1"></span><span class="new new1"></span></a>\
<a href="/lottery.html#type=3d&name=fc3d" data-name="fc3d">福彩3D</a>\
<a href="/lottery.html#type=3d&name=pl3" data-name="pl3">排列三</a>\
</div>\
</div>\
<div class="category">\
<div class="logo kl8"></div>\
<div class="items">\
<a href="lottery.html#type=kl8&name=yckl8">利信快乐8<span class="hot hot1"></span><span class="new new1"></span></a>\
<a href="lottery.html#type=kl8&name=bjkl8">北京快乐8</a>\
<a href="lottery.html#type=kl8&name=hgkl8">韩国快乐8</a>\
<a href="/lottery.html#type=kl8&name=twbgkl8" data-name="twbgkl8">台湾快乐8</a>\
</div>\
</div>\
<div class="category">\
<div class="logo kl8"></div>\
<div class="items">\
<a href="/lottery.html#type=kl8&name=xbkl8" data-name="xbkl8">加拿大西部</a>\
<a href="/lottery.html#type=kl8&name=bskl8" data-name="bskl8">加拿大卑诗</a>\
<a href="/lottery.html#type=kl8&name=actkl8" data-name="actkl8">澳洲ACT</a>\
<a href="/lottery.html#type=kl8&name=nswkl8" data-name="nswkl8">澳洲NSW</a>\
<a href="/lottery.html#type=kl8&name=vickl8" data-name="vickl8">澳洲VIC</a> \
</div>\
</div>\
<div class="category">\
<div class="logo pk10"></div>\
<div class="items one">\
<a href="lottery.html#type=pk10&name=ycpk10">利信PK拾<span class="hot hot1"></span><span class="new new1"></span></a>\
<a href="lottery.html#type=pk10&name=bjpk10">北京PK拾<span class="hot hot1"></span><span class="new new1"></span></a>\
<a href="lottery.html#type=xy28&name=bjxy28">北京幸运28<span class="hot hot1"></span><span class="new new1"></span></a>\
<a href="lottery.html#type=xy28&name=hgxy28">韩国幸运28<span class="hot hot1"></span></a>\
<a href="lottery.html#type=xy28&name=twbgxy28">台湾幸运28<span class="hot hot1"></span></a>\
</div>\
</div>\
</div>\
</div></span>');
$('[data-injection="add-order-list"]').append('');
$('[data-injection="submit-order-list"]').append('');
$('[data-injection="some-commands"]').append('');
var Qianghongbao = $(
'<div class="hongbao">\
<div class="hongtime">距离下次开抢<span data-field="qiang-last-time">00:00:00</span></div>\
<div class="liji"><a data-field="kaiqiang" href="javascript:void(0)">立即开抢</a></div>\
<div class="jieshu">今天红包结束</div>\
</div>');
Will.ajax({},'/api/activity/get-package-info?code=G1p9ZgUu',function(data){
//格式化时间
var formatTime = function(seconds) {
var s = 1, m = 60 * s, h = m * 60;
var ss = 0, mm = 0, hh = 0;
if(s > 0) {
hh = Math.floor(seconds / h);
mm = Math.floor(seconds % h / m);
ss = Math.floor(seconds % h % m / s);
}
var p = function(t) {
return t < 10 ? '0' + t : t;
}
return [p(hh), p(mm), p(ss)];
}
var setTime = function(seconds) {
var time = formatTime(seconds);
$(Qianghongbao).find('.hongtime span').html('<i>' + time[0] + '</i>:<i>' + time[1] + '</i>:<i>' + time[2] + '</i>');
if(seconds== 0){
$('[data-injection="hongbao"]').show()
$(Qianghongbao).find('.liji').show();
$(Qianghongbao).find('.liji').siblings().hide();
}
}
var $Timer;
var secondtime = data.countDownTime;
var handleData = function(data) {
$Timer && clearTimeout($Timer);
var seconds = secondtime;
setTime(seconds);
$Timer = setInterval(function() {
seconds--;
setTime(seconds);
}, 1000);
}()
if(data.isFinish){
$('[data-injection="hongbao"]').remove();
return;
}else{
if(data.isPacketTime){
if(data.leftPacket){
$('[data-injection="hongbao"]').show()
$(Qianghongbao).find('.liji').show();
$(Qianghongbao).find('.liji').siblings().hide();
}else{
if(data.countDownTime){
$('[data-injection="hongbao"]').show()
$(Qianghongbao).find('.hongtime').show();
$(Qianghongbao).find('.hongtime').siblings().hide();
}else{
$('[data-injection="hongbao"]').show()
$(Qianghongbao).find('.jieshu').show();
$(Qianghongbao).find('.jieshu').siblings().hide();
}
}
}else{
$('[data-injection="hongbao"]').show()
$(Qianghongbao).find('.hongtime').show();
$(Qianghongbao).find('.hongtime').siblings().hide();
}
}
});
$(Qianghongbao).find('.liji').click(function(){
Will.ajax({},'/api/activity/get-reward?code=G1p9ZgUu',function(data){
Will.success('恭喜你抢到一个'+data+'元的红包,已到账!');
});
})
$('[data-injection="hongbao"]').append(Qianghongbao);
$('body').on('click','[data-command="DingDanJiLu"]',function(){
var $DingDanDom = $('<div style="min-height: 300px; "></div>').append(lotteryListTable());
var $ZhuiHaoDom = $('<div style="min-height: 300px; "></div>').append(chaseListTable());
var dialogInstance = new BootstrapDialog({
cssClass:"W1000 DingDanJiLu",
title: '<i class="fa fa-bars fa-lg"></i>订单追号记录',
message: function(){
var $html=$('<ul id="myTab" class="nav nav-tabs">\
<li class="active">\
<a href="#DingDan" data-toggle="tab">订单记录</a>\
</li>\
<li >\
<a href="#ZhuiHao" data-toggle="tab">追号记录</a>\
</li>\
</ul>\
<div id="myTabContent" class="tab-content">\
<div class="tab-pane fade in active" id="DingDan">\
</div>\
<div class="tab-pane fade" id="ZhuiHao">\
</div>\
</div>');
$html.find('#DingDan').append($DingDanDom);
$html.find('#ZhuiHao').append($ZhuiHaoDom);
return $html;
}(),
buttons:[Will.cancelButton],
onshown:function(){
$DingDanDom.find('[name="lottery"]').val(App.getHash('name'));
$DingDanDom.find('button').trigger("click");
$ZhuiHaoDom.find('[name="lottery"]').val(App.getHash('name'));
$ZhuiHaoDom.find('button').trigger("click");
}
});
dialogInstance.open();
});
$('[data-command="quick"]').click(function(){
if($('[data-injection="order-list"]').bootstrapTable('getData').length){
Will.warning('请先完成购彩栏中的订单，如没有完成不能快速投注！');
return ;
}
var num = parseInt($('.play-options [data-field="num"]').html());
if(num==0) {
Will.warning('请选择您的投注号码！');
return;
}
BootstrapDialog.show({
cssClass:'quick-bet',
title: '<i class="icon lock"></i>快速投注',
message:function(){
$html=$('<table data-injection="quick-bet"></table>');
$html.bootstrapTable({
showHeader:false,clickToSelect:true,singleSelect:true,
data:[{money:100},{money:200},{money:300},{money:400},{money:500},{money:600},
{money:800},{money:1000},{money:1500},{money:2000},{money:3000},{money:5000},{money:'自定义'}],
columns:[{radio:true,formatter:function(value, row, index) {
if (index === 0) return {checked: true};
}},{field:'money',editable:{type:'text',mode:'inline',validate: function(value) {
if( !/^[0-9]*$/.test(value)) {
return '请填写正确的金额！';
}
}}},{formatter:function(){
return '元';
}}]
});
var sb = $html.find('a.editable').not($html.find('a.editable:last')).unbind().removeClass('editable editable-click');
$html.find('a.editable:last').click(function(){ $('[data-injection="quick-bet"] a.editable').next().find('input').val(0)});
return $html;
}(),
buttons: [{
label: '确定投注',
action: function(dialog) {
var unitMoney = 2; // 单倍投注金额
var maxMultiple = 10000; // 最大投注限额
var calculate = function(num, amount) {
var unitAmountYuan = num * unitMoney; // 单倍元模式投注金额
var result;
if (amount >= unitAmountYuan) {
var multiple = parseInt(amount / unitAmountYuan);
var total = unitAmountYuan * multiple;
if (multiple <= maxMultiple) {
result = {
model: 'yuan',
multiple: multiple,
total: total
};
}
}
var unitAmountJiao = unitAmountYuan * 0.1; // 单倍角模式投注金额
if (amount >= unitAmountJiao) {
var multiple = parseInt(amount / unitAmountJiao);
var total = unitAmountJiao * multiple;
var isReplace = true;
if (multiple <= maxMultiple) {
if (result) {
if (total - result.total <= 1) {
isReplace = false;
}
}
if (isReplace) {
result = {
model: 'jiao',
multiple: multiple,
total: total
};
}
}
}
var unitAmountFen = unitAmountJiao * 0.1; // 单倍分模式投注金额
if (amount >= unitAmountFen) {
var multiple = parseInt(amount / unitAmountFen);
var total = unitAmountFen * multiple;
var isReplace = true;
if (multiple <= maxMultiple) {
if (result) {
if (total - result.total <= 0.1) {
isReplace = false;
}
}
if (isReplace) {
result = {
model: 'fen',
multiple: multiple,
total: total
};
}
}
}
var unitAmountLi = unitAmountFen * 0.1; // 单倍厘模式投注金额
if (amount >= unitAmountLi) {
var multiple = parseInt(amount / unitAmountLi);
var total = unitAmountLi * multiple;
if (multiple <= maxMultiple) {
if (result) {
if (total - result.total <= 0.01) {
isReplace = false;
}
}
if (isReplace) {
result = {
model: 'li',
multiple: multiple,
total: total
};
}
}
}
var newModel;
if(result.model=="yuan") newModel = 0;
if(result.model=="jiao") newModel = 1;
if(result.model=="fen") newModel = 2;
if(result.model=="li") newModel = 3;
$('.play-options [name="multiple"]').val(result.multiple);
$('.play-options [name="multiple"]').trigger("keyup");
$('.play-options .model a').eq(newModel).click();
$('[data-injection="order-list"]').bootstrapTable("removeAll");
$('[data-command="submit"]').click();
$('[name="multiple"]').val(1);
}
var data = $('[data-injection="quick-bet"]').bootstrapTable('getSelections');
calculate(num, data[0].money);
dialog.close();
}
}, {
label: '取消',
action: function(dialog) {
dialog.close();
}
}]
});
});
$('[data-injection="today-bet"]').append(function(){
function getByClass(oParent, sClass) {
var aEle = oParent.getElementsByTagName('*');
var re = new RegExp('\\b' + sClass + '\\b');
var arr = [];
for (var i = 0; i < aEle.length; i++) {
if (re.test(aEle[i].className)) {
arr.push(aEle[i]);
}
}
return arr;
}
function getStyle(obj, name) {
return (obj.currentStyle || getComputedStyle(obj, false))[name];
}
function startMove(obj, json, fnEnd){
clearInterval(obj.timer);
obj.timer=setInterval(function (){
var bStop=true; //假设所有的都到了
for(var name in json){
if(name=='opacity'){var cur=Math.round(parseFloat(getStyle(obj, name))*100);}
else{var cur=parseInt(getStyle(obj, name));}
var speed=(json[name]-cur)/4;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(cur!=json[name]){bStop=false;} //碰到了没到的
if(name=='opacity'){
obj.style.filter='alpha(opacity:'+(cur+speed)+')';
obj.style.opacity=(cur+speed)/100;
}else{obj.style[name]=cur+speed+'px';}
}
if(bStop){
clearInterval(obj.timer);
if(fnEnd){fnEnd();}
}
}, 30);
}
function lotterTab2($dom){
var oTabBox=$dom.get(0);
var aKqBtn=getByClass(oTabBox, 'kQiBtn');
var aTboCon=getByClass(oTabBox, 'iTbody');
for(var i=0;i<aKqBtn.length;i++){
aKqBtn[i].index=i;
aKqBtn[i].onclick=function(){
for(var i=0;i<aKqBtn.length;i++){
aKqBtn[i].className='kQiBtn';
aTboCon[i].style.display='none';
}
this.className='kQiBtn active';
aTboCon[this.index].style.display='block';
}
}
var oNavUl=getByClass(oTabBox, 'iJrHead')[0];
var aNavLi=oNavUl.getElementsByTagName('li');
var oiBtnL=getByClass(oTabBox, 'iL')[0];
var oiBtnR=getByClass(oTabBox, 'iR')[0];
// oNavUl.style.width=aNavLi.length*aNavLi[0].offsetWidth+'px';
var iNowUlLeft=0;
oiBtnL.onclick=function(){
if(iNowUlLeft>0){
iNowUlLeft--;
fixUlLeft();
}
}
function fixUlLeft(){
oiBtnL.className=iNowUlLeft==0?'iBtnL iL':'iBtnL iL showBtn';
oiBtnR.className=iNowUlLeft==(aNavLi.length-4)?'iBtnR iR':'iBtnR iR showBtn';
startMove(oNavUl, {left: -aNavLi[0].offsetWidth*iNowUlLeft});
}
oiBtnR.onclick=function(){
if(iNowUlLeft<aNavLi.length-4){
iNowUlLeft++;
fixUlLeft();
}
}
}
});
})();