Pro/application/jk/view/index/index.html
2026-01-28 15:54:52 +08:00

425 lines
25 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>监控中心</title>
<script type="text/javascript" src="{$Think.JK_STATIC_DOMAIN}static/jk/js/jquery-2.1.0.min.js{$Think.VERSION_V}"></script>
<script type="text/javascript" src="{$Think.JK_STATIC_DOMAIN}static/jk/layer/layer.js{$Think.VERSION_V}"></script>
<script type="text/javascript">
var index = layer.load(1, {
shade: [0.8,'#000']
});
</script>
<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){layer.closeAll();},500);
})
</script>
<link rel="stylesheet" type="text/css" href="/static/jk/css/index.css?10">
<link rel="stylesheet" type="text/css" href="/static/jk/css/component.css{$Think.VERSION_V}">
<script type="text/javascript">
var userid = '{$user_info.id}';
var account = '{$user_info.username}';
var online_token = '{$user_info.login_token}';
var mp3_url = '{$Think.JK_STATIC_DOMAIN}static/jk/tip.mp3';
var new_user_mp3_url = '{$Think.JK_STATIC_DOMAIN}static/jk/new-user-come.mp3';
var websocketUrl="{$websocketUrl}";
var websocketProtocol="{$websocketProtocol}";
</script>
<!-- <link rel="stylesheet" type="text/css" href="{$Think.JK_STATIC_DOMAIN}static/jk/js/index.js{$Think.VERSION_V}"> -->
<style type="text/css">
body {padding:10px 0; margin:5px 3px;}
</style>
</head>
<body>
<div class="header">
<audio hidden='true' src='' id="tip"></audio>
<audio hidden='true' src='' id="new-user-come"></audio>
<div class="header_title"><span>桌台监控</span><span class="logout" id="login_out">退出</span></div>
<div class="member_bet"><span id="bet_person">{$bet_person}人</span><span class="button">会员下注</span></div>
<div class="header_button">
<span class="button" id="baccarat">百家乐</span>
<span class="button" id="dt" >龙虎</span>
<span class="button" id="nn" >牛牛</span>
<span class="button" id="tc" >三宝</span>
<span class="button" id="all">全部</span>
<span class="button md-trigger" data-modal="modal-1">隐藏桌台</span>
<!-- <div class="btn-switch" id="check_zc" style="display: inline-block;"></div> -->
</div>
<div class="header_select">
<input type="text" id="username" placeholder="代理 会员 查询" class="select_input" style="height:21px;"/>
<span class="button green" id="select_number">搜索</span>
</div>
</div>
<div class="on_line" style="width: 220px;float: right;background-color: #fff;padding-bottom: 20px;margin-top:250px;">
<p style="text-align: center;">在线玩家列表</p>
<table>
<thead>
<th>玩家</th>
<th>当前所处位置</th>
<th>登陆方式</th>
</thead>
<tbody class="on_line_info">
{if condition="!empty($on_line)"}
{foreach name="on_line" item="v"}
<tr>
<td>{$v.username}</td>
<td>{$v.table_name}</td>
<td>{$v.client}</td>
</tr>
{/foreach}
{else}
<tr>
<td colspan='3'>暂无在线玩家</td>
</tr>
{/if}
</tbody>
</table>
</div>
<div class="center" style="width: 1650px;float: left">
{foreach name="table_info" item="vo"}
<div class="table_info md-trigger" id={$vo.id} data-modal="modal-2" table_name="{$vo.table_name}" boot_id="{$vo.boot_id}" boot_num="{$vo.boot_num}" number="{$vo.number}" table_id="{$vo.id}" onclick="open_table(this)">
{if condition="$vo.game_id == 1"}
<div class="info_left" style="height: 230px">
<div class="table_name">{$vo.table_name}</div>
<div class="table_result">{$vo.status}</div>
<div class="table_number">第 {$vo.boot_num} 靴 {$vo.number} 口</div>
</div>
{/if}
{if condition="$vo.game_id == 2"}
<div class="info_left">
<div class="table_name">{$vo.table_name}</div>
<div class="table_result">{$vo.status}</div>
<div class="table_number">第 {$vo.boot_num} 靴 {$vo.number} 口</div>
</div>
{/if}
{if condition="$vo.game_id == 4 || $vo.game_id == 5"}
<div class="info_left" style="height: 190px;">
<div class="table_name">{$vo.table_name}</div>
<div class="table_result">{$vo.status}</div>
<div class="info_tip" style="height: 30px;color: #fff; text-align: center; font-size: 20px; line-height: 30px;"></div>
<div class="table_number">第 {$vo.boot_num} 靴 {$vo.number} 口</div>
</div>
{/if}
{if condition="$vo.game_id == 1"}
<div class="info_right">
<div class="number_bet" style="height: 180px">
<div><div class="result_word"></div><div class="result_money">{$vo.banker_amount}</div></div>
<div><div class="result_word"></div><div class="result_money">{$vo.player_amount}</div></div>
<div><div class="result_word"></div><div class="result_money">{$vo.tie_amount}</div></div>
<div><div class="result_word">庄对</div><div class="result_money">{$vo.banker_pair_amount}</div></div>
<div><div class="result_word">闲对</div><div class="result_money">{$vo.player_pair_amount}</div></div>
<div><div class="result_word">幸运六</div><div class="result_money">{$vo.luck_six_amount}</div></div>
<div><div class="result_word">&nbsp;</div><div class="result_money">&nbsp;</div></div>
<div><div class="result_word"></div><div class="result_money">{$vo.big_amount}</div></div>
<div><div class="result_word"></div><div class="result_money">{$vo.small_amount}</div></div>
</div>
<div class="number_forecast" style="height: 180px">
<div><div class="forecast_word">开庄</div><div class="result_money">{$vo.banker_forecast}</div></div>
<div><div class="forecast_word">开闲</div><div class="result_money">{$vo.player_forecast}</div></div>
<div><div class="forecast_word">开和</div><div class="result_money">{$vo.tie_forecast}</div></div>
<div><div class="forecast_word">开庄对</div><div class="result_money">{$vo.banker_pair_forecast}</div></div>
<div><div class="forecast_word">开闲对</div><div class="result_money">{$vo.player_pair_forecast}</div></div>
<div><div class="result_word">开两张幸运六</div><div class="result_money">{$vo.luck_six_2_forecast}</div></div>
<div><div class="result_word">开三张幸运六</div><div class="result_money">{$vo.luck_six_3_forecast}</div></div>
<div><div class="result_word">开大</div><div class="result_money">{$vo.big_forecast}</div></div>
<div><div class="result_word">开小</div><div class="result_money">{$vo.small_forecast}</div></div>
</div>
{if condition="$vo.difference_type == 1"}
<div class="difference red">庄闲差:{$vo.difference}</div>
{elseif condition="$vo.difference_type == 2"}
<div class="difference blue">庄闲差:{$vo.difference}</div>
{else}
<div class="difference">庄闲差:{$vo.difference}</div>
{/if}
</div>
{/if}
{if condition="$vo.game_id == 2"}
<div class="info_right">
<div class="number_bet">
<div><div class="result_word">&nbsp;</div><div class="result_money">&nbsp;</div></div>
<div><div class="result_word"></div><div class="result_money">{$vo.banker_amount}</div></div>
<div><div class="result_word"></div><div class="result_money">{$vo.player_amount}</div></div>
<div><div class="result_word"></div><div class="result_money">{$vo.tie_amount}</div></div>
</div>
<div class="number_forecast">
<div><div class="forecast_word">&nbsp;</div><div class="result_money">&nbsp;</div></div>
<div><div class="forecast_word">开龙</div><div class="result_money">{$vo.banker_forecast}</div></div>
<div><div class="forecast_word">开虎</div><div class="result_money">{$vo.player_forecast}</div></div>
<div><div class="forecast_word">开和</div><div class="result_money">{$vo.tie_forecast}</div></div>
</div>
{if condition="$vo.difference_type == 1"}
{if condition="$vo.game_id == 1"}
<div class="difference red">庄闲差:{$vo.difference}</div>
{/if}
{if condition="$vo.game_id == 2"}
<div class="difference red">龙虎差:{$vo.difference}</div>
{/if}
{elseif condition="$vo.difference_type == 2"}
{if condition="$vo.game_id == 1"}
<div class="difference blue">庄闲差:{$vo.difference}</div>
{/if}
{if condition="$vo.game_id == 2"}
<div class="difference blue">龙虎差:{$vo.difference}</div>
{/if}
{else}
{if condition="$vo.game_id == 1"}
<div class="difference">庄闲差:{$vo.difference}</div>
{/if}
{if condition="$vo.game_id == 2"}
<div class="difference">龙虎差:{$vo.difference}</div>
{/if}
{/if}
</div>
{/if}
{if condition="$vo.game_id == 4"}
<div class="info_right" style="width: 660px;height: 190px;">
<div class="number_bet" style="width: 30%;">
<div><div class="result_word">闲一平倍</div><div class="result_money">{$vo.amount_player_1}</div></div>
<div><div class="result_word">闲一翻倍</div><div class="result_money">{$vo.amount_player_1_times}</div></div>
<div><div class="forecast_word">&nbsp;</div><div class="result_money">&nbsp;</div></div>
<div><div class="result_word">闲二平倍</div><div class="result_money">{$vo.amount_player_2}</div></div>
<div><div class="result_word">闲二翻倍</div><div class="result_money">{$vo.amount_player_2_times}</div></div>
<div><div class="forecast_word">&nbsp;</div><div class="result_money">&nbsp;</div></div>
<div><div class="result_word">闲三平倍</div><div class="result_money">{$vo.amount_player_3}</div></div>
<div><div class="result_word">闲三翻倍</div><div class="result_money">{$vo.amount_player_3_times}</div></div>
</div>
<div class="number_forecast" style="width: 70%;">
<div><div class="forecast_word">闲一赢</div><div class="result_money">{$vo.player_1_forecast}</div></div>
<div class="nn_result_box">
<div class="nn_result_box_left" style="width: 50%;float: left;">
<div><div class="forecast_word">牛一~牛六:</div><div class="result_money">{$vo.player_1_times_n1_n6_forecast}</div></div>
<div><div class="forecast_word">牛七~牛九:</div><div class="result_money">{$vo.player_1_times_n7_n9_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 50%;float: left;">
<div><div class="forecast_word">牛牛:</div><div class="result_money">{$vo.player_1_times_nn_forecast}</div></div>
<div><div class="forecast_word">五公:</div><div class="result_money">{$vo.player_1_times_5n_forecast}</div></div>
</div>
</div>
<div><div class="forecast_word">闲二赢</div><div class="result_money">{$vo.player_2_forecast}</div></div>
<div class="nn_result_box">
<div class="nn_result_box_left" style="width: 50%;float: left;">
<div><div class="forecast_word">牛一~牛六:</div><div class="result_money">{$vo.player_2_times_n1_n6_forecast}</div></div>
<div><div class="forecast_word">牛七~牛九:</div><div class="result_money">{$vo.player_2_times_n7_n9_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 50%;float: left;">
<div><div class="forecast_word">牛牛:</div><div class="result_money">{$vo.player_2_times_nn_forecast}</div></div>
<div><div class="forecast_word">五公:</div><div class="result_money">{$vo.player_2_times_5n_forecast}</div></div>
</div>
</div>
<div><div class="forecast_word">闲三赢</div><div class="result_money">{$vo.player_3_forecast}</div></div>
<div class="nn_result_box">
<div class="nn_result_box_left" style="width: 50%;float: left;">
<div><div class="forecast_word">牛一~牛六:</div><div class="result_money">{$vo.player_3_times_n1_n6_forecast}</div></div>
<div><div class="forecast_word">牛七~牛九:</div><div class="result_money">{$vo.player_3_times_n7_n9_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 50%;float: left;">
<div><div class="forecast_word">牛牛:</div><div class="result_money">{$vo.player_3_times_nn_forecast}</div></div>
<div><div class="forecast_word">五公:</div><div class="result_money">{$vo.player_3_times_5n_forecast}</div></div>
</div>
</div>
</div>
</div>
{/if}
{if condition="$vo.game_id == 5"}
<div class="info_right" style="width: 1350px;height: 190px;">
<div class="number_bet" style="width: 10%;">
<div><div class="result_word">闲一平倍</div><div class="result_money">{$vo.amount_player_1}</div></div>
<div><div class="result_word">闲一翻倍</div><div class="result_money">{$vo.amount_player_1_times}</div></div>
<div><div class="forecast_word">&nbsp;</div><div class="result_money">&nbsp;</div></div>
<div><div class="result_word">闲二平倍</div><div class="result_money">{$vo.amount_player_2}</div></div>
<div><div class="result_word">闲二翻倍</div><div class="result_money">{$vo.amount_player_2_times}</div></div>
<div><div class="forecast_word">&nbsp;</div><div class="result_money">&nbsp;</div></div>
<div><div class="result_word">闲三平倍</div><div class="result_money">{$vo.amount_player_3}</div></div>
<div><div class="result_word">闲三翻倍</div><div class="result_money">{$vo.amount_player_3_times}</div></div>
</div>
<div class="number_forecast" style="width: 90%;">
<div><div class="forecast_word" style="width: 30%">闲一赢</div><div class="result_money" style="width: 70%">{$vo.player_1_forecast}</div></div>
<div class="nn_result_box">
<div class="nn_result_box_left" style="width: 14%;float: left;">
<div><div class="forecast_word">牛一:</div><div class="result_money">{$vo.player_1_times_n1_forecast}</div></div>
<div><div class="forecast_word">牛二:</div><div class="result_money">{$vo.player_1_times_n2_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛三:</div><div class="result_money">{$vo.player_1_times_n3_forecast}</div></div>
<div><div class="forecast_word">牛四:</div><div class="result_money">{$vo.player_1_times_n4_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛五:</div><div class="result_money">{$vo.player_1_times_n5_forecast}</div></div>
<div><div class="forecast_word">牛六:</div><div class="result_money">{$vo.player_1_times_n6_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛七:</div><div class="result_money">{$vo.player_1_times_n7_forecast}</div></div>
<div><div class="forecast_word">牛八:</div><div class="result_money">{$vo.player_1_times_n8_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛九:</div><div class="result_money">{$vo.player_1_times_n9_forecast}</div></div>
<div><div class="forecast_word">牛牛:</div><div class="result_money">{$vo.player_1_times_nn_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">豹子:</div><div class="result_money">{$vo.player_1_times_bz_forecast}</div></div>
<div><div class="forecast_word">同花顺:</div><div class="result_money">{$vo.player_1_times_ths_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">皇家同花顺:</div><div class="result_money">{$vo.player_1_times_hjths_forecast}</div></div>
</div>
</div>
<div><div class="forecast_word" style="width: 30%">闲二赢</div><div class="result_money" style="width: 70%">{$vo.player_2_forecast}</div></div>
<div class="nn_result_box">
<div class="nn_result_box_left" style="width: 14%;float: left;">
<div><div class="forecast_word">牛一:</div><div class="result_money">{$vo.player_2_times_n1_forecast}</div></div>
<div><div class="forecast_word">牛二:</div><div class="result_money">{$vo.player_2_times_n2_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛三:</div><div class="result_money">{$vo.player_2_times_n3_forecast}</div></div>
<div><div class="forecast_word">牛四:</div><div class="result_money">{$vo.player_2_times_n4_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛五:</div><div class="result_money">{$vo.player_2_times_n5_forecast}</div></div>
<div><div class="forecast_word">牛六:</div><div class="result_money">{$vo.player_2_times_n6_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛七:</div><div class="result_money">{$vo.player_2_times_n7_forecast}</div></div>
<div><div class="forecast_word">牛八:</div><div class="result_money">{$vo.player_2_times_n8_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛九:</div><div class="result_money">{$vo.player_2_times_n9_forecast}</div></div>
<div><div class="forecast_word">牛牛:</div><div class="result_money">{$vo.player_2_times_nn_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">豹子:</div><div class="result_money">{$vo.player_2_times_bz_forecast}</div></div>
<div><div class="forecast_word">同花顺:</div><div class="result_money">{$vo.player_2_times_ths_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">皇家同花顺:</div><div class="result_money">{$vo.player_2_times_hjths_forecast}</div></div>
</div>
</div>
<div><div class="forecast_word" style="width: 30%">闲三赢</div><div class="result_money" style="width: 70%">{$vo.player_3_forecast}</div></div>
<div class="nn_result_box">
<div class="nn_result_box_left" style="width: 14%;float: left;">
<div><div class="forecast_word">牛一:</div><div class="result_money">{$vo.player_3_times_n1_forecast}</div></div>
<div><div class="forecast_word">牛二:</div><div class="result_money">{$vo.player_3_times_n2_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛三:</div><div class="result_money">{$vo.player_3_times_n3_forecast}</div></div>
<div><div class="forecast_word">牛四:</div><div class="result_money">{$vo.player_3_times_n4_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛五:</div><div class="result_money">{$vo.player_3_times_n5_forecast}</div></div>
<div><div class="forecast_word">牛六:</div><div class="result_money">{$vo.player_3_times_n6_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛七:</div><div class="result_money">{$vo.player_3_times_n7_forecast}</div></div>
<div><div class="forecast_word">牛八:</div><div class="result_money">{$vo.player_3_times_n8_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">牛九:</div><div class="result_money">{$vo.player_3_times_n9_forecast}</div></div>
<div><div class="forecast_word">牛牛:</div><div class="result_money">{$vo.player_3_times_nn_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">豹子:</div><div class="result_money">{$vo.player_3_times_bz_forecast}</div></div>
<div><div class="forecast_word">同花顺:</div><div class="result_money">{$vo.player_3_times_ths_forecast}</div></div>
</div>
<div class="nn_result_box_right" style="width: 14%;float: left;">
<div><div class="forecast_word">皇家同花顺:</div><div class="result_money">{$vo.player_3_times_hjths_forecast}</div></div>
</div>
</div>
</div>
</div>
{/if}
{if condition="$vo.game_id == 1 || $vo.game_id == 2"}
<div class="info_waybill" style="height: 150px; width: 300px; background-color: #fff; float: left;">
<div class='waybill_show' style="width: 100%;height: 150px;"><canvas id="canvas_{$vo.id}"></canvas></div>
</div>
{/if}
<div class="info_bottom">
<table>
<thead>
<th>代理名</th>
<th>玩家</th>
<th>下注详情</th>
<th>下注时间</th>
</thead>
<tbody class="info_bottom_bet">
{if condition="!empty($vo.bet_info)"}
{foreach name="vo.bet_info" item="v"}
<tr>
<td style="background-color: #ffeb3b;">{$v.agent_parent_username}</td>
<td style="background-color: #ffeb3b;">{$v.username}</td>
<td style="background-color: #ffeb3b;">{$v.bet_contect}</td>
<td style="background-color: #ffeb3b;">{$v.create_time}</td>
</tr>
{/foreach}
{else}
<tr>
<td colspan='4'>暂无下注信息</td>
</tr>
{/if}
</tbody>
</table>
</div>
</div>
{/foreach}
</div>
<div class="md-modal md-effect-1" id="modal-1">
<div class="md-content">
<div class="box_title">隐藏桌台</div>
<div class="table_list">
{foreach name="table_info" item="vo"}
<div class="check_box"><input name="table_list" type="checkbox" value={$vo.id} />{$vo.table_name}</div>
{/foreach}
</div>
<div class="box_button">
<span class="md-ensure" id="md_ensure">确定</span>
<span class="md-close">取消</span>
</div>
</div>
</div>
<div class="md-modal md-effect-1" id="modal-2" box_table_id='0' box_boot_id='0' box_number='0' style="width: 1200px;">
<div class="md-content">
<div class='little_table_info_box' style="height: 150px;">
<div class="little_table_info">
</div>
<div class="waybill"><canvas id="canvas1"></canvas></div>
</div>
<div class="online_info"><span style="margin-left: 20px;">在线玩家:</span><span id="online_player">0</span><span style="margin-left: 40px;">最高下注:</span><span id="height_username"></span></div>
<div class="gridtable_box"><tr>
<table class="gridtable">
</table>
</div>
</div>
<div class="gridtable_button md-close">
<span>X</span>
</div>
</div>
</div>
<div class="md-overlay"></div>
</body>
<script type="text/javascript" src="/static/jk/js/socket.io-1.4.4.js"></script>
<script type="text/javascript" src="/static/jk/js/classie.js{$Think.VERSION_V}"></script>
<script type="text/javascript" src="/static/jk/js/modalEffects.js{$Think.VERSION_V}"></script>
<script type="text/javascript" src="/static/jk/js/index.js{$Think.VERSION_V}"></script>
<script type="text/javascript">
</script>
<script type="text/javascript">
$(function(){
{foreach name="table_info" item="vo"}
if({$vo.game_id} == 1 || {$vo.game_id} == 2){
var data = <?php echo json_encode($vo['waybill']);?>;
var id = '#canvas_'+{$vo.id};
requestData_show(data,id);
}
{/foreach}
})
</script>
</html>