277 lines
13 KiB
HTML
277 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||
<meta name="full-screen" content="yes">
|
||
<meta name="x5-fullscreen" content="true">
|
||
<meta name="browsermode" content="application">
|
||
<meta name="x5-page-mode" content="app">
|
||
<meta name="msapplication-tap-highlight" content="no">
|
||
<meta name="x5-orientation" content="landscape">
|
||
<meta name="screen-orientation" content="landscape">
|
||
<title>下注记录</title>
|
||
<link rel="stylesheet" type="text/css" href="/static/horizontal/css/common.css">
|
||
|
||
<style>
|
||
body{moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }
|
||
.records{width:100%;}
|
||
.records li{display:block; overflow: hidden;}
|
||
.records .dataFinish{font-size:12px;text-align:center;color:#ccc;padding-top:5px;padding-bottom:45px;}
|
||
.record .content ul .zj span{color:#e3e657;}
|
||
.record .content ul span{box-sizing: border-box}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="record">
|
||
<section class="main">
|
||
<!--<div class="head">-->
|
||
<!--<a href="/user/index?display=2" class="back"> </a>-->
|
||
<!--<div class="title">下注记录</div>-->
|
||
<!--</div>-->
|
||
|
||
<div class="opt_query">
|
||
<div id="fsub" class="">
|
||
<span class="opt_date">开始日期
|
||
<input name="startDate" type="text" id="startDate" value="{$get.startDate}" readonly />
|
||
</span>
|
||
<span class="opt_date">结束日期
|
||
<input name="endDate" type="text" id="endDate" value="{$get.endDate}" readonly/>
|
||
</span>
|
||
<input class="opt_type searchDate" type="button" data-id = "1" value="昨天" />
|
||
<input class="opt_type searchDate" type="button" data-id = "2" value="今天" />
|
||
<input class="opt_type searchDate" type="button" data-id = "3" value="上月" />
|
||
<input class="opt_type searchDate" type="button" data-id = "4" value="本月" />
|
||
<select name="game_id" id="game_id">
|
||
<option value="1" <?php if(isset($get['game_id']) && $get['game_id'] == 1) echo 'selected="selected"'; ?>>百家乐</option>
|
||
<option value="2" <?php if(isset($get['game_id']) && $get['game_id'] == 2) echo 'selected="selected"'; ?>>龙虎</option>
|
||
<option value="4" <?php if(isset($get['game_id']) && $get['game_id'] == 4) echo 'selected="selected"'; ?>>牛牛</option>
|
||
</select>
|
||
<input class="querys" type="submit" id="search" value="查询">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content">
|
||
<div class="con">
|
||
<ul>
|
||
<li class="header">
|
||
<span class="sj">时间</span>
|
||
<span class="jh">局号</span>
|
||
<span class="bh">赌台编号</span>
|
||
<span class="px">结果</span>
|
||
<span class="tzlx">投注类型</span>
|
||
<span class="tzje">投注金额</span>
|
||
<span class="yxtz">预扣金额</span>
|
||
<span class="pc">派彩</span>
|
||
</li>
|
||
<li class="records">
|
||
<ul>
|
||
{foreach name="$bet" item="vo"}
|
||
<li>
|
||
<span class="sj">{$vo.create_time}</span>
|
||
<span class="jh">{$vo.game_nume}</span>
|
||
<span class="bh">{$vo.table_name}</span>
|
||
<span class="px">{$vo.card_result}</span>
|
||
<span class="tzlx">{$vo.bet_type}</span>
|
||
<span class="tzje">{$vo.bet_amount}</span>
|
||
<span class="yxtz">{$vo.bet_amount_all}</span>
|
||
<span class="pc">{$vo.win}</span>
|
||
</li>
|
||
{/foreach}
|
||
</ul>
|
||
<div class="dataFinish">数据加载完毕</div>
|
||
</li>
|
||
<li class="zj">
|
||
<span class="sj"></span>
|
||
<span class="jh"></span>
|
||
<span class="bh"></span>
|
||
<span class="px"></span>
|
||
<span class="tzlx">总计</span>
|
||
<span class="tzje" id="betAmount">{$betAmount}</span>
|
||
<span class="yxtz" id="allAmount">{$allAmount}</span>
|
||
<span class="pc" id="allWinTotal">{$allWinTotal}</span>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
<input type="hidden" id="user_id" value="{$user_info.id}">
|
||
</section>
|
||
<script type="text/javascript" src="/static/horizontal/js/jquery-2.1.0.min.js"></script>
|
||
<script type="text/javascript" src="/static/horizontal/js/common.js"></script>
|
||
<script src="/static/horizontal/js/laydate/laydate.js"></script>
|
||
<script>
|
||
// 选择时间
|
||
laydate.render({
|
||
elem: '#startDate',
|
||
});
|
||
laydate.render({
|
||
elem: '#endDate',
|
||
});
|
||
|
||
// 快捷时间查询
|
||
$('.searchDate').click(function(){
|
||
// 快捷时间重组
|
||
var id = $(this).attr('data-id');
|
||
var result = getNeedTime(id);
|
||
$('#startDate').val(result.startDate);
|
||
$('#endDate').val(result.endDate);
|
||
// 快捷查询
|
||
$('#search').trigger('click');
|
||
});
|
||
|
||
// 查询数据
|
||
$('#search').click(function(){
|
||
// 获取查询条件
|
||
var startDate = $('#startDate').val();
|
||
var endDate = $('#endDate').val();
|
||
var game_id = $('#game_id').val();
|
||
var user_id = $('#user_id').val();
|
||
// 发送数据给后台
|
||
$.ajax({
|
||
url:'/betinfo/recordAjax',
|
||
data:{startDate:startDate,endDate:endDate,game_id:game_id,user_id:user_id},
|
||
type:'POST',
|
||
dataType:'JSON',
|
||
success:function(data){
|
||
if(data.code == 1){
|
||
// 重新赋值
|
||
var bet = data.bet;
|
||
var betAmount = data.betAmount;
|
||
var allAmount = data.allAmount;
|
||
var allWinTotal = data.allWinTotal;
|
||
// 组装数据
|
||
var str = '';
|
||
for(var i=0; i<bet.length; i++){
|
||
str += '<li>';
|
||
str += '<span class="sj">'+bet[i]["create_time"]+'</span>';
|
||
str += '<span class="jh">'+bet[i]["game_nume"]+'</span>';
|
||
str += '<span class="bh">'+bet[i]["table_name"]+'</span>';
|
||
str += '<span class="px">'+bet[i]["card_result"]+'</span>';
|
||
str += '<span class="tzlx">'+bet[i]["bet_type"]+'</span>';
|
||
str += '<span class="tzje">'+bet[i]["bet_amount"]+'</span>';
|
||
str += '<span class="yxtz">'+bet[i]["bet_amount_all"]+'</span>';
|
||
str += '<span class="pc">'+bet[i]["win"]+'</span>';
|
||
str += '</li>';
|
||
}
|
||
// 显示数据
|
||
$('.records').find('ul').empty().append(str);
|
||
$('#betAmount').html(betAmount);
|
||
$('#allAmount').html(allAmount);
|
||
$('#allWinTotal').html(allWinTotal);
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
// 自定义时间函数
|
||
function getNeedTime(type,format){
|
||
var now = new Date();
|
||
var year = now.getFullYear();
|
||
var query = new Object();
|
||
var startYear;
|
||
var endYear;
|
||
var startMonth;
|
||
var endMonth;
|
||
var startDay;
|
||
var endDay;
|
||
var startDate;
|
||
var endDate;
|
||
|
||
switch(parseInt(type)){
|
||
// 昨天
|
||
case 1:
|
||
startYear = year;
|
||
endYear = year;
|
||
startMonth = plusZero(now.getMonth() + 1);
|
||
endMonth = plusZero(now.getMonth() + 1);
|
||
startDay = plusZero(now.getDate() - 1);
|
||
endDay = plusZero(now.getDate() - 1);
|
||
break;
|
||
// 今天
|
||
case 2:
|
||
startYear = year;
|
||
endYear = year;
|
||
startMonth = plusZero(now.getMonth() + 1);
|
||
endMonth = plusZero(now.getMonth() + 1);
|
||
startDay = plusZero(now.getDate());
|
||
endDay = plusZero(now.getDate());
|
||
break;
|
||
// 上月
|
||
case 3:
|
||
if(now.getMonth() + 1 == 1){
|
||
startYear = year - 1;
|
||
endYear = year - 1;
|
||
startMonth = 12;
|
||
endMonth = 12;
|
||
}else{
|
||
startYear = year;
|
||
endYear = year;
|
||
startMonth = plusZero(now.getMonth());
|
||
endMonth = plusZero(now.getMonth());
|
||
}
|
||
startDay = '01';
|
||
endDay = plusZero(new Date(year,endMonth,0).getDate());
|
||
break;
|
||
// 本月
|
||
case 4:
|
||
startYear = year;
|
||
endYear = year;
|
||
startMonth = plusZero(now.getMonth() + 1);
|
||
endMonth = plusZero(now.getMonth() + 1);
|
||
startDay = '01';
|
||
endDay = plusZero(new Date().getDate());
|
||
break;
|
||
// 全部
|
||
case 5:
|
||
startYear = '2018';
|
||
endYear = year;
|
||
startMonth = '01';
|
||
endMonth = plusZero(now.getMonth() + 1);
|
||
startDay = '01';
|
||
endDay = plusZero(new Date().getDate());
|
||
break;
|
||
}
|
||
if(format == 1){
|
||
startDate = startYear + '-' + startMonth + '-' + startDay + ' 00:00:00';
|
||
endDate = endYear + '-' + endMonth + '-' + endDay + ' 23:59:59';
|
||
}else{
|
||
startDate = startYear + '-' + startMonth + '-' + startDay;
|
||
endDate = endYear + '-' + endMonth + '-' + endDay;
|
||
}
|
||
|
||
query.startDate = startDate;
|
||
query.endDate = endDate;
|
||
return query;
|
||
}
|
||
|
||
// 月和日 前加0;
|
||
function plusZero(str){
|
||
if(str != undefined){
|
||
if(str >= 1 && str <= 9){
|
||
str = "0" + str.toString();
|
||
}
|
||
}
|
||
return str;
|
||
}
|
||
</script>
|
||
<style type="text/css">
|
||
.page-landscape {width: 100%; height: 100%; background: #333; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999999; display: none; text-align: center; }
|
||
.page-landscape-box {position: relative; margin-left: auto; margin-right: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
|
||
.page-landscape img {-webkit-animation: page-landscapeAni 1.2s ease infinite alternate; animation: page-landscapeAni 1.2s ease infinite alternate; }
|
||
.page-landscape span {font-size: 16px; display: block; color: #FFFFFF; text-align: center; width: 100%; padding-top: 40px; line-height: 2; }
|
||
@keyframes page-landscapeAni{0% {transform: rotate(90deg); } 30% {transform: rotate(90deg); } 70% {transform: rotate(0deg); } 100% {transform: rotate(0deg); } }
|
||
@-webkit-keyframes page-landscapeAni{0% {-webkit-transform: rotate(90deg); } 30% {-webkit-transform: rotate(90deg); } 70% {-webkit-transform: rotate(0deg); } 100% {-webkit-transform: rotate(0deg); } }
|
||
@-o-keyframes page-landscapeAni{0% {-o-transform: rotate(90deg); } 30% {-o-transform: rotate(90deg); } 70% {-o-transform: rotate(0deg); } 100% {-o-transform: rotate(0deg); } }
|
||
@-ms-keyframes page-landscapeAni{0% {-ms-transform: rotate(90deg); } 30% {-ms-transform: rotate(90deg); } 70% {-ms-transform: rotate(0deg); } 100% {-ms-transform: rotate(0deg); } }
|
||
</style>
|
||
<div class="page-landscape" id="page-landscape" style="display: none;">
|
||
<div class="page-landscape-box">
|
||
<img src="/static/horizontal/img/sideways.png" id="page-landscape-pic" style="display:inline-block;" width="114" height="60">
|
||
<span>为了更好的体验，请使用横屏浏览</span>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |