Socket/app/handle/view/index/tab_b_sb.html
2026-01-28 23:48:20 +08:00

496 lines
17 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>荷官端</title>
<link rel="stylesheet" type="text/css" href="/static/handle/css/reset.css{$Think.VERSION_V}">
<link rel="stylesheet" type="text/css" href="/static/handle/css/common.css{$Think.VERSION_V}">
<script type="text/javascript">
var casinoTableId = "{$table.table_num}";
var localSbServer="{$localSbServer}";
var scanner_type = "{$table.scanner_type}";
var websocketUrl="{$websocketUrl}";
var websocketProtocol="{$websocketProtocol}";
var wait_time = "{$table.wait_time}";
var table_type = "{$table.table_type}";
var bet_type = "{$table.bet_type}";
var lang;
var flvUrl="{$table.media_far_rtmp}";
var player="{$player}";
var interval_time="{$table.interval_time}";
</script>
<style type="text/css">
.result-box{ width: 36vw;left: 29%;top:30%;}
.result-box img{ width: 100%;max-width:150%}
/*win*/
@keyframes breathe1 {
0% {
opacity:.7;
box-shadow: 0px 1px 10px #030c03;
}
100% {
opacity:1;
box-shadow:0 1px 20px rgba(59,255,255,1);
}
}
</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="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="{$logoPath}" />
<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="card-box">
<div class="list banker-card">
<div class="zx text" ><span>{:lang('banker')}</span></div>
<div class="card"> <!--22-->
<div class="face" data-position="22"></div>
<div class="topleft"></div>
<div class="bottomright"></div>
</div>
<div class="card"><!--21-->
<div class="face" data-position="21"></div>
<div class="topleft"></div>
<div class="bottomright"></div>
</div>
<div class="draw"><!--32-->
<div class="rotate">
<div class="card" id="banker_bu">
<div class="face" data-position="23"></div>
<div class="topleft"></div>
<div class="bottomright"></div>
</div>
</div>
</div>
</div>
<div class="list player-card">
<div class="text zx" ><span>{:lang('player')}</span></div>
<div class="card"><!--12-->
<div class="face" data-position="12"></div>
<div class="topleft"></div>
<div class="bottomright"></div>
</div>
<div class="card"><!--11-->
<div class="face" data-position="11"></div>
<div class="topleft"></div>
<div class="bottomright"></div>
</div>
<div class="draw"><!--31-->
<div class="rotate">
<div class="card" id="player_bu">
<div class="face" data-position="13"></div>
<div class="topleft"></div>
<div class="bottomright"></div>
</div>
</div>
</div>
</div>
</div>
</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="startBet()">{:lang('start')}</span>
<span class="red_bg" id="end_bet" onclick="endBet()">{:lang('end')}</span>
</div>
<div class="btn-box4">
<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>
<div class="btn-box1" style="padding-top:5vh;">
<span class="green_bg" id="restart_sb" onclick="restartSB()">{:lang('restart_sb')}</span>
<span class="red_bg" id="stop_sb" onclick="stopSB()">{:lang('stop_sb')}</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="change" id="change_cards">
<div style="margin-top: 30px;">
<label>
<input type="radio" name="cardToChanged" value="101">
<img src="/static/poker/101.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="102">
<img src="/static/poker/102.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="103">
<img src="/static/poker/103.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="104">
<img src="/static/poker/104.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="105">
<img src="/static/poker/105.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="106">
<img src="/static/poker/106.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="107">
<img src="/static/poker/107.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="108">
<img src="/static/poker/108.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="109">
<img src="/static/poker/109.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="110">
<img src="/static/poker/110.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="111">
<img src="/static/poker/111.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="112">
<img src="/static/poker/112.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="113">
<img src="/static/poker/113.png">
</label>
</div>
<div>
<label>
<input type="radio" name="cardToChanged" value="201">
<img src="/static/poker/201.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="202">
<img src="/static/poker/202.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="203">
<img src="/static/poker/203.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="204">
<img src="/static/poker/204.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="205">
<img src="/static/poker/205.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="206">
<img src="/static/poker/206.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="207">
<img src="/static/poker/207.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="208">
<img src="/static/poker/208.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="209">
<img src="/static/poker/209.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="210">
<img src="/static/poker/210.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="211">
<img src="/static/poker/211.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="212">
<img src="/static/poker/212.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="213">
<img src="/static/poker/213.png">
</label>
</div>
<div>
<label>
<input type="radio" name="cardToChanged" value="301">
<img src="/static/poker/301.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="302">
<img src="/static/poker/302.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="303">
<img src="/static/poker/303.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="304">
<img src="/static/poker/304.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="305">
<img src="/static/poker/305.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="306">
<img src="/static/poker/306.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="307">
<img src="/static/poker/307.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="308">
<img src="/static/poker/308.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="309">
<img src="/static/poker/309.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="310">
<img src="/static/poker/310.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="311">
<img src="/static/poker/311.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="312">
<img src="/static/poker/312.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="313">
<img src="/static/poker/313.png">
</label>
</div>
<div>
<label>
<input type="radio" name="cardToChanged" value="401">
<img src="/static/poker/401.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="402">
<img src="/static/poker/402.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="403">
<img src="/static/poker/403.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="404">
<img src="/static/poker/404.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="405">
<img src="/static/poker/405.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="406">
<img src="/static/poker/406.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="407">
<img src="/static/poker/407.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="408">
<img src="/static/poker/408.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="409">
<img src="/static/poker/409.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="410">
<img src="/static/poker/410.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="411">
<img src="/static/poker/411.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="412">
<img src="/static/poker/412.png">
</label>
<label>
<input type="radio" name="cardToChanged" value="413">
<img src="/static/poker/413.png">
</label>
</div>
<div class="btn-box1" style="padding-top:0;">
<span class="green_bg" id="change_card" onclick="changeErrSbCard()">Submit</span>
<span class="red_bg" id="cancel_card" onclick="cancelChangeErrSbCard()">Cancel</span>
</div>
</div>
<style type="text/css">
.change{
display: none;
position: absolute;
top: 10%;
left: 10%;
width: auto;
height: 780px;
background: rgb(0 0 0 / 90%);
z-index: 999;
overflow: hidden;
}
.change div {margin: auto 15px;}
.change div img {
width: 8vh;
margin: 15px 10px 10px 10px;
}
[type=radio] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* IMAGE STYLES */
[type=radio] + img {
cursor: pointer;
}
/* CHECKED STYLES */
[type=radio]:checked + img {
outline: 6px solid #f00;
}
.change .btn-box1 {
margin-top: 15px;
float: right;
}
.change .btn-box1 span {
cursor: pointer;
width: 110px;
height: 35px;
display: inline-block;
margin: 0 45px 0 10px;
padding-left:45px;
line-height: 35px;
color: #fff;
font-weight: 500;
font-size: 16px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5) inset, 0px 6px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5) inset,0px 6px 5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5) inset, 0px 6px 5px rgba(0,0,0,0.2);
}
.change .green_bg {
background: #0b6140;
}
.change .red_bg {
background: #7a1e1e;
}
</style>
<input type="hidden" id="login_token" value="{$login_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="table_id" value="{$table.id}">
<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="">
<input type="hidden" id="bet_type" value="{$table.bet_type}">
<input type="hidden" id="keycode" value="">
<script type="text/javascript" src="/static/handle/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="/static/handle/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/static/handle/js/layer-v3.1.1/layer.js"></script>
<script type="text/javascript" src="/static/handle/js/socket.io-1.4.4.js"></script>
<script type="text/javascript" src="/static/handle/js/handle_b_sb_scan_four.js{$Think.VERSION_V}"></script>
</body>
</html>