174 lines
7.1 KiB
HTML
174 lines
7.1 KiB
HTML
{include file="public/header"}
|
|
<style>
|
|
.x-body .layui-row{ margin-top:-10px; line-height:25px; background:#f5f5f5; border-radius:10px; }
|
|
.x-body .layui-row .xblock button{ margin-top:-20px; }
|
|
.x-body .layui-form{ margin-top:15px; margin-bottom:10px; }
|
|
.x-body .layui-form .layui-input-block{ display:inline-block; width:150px; margin-left:0; }
|
|
.x-body .layui-form .layui-form-item{ display:inline-block; margin-left:0; }
|
|
.x-body .layui-form .layui-form-item .layui-form-label{ width:48px; }
|
|
.x-body .layui-form .layui-form-item .layui-input-block{ margin-left:-10px; width:100px; }
|
|
.x-body .layui-form .layui-form-item .layui-input-block .layui-form-radio i{ margin-right:4px; }
|
|
.x-body .layui-form .layui-form-item .layui-form-radio{ margin-top:6px; margin-right:-8px; }
|
|
.layui-input-block dl{ text-align:left; }
|
|
.x-so{ margin:0; }
|
|
.x-so input.layui-input{ width:150px; }
|
|
.x-nav{overflow: inherit; } .x-nav .refresh{margin-right: 20px; }
|
|
.change_box .actived{border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5; position: relative; color: #3daae9; }
|
|
.change_box .actived:after{content: ""; bottom: -2px; background: #fff; width: 100%; height: 5px; position: absolute; left: 0; }
|
|
.change_box a{font-size: 14px;padding: 10.5px 10px;}
|
|
|
|
.alert{position:fixed; top:15%; left:30%; width:400px; min-height:210px; background:#fff; border:1px solid #e2e2e2; border-radius:5px; display:none;}
|
|
.alert-title{background:#009688; height:40px; text-align: center; line-height:40px; font-size:14px; border-bootom:1px solid #F2F2F2;color:#fff;}
|
|
.add_input{padding: 10px; font-size: 14px;text-align: center;}
|
|
.alert-footer{padding:20px; text-align:center;}
|
|
.alert-footer span{padding:10px 30px; display:inline-block; border-radius:5px; cursor:pointer;}
|
|
</style>
|
|
<body>
|
|
<div class="x-nav" style="padding: 0px;">
|
|
<a class="layui-btn layui-btn-small refresh" style="line-height:1.6em;margin-top:3px;float:right"
|
|
href="javascript:location.replace(location.href);" title="刷新">
|
|
<i class="layui-icon" style="line-height:30px">ဂ</i></a>
|
|
</div>
|
|
<br>
|
|
<div class="layui-row">
|
|
<span class="layui-btn" style="margin-left: 20px;" onclick="showAdd()">添加</span>
|
|
</div>
|
|
<div class="x-body">
|
|
<table class="layui-table">
|
|
<thead>
|
|
<tr>
|
|
<th>用户名</th>
|
|
<th>赢钱金额</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{foreach name="optimum_list" item="vo"}
|
|
<tr>
|
|
<td>{$vo.username}</td>
|
|
<td>{$vo.win_money}</td>
|
|
<td>
|
|
<a href="javascript:;" onclick="edit_optimum(this)" edit_id="{$vo.id}" edit_username="{$vo.username}" edit_win_money="{$vo.win_money}">
|
|
<span class="layui-btn layui-btn-normal layui-btn-mini" style="background:#009688;" >修改</span>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="alert" id="alert_add">
|
|
<div class="alert-title">添加记录</div>
|
|
<div class="alert-main">
|
|
<div class="add_input"> 用户名:<input id="add_username" name="add_username" type="text" value maxlength="50" minlength="3"></div>
|
|
<div class="add_input">赢钱金额:<input id="add_winmoney" name="add_winmoney" type="text" value maxlength="50" minlength="3"></div>
|
|
</div>
|
|
<div class="alert-footer">
|
|
<span onclick="do_add_optimum()" class="input_button" style="background:#009688; border:1px solid #e2e2e2;color:#fff;">提交</span>
|
|
<span onclick="hiddenForm('alert_add')" class="input_button" style="background:#009688; border:1px solid #e2e2e2;color:#fff;">关闭</span>
|
|
</div>
|
|
</div>
|
|
<div class="alert" id="alert_edit">
|
|
<div class="alert-title">修改记录</div>
|
|
<div class="alert-main">
|
|
<input type="hidden" id="edit_id" value="">
|
|
<div class="add_input"> 用户名:<input id="edit_username" name="receivables_name" type="text" value maxlength="50" minlength="3"></div>
|
|
<div class="add_input">赢钱金额:<input id="edit_win_money" name="receivables_bank" type="text" value maxlength="50" minlength="3"></div>
|
|
</div>
|
|
<div class="alert-footer">
|
|
<span onclick="do_edit_optimum()" class="input_button" style="background:#009688; border:1px solid #e2e2e2;color:#fff;">提交</span>
|
|
<span onclick="hiddenForm('alert_edit')" class="input_button" style="background:#009688; border:1px solid #e2e2e2;color:#fff;">关闭</span>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
|
|
/**
|
|
* 封装 AJAX 函数
|
|
* @param url 目标地址
|
|
* @param query 参数
|
|
* @returns {string}
|
|
*/
|
|
function ajax(url, query) {
|
|
var returnData = "";
|
|
$.ajax({
|
|
url: url,
|
|
data: query,
|
|
type: 'POST',
|
|
dataType: 'JSON',
|
|
async: false,
|
|
success: function (data) {
|
|
returnData = data;
|
|
}
|
|
});
|
|
return returnData;
|
|
}
|
|
// 显示用户的赔率
|
|
function showAdd(){
|
|
$('#alert_add').show();
|
|
}
|
|
//点击隐藏表单弹窗
|
|
function hiddenForm(id) {
|
|
$('#add_username').val('');
|
|
$('#add_winmoney').val('');
|
|
$('#' + id).hide();
|
|
}
|
|
function do_add_optimum(){
|
|
var query = new Object();
|
|
query.username = $('#add_username').val();
|
|
query.win_money = $('#add_winmoney').val();
|
|
if(query.username.length == 0){
|
|
layer.alert("请填写用户名!");
|
|
return false;
|
|
}
|
|
if(query.win_money.length == 0){
|
|
layer.alert("请填写赢钱金额!");
|
|
return false;
|
|
}
|
|
var result = ajax('/tip/do_add_optimum',query);
|
|
if(result.code == 1){
|
|
layer.alert(result.msg, {icon: 6}, function () {
|
|
location.href = "/tip/optimum";
|
|
});
|
|
}else{
|
|
layer.alert(result.msg,{icon:2});
|
|
}
|
|
return false;
|
|
|
|
}
|
|
function edit_optimum(obj){
|
|
var id = $(obj).attr('edit_id');
|
|
var username = $(obj).attr('edit_username');
|
|
var win_money = $(obj).attr('edit_win_money');
|
|
$('#edit_id').val(id);
|
|
$('#edit_username').val(username);
|
|
$('#edit_win_money').val(win_money);
|
|
$('#alert_edit').show();
|
|
}
|
|
function do_edit_optimum(){
|
|
var query = new Object();
|
|
query.edit_id = $('#edit_id').val();
|
|
query.username = $('#edit_username').val();
|
|
query.win_money = $('#edit_win_money').val();
|
|
if(query.username.length == 0){
|
|
layer.alert("请填写用户名!");
|
|
return false;
|
|
}
|
|
if(query.win_money.length == 0){
|
|
layer.alert("请填写赢钱金额!");
|
|
return false;
|
|
}
|
|
var result = ajax('/tip/do_edit_optimum',query);
|
|
if(result.code == 1){
|
|
layer.alert(result.msg, {icon: 6}, function () {
|
|
location.href = "/tip/optimum";
|
|
});
|
|
}else{
|
|
layer.alert(result.msg,{icon:2});
|
|
}
|
|
return false;
|
|
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |