286 lines
11 KiB
JavaScript
286 lines
11 KiB
JavaScript
layui.define(['form', 'table', 'http', 'auth'], function (exports) {
|
|
var $ = layui.jquery,
|
|
form = layui.form,
|
|
table = layui.table,
|
|
layer = layui.layer,
|
|
http = layui.http, laytpl = layui.laytpl
|
|
, auth = layui.auth;
|
|
var _savedPerms = (layui.data('backend').permission) || [];
|
|
auth.init(_savedPerms);
|
|
auth.setController('links');
|
|
|
|
// 渲染表格
|
|
table.render({
|
|
elem: '#dataTable',
|
|
url: "index",
|
|
toolbar: '#tableBar',
|
|
defaultToolbar: ['filter', 'exports', 'print'],
|
|
parseData: function (res) {
|
|
return {
|
|
code: res.code === 0 ? 0 : 1,
|
|
msg: res.message || '',
|
|
count: res.count || (res.data ? res.data.length : 0),
|
|
data: res.data || []
|
|
};
|
|
},
|
|
cols: [[
|
|
{ type: "checkbox", width: 50 },
|
|
{ field: 'id', width: 80, title: 'ID', sort: true },
|
|
{ field: 'title', width: 200, title: '网站标题' },
|
|
{
|
|
field: 'url', title: '链接地址', minWidth: 200, templet: function (d) {
|
|
return '<a href="' + d.url + '" target="_blank" style="color:#1E9FFF;">' + d.url + '</a>';
|
|
}
|
|
},
|
|
{
|
|
field: 'logo', width: 100, title: 'Logo', templet: function (d) {
|
|
return d.logo ? '<img src="' + d.logo + '" style="width:30px;height:30px;border-radius:50%;">' : '无';
|
|
}
|
|
},
|
|
{ field: 'sort', width: 100, title: '排序', sort: true },
|
|
{ field: 'status', width: 100, title: '状态', templet: '#statusTpl' },
|
|
{ field: 'create_at', width: 180, title: '创建时间' },
|
|
{ title: '操作', minWidth: 150, toolbar: '#dataBar', align: "center" }
|
|
]],
|
|
limits: [10, 15, 20, 25, 50, 100],
|
|
limit: 15,
|
|
page: true,
|
|
skin: 'line',
|
|
done: function (res, curr, count) {
|
|
var view = $('#dataTable').next('.layui-table-view');
|
|
view.find('[data-perm]').each(function () {
|
|
var perm = $(this).attr('data-perm');
|
|
if (perm && !auth.has(perm)) { $(this).remove(); }
|
|
});
|
|
$('.layui-btn[data-perm]').each(function () {
|
|
var perm = $(this).attr('data-perm');
|
|
if (perm && !auth.has(perm)) { $(this).remove(); }
|
|
});
|
|
}
|
|
});
|
|
|
|
// 搜索
|
|
form.on('submit(data-search-btn)', function (data) {
|
|
table.reload('dataTable', {
|
|
page: { curr: 1 },
|
|
where: { title: data.field.title }
|
|
});
|
|
return false;
|
|
});
|
|
|
|
$('#btn-reset').on('click', function () {
|
|
$('input[name="title"]').val('');
|
|
table.reload('dataTable', { page: { curr: 1 }, where: { title: '' } });
|
|
});
|
|
|
|
// 顶部工具条
|
|
table.on('toolbar(dataTable)', function (elem) {
|
|
switch (elem.event) {
|
|
case 'dataCreate':
|
|
active.dataCreate({});
|
|
break;
|
|
case 'dataDelete':
|
|
var checkStatus = table.checkStatus('dataTable'), checkData = checkStatus.data;
|
|
let ids = checkData.map((item) => { return item.id; });
|
|
active.dataDelete(ids);
|
|
break;
|
|
case 'dataRecybin':
|
|
active.dataRecybin();
|
|
break;
|
|
};
|
|
});
|
|
|
|
// 行工具
|
|
table.on('tool(dataTable)', function (elem) {
|
|
var data = elem.data;
|
|
switch (elem.event) {
|
|
case 'update':
|
|
active.dataEdit(data);
|
|
break;
|
|
case 'delete':
|
|
active.dataDelete([data.id]);
|
|
break;
|
|
}
|
|
});
|
|
|
|
// 状态开关
|
|
form.on('switch(statusSwitch)', function (obj) {
|
|
var status = obj.elem.checked ? 1 : 0;
|
|
var id = this.value;
|
|
http.put('update', { id: id, status: status })
|
|
.then((res) => {
|
|
if (res.code === 0) {
|
|
layer.msg('操作成功');
|
|
table.reload('dataTable', {}, true);
|
|
} else {
|
|
layer.msg(res.msg || '操作失败');
|
|
table.reload('dataTable', {}, true); // 还原界面状态
|
|
}
|
|
})
|
|
.catch(() => { table.reload('dataTable', {}, true); });
|
|
});
|
|
|
|
// 打开表单抽屉
|
|
var dataFromFun = function (data, callback, done) {
|
|
var title = data.id ? '编辑友情链接' : '添加友情链接';
|
|
var formHtml = laytpl($('#dataFormTpl').html()).render(data || {});
|
|
layer.open({
|
|
title: title,
|
|
content: formHtml,
|
|
anim: "slideLeft",
|
|
offset: "r",
|
|
btnAlign: "l",
|
|
area: [window.width > 768 ? '50%' : '99%', '99%'],
|
|
shade: 0.1,
|
|
shadeClose: true,
|
|
btn: ['确定', '取消'],
|
|
success: function (layero, index) {
|
|
callback(layero, index);
|
|
form.render();
|
|
},
|
|
yes: function (index, layero) {
|
|
window.layui.form.on('submit(wxapp-form-submit)', function (elem) {
|
|
done(layero, index, elem);
|
|
layui.off('submit(wxapp-form)', 'from');
|
|
return false;
|
|
});
|
|
layero.contents().find("#wxapp-form-submit").trigger('click');
|
|
}
|
|
});
|
|
};
|
|
|
|
// 事件
|
|
var active = {
|
|
dataDelete: function (ids, force = 0) {
|
|
if (ids.length === 0) {
|
|
return layer.msg('请选择数据');
|
|
}
|
|
layer.confirm('确定删除吗？' + (force ? '（将彻底删除，不可恢复）' : '（可到回收站恢复）'), function (index) {
|
|
layer.close(index);
|
|
http.delete('delete', { ids: ids.join(','), force: force })
|
|
.then((res) => {
|
|
if (res.code === 0) {
|
|
table.reload('dataTable', {}, true);
|
|
} else {
|
|
layer.msg(res.msg || '操作失败');
|
|
}
|
|
});
|
|
});
|
|
},
|
|
dataCreate: function (data = {}) {
|
|
dataFromFun(data,
|
|
function (layero, index) { },
|
|
function (layero, index, elem) {
|
|
var field = elem.field;
|
|
field.status = field.status ? 1 : 0;
|
|
http.post('save', field)
|
|
.then((res) => {
|
|
if (res.code === 0) {
|
|
layer.close(index);
|
|
table.reload('dataTable', {}, true);
|
|
} else {
|
|
layer.msg(res.msg || '操作失败');
|
|
}
|
|
});
|
|
}
|
|
);
|
|
},
|
|
dataEdit: function (data = {}) {
|
|
dataFromFun(data,
|
|
function (layero, index) { },
|
|
function (layero, index, elem) {
|
|
var field = elem.field;
|
|
field.status = field.status ? 1 : 0;
|
|
http.put('update', field)
|
|
.then((res) => {
|
|
if (res.code === 0) {
|
|
layer.close(index);
|
|
table.reload('dataTable', {}, true);
|
|
} else {
|
|
layer.msg(res.msg || '操作失败');
|
|
}
|
|
});
|
|
}
|
|
);
|
|
},
|
|
dataRecybin: function (data = {}) {
|
|
var formHtml = laytpl($('#dataRecybinTpl').html()).render(data || {});
|
|
layer.open({
|
|
title: '资源回收站',
|
|
content: formHtml,
|
|
anim: "slideLeft",
|
|
offset: "r",
|
|
area: ['50%', '99%'],
|
|
shade: 0.1,
|
|
shadeClose: true,
|
|
success: function (layero, index) {
|
|
table.render({
|
|
elem: '#dataRecybinTable',
|
|
url: "recyclebin",
|
|
height: 'full-120',
|
|
parseData: function (res) {
|
|
return {
|
|
code: res.code === 0 ? 0 : 1,
|
|
msg: res.message || '',
|
|
count: res.count || (res.data ? res.data.length : 0),
|
|
data: res.data || []
|
|
};
|
|
},
|
|
cols: [[
|
|
{ type: 'checkbox', fixed: 'left' },
|
|
{ field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left' },
|
|
{ field: 'title', title: '网站标题', width: 180, fixed: 'left' },
|
|
{ field: 'url', title: '链接', minWidth: 200 },
|
|
{ field: 'sort', title: '排序', width: 80 },
|
|
{ field: 'delete_at', title: '删除时间', width: 160 },
|
|
{ fixed: "right", title: "操作", width: 120, align: "center", toolbar: "#dataRecybinBarTpl" }
|
|
]],
|
|
page: true
|
|
});
|
|
}
|
|
});
|
|
},
|
|
dataRestore: function (data = {}) {
|
|
http.put("restore", { ids: data.id })
|
|
.then((res) => {
|
|
if (res.code === 0) {
|
|
layer.msg('恢复成功');
|
|
table.reload('dataRecybinTable', {}, true);
|
|
table.reload('dataTable', {}, true);
|
|
} else {
|
|
layer.msg(res.msg || '恢复失败');
|
|
}
|
|
});
|
|
},
|
|
dataForceDelete: function (data = {}) {
|
|
layer.confirm('彻底删除后不可恢复，确定吗？', function (index) {
|
|
layer.close(index);
|
|
http.delete('delete', { ids: data.id, force: 1 })
|
|
.then((res) => {
|
|
if (res.code === 0) {
|
|
layer.msg('已彻底删除');
|
|
table.reload('dataRecybinTable', {}, true);
|
|
} else {
|
|
layer.msg(res.msg || '操作失败');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
};
|
|
|
|
// 回收站行操作
|
|
table.on('tool(dataRecybinTable)', function (elem) {
|
|
var data = elem.data;
|
|
switch (elem.event) {
|
|
case 'restore':
|
|
active.dataRestore(data);
|
|
break;
|
|
case 'forcedelete':
|
|
active.dataForceDelete(data);
|
|
break;
|
|
}
|
|
});
|
|
|
|
exports('links', {});
|
|
});
|