lixin-web
Version:
vue and bootstrap
237 lines (226 loc) • 8.96 kB
JavaScript
var Lotteryxy28 = function(){
var LotteryMain = function() {
var $Lottery; // 彩票
var $DownCode; // 降点
var $FenDownCode; // 分模式降点
var $LiDownCode; // 厘模式讲点
var $Method; // 彩票玩法
var $SysCode; // 系统号级别
var $SysUnitMoney; // 单注金额
var $UserCode; // 用户号级别
var $UserLp; // 用户定位返点
var $UserMaxCode; // 用户最高号
var $UserMinCode; // 用户最低号
var $bData = {}, $bList = [];
// 初始化
var init = function(data) {
if (data) {
$Lottery = data.lottery;
$DownCode = data.downCode;
$FenDownCode = data.fenDownCode;
$LiDownCode = data.liDownCode;
$Method = data.method;
$SysCode = data.sysCode;
$SysUnitMoney = data.sysUnitMoney;
$UserCode = data.userCode;
$UserLp = data.userLp;
// 计算得出
$UserMaxCode = $UserCode - $DownCode;
$UserMinCode = $UserCode - $UserLp * 20;
}
initDom()
}
var initDom = function(){//
$html = $('<div><table data-injection="xy28-number"></table><table data-injection="xy28-method"></table>\
<div data-injection="xy28-chouma"></div><div data-injection="xy28-qushi"></div></div>');
$html.find('[data-injection="xy28-number"]').bootstrapTable({
cardView:true,singleSelect:true,clickToSelect:true,
data:[
{method:'dw', content:0,shuzi:'00',gailu:'959.18'},
{method:'dw', content:1,shuzi:'01',gailu:'324.75'},
{method:'dw', content:2,shuzi:'02',gailu:'164.34'},
{method:'dw', content:3,shuzi:'03',gailu:'97.41'},
{method:'dw', content:4,shuzi:'04',gailu:'65.73'},
{method:'dw', content:5,shuzi:'05',gailu:'46.5'},
{method:'dw', content:6,shuzi:'06',gailu:'35.42'},
{method:'dw', content:7,shuzi:'07',gailu:'27.12'},
{method:'dw', content:8,shuzi:'08',gailu:'21.91'},
{method:'dw', content:9,shuzi:'09',gailu:'17.7'},
{method:'dw',content:10,shuzi:'10',gailu:'15.64'},
{method:'dw',content:11,shuzi:'11',gailu:'14.06'},
{method:'dw',content:12,shuzi:'12',gailu:'13.49'},
{method:'dw',content:13,shuzi:'13',gailu:'13.01'},
{method:'dw',content:14,shuzi:'14',gailu:'13.14'},
{method:'dw',content:15,shuzi:'15',gailu:'13.29'},
{method:'dw',content:16,shuzi:'16',gailu:'14.27'},
{method:'dw',content:17,shuzi:'17',gailu:'15.44'},
{method:'dw',content:18,shuzi:'18',gailu:'17.99'},
{method:'dw',content:19,shuzi:'19',gailu:'21.64'},
{method:'dw',content:20,shuzi:'20',gailu:'27.55'},
{method:'dw',content:21,shuzi:'21',gailu:'34.88'},
{method:'dw',content:22,shuzi:'22',gailu:'47.07'},
{method:'dw',content:23,shuzi:'23',gailu:'64.94'},
{method:'dw',content:24,shuzi:'24',gailu:'98.61'},
{method:'dw',content:25,shuzi:'25',gailu:'162.38'},
{method:'dw',content:26,shuzi:'26',gailu:'328.55'},
{method:'dw',content:27,shuzi:'27',gailu:'974.81'},
],
columns:[
{field:'sb',checkbox:true},
{field:'shuzi'},
{field:'gailu'}
],onCheck:function(){
$('[data-injection="xy28-method"]').bootstrapTable('uncheckAll').find('tr').removeClass('selected');
}
});
$html.find('[data-injection="xy28-method"]').bootstrapTable({
cardView:true,
singleSelect:true,clickToSelect:true,showHeader:false,
data:[
{method:'da',content:'大',eng:'BIG',cn:'大',jiangjin:'X1.95'},
{method:'xiao',content:'小',eng:'SMALL',cn:'小',jiangjin:'X1.95'},
{method:'dan',content:'单',eng:'ODD',cn:'单',jiangjin:'X1.95'},
{method:'shuang',content:'双',eng:'EVEN',cn:'双',jiangjin:'X1.95'},
{method:'dadan',content:'大单',eng:'',cn:'大/单',jiangjin:'X3.9'},
{method:'dashuang',content:'大双',eng:'',cn:'大/双',jiangjin:'X3.9'},
{method:'xiaodan',content:'小单',eng:'',cn:'小/单',jiangjin:'X3.9'},
{method:'xiaoshuang',content:'小双',eng:'',cn:'小/双',jiangjin:'X3.9'},
{method:'jida',content:'极大',eng:'',cn:'极大',jiangjin:'X13.0'},
{method:'jixiao',content:'极小',eng:'',cn:'极小',jiangjin:'X13.0'},
],
columns:[
{field:'sb',checkbox:true},
{field:'eng'},
{field:'cn'},
{field:'jiangjin'}
],onCheck:function(){
$('[data-injection="xy28-number"]').bootstrapTable('uncheckAll').find('tr').removeClass('selected');
}
});
var chouMaVue;
$html.find('[data-injection="xy28-chouma"]').append(function(){
var chouMaS = $.cookie('choumas');
var choumasLs ;
var choumas;
if(chouMaS) choumasLs = chouMaS.split(',');
if(!choumasLs) choumasLs = [50,100,500,1000,5000];
chouMaVue = new Vue({
template: '<div id="app">\
<div v-on:click="selectXianE" >游戏限额</div>\
<div>默认投注金额：<input v-model="money" type="text" @input="change" name="xy28-money"/>元</div>\
<ul>\
<li v-for="chouma in choumas">\
<span v-on:click="addMoney($index)">{{ chouma }}</span>\
<div><input v-model="chouma" type="text" name="chouma" style="display:none"/></div>\
</li>\
</ul>\
<button @click="showChouma" name="ziDingYi"><span>自定义筹码</span><span style="display:none" name="queDing" v-on:click="queDing">确定</span></button>\
<ul class="xuanZeXianE" style="color:black;display:none">\
<li v-for="chang in changs">\
<div class="chang col-sm-12 {{ chang.clz }}" data-index="{{ $index }}">\
<div class="logo"></div><div class="text">{{ chang.name }}</div><div class="xianE">{{ chang.min }}~{{ chang.max }}</div>\
</div>\
</li>\
</ul>\
</div>',
data: {
money: 1,
changs:[
{clz:'yuLeChang',name:'娱乐场',min:1,max:10000,checked:1},
{clz:'puTongChang',name:'普通场',min:5,max:50000,checked:0},
{clz:'gaoJiChang',name:'高级场',min:10,max:100000,checked:0}
],
changIdx:0,
choumas: choumasLs
},
methods: {
change:function(){
var min=this.changs[this.changIdx].min,max=this.changs[this.changIdx].max;
if(this.money>max){
this.money = max;
Will.info("当前※"+this.changs[this.changIdx].name+"※投注限额为"+min+"~"+max);
}
if(this.money< min){
this.money = min;
Will.info("当前※"+this.changs[this.changIdx].name+"※投注限额为"+min+"~"+max);
}
},
selectXianE: function(){
var that = this;
var dialogInstance = new BootstrapDialog({
title: '<i class="fa fa-bars"></i>选择游戏限额',
message:function(){
var $message = $(that.$el).find('.xuanZeXianE').clone();
$message.show();
$message.find('.chang').click(function(){
$(this).addClass('selected').siblings().removeClass('selected');
that.changIdx = $(this).attr('data-index')-0;
that.money = that.changs[that.changIdx].min;
dialogInstance.close();
});
return $message;
}()
});
dialogInstance.open();
},addMoney: function(index){
var text = this.choumas[index];
if (text) {
this.money=(this.money-0)+(text-0);
}
this.change();
},showChouma: function(){
$(this.$el).find('[name="chouma"]').toggle();
$(this.$el).find('[name="ziDingYi"] span').toggle();
},queDing: function(){
var expires = new Date(moment().startOf('year').add(1, 'years'));
$.cookie('choumas', this.choumas, {expires: expires, path: '/'});
}
}
});
return chouMaVue.$mount().$el;
});
$html.find('[data-injection="xy28-qushi"]').append(function(){
var $html = $('<div></div>');
return $html;
});
$('[data-injection="lottery-play-area"]').empty().append($html);
$('[data-command="submit"]').unbind().click(function(){
var data01 = $('[data-injection="xy28-number"]').bootstrapTable('getSelections');
var data02 = $('[data-injection="xy28-method"]').bootstrapTable('getSelections');
var selected = data01.length?data01:data02;
if(!selected.length) {
Will.info('请选择您的投注内容'); return;
}
var data = 'text=[{"money":'+chouMaVue.$data.money+',"lottery":"'+$Lottery+'","issue":"","method":"'+selected[0].method+'","content":"'+selected[0].content+'"}]';
Will.ajax(data,'api/game-lottery/add-order-klc',function(){
Will.success('您的订单已投注成功！');
});
});
}
return {
init: init,
getConfig: function() {
return {
lottery: $Lottery,
downCode: $DownCode,
fenDownCode: $FenDownCode,
liDownCode: $LiDownCode,
method: $Method,
sysCode: $SysCode,
sysUnitMoney: $SysUnitMoney,
userCode: $UserCode,
userLp: $UserLp,
userMaxCode: $UserMaxCode,
userMinCode: $UserMinCode
}
},
bList: function() {
return $bList;
},
clear: function() {
LotteryRecord.clear();
}
}
}();
return {LotteryMain:LotteryMain}
}()