391 lines
15 KiB
HTML
391 lines
15 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>总控台</title>
|
||
<link rel="stylesheet" type="text/css" href="/static/deal/css/reset.css{$Think.VERSION_V}">
|
||
<link rel="stylesheet" type="text/css" href="/static/deal/css/common.css{$Think.VERSION_V}">
|
||
<script type="text/javascript">
|
||
var TableId = "{$table.id}";
|
||
var websocketUrl="{$websocketUrl}";
|
||
var ludan = false;
|
||
var wait_time = "{$table.wait_time}";
|
||
var videoFarUrl = "{$table.media_far_rtmp}";
|
||
var table_type = "{$table.table_type}";
|
||
var bet_type = "{$table.bet_type}";
|
||
var flvUrl="{$table.media_far_rtmp}";
|
||
var baseVideoUrl="{$Think.LOCAL_VIDEO_PLAYER}";
|
||
var interval_time="{$table.interval_time}";
|
||
var card_first_type="{$table.card_first_type}";
|
||
var localPhoneWS="{$localPhoneWS}";
|
||
var lang = {$lang};
|
||
</script>
|
||
<style type="text/css">
|
||
.section .head .logo{background: url({$Think.LOGO_PATH_INDEX}) center center no-repeat;}
|
||
.result-box{ top:0;}
|
||
.t-logo .t-logo-tit{}
|
||
.begincard .box{
|
||
position: absolute;
|
||
left: -18.6%;
|
||
top: 64%;
|
||
}
|
||
.begincard{
|
||
position: fixed;
|
||
margin-left: 43%;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
background: rgba(0,0,0,0.5);
|
||
z-index: 999;
|
||
display: none;
|
||
}
|
||
.begincard .list{ width: 100%;margin-left: 0;}
|
||
.begincard .list .card{margin-right:0; width: 9.0vw; float: left;margin-top: 5px;margin-left: 5px;;
|
||
height: 23vh;}
|
||
|
||
.begincard .list .card.xuanzhuan{
|
||
height: 25vh;
|
||
margin-left: 3.3vw;
|
||
margin-top: 4.8vh;
|
||
width:9vw;
|
||
-webkit-transform: rotate(90deg);
|
||
-moz-transform: rotate(90deg);
|
||
-o-transform: rotate(90deg);
|
||
-ms-transform: rotate(90deg);
|
||
transform: rotate(90deg);
|
||
|
||
}
|
||
.begincard .list.position-card{
|
||
|
||
width: 16.0vw;
|
||
height: 30vh;
|
||
background-color: rgba(000, 000, 000, 0.5);
|
||
border-radius: 10px 10px 0px 0px;
|
||
font-weight: bold;
|
||
}
|
||
.begincard .list .card-title{
|
||
float: left;
|
||
text-align: center;
|
||
color: #d8b16e;
|
||
font-size:6vh;
|
||
width: 9vw;
|
||
display: inline-block;
|
||
padding-bottom: 10px;
|
||
/*background-color: rgba(000, 000, 000, 0.5);*/
|
||
margin-top: 7px;
|
||
}
|
||
.card-title .card-result{color: #b31a20;}
|
||
.begincard .box .list .card-title{
|
||
position: absolute;
|
||
top: -0.8vw;
|
||
left: 1vw;
|
||
color: #b31a20;
|
||
width:14vw;
|
||
}
|
||
.begincard .win{
|
||
border:3px solid #d8b16e;
|
||
background-color: rgba(226, 212, 71, 0.5);
|
||
border-radius: 10px;
|
||
-webkit-animation-timing-function:ease-in-out;
|
||
-webkit-animation-name:breathe;
|
||
-webkit-animation-duration:500ms;
|
||
-webkit-animation-iteration-count:infinite;
|
||
-webkit-animation-direction:alternate;
|
||
/*transform: scale(1.5,1.5);*/
|
||
/*position: absolute;*/
|
||
/*z-index: 10;*/
|
||
|
||
}
|
||
.win-tip{
|
||
width: 34rem;
|
||
height: 9rem;
|
||
line-height: 9rem;
|
||
text-align: center;
|
||
background-image: url('/static/deal/img/tip_bg.png');
|
||
background-size: 100% 100%;
|
||
position: absolute;
|
||
top: 30%;
|
||
left:-36%;
|
||
display: none;
|
||
font-size: 4rem;
|
||
color: #cca768;
|
||
}
|
||
.win-tip.show{
|
||
display: block;
|
||
animation: bounceIn 1s 0s ease both;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<audio id="audio"></audio>
|
||
<section class="section">
|
||
<div class="top-sec">
|
||
|
||
<div class="gra-btn countdown" >
|
||
<div class="grab-count"></div>
|
||
<div class="gc round-txt-item num"></div>
|
||
</div>
|
||
<div class="gra-btn phonering" >
|
||
<div class="grab-count"></div>
|
||
<div class="gc round-txt-item num"></div>
|
||
</div>
|
||
|
||
|
||
<!-- 视频-->
|
||
<div class="video-sec fl">
|
||
<div class="table-data">
|
||
<div class="head box-sizing">
|
||
<div class="box">
|
||
<div class="clearfix">
|
||
<div class="date"><div>{:lang('now_time')}：<span class="weekend"> 周四</span><span class="time"></span></div> </div>
|
||
</div>
|
||
<div class="list clearfix">
|
||
<div class="item input-box" ><label>{:lang('boot')}</label><span id="boot_num" ></span></div>
|
||
<div class="item input-box m0" ><label>{:lang('number')}</label><span id="number"></span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="lan-box clearfix">
|
||
<div class="item fl" style="opacity:0">
|
||
<span>{:lang('online_number')}</span>
|
||
<small id="onlineNumber">0</small>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<iframe class="video-iframe" id="video-iframe" ></iframe>
|
||
</div>
|
||
<div class="table-info fr">
|
||
|
||
<div class="t-logo">
|
||
<span id="show-status-span"></span>
|
||
<img id="t-logo-img" src="{$Think.LOGO_PATH_INDEX}" />
|
||
|
||
<div class="t-logo-tit"><span>{$table.table_name}</span></div>
|
||
</div>
|
||
<section class="begincard">
|
||
<div class="box">
|
||
<!--<div class="result-box" id="openingElement" style="display:none;"><img id="openingPng" src="" /></div>-->
|
||
<div class="list position-card">
|
||
<div class="card-title word" >
|
||
定位
|
||
</div>
|
||
<div class="card xuanzhuan">
|
||
<div class="face"></div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="box1">
|
||
|
||
<div class="list banker-card">
|
||
<div class="card-title" >
|
||
<div class="banker">庄</div>
|
||
<div class="banker_result card-result"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="box2">
|
||
|
||
<div class="list player-1-card">
|
||
<div class="card-title" >
|
||
<div class="player">闲1</div>
|
||
<div class="player_1_result card-result"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="box3">
|
||
<div class="list player-2-card">
|
||
<div class="card-title " >
|
||
<div class="player">闲2</div>
|
||
<div class="player_2_result card-result"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="box4">
|
||
<div class="list player-3-card">
|
||
<div class="card-title" >
|
||
<div class="player">闲3</div>
|
||
<div class="player_3_result card-result"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="face"></div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="win-tip"></div>
|
||
</section>
|
||
<div class="nobegin-tip"></div>
|
||
</div>
|
||
</div>
|
||
<!-- 导航结速-->
|
||
<div class="footer">
|
||
<div class="canvas-box big">
|
||
|
||
<canvas id="canvas3"></canvas>
|
||
<input type="hidden" id="wait_time" value="{$table.wait_time}">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</section>
|
||
<section class="control-box noselect">
|
||
<div class="slide-btn">《</div>
|
||
<div clss="btn-box0" style="padding:5vh 0 3vh 0">
|
||
<select class="green_bg" id="language">
|
||
<option value="cn" <?php if(isset($langType) && $langType == 'zh-cn') echo 'selected="selected"'; ?> >简体中文</option>
|
||
<option value="tw" <?php if(isset($langType) && $langType == 'zh-tw') echo 'selected="selected"'; ?> >繁體中文</option>
|
||
<option value="en" <?php if(isset($langType) && $langType == 'en-us') echo 'selected="selected"'; ?> >English</option>
|
||
</select>
|
||
</div>
|
||
<div class="btn-box1" style="padding-top:0;">
|
||
<span class="green_bg" id="start_bet" onclick="judge_start()">{:lang('start')}</span>
|
||
<span class="red_bg" id="end_bet" onclick="opening()">{:lang('end')}</span>
|
||
</div>
|
||
<div class="btn-box4">
|
||
<!-- <span onclick="inCheckout()">{:lang('shuffle')}</span> -->
|
||
<span onclick="resetNumberTab()">{:lang('reset_number')}</span>
|
||
<span onclick="changeBoot()">{:lang('change_boot')}</span>
|
||
<span onclick="resetBoot()">{:lang('close_boot')}</span>
|
||
<span onclick="loginout()">{:lang('logout')}</span>
|
||
</div>
|
||
</section>
|
||
<div id="fade" class="black_overlay"></div>
|
||
<div class="update-ludan" id="update_ludan">
|
||
<div class="update-ludan-title">{:lang('edit_previous_result')}</div>
|
||
<div class="update-ludan-content">
|
||
{:lang('select_result')}：
|
||
<select id="update_ludan_result">
|
||
<option value="">{:lang('select')}</option>
|
||
<option value="1-0">{:lang('banker')}</option>
|
||
<option value="2-0">{:lang('player')}</option>
|
||
<option value="3-0">{:lang('tie')}</option>
|
||
<option value="1-1">{:lang('banker')}-{:lang('banker_pair')}</option>
|
||
<option value="1-2">{:lang('banker')}-{:lang('player_pair')}</option>
|
||
<option value="1-3">{:lang('banker')}-{:lang('both_pair')}</option>
|
||
<option value="2-1">{:lang('player')}-{:lang('banker_pair')}</option>
|
||
<option value="2-2">{:lang('player')}-{:lang('player_pair')}</option>
|
||
<option value="2-3">{:lang('player')}-{:lang('both_pair')}</option>
|
||
<option value="3-1">{:lang('tie')}-{:lang('banker_pair')}</option>
|
||
<option value="3-2">{:lang('tie')}-{:lang('player_pair')}</option>
|
||
<option value="3-3">{:lang('tie')}-{:lang('both_pair')}</option>
|
||
</select>
|
||
</div>
|
||
<div class="update-ludan-footer">
|
||
<a id="confirm_update_ludan">{:lang('confirm')}</a>
|
||
<a id="cancel_update_ludan">{:lang('cancel')}</a>
|
||
</div>
|
||
</div>
|
||
<div class="dice" id="show_dice">
|
||
<div id="dice_one"></div>
|
||
<div id="dice_two"></div>
|
||
</div>
|
||
<style type="text/css">
|
||
.dice{
|
||
display: none;
|
||
position: absolute;
|
||
top: 0%;
|
||
left: 0%;
|
||
width: 800px;
|
||
height: 400px;
|
||
background: rgba(0,0,0,0.5);
|
||
z-index: 999;
|
||
overflow: hidden;
|
||
}
|
||
.dice div{
|
||
width: 50%;
|
||
height: 100%;
|
||
line-height: 400px;
|
||
float: left;
|
||
font-size: 400px;
|
||
text-align: center;
|
||
color: #009f95;
|
||
}
|
||
</style>
|
||
<input type="hidden" id="online_token" value="{$online_token}">
|
||
<input type="hidden" id="account" value="{$user.username}">
|
||
<input type="hidden" id="userid" value="{$user.id}">
|
||
<input type="hidden" id="number_tab_status">
|
||
<input type="hidden" id="number_rob_status">
|
||
<input type="hidden" id="table_id" value="{$table.id}">
|
||
<input type="hidden" id="number_tab_dt_id" value="">
|
||
<input type="hidden" id="game_id" value="{$table.game_id}">
|
||
<!--//1百家乐 2龙虎 4牛牛-->
|
||
<input type="hidden" id="is_scavenging" value="{$table.is_scavenging}">
|
||
<input type="hidden" id="boot_id" value="0">
|
||
<input type="hidden" id="bet_type" value="{$table.bet_type}">
|
||
<input type="hidden" id="keycode" value="">
|
||
<input type="hidden" id="is_rob" value="{$table.is_rob}">
|
||
|
||
<script type="text/javascript" src="/static/deal/js/jquery-2.1.0.min.js"></script>
|
||
<script type="text/javascript" src="/static/deal/js/layer-v3.1.1/layer.js"></script>
|
||
<script type="text/javascript" src="/static/deal/js/deal-nn.js{$Think.VERSION_V}"></script>
|
||
|
||
|
||
</body>
|
||
</html>
|