533 lines
26 KiB
HTML
533 lines
26 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">
|
||
|
|
<table id="table-prop" lay-filter="table-prop"></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script type="text/html" id="toolbar-prop">
|
||
|
|
<div class="layui-btn-container">
|
||
|
|
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-filter="init-prop"><i class="layui-icon layui-icon-refresh"></i> 初始化配置</button>
|
||
|
|
<button class="layui-btn layui-btn-sm" lay-filter="save-prop"><i class="layui-icon layui-icon-ok"></i> 保存配置</button>
|
||
|
|
<button class="layui-btn layui-btn-sm layui-btn-warm" lay-filter="reload-prop"><i class="layui-icon layui-icon-refresh"></i> 刷新</button>
|
||
|
|
<button class="layui-btn layui-btn-sm" lay-filter="add-prop">添加</button>
|
||
|
|
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-filter="batchdel-prop">批量删除</button>
|
||
|
|
<button class="layui-btn layui-btn-sm layui-btn-normal" onclick="saveSection('PropConfig')"><i class="layui-icon layui-icon-export"></i> 保存到初始化文件</button>
|
||
|
|
</div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script type="text/html" id="tpl-type">
|
||
|
|
{{# var typeMap = {1:'炮台',2:'翅膀',3:'炮塔碎片',4:'翅膀碎片',5:'战神',6:'战神碎片',7:'刮刮卡',8:'改名卡',9:'大喇叭',10:'技能',11:'召唤卡',12:'VIP经验',13:'鱼雷'}; }}
|
||
|
|
{{= typeMap[d.type] || '未知' }}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script type="text/html" id="tpl-saleType">
|
||
|
|
{{# var saleTypeMap = {1:'金币',2:'钻石'}; }}
|
||
|
|
{{= saleTypeMap[d.saleType] || '金币' }}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script type="text/html" id="tpl-isEnable">
|
||
|
|
<input type="checkbox" name="isEnable" value="{{d.isEnable}}" lay-skin="switch" lay-text="启用|禁用" {{ d.isEnable ? 'checked' : '' }} lay-filter="isEnable-switch" data-field="isEnable">
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script type="text/html" id="tpl-isSale">
|
||
|
|
<input type="checkbox" name="isSale" value="{{d.isSale}}" lay-skin="switch" lay-text="销售|停售" {{ d.isSale ? 'checked' : '' }} lay-filter="isSale-switch" data-field="isSale">
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script type="text/html" id="tpl-image">
|
||
|
|
{{# if(d.imageUrl){ }}
|
||
|
|
<img src="{{d.imageUrl}}" style="width:40px;height:40px;object-fit:cover;cursor:pointer;border-radius:4px;" onclick="previewImage('{{d.imageUrl}}')" alt="图标">
|
||
|
|
{{# } else { }}
|
||
|
|
<span style="color:#999;">无</span>
|
||
|
|
{{# } }}
|
||
|
|
</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-xs" lay-event="preview"><i class="layui-icon layui-icon-search"></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>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.icon-upload-box { position: relative; display: inline-block; }
|
||
|
|
.icon-upload-box .upload-btn { position: absolute; top: 0; left: 0; width: 80px; height: 80px; opacity: 0; cursor: pointer; }
|
||
|
|
.icon-upload-preview { width: 80px; height: 80px; border: 1px dashed #ddd; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: #fafafa; cursor: pointer; }
|
||
|
|
.icon-upload-preview:hover { border-color: #009688; }
|
||
|
|
.icon-upload-preview img { max-width: 100%; max-height: 100%; }
|
||
|
|
.icon-upload-preview .placeholder { color: #999; font-size: 12px; text-align: center; }
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
layui.use(['admin', 'table', 'form', 'layer'], function () {
|
||
|
|
var $ = layui.$,
|
||
|
|
admin = layui.admin,
|
||
|
|
table = layui.table,
|
||
|
|
form = layui.form,
|
||
|
|
layer = layui.layer,
|
||
|
|
setter = layui.setter;
|
||
|
|
|
||
|
|
var gameConfig = null;
|
||
|
|
var currentEditIndex = -1;
|
||
|
|
|
||
|
|
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 renderTable() {
|
||
|
|
table.render({
|
||
|
|
elem: '#table-prop',
|
||
|
|
data: gameConfig ? gameConfig.propConfig || [] : [],
|
||
|
|
cols: [[
|
||
|
|
{ type: 'checkbox', fixed: 'left' },
|
||
|
|
{ field: "number", title: "编号", width: 80 },
|
||
|
|
{ field: "name", title: "名称", width: 100 },
|
||
|
|
{ field: "type", title: "类型", width: 90, templet: '#tpl-type' },
|
||
|
|
{ field: "desc", title: "描述", width: 150 },
|
||
|
|
{ field: "imageUrl", title: "图标", width: 100, templet: '#tpl-image' },
|
||
|
|
{ field: "saleType", title: "售卖方式", width: 90, templet: '#tpl-saleType' },
|
||
|
|
{ field: "price", title: "价格", width: 80 },
|
||
|
|
{ field: "vipPrice", title: "VIP价格", width: 90 },
|
||
|
|
{ field: "dealerPrice", title: "经销商价", width: 100 },
|
||
|
|
{ field: "saleCount", title: "售卖数量", width: 90 },
|
||
|
|
{ field: "day", title: "有效期(天)", width: 100 },
|
||
|
|
{ field: "isEnable", title: "启用", width: 80, templet: '#tpl-isEnable' },
|
||
|
|
{ field: "isSale", title: "销售", width: 80, templet: '#tpl-isSale' },
|
||
|
|
{ title: "操作", width: 180, fixed: 'right', toolbar: '#table-operate' }
|
||
|
|
]],
|
||
|
|
toolbar: '#toolbar-prop',
|
||
|
|
defaultToolbar: ['filter', 'exports', 'print']
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
window.previewImage = function(url) {
|
||
|
|
layer.open({
|
||
|
|
type: 1,
|
||
|
|
title: '图片预览',
|
||
|
|
area: ['auto', 'auto'],
|
||
|
|
shadeClose: true,
|
||
|
|
content: '<div style="padding:20px;text-align:center;"><img src="' + url + '" style="max-width:400px;max-height:400px;border-radius:8px;"></div>'
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
function initConfig() {
|
||
|
|
layer.confirm('确定要初始化全部配置数据吗？此操作将清空现有数据！', function(idx) {
|
||
|
|
layer.close(idx);
|
||
|
|
admin.req({
|
||
|
|
method: "get",
|
||
|
|
url: setter.baseurl + "adminapi/GameConfig/InitSection/PropConfig",
|
||
|
|
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-prop"]', 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-prop"]', function() {
|
||
|
|
loadConfig();
|
||
|
|
layer.msg('刷新成功');
|
||
|
|
});
|
||
|
|
|
||
|
|
$(document).on('click', '[lay-filter="save-prop"]', 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 || '保存失败');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
// 启用开关
|
||
|
|
form.on('switch(isEnable-switch)', function(obj) {
|
||
|
|
var tr = $(obj.elem).closest('tr');
|
||
|
|
var dataIndex = tr.attr('data-index');
|
||
|
|
var tableData = gameConfig.propConfig;
|
||
|
|
if (tableData && tableData[dataIndex]) {
|
||
|
|
tableData[dataIndex].isEnable = obj.elem.checked;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 销售开关
|
||
|
|
form.on('switch(isSale-switch)', function(obj) {
|
||
|
|
var tr = $(obj.elem).closest('tr');
|
||
|
|
var dataIndex = tr.attr('data-index');
|
||
|
|
var tableData = gameConfig.propConfig;
|
||
|
|
if (tableData && tableData[dataIndex]) {
|
||
|
|
tableData[dataIndex].isSale = obj.elem.checked;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 表格行工具栏
|
||
|
|
table.on('tool(table-prop)', function(obj) {
|
||
|
|
var data = obj.data;
|
||
|
|
var trIndex = obj.tr.index();
|
||
|
|
if (trIndex < 0) trIndex = gameConfig.propConfig.findIndex(function(x) { return x.propId === data.propId; });
|
||
|
|
if (obj.event === 'edit') {
|
||
|
|
showEditDialog(data, false, trIndex);
|
||
|
|
} else if (obj.event === 'del') {
|
||
|
|
layer.confirm('确定删除该配置吗？', function(idx) {
|
||
|
|
if (trIndex > -1) gameConfig.propConfig.splice(trIndex, 1);
|
||
|
|
obj.del();
|
||
|
|
layer.close(idx);
|
||
|
|
});
|
||
|
|
} else if (obj.event === 'preview') {
|
||
|
|
if (data.imageUrl) {
|
||
|
|
previewImage(data.imageUrl);
|
||
|
|
} else {
|
||
|
|
layer.msg('暂无图片');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 使用按钮点击事件
|
||
|
|
$(document).on('click', '[lay-filter="add-prop"]', function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
e.stopPropagation();
|
||
|
|
showAddDialog();
|
||
|
|
});
|
||
|
|
|
||
|
|
$(document).on('click', '[lay-filter="batchdel-prop"]', function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
e.stopPropagation();
|
||
|
|
var checkStatus = table.checkStatus('table-prop');
|
||
|
|
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.number; });
|
||
|
|
gameConfig.propConfig = gameConfig.propConfig.filter(function(item) {
|
||
|
|
return !ids.includes(item.number);
|
||
|
|
});
|
||
|
|
renderTable();
|
||
|
|
layer.close(idx);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
$(document).on('click', '[lay-filter="batchdel-prop"]', function() {
|
||
|
|
var checkStatus = table.checkStatus('table-prop');
|
||
|
|
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.number; });
|
||
|
|
gameConfig.propConfig = gameConfig.propConfig.filter(function(item) {
|
||
|
|
return !ids.includes(item.number);
|
||
|
|
});
|
||
|
|
renderTable();
|
||
|
|
layer.close(idx);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
function showAddDialog() {
|
||
|
|
var newData = {
|
||
|
|
number: '',
|
||
|
|
name: '',
|
||
|
|
type: 1,
|
||
|
|
desc: '',
|
||
|
|
imageUrl: '',
|
||
|
|
saleType: 1,
|
||
|
|
price: 0,
|
||
|
|
saleCount: 1,
|
||
|
|
vipPrice: 0,
|
||
|
|
dealerPrice: 0,
|
||
|
|
isEnable: true,
|
||
|
|
isSale: true,
|
||
|
|
gameNumber: [],
|
||
|
|
day: 0
|
||
|
|
};
|
||
|
|
showEditDialog(newData, true);
|
||
|
|
}
|
||
|
|
|
||
|
|
function showEditDialog(data, isAdd, rowIndex) {
|
||
|
|
var dialogTitle = isAdd ? '添加道具' : '编辑道具';
|
||
|
|
var typeOptions = [
|
||
|
|
{value: 1, text: '炮台'},
|
||
|
|
{value: 2, text: '翅膀'},
|
||
|
|
{value: 3, text: '炮塔碎片'},
|
||
|
|
{value: 4, text: '翅膀碎片'},
|
||
|
|
{value: 5, text: '战神'},
|
||
|
|
{value: 6, text: '战神碎片'},
|
||
|
|
{value: 7, text: '刮刮卡'},
|
||
|
|
{value: 8, text: '改名卡'},
|
||
|
|
{value: 9, text: '大喇叭'},
|
||
|
|
{value: 10, text: '技能'},
|
||
|
|
{value: 11, text: '召唤卡'},
|
||
|
|
{value: 12, text: 'VIP经验'},
|
||
|
|
{value: 13, text: '鱼雷'}
|
||
|
|
];
|
||
|
|
var saleTypeOptions = [
|
||
|
|
{value: 1, text: '金币'},
|
||
|
|
{value: 2, text: '钻石'}
|
||
|
|
];
|
||
|
|
|
||
|
|
var typeHtml = '';
|
||
|
|
typeOptions.forEach(function(opt) {
|
||
|
|
typeHtml += '<option value="' + opt.value + '"' + (data.type === opt.value ? ' selected' : '') + '>' + opt.text + '</option>';
|
||
|
|
});
|
||
|
|
|
||
|
|
var saleTypeHtml = '';
|
||
|
|
saleTypeOptions.forEach(function(opt) {
|
||
|
|
saleTypeHtml += '<option value="' + opt.value + '"' + (data.saleType === opt.value ? ' selected' : '') + '>' + opt.text + '</option>';
|
||
|
|
});
|
||
|
|
|
||
|
|
var imagePreviewHtml = data.imageUrl
|
||
|
|
? '<img src="' + data.imageUrl + '" style="max-width:100%;max-height:100%;">'
|
||
|
|
: '<div class="placeholder">点击上传图片</div>';
|
||
|
|
var uploadBtnHtml = '<input type="file" name="file" class="upload-btn" accept="image/png" id="propIconUpload">';
|
||
|
|
|
||
|
|
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="number" value="' + (data.number || '') + '" 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="type">' + typeHtml + '</select>' +
|
||
|
|
'</div>' +
|
||
|
|
'</div>' +
|
||
|
|
'<div class="layui-form-item">' +
|
||
|
|
'<label class="layui-form-label">描述</label>' +
|
||
|
|
'<div class="layui-input-block">' +
|
||
|
|
'<input type="text" name="desc" value="' + (data.desc || '') + '" class="layui-input">' +
|
||
|
|
'</div>' +
|
||
|
|
'</div>' +
|
||
|
|
'<div class="layui-form-item">' +
|
||
|
|
'<label class="layui-form-label">图标</label>' +
|
||
|
|
'<div class="layui-input-block">' +
|
||
|
|
'<div class="icon-upload-box">' +
|
||
|
|
'<div class="icon-upload-preview" id="iconPreview">' + imagePreviewHtml + '</div>' +
|
||
|
|
uploadBtnHtml +
|
||
|
|
'</div>' +
|
||
|
|
'<input type="hidden" name="imageUrl" id="imageUrlInput" value="' + (data.imageUrl || '') + '">' +
|
||
|
|
'<div style="margin-top:8px;color:#999;font-size:12px;">点击图片可预览，支持jpg、png、gif格式</div>' +
|
||
|
|
'</div>' +
|
||
|
|
'</div>' +
|
||
|
|
'<div class="layui-form-item">' +
|
||
|
|
'<label class="layui-form-label">售卖方式</label>' +
|
||
|
|
'<div class="layui-input-block">' +
|
||
|
|
'<select name="saleType">' + saleTypeHtml + '</select>' +
|
||
|
|
'</div>' +
|
||
|
|
'</div>' +
|
||
|
|
'<div class="layui-form-item">' +
|
||
|
|
'<label class="layui-form-label">价格</label>' +
|
||
|
|
'<div class="layui-input-block">' +
|
||
|
|
'<input type="number" name="price" value="' + (data.price || 0) + '" class="layui-input">' +
|
||
|
|
'</div>' +
|
||
|
|
'</div>' +
|
||
|
|
'<div class="layui-form-item">' +
|
||
|
|
'<label class="layui-form-label">VIP价格</label>' +
|
||
|
|
'<div class="layui-input-block">' +
|
||
|
|
'<input type="number" name="vipPrice" value="' + (data.vipPrice || 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="dealerPrice" value="' + (data.dealerPrice || 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="saleCount" value="' + (data.saleCount || 1) + '" 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="day" value="' + (data.day || 0) + '" class="layui-input">' +
|
||
|
|
'</div>' +
|
||
|
|
'</div>' +
|
||
|
|
'<div class="layui-form-item">' +
|
||
|
|
'<label class="layui-form-label">启用</label>' +
|
||
|
|
'<div class="layui-input-block">' +
|
||
|
|
'<input type="checkbox" name="isEnable" lay-skin="switch" lay-text="启用|禁用" ' + (data.isEnable ? 'checked' : '') + '>' +
|
||
|
|
'</div>' +
|
||
|
|
'</div>' +
|
||
|
|
'<div class="layui-form-item">' +
|
||
|
|
'<label class="layui-form-label">销售</label>' +
|
||
|
|
'<div class="layui-input-block">' +
|
||
|
|
'<input type="checkbox" name="isSale" lay-skin="switch" lay-text="销售|停售" ' + (data.isSale ? 'checked' : '') + '>' +
|
||
|
|
'</div>' +
|
||
|
|
'</div>' +
|
||
|
|
'</form>' +
|
||
|
|
'</div>';
|
||
|
|
|
||
|
|
layer.open({
|
||
|
|
type: 1,
|
||
|
|
title: dialogTitle,
|
||
|
|
area: ['650px', '700px'],
|
||
|
|
content: html,
|
||
|
|
btn: ['保存', '取消'],
|
||
|
|
shadeClose: true,
|
||
|
|
success: function(layero) {
|
||
|
|
form.render('select');
|
||
|
|
var $preview = layero.find('#iconPreview');
|
||
|
|
var $input = layero.find('#imageUrlInput');
|
||
|
|
var $fileInput = layero.find('#propIconUpload');
|
||
|
|
|
||
|
|
$preview.on('click', function() {
|
||
|
|
var url = $input.val();
|
||
|
|
if (url) {
|
||
|
|
previewImage(url);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$fileInput.on('change', function() {
|
||
|
|
var file = this.files[0];
|
||
|
|
if (file) {
|
||
|
|
var number = layero.find('input[name="number"]').val();
|
||
|
|
if (!number) {
|
||
|
|
layer.msg('请先填写道具编号');
|
||
|
|
$(this).val('');
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var formData = new FormData();
|
||
|
|
formData.append('file', file);
|
||
|
|
formData.append('number', number);
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
// 配置图片按道具编号覆盖，并通过 timespan 参数刷新浏览器缓存。
|
||
|
|
url: setter.baseurl + 'adminapi/ImageUpload/upload/config',
|
||
|
|
type: 'POST',
|
||
|
|
data: formData,
|
||
|
|
processData: false,
|
||
|
|
contentType: false,
|
||
|
|
headers: { 'token': layui.data(setter.tableName)[setter.request.tokenName] },
|
||
|
|
success: function(res) {
|
||
|
|
if (res.code === 0 || res.code === 200) {
|
||
|
|
var path = res.data.path;
|
||
|
|
$input.val(path);
|
||
|
|
$preview.html('<img src="' + path + '" style="max-width:100%;max-height:100%;">');
|
||
|
|
layer.msg('上传成功');
|
||
|
|
} else {
|
||
|
|
layer.msg(res.info || '上传失败');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error: function() {
|
||
|
|
layer.msg('上传失败');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
yes: function(index, layero) {
|
||
|
|
if (isAdd) {
|
||
|
|
var newItem = {
|
||
|
|
number: layero.find('input[name="number"]').val(),
|
||
|
|
name: layero.find('input[name="name"]').val(),
|
||
|
|
type: parseInt(layero.find('select[name="type"]').val()),
|
||
|
|
desc: layero.find('input[name="desc"]').val(),
|
||
|
|
imageUrl: layero.find('input[name="imageUrl"]').val(),
|
||
|
|
saleType: parseInt(layero.find('select[name="saleType"]').val()),
|
||
|
|
price: parseFloat(layero.find('input[name="price"]').val()) || 0,
|
||
|
|
vipPrice: parseFloat(layero.find('input[name="vipPrice"]').val()) || 0,
|
||
|
|
dealerPrice: parseFloat(layero.find('input[name="dealerPrice"]').val()) || 0,
|
||
|
|
saleCount: parseInt(layero.find('input[name="saleCount"]').val()) || 1,
|
||
|
|
day: parseInt(layero.find('input[name="day"]').val()) || 0,
|
||
|
|
isEnable: layero.find('input[name="isEnable"]').prop('checked'),
|
||
|
|
isSale: layero.find('input[name="isSale"]').prop('checked'),
|
||
|
|
gameNumber: [],
|
||
|
|
id: data.id
|
||
|
|
};
|
||
|
|
gameConfig.propConfig.unshift(newItem);
|
||
|
|
} else {
|
||
|
|
var number = layero.find('input[name="number"]').val();
|
||
|
|
var idx = gameConfig.propConfig.findIndex(function(x) { return x.number === data.number; });
|
||
|
|
if (idx < 0) idx = rowIndex;
|
||
|
|
if (idx < 0) { layer.msg('数据异常'); return; }
|
||
|
|
gameConfig.propConfig[idx].number = number;
|
||
|
|
gameConfig.propConfig[idx].name = layero.find('input[name="name"]').val();
|
||
|
|
gameConfig.propConfig[idx].type = parseInt(layero.find('select[name="type"]').val());
|
||
|
|
gameConfig.propConfig[idx].desc = layero.find('input[name="desc"]').val();
|
||
|
|
gameConfig.propConfig[idx].imageUrl = layero.find('input[name="imageUrl"]').val();
|
||
|
|
gameConfig.propConfig[idx].saleType = parseInt(layero.find('select[name="saleType"]').val());
|
||
|
|
gameConfig.propConfig[idx].price = parseFloat(layero.find('input[name="price"]').val()) || 0;
|
||
|
|
gameConfig.propConfig[idx].vipPrice = parseFloat(layero.find('input[name="vipPrice"]').val()) || 0;
|
||
|
|
gameConfig.propConfig[idx].dealerPrice = parseFloat(layero.find('input[name="dealerPrice"]').val()) || 0;
|
||
|
|
gameConfig.propConfig[idx].saleCount = parseInt(layero.find('input[name="saleCount"]').val()) || 1;
|
||
|
|
gameConfig.propConfig[idx].day = parseInt(layero.find('input[name="day"]').val()) || 0;
|
||
|
|
gameConfig.propConfig[idx].isEnable = layero.find('input[name="isEnable"]').prop('checked');
|
||
|
|
gameConfig.propConfig[idx].isSale = layero.find('input[name="isSale"]').prop('checked');
|
||
|
|
}
|
||
|
|
layer.close(index);
|
||
|
|
renderTable();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
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>
|