Files
BuYuHouDuan/AdminSrc/AdminHost/wwwroot/admin/dist/views/gameconfig/fisharray.html
T
2026-10-12 16:22:04 +08:00

385 lines
18 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:10px 10px 0 10px;">
<div class="layui-btn-container" id="game-type-btns">
<button class="layui-btn layui-btn-sm layui-btn-primary" data-type="0">全部游戏</button>
<button class="layui-btn layui-btn-sm" data-type="1">风雷之渊</button>
<button class="layui-btn layui-btn-sm" data-type="2">永夜尸城</button>
<button class="layui-btn layui-btn-sm" data-type="3">黑化悟空</button>
<button class="layui-btn layui-btn-sm" data-type="4">星际迷航</button>
</div>
</div>
<div class="layui-card-body" style="padding-top:10px;">
<table id="table-fisharray" lay-filter="table-fisharray"></table>
</div>
</div>
</div>
<script type="text/html" id="toolbar-fisharray">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-filter="init-fisharray"><i class="layui-icon layui-icon-refresh"></i> 初始化配置</button>
<button class="layui-btn layui-btn-sm" lay-filter="save-fisharray"><i class="layui-icon layui-icon-ok"></i> 保存配置</button>
<button class="layui-btn layui-btn-sm layui-btn-warm" lay-filter="reload-fisharray"><i class="layui-icon layui-icon-refresh"></i> 刷新</button>
<button class="layui-btn layui-btn-sm" lay-filter="add-fisharray">添加</button>
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-filter="batchdel-fisharray">批量删除</button>
<button class="layui-btn layui-btn-sm layui-btn-normal" onclick="saveSection('FishArrayConfigs')"><i class="layui-icon layui-icon-export"></i> 保存到初始化文件</button>
</div>
</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;
var currentGameType = 0;
var fishList = [];
var bossFishList = [];
function loadConfig() {
admin.req({
method: "get",
url: setter.baseurl + "adminapi/GameConfig",
done: function (res) {
if (res.code === 0 && res.data) {
gameConfig = res.data;
var fishConfigs = gameConfig.fishTypeConfigs || [];
fishList = fishConfigs.filter(function(f) { return f.fishType === 1 || f.fishType === 3; });
bossFishList = fishConfigs.filter(function(f) { return f.fishType === 2 || f.fishType === 5; });
renderTable();
}
}
});
}
function getArrayForGameType(gameType) {
var allArrays = (gameConfig ? gameConfig.fishArrayConfigs : []) || [];
if (gameType === 0) return allArrays;
var prefix = '';
switch (gameType) {
case 1: prefix = '32'; break; // 风雷之渊
case 2: prefix = '33'; break; // 永夜尸城
case 3: prefix = '31'; break; // 黑化悟空
case 4: prefix = '30'; break; // 星际迷航
default: return allArrays;
}
return allArrays.filter(function(f) {
var numStr = String(f.fishArrayNumber || '');
return numStr.indexOf(prefix) === 0;
});
}
function switchGameType(gameType) {
currentGameType = gameType;
$('#game-type-btns .layui-btn').removeClass('layui-btn-primary');
$('#game-type-btns .layui-btn[data-type="' + gameType + '"]').addClass('layui-btn-primary');
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 [];
}
// 删除鱼阵时同步移除房间出鱼配置中的鱼阵引用(type=2)。
function removeFishArrayReferences(arrayNumbers) {
var deleted = new Set((arrayNumbers || []).map(function(x) { return String(x); }));
var roomConfigs = gameConfig && gameConfig.roomFishConfigs;
if (!deleted.size || !roomConfigs) return;
var configs = Array.isArray(roomConfigs) ? roomConfigs : [roomConfigs];
configs.forEach(function(roomConfig) {
if (!roomConfig) return;
['normalFishList', 'roomFishLevelList'].forEach(function(field) {
if (!Array.isArray(roomConfig[field])) return;
roomConfig[field] = roomConfig[field].filter(function(item) {
return !item || Number(item.type) !== 2 || !deleted.has(String(item.fishNumber));
});
});
});
}
var tableInitialized = false;
function renderTable() {
var tableData = getArrayForGameType(currentGameType);
if (tableInitialized) {
table.reload('table-fisharray', { data: tableData });
return;
}
tableInitialized = true;
table.render({
elem: '#table-fisharray',
data: tableData,
cols: [[
{ type: 'checkbox', fixed: 'left' },
{ field: "fishArrayNumber", title: "鱼阵编号", width: 100 },
{ field: "name", title: "名称", width: 120 },
{ field: "fishNumber", title: "普通鱼编号", width: 100 },
{ field: "fishCount", title: "普通鱼数量", width: 100 },
{ field: "bossFishNumber", title: "Boss鱼编号", width: 100 },
{ field: "boosCount", title: "Boss数量", width: 90 },
{ field: "arrayNumber", title: "阵型编号", width: 100 },
{
field: "generateFrequency", title: "生成频率(影响阵容间距)", width: 100, templet: function(d) {
return d.generateFrequency || 0.2;
}},
{ title: "操作", width: 150, fixed: 'right', toolbar: '#table-operate' }
]],
toolbar: '#toolbar-fisharray',
defaultToolbar: ['filter', 'exports', 'print']
});
}
// 游戏类型切换
$('#game-type-btns').off().on('click', '.layui-btn', function() {
var gameType = parseInt($(this).data('type'));
switchGameType(gameType);
});
function initConfig() {
layer.confirm('确定要初始化全部配置数据吗?此操作将清空现有数据!', function(idx) {
layer.close(idx);
admin.req({
method: "get",
url: setter.baseurl + "adminapi/GameConfig/InitSection/FishArrayConfigs",
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-fisharray"]', 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-fisharray"]', function() {
loadConfig();
layer.msg('刷新成功');
});
$(document).on('click', '[lay-filter="save-fisharray"]', 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-fisharray)', function(obj) {
var data = obj.data;
var trIndex = gameConfig.fishArrayConfigs.findIndex(function(x) { return x.fishArrayNumber === data.fishArrayNumber; });
if (obj.event === 'edit') {
showEditDialog(data, false, trIndex);
} else if (obj.event === 'del') {
layer.confirm('确定删除该配置吗?', function(idx) {
if (trIndex > -1) {
gameConfig.fishArrayConfigs.splice(trIndex, 1);
removeFishArrayReferences([data.fishArrayNumber]);
}
obj.del();
layer.close(idx);
});
}
});
function showAddDialog() {
if (!gameConfig.fishArrayConfigs) gameConfig.fishArrayConfigs = [];
var newData = {
fishArrayNumber: '',
name: '',
fishNumber: '',
fishCount: 0,
bossFishNumber: '',
boosCount: 0,
arrayNumber: '',
generateFrequency: 0.2
};
showEditDialog(newData, true, -1);
}
$(document).on('click', '[lay-filter="add-fisharray"]', function() {
showAddDialog();
});
$(document).on('click', '[lay-filter="batchdel-fisharray"]', function() {
var checkStatus = table.checkStatus('table-fisharray');
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.fishArrayNumber; });
gameConfig.fishArrayConfigs = gameConfig.fishArrayConfigs.filter(function(item) {
return !ids.includes(item.fishArrayNumber);
});
removeFishArrayReferences(ids);
renderTable();
layer.close(idx);
});
});
function showEditDialog(data, isAdd, itemIndex) {
var dialogTitle = isAdd ? '添加鱼阵' : '编辑鱼阵';
var fishOptions = '<option value="">请选择</option>';
fishList.forEach(function(f) {
fishOptions += '<option value="' + f.fishNumber + '"' + (data.fishNumber === f.fishNumber ? ' selected' : '') + '>' + f.fishNumber + ' - ' + f.fishName + '</option>';
});
var bossOptions = '<option value="">请选择</option>';
bossFishList.forEach(function(f) {
bossOptions += '<option value="' + f.fishNumber + '"' + (data.bossFishNumber === f.fishNumber ? ' selected' : '') + '>' + f.fishNumber + ' - ' + f.fishName + '</option>';
});
var html = '<div class="edit-dialog" 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="fishArrayNumber" value="' + (data.fishArrayNumber || '') + '" 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="name" value="' + (data.name || '') + '" class="layui-input">' +
'</div>' +
'</div>' +
'<div class="layui-form-item">' +
'<label class="layui-form-label">普通鱼编号</label>' +
'<div class="layui-input-block">' +
'<select name="fishNumber" lay-search="true">' + fishOptions + '</select>' +
'</div>' +
'</div>' +
'<div class="layui-form-item">' +
'<label class="layui-form-label">普通鱼数量</label>' +
'<div class="layui-input-block">' +
'<input type="number" name="fishCount" value="' + (data.fishCount || 0) + '" class="layui-input">' +
'</div>' +
'</div>' +
'<div class="layui-form-item">' +
'<label class="layui-form-label">Boss鱼编号</label>' +
'<div class="layui-input-block">' +
'<select name="bossFishNumber" lay-search="true">' + bossOptions + '</select>' +
'</div>' +
'</div>' +
'<div class="layui-form-item">' +
'<label class="layui-form-label">Boss数量</label>' +
'<div class="layui-input-block">' +
'<input type="number" name="boosCount" value="' + (data.boosCount || 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="arrayNumber" value="' + (data.arrayNumber || '') + '" 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="generateFrequency" value="' + (data.generateFrequency || 0.2) + '" step="0.01" class="layui-input" placeholder="如: 0.2">' +
'</div>' +
'</div>' +
'</form>' +
'</div>';
layer.open({
type: 1,
title: dialogTitle,
area: ['600px', '600px'],
content: html,
btn: ['保存', '取消'],
shadeClose: true,
success: function(layero) {
form.render('select');
},
yes: function(index, layero) {
var updatedItem = {
fishArrayNumber: layero.find('input[name="fishArrayNumber"]').val(),
name: layero.find('input[name="name"]').val(),
fishNumber: layero.find('select[name="fishNumber"]').val(),
fishCount: parseInt(layero.find('input[name="fishCount"]').val()) || 0,
bossFishNumber: layero.find('select[name="bossFishNumber"]').val(),
boosCount: parseInt(layero.find('input[name="boosCount"]').val()) || 0,
arrayNumber: layero.find('input[name="arrayNumber"]').val(),
generateFrequency: parseFloat(layero.find('input[name="generateFrequency"]').val()) || 0.2
};
if (isAdd) {
gameConfig.fishArrayConfigs.unshift(updatedItem);
} else {
if (itemIndex >= 0 && itemIndex < gameConfig.fishArrayConfigs.length) {
gameConfig.fishArrayConfigs[itemIndex] = updatedItem;
}
}
layer.close(index);
table.reload('table-fisharray', {
data: getArrayForGameType(currentGameType)
});
}
});
}
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>