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

192 lines
8.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人首页</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="/static/agent/css/font.css">
<link rel="stylesheet" href="/static/agent/css/xadmin.css">
<script type="text/javascript" src="/static/agent/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/agent/js/jquery.qrcode.min.js"></script>
<script type="text/javascript" src="/static/agent/lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/static/agent/js/xadmin.js"></script>
<style type="text/css">
.layui-field-box{
min-width:1280px;
padding:0 5%;
}
.layui-field-box section{
margin-bottom:20px;
min-width:495px;
}
.layui-field-box section .item-box{
width:49%;
background:#F2F2F2;
border-radius:5px;
position:relative;
display:inline-block;
border-top:3px solid #00a65a;
height: 550px;
float: left;
}
.layui-field-box section .item-box .item-title{
height:40px;
text-align: center;
line-height:40px;
font-size:18px;
border-bottom:1px solid #ccc;
}
.layui-field-box section .item-box .item-qrcode #qrcode{
width: 205px;
height: 205px;
margin: 10px auto;
position: relative;
background: rgb(250, 250, 250);
padding: 10px;
border-radius: 5px;
opacity: 1;
}
.layui-field-box section .item-box .item-qrcode #qrcode canvas{
width: 205px;
}
.layui-field-box section .item-box .item-message{
padding:10px;
font-size:15px;
}
.layui-field-box section .item-box .item-message p{
padding:10px 0;
}
.layui-field-box section .item-box .item-url {
padding:10px;
width:470px;
}
.layui-field-box section .item-box .item-url input{
width:450px;
padding:10px;
font-size:15px;
border:1px solid #ccc;
background:#F2F2F2;
border-radius:5px;
}
.box-sec{ overflow: hidden; text-align: center;}
.url-box{ float: left; margin-right: 10px;padding: 10px;}
.check-div{padding: 20px 20px;}
.check-div p{ padding: 5px 0; text-align: left;}
.check-div input{ }
.check-div span{display: inline-block;font-size: 16px;padding-left: 5px;}
.btn-div{padding: 10px 0; text-align: center;background: #ddd;color:}
.btn-div button{border: none;background: #000;color: #fff; padding: 5px 10px;}
</style>
</head>
<body class="iframeClass scroll-wrapper">
<div class="x-body layui-anim layui-anim-up" style="overflow-x: scroll;">
<img src="{$Think.LOGO_PATH}" id="logo" style="position:absolute;top:-933px;left:-1000px;">
<fieldset class="layui-elem-field">
<legend>Line投设置</legend>
<div class="layui-field-box qrcode-box">
<section class="box-sec">
<div class="item-box" style="margin-right: 2%;">
<div class="item-title">
<span>绑定Line投台桌</span>
</div>
<div class="item-qrcode check-div" >
{foreach name="tables" item="vo"}
<p class="c1"><input type="checkbox" name="wt_table" value='{$vo.id}' <?php if($vo['is_wt']) {echo 'checked="checked"';} ?>><span>{$vo.table_name}</span></p>
{/foreach}
</div>
<div class="btn-div"><button onclick="do_wt_table()">提交</button></div>
</div>
<div class="item-box " >
<div class="item-title">
<span>Line投推广码</span>
</div>
<div class="item-qrcode" >
<div id="qrcode"></div>
</div>
<div class="item-message">
<p id="agent_input">运行线路:
<select style="width: 150px;padding: 5px 0;" id="wt_agent">
<option value ="0" <?php if(!$wt_agent) {echo 'selected="true"';} ?> >请选择</option>
{foreach name="agent_list" item="vo"}
<option value ="{$vo.username}" <?php if($wt_agent == $vo['username'] ) {echo 'selected="true"';} ?> >{$vo.username}</option>
{/foreach}
</select>
<span style="padding: 5px 10px;background-color:#000;color: #fff; margin-left: 10px;cursor:pointer;" onclick="do_wt_agent()">提交</span>
</p>
<!-- <p>我的推荐码:<?=$user_info['referral_code']; ?></p> -->
<p>我的推广链接:<span id="share_url"><?=$marketingUrl; ?></span></p>
<p>使用方法:在上面的二维码图片上点击右键,选择“图片另存为”,保存二维码图片。</p>
<!-- <p style="color:red;">说明:用户通过此二维码可注册成为当前代理名下玩家。</p> -->
</div>
</div>
</section>
</div>
</fieldset>
</div>
<input type="hidden" id="marketingUrl" value="{$marketingUrl}">
<script type="text/javascript">
window.onload=function(){
<?php if($wt_agent){echo 'var marketingUrl = $("#marketingUrl").val(); $("#qrcode").qrcode(marketingUrl);';}
?>
}
function do_wt_table(){
var table_str='';
$('input[name="wt_table"]:checked').each(function(){
table_str+=$(this).val()+',';
});
var query = new Object();
query.table_str = table_str;
var url = '/wt/do_wt_table';
$.ajax({
url: url,
data: query,
dataType: "json",
type: "POST",
success: function (data) {
layer.msg(data.Msg);
}
})
}
function do_wt_agent(){
var wt_agent = $("#wt_agent option:selected").val();
if(wt_agent == 0){
layer.msg('请选择运行路线');
return false;
}
var query = new Object();
query.wt_agent = wt_agent;
var url = '/wt/do_wt_agent';
$.ajax({
url: url,
data: query,
dataType: "json",
type: "POST",
success: function (data) {
if(data.success == 0){
layer.msg(data.Msg);
}else{
layer.msg(data.Msg);
var marketingUrl = data.url;
$('#qrcode').html('');
$('#share_url').html(data.url);
$("#qrcode").qrcode(marketingUrl);
// $("#qrcode canvas")[0].getContext("2d").drawImage($("#logo")[0], 80, 80, 80, 80);
}
}
})
}
</script>
</body>
</html>