blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

优化后台JS代码

Browse Source
This commit is contained in:
邹景立 2021-05-14 10:23:55 +08:00
parent e2e454b00f
commit be1a775d56
1 changed files with 45 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
public/static/admin.js
View File

@ -105,13 +105,34 @@ $(function () {
that = this, this.idx = [], this.shade = [0.02, '#000']; that = this, this.idx = [], this.shade = [0.02, '#000'];
/*! 关闭消息框 */ /*! 关闭消息框 */
this.close = function (index) { this.close = function (index) {
return layer.close(index); if (index !== null) return layer.close(index);
for (var i in this.idx) that.close(this.idx[i]);
this.idx = [];
}; };
/*! 弹出警告框 */ /*! 弹出警告框 */
this.alert = function (msg, call) { this.alert = function (msg, call) {
return (function (idx) { var idx = layer.alert(msg, {end: call, scrollbar: false});
return that.idx.push(idx), idx; return that.idx.push(idx), idx;
})(layer.alert(msg, {end: call, scrollbar: false})); };
/*! 显示成功类型的消息 */
this.success = function (msg, time, call) {
var idx = layer.msg(msg, {icon: 1, shade: this.shade, scrollbar: false, end: call, time: (time || 2) * 1000, shadeClose: true});
return that.idx.push(idx), idx;
};
/*! 显示失败类型的消息 */
this.error = function (msg, time, call) {
var idx = layer.msg(msg, {icon: 2, shade: this.shade, scrollbar: false, time: (time || 3) * 1000, end: call, shadeClose: true});
return that.idx.push(idx), idx;
};
/*! 状态消息提示 */
this.tips = function (msg, time, call) {
var idx = layer.msg(msg, {time: (time || 3) * 1000, shade: this.shade, end: call, shadeClose: true});
return that.idx.push(idx), idx;
};
/*! 显示加载提示 */
this.loading = function (msg, call) {
var idx = msg ? layer.msg(msg, {icon: 16, scrollbar: false, shade: this.shade, time: 0, end: call}) : layer.load(2, {time: 0, scrollbar: false, shade: this.shade, end: call});
return that.idx.push(idx), idx;
}; };
/*! 确认对话框 */ /*! 确认对话框 */
this.confirm = function (msg, ok, no) { this.confirm = function (msg, ok, no) {
@ -121,35 +142,7 @@ $(function () {
(typeof no === 'function' && no.call(this, idx)), that.close(idx); (typeof no === 'function' && no.call(this, idx)), that.close(idx);
}); });
}; };
/*! 显示成功类型的消息 */ /*! 自动处理JSON数据 */
this.success = function (msg, time, call) {
return (function (idx) {
return that.idx.push(idx), idx;
})(layer.msg(msg, {icon: 1, shade: this.shade, scrollbar: false, end: call, time: (time || 2) * 1000, shadeClose: true}));
};
/*! 显示失败类型的消息 */
this.error = function (msg, time, call) {
return (function (idx) {
return that.idx.push(idx), idx;
})(layer.msg(msg, {icon: 2, shade: this.shade, scrollbar: false, time: (time || 3) * 1000, end: call, shadeClose: true}));
};
/*! 状态消息提示 */
this.tips = function (msg, time, call) {
return (function (idx) {
return that.idx.push(idx), idx;
})(layer.msg(msg, {time: (time || 3) * 1000, shade: this.shade, end: call, shadeClose: true}));
};
/*! 显示正在加载中的提示 */
this.loading = function (msg, call) {
return (function (idx) {
return that.idx.push(idx), idx;
})(msg ? layer.msg(msg, {
icon: 16, scrollbar: false, shade: this.shade, time: 0, end: call
}) : layer.load(2, {
time: 0, scrollbar: false, shade: this.shade, end: call
}));
};
/*! 自动处理显示返回的Json数据 */
this.auto = function (ret, time) { this.auto = function (ret, time) {
var url = ret.url || (typeof ret.data === 'string' ? ret.data : ''); var url = ret.url || (typeof ret.data === 'string' ? ret.data : '');
var msg = ret.msg || (typeof ret.info === 'string' ? ret.info : ''); var msg = ret.msg || (typeof ret.info === 'string' ? ret.info : '');
@ -157,10 +150,7 @@ $(function () {
return url ? (location.href = url) : $.form.reload(); return url ? (location.href = url) : $.form.reload();
} }
return (parseInt(ret.code) === 1) ? this.success(msg, time, function () { return (parseInt(ret.code) === 1) ? this.success(msg, time, function () {
url ? (location.href = url) : $.form.reload(); (url ? (location.href = url) : $.form.reload()), that.close(null);
that.idx.forEach(function (idx) {
that.close(idx)
}), that.idx = [];
}) : this.error(msg, 3, function () { }) : this.error(msg, 3, function () {
url ? location.href = url : ''; url ? location.href = url : '';
}); });
@ -173,8 +163,10 @@ $(function () {
/*! 内容区选择器 */ /*! 内容区选择器 */
this.selecter = '.layui-layout-admin>.layui-body'; this.selecter = '.layui-layout-admin>.layui-body';
/*! 刷新当前页面 */ /*! 刷新当前页面 */
this.reload = function () { this.reload = function (force) {
self === top ? window.onhashchange.call(this) : location.reload(); if (force) top.location.reload();
else if (self !== top) location.reload();
else window.onhashchange.call(this);
}; };
/*! 内容区域动态加载后初始化 */ /*! 内容区域动态加载后初始化 */
this.reInit = function ($dom) { this.reInit = function ($dom) {
@ -188,16 +180,14 @@ $(function () {
}), $dom.find('input[data-date-range]').map(function () { }), $dom.find('input[data-date-range]').map(function () {
this.setAttribute('autocomplete', 'off'); this.setAttribute('autocomplete', 'off');
laydate.render({ laydate.render({
type: this.dataset.dateRange || 'date', type: this.dataset.dateRange || 'date', range: true, elem: this, done: function (value) {
range: true, elem: this, done: function (value) {
$(this.elem).val(value).trigger('change'); $(this.elem).val(value).trigger('change');
} }
}); });
}), $dom.find('input[data-date-input]').map(function () { }), $dom.find('input[data-date-input]').map(function () {
this.setAttribute('autocomplete', 'off'); this.setAttribute('autocomplete', 'off');
laydate.render({ laydate.render({
type: this.dataset.dateInput || 'date', type: this.dataset.dateInput || 'date', range: false, elem: this, done: function (value) {
range: false, elem: this, done: function (value) {
$(this.elem).val(value).trigger('change'); $(this.elem).val(value).trigger('change');
} }
}); });
@ -641,10 +631,11 @@ $(function () {
/*! 注册 data-load 事件行为 */ /*! 注册 data-load 事件行为 */
onEvent('click', '[data-load]', function (e) { onEvent('click', '[data-load]', function (e) {
var dataset = e.currentTarget.dataset;
(function (confirm, callback) { (function (confirm, callback) {
confirm ? $.msg.confirm(confirm, callback) : callback(); confirm ? $.msg.confirm(confirm, callback) : callback();
})(e.target.dataset.confirm, function () { })(dataset.confirm, function () {
$.form.load(e.target.dataset.load, {}, 'get', null, true, e.target.dataset.tips, e.target.dataset.time); $.form.load(dataset.load, {}, 'get', null, true, dataset.tips, dataset.time);
}); });
}); });
@ -664,8 +655,8 @@ $(function () {
/*! 注册 data-modal 事件行为 */ /*! 注册 data-modal 事件行为 */
onEvent('click', '[data-modal]', function () { onEvent('click', '[data-modal]', function () {
var area = this.dataset.area || this.dataset.width || '800px'; var dataset = this.dataset, area = dataset.area || dataset.width || '800px';
return $.form.modal(this.dataset.modal, 'open_type=modal', this.dataset.title || this.innerText || '编辑', undefined, undefined, undefined, area); return $.form.modal(dataset.modal, 'open_type=modal', dataset.title || this.innerText || '编辑', undefined, undefined, undefined, area);
}); });
/*! 注册 data-open 事件行为 */ /*! 注册 data-open 事件行为 */
@ -688,9 +679,10 @@ $(function () {
}); });
/*! 注册 data-check 事件行为 */ /*! 注册 data-check 事件行为 */
onEvent('click', '[data-check-target]', function (event) { onEvent('click', '[data-check-target]', function (e) {
var target = e.currentTarget;
$(this.dataset.checkTarget).map(function () { $(this.dataset.checkTarget).map(function () {
(this.checked = !!event.target.checked), $(this).trigger('change'); (this.checked = !!target.checked), $(this).trigger('change');
}); });
}); });
@ -826,12 +818,10 @@ $(function () {
/*! 异步任务状态监听与展示 */ /*! 异步任务状态监听与展示 */
onEvent('click', '[data-queue]', function (e) { onEvent('click', '[data-queue]', function (e) {
if (!e.target.dataset.queue) { (function (confirm, callback) {
$.msg.tips('请求地址不能为空！');
} else (function (confirm, callback) {
confirm ? $.msg.confirm(confirm, callback) : callback(); confirm ? $.msg.confirm(confirm, callback) : callback();
})(e.target.dataset.confirm, function () { })(e.currentTarget.dataset.confirm, function () {
$.form.load(e.target.dataset.queue, {}, 'post', function (ret) { $.form.load(e.currentTarget.dataset.queue, {}, 'post', function (ret) {
if (typeof ret.data === 'string' && ret.data.indexOf('Q') === 0) { if (typeof ret.data === 'string' && ret.data.indexOf('Q') === 0) {
return $.loadQueue(ret.data, true), false; return $.loadQueue(ret.data, true), false;
} }
@ -913,7 +903,7 @@ $(function () {
document.addEventListener('error', function (event) { document.addEventListener('error', function (event) {
var elem = event.target; var elem = event.target;
if (elem.nodeName === 'IMG') { if (elem.nodeName === 'IMG') {
event.target.src = baseRoot + 'theme/img/404_icon.png'; elem.src = baseRoot + 'theme/img/404_icon.png';
} }
}, true); }, true);