331 lines
14 KiB
HTML
331 lines
14 KiB
HTML
|
|
<title>房间配置</title>
|
|
|
|
<div class="layui-card layadmin-header">
|
|
<div class="layui-breadcrumb" lay-filter="breadcrumb">
|
|
<a lay-href="">主页</a>
|
|
<a><cite>游戏管理</cite></a>
|
|
<a><cite>房间配置</cite></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-fluid">
|
|
<div class="layui-card">
|
|
|
|
<div class="layui-card-body" style="padding-top:10px;">
|
|
<table id="table-room" lay-filter="table-room"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/html" id="toolbar-room">
|
|
<div class="layui-btn-container">
|
|
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-filter="init-room"><i class="layui-icon layui-icon-refresh"></i> 初始化配置</button>
|
|
<button class="layui-btn layui-btn-sm" lay-filter="save-room"><i class="layui-icon layui-icon-ok"></i> 保存配置</button>
|
|
<button class="layui-btn layui-btn-sm layui-btn-warm" lay-filter="reload-room"><i class="layui-icon layui-icon-refresh"></i> 刷新</button>
|
|
<button class="layui-btn layui-btn-sm" lay-filter="add-room">添加</button>
|
|
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-filter="batchdel-room">批量删除</button>
|
|
<button class="layui-btn layui-btn-sm layui-btn-normal" onclick="saveSection('RoomConfigs')"><i class="layui-icon layui-icon-export"></i> 保存到初始化文件</button>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/html" id="tpl-gameType">
|
|
{{# var typeMap = {0:'无',1:'风雷之渊',2:'永夜尸城',3:'中国象棋',4:'星际迷航',5:'黑神话悟空'}; }}
|
|
{{= typeMap[d.gameType] || '无' }}
|
|
</script>
|
|
|
|
<script type="text/html" id="table-operate">
|
|
<a class="layui-btn layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
|
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
|
|
</script>
|
|
|
|
<script>
|
|
layui.use(['admin', 'table', 'form'], function () {
|
|
var $ = layui.$,
|
|
admin = layui.admin,
|
|
table = layui.table,
|
|
form = layui.form,
|
|
setter = layui.setter;
|
|
|
|
var gameConfig = null;
|
|
|
|
// 页面加载时清理可能残留的遮罩
|
|
setTimeout(function() {
|
|
if (window.parent && window.parent.$ && window.parent.layer) {
|
|
window.parent.$('.layui-layer-shade').remove();
|
|
window.parent.layer.closeAll();
|
|
}
|
|
$('.layui-layer-shade').remove();
|
|
layer.closeAll();
|
|
}, 100);
|
|
|
|
function loadConfig() {
|
|
admin.req({
|
|
method: "get",
|
|
url: setter.baseurl + "adminapi/GameConfig",
|
|
done: function (res) {
|
|
if (res.code === 0 && res.data) {
|
|
gameConfig = res.data;
|
|
renderTable();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function formatList(list) {
|
|
if (!list) return '';
|
|
if (Array.isArray(list)) return list.join(',');
|
|
return String(list);
|
|
}
|
|
|
|
function parseList(str) {
|
|
if (!str) return [];
|
|
if (Array.isArray(str)) return str;
|
|
if (typeof str === 'string') {
|
|
return str.split(',').map(function(x) { return parseInt(x.trim()); }).filter(function(x) { return !isNaN(x); });
|
|
}
|
|
return [];
|
|
}
|
|
|
|
function renderTable() {
|
|
table.render({
|
|
elem: '#table-room',
|
|
data: gameConfig ? gameConfig.roomConfigs || [] : [],
|
|
cols: [[
|
|
{ type: 'checkbox', fixed: 'left' },
|
|
{ field: "roomNumber", title: "编号", width: 80 },
|
|
{ field: "roomName", title: "名称", width: 120 },
|
|
{ field: "gameType", title: "游戏类型", width: 100, templet: '#tpl-gameType' },
|
|
{ field: "roomLevel", title: "等级", width: 70 },
|
|
{ field: "roomPartitionNum", title: "分区数", width: 80 },
|
|
{ field: "roomCount", title: "房间数", width: 80 },
|
|
{ field: "roomGoldLimit", title: "金币限制", width: 100 },
|
|
{ field: "cannonMultipleList", title: "炮倍列表", width: 150, templet: function(d) {
|
|
return formatList(d.cannonMultipleList);
|
|
}},
|
|
{ title: "操作", width: 150, fixed: 'right', toolbar: '#table-operate' }
|
|
]],
|
|
toolbar: '#toolbar-room',
|
|
defaultToolbar: ['filter', 'exports', 'print']
|
|
});
|
|
}
|
|
|
|
function initConfig() {
|
|
layer.confirm('确定要初始化全部配置数据吗？此操作将清空现有数据！', function(idx) {
|
|
layer.close(idx);
|
|
admin.req({
|
|
method: "get",
|
|
url: setter.baseurl + "adminapi/GameConfig/InitSection/RoomConfigs",
|
|
done: function (res) {
|
|
if (res.code === 0 || res.code === 200) {
|
|
layer.msg('初始化成功');
|
|
loadConfig();
|
|
} else {
|
|
layer.msg(res.info || '初始化失败');
|
|
}
|
|
},
|
|
fail: function(res) {
|
|
layer.msg(res.info || '初始化失败');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
$(document).on('click', '[lay-filter="init-room"]', function() {
|
|
if (window.parent && window.parent.$ && window.parent.layer) {
|
|
window.parent.$('.layui-layer-shade').remove();
|
|
window.parent.layer.closeAll();
|
|
}
|
|
initConfig();
|
|
});
|
|
|
|
$(document).on('click', '[lay-filter="reload-room"]', function() {
|
|
loadConfig();
|
|
layer.msg('刷新成功');
|
|
});
|
|
|
|
$(document).on('click', '[lay-filter="save-room"]', function() {
|
|
if (window.parent && window.parent.$ && window.parent.layer) {
|
|
window.parent.$('.layui-layer-shade').remove();
|
|
window.parent.layer.closeAll();
|
|
}
|
|
admin.req({
|
|
method: "post",
|
|
contentType: "application/json;charset=UTF-8",
|
|
url: setter.baseurl + "adminapi/GameConfig/Update",
|
|
data: JSON.stringify(gameConfig),
|
|
done: function (res) {
|
|
if (res.code === 0 || res.code === 200) {
|
|
layer.msg('保存成功');
|
|
loadConfig();
|
|
} else {
|
|
layer.msg(res.info || '保存失败');
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
table.on('tool(table-room)', function(obj) {
|
|
var data = obj.data;
|
|
var trIndex = obj.tr.index();
|
|
if (trIndex < 0) trIndex = gameConfig.roomConfigs.findIndex(function(x) { return x.roomNumber === data.roomNumber; });
|
|
if (obj.event === 'edit') {
|
|
showEditDialog(data, false, trIndex);
|
|
} else if (obj.event === 'del') {
|
|
layer.confirm('确定删除该配置吗？', function(idx) {
|
|
if (trIndex > -1) gameConfig.roomConfigs.splice(trIndex, 1);
|
|
obj.del();
|
|
layer.close(idx);
|
|
});
|
|
}
|
|
});
|
|
|
|
function showAddDialog() {
|
|
var newData = {
|
|
roomNumber: '',
|
|
roomName: '',
|
|
gameType: 0,
|
|
roomLevel: 0,
|
|
roomPartitionNum: 0,
|
|
roomCount: 0,
|
|
roomGoldLimit: 0,
|
|
cannonMultipleList: []
|
|
};
|
|
showEditDialog(newData, true, -1);
|
|
}
|
|
|
|
$(document).on('click', '[lay-filter="add-room"]', function() {
|
|
showAddDialog();
|
|
});
|
|
|
|
$(document).on('click', '[lay-filter="batchdel-room"]', function() {
|
|
var checkStatus = table.checkStatus('table-room');
|
|
var checkData = checkStatus.data;
|
|
if (checkData.length === 0) {
|
|
return layer.msg('请选择要删除的数据');
|
|
}
|
|
layer.confirm('确定删除选中的 ' + checkData.length + ' 条数据吗？', function(idx) {
|
|
var ids = checkData.map(function(item) { return item.roomNumber; });
|
|
gameConfig.roomConfigs = gameConfig.roomConfigs.filter(function(item) {
|
|
return !ids.includes(item.roomNumber);
|
|
});
|
|
renderTable();
|
|
layer.close(idx);
|
|
});
|
|
});
|
|
|
|
function showEditDialog(data, isAdd, itemIndex) {
|
|
var dialogTitle = isAdd ? '添加房间' : '编辑房间';
|
|
var typeOptions = [
|
|
{value: 0, text: '无'},
|
|
{value: 1, text: '风雷之渊'},
|
|
{value: 2, text: '永夜尸城'},
|
|
{value: 3, text: '中国象棋'},
|
|
{value: 4, text: '星际迷航'},
|
|
{value: 5, text: '黑神话悟空'}
|
|
];
|
|
|
|
var typeHtml = '';
|
|
typeOptions.forEach(function(opt) {
|
|
typeHtml += '<option value="' + opt.value + '"' + (data.gameType === opt.value ? ' selected' : '') + '>' + opt.text + '</option>';
|
|
});
|
|
|
|
var cannonStr = formatList(data.cannonMultipleList);
|
|
|
|
var html = '<div style="padding:20px;">' +
|
|
'<form class="layui-form">' +
|
|
'<div class="layui-form-item">' +
|
|
'<label class="layui-form-label">编号</label>' +
|
|
'<div class="layui-input-block">' +
|
|
'<input type="text" name="roomNumber" value="' + (data.roomNumber || '') + '" class="layui-input">' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'<div class="layui-form-item">' +
|
|
'<label class="layui-form-label">名称</label>' +
|
|
'<div class="layui-input-block">' +
|
|
'<input type="text" name="roomName" value="' + (data.roomName || '') + '" class="layui-input">' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'<div class="layui-form-item">' +
|
|
'<label class="layui-form-label">游戏类型</label>' +
|
|
'<div class="layui-input-block">' +
|
|
'<select name="gameType">' + typeHtml + '</select>' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'<div class="layui-form-item">' +
|
|
'<label class="layui-form-label">等级</label>' +
|
|
'<div class="layui-input-block">' +
|
|
'<input type="number" name="roomLevel" value="' + (data.roomLevel || 0) + '" class="layui-input">' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'<div class="layui-form-item">' +
|
|
'<label class="layui-form-label">分区数</label>' +
|
|
'<div class="layui-input-block">' +
|
|
'<input type="number" name="roomPartitionNum" value="' + (data.roomPartitionNum || 0) + '" class="layui-input">' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'<div class="layui-form-item">' +
|
|
'<label class="layui-form-label">房间数</label>' +
|
|
'<div class="layui-input-block">' +
|
|
'<input type="number" name="roomCount" value="' + (data.roomCount || 0) + '" class="layui-input">' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'<div class="layui-form-item">' +
|
|
'<label class="layui-form-label">金币限制</label>' +
|
|
'<div class="layui-input-block">' +
|
|
'<input type="number" name="roomGoldLimit" value="' + (data.roomGoldLimit || 0) + '" class="layui-input">' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'<div class="layui-form-item">' +
|
|
'<label class="layui-form-label">炮倍列表</label>' +
|
|
'<div class="layui-input-block">' +
|
|
'<input type="text" name="cannonMultipleList" value="' + cannonStr + '" placeholder="多个值用逗号分隔" class="layui-input">' +
|
|
'</div>' +
|
|
'</div>' +
|
|
'</form>' +
|
|
'</div>';
|
|
|
|
layer.open({
|
|
type: 1,
|
|
title: dialogTitle,
|
|
area: ['600px', '550px'],
|
|
content: html,
|
|
btn: ['保存', '取消'],
|
|
shadeClose: true,
|
|
success: function(layero) {
|
|
form.render('select');
|
|
},
|
|
yes: function(index, layero) {
|
|
var cannonStr = layero.find('input[name="cannonMultipleList"]').val();
|
|
var cannonList = parseList(cannonStr);
|
|
var updatedItem = {
|
|
roomNumber: layero.find('input[name="roomNumber"]').val(),
|
|
roomName: layero.find('input[name="roomName"]').val(),
|
|
gameType: parseInt(layero.find('select[name="gameType"]').val()),
|
|
roomLevel: parseInt(layero.find('input[name="roomLevel"]').val()) || 0,
|
|
roomPartitionNum: parseInt(layero.find('input[name="roomPartitionNum"]').val()) || 0,
|
|
roomCount: parseInt(layero.find('input[name="roomCount"]').val()) || 0,
|
|
roomGoldLimit: parseInt(layero.find('input[name="roomGoldLimit"]').val()) || 0,
|
|
cannonMultipleList: cannonList
|
|
};
|
|
if (isAdd) {
|
|
gameConfig.roomConfigs.unshift(updatedItem);
|
|
} else {
|
|
if (itemIndex >= 0 && itemIndex < gameConfig.roomConfigs.length) {
|
|
gameConfig.roomConfigs[itemIndex] = updatedItem;
|
|
}
|
|
}
|
|
layer.close(index);
|
|
table.reload('table-room', {
|
|
data: gameConfig.roomConfigs
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
window.saveSection=function(n){layui.admin.req({method:'get',url:(layui.setter.baseurl||'/')+'adminapi/GameConfig/SaveSection/'+n,done:function(r){layui.layer.msg(r.info||(r.code===0?'保存成功':'保存失败'))}})}
|
|
|
|
loadConfig();
|
|
});
|
|
</script>
|