ulthon/ulthon_admin
1
0
Fork 0
mirror of https://gitee.com/ulthon/ulthon_admin.git synced 2026-07-01 07:22:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ulthon-admin): 拆分 JS 单文件为多模块架构

Browse Source 
将 ulthon-admin.js (3258行) 按职责拆分为 5 个独立模块文件：- admin-core.js (248行): 配置、请求封装、消息提示、权限检查- admin-utils.js (224行): 工具函数（URL参数、页面设置、弹层等）- admin-table.js (1370行): 表格模块（渲染、搜索、工具栏、列模板等）- admin-api.js (687行): API组件（表单提交、上传、编辑器、选择器等）- admin-listen.js (267行): 全局事件监听（按钮、删除、刷新等）

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
augushong
2026-05-27 07:51:30 +08:00
parent fefe2fe95f
commit 6dda5890e0
5 changed files with 3291 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

795
public/static/plugs/ulthon-admin/admin-api.js Normal file
View File

@@ -0,0 +1,795 @@
(function () {
var admin = window.UA_ADMIN;
var form = window.UA_CORE.form,
layer = window.UA_CORE.layer,
upload = window.UA_CORE.upload,
laydate = window.UA_CORE.laydate;
var { init, extGroup } = window.UA_SHARED;
const { createEditor, createToolbar } = window.wangEditor;
admin.api = {
button: function () {
$('button[target="_blank"]').click(function () {
window.open(admin.url($(this).attr('href')));
});
},
closeCurrentOpen: function (option) {
option = option || {};
option.backHref = option.backHref || '';
option.refreshTable = option.refreshTable || false;
option.refreshFrame = option.refreshFrame || false;
option.onClose = option.onClose || function () { };
if (option.refreshTable === true) {
option.refreshTable = init.tableRenderId;
}
var backWindow = window.parent;
if (option.backHref) {
// 标签打开页面，需要返回上一个标签刷新的情况
backWindow = admin.findPageId(option.backHref);
if (backWindow) {
backWindow.layui.table.reloadData(option.refreshTable);
} else {
admin.findIndexPage(function (w) {
var menu = w.miniTab.searchMenu(option.backHref);
var title = option.backHref;
if (menu) {
title = menu.title;
}
w.miniTab.create({
tabId: option.backHref,
href: option.backHref,
title: title,
});
});
}
admin.findIndexPage(function (w) {
w.layui.element.tabDelete('layuiminiTab', admin.getCurrentPageId());
w.layui.element.tabChange('layuiminiTab', option.backHref);
});
return;
}
// 弹框保存后刷新的情况
var index = parent.layer.getFrameIndex(window.name);
backWindow.layer.close(index, option.onClose);
if (option.refreshTable !== false) {
backWindow.layui.table.reloadData(option.refreshTable);
}
if (option.refreshFrame) {
backWindow.location.reload();
}
return false;
},
refreshFrame: function () {
parent.location.reload();
return false;
},
refreshTable: function (tableName, mode) {
tableName = tableName || 'currentTableRenderId';
if (mode == 'table') {
table.reload(tableName);
} else {
table.reloadData(tableName);
}
},
// var options = {
// url :'system.menu/index?id=1'
// }
// ua.api.reloadTable('currentTableRenderId',options)
reloadTable: function (tableName, options, mode) {
tableName = tableName || 'currentTableRenderId';
if (mode == 'table') {
table.reload(tableName, options);
} else {
table.reloadData(tableName, options);
}
},
formRequired: function () {
var verifyList = document.querySelectorAll("[lay-verify]");
if (verifyList.length > 0) {
$.each(verifyList, function (i, v) {
var verify = $(this).attr('lay-verify');
// todo 必填项处理
if (verify.includes('required')) {
var label = $(this).parent().prev();
if (label.is('label') && !label.hasClass('required')) {
label.addClass('required');
}
if ($(this).attr('lay-reqtext') === undefined && $(this).attr('placeholder') !== undefined) {
$(this).attr('lay-reqtext', $(this).attr('placeholder'));
}
if ($(this).attr('placeholder') === undefined && $(this).attr('lay-reqtext') !== undefined) {
$(this).attr('placeholder', $(this).attr('lay-reqtext'));
}
}
});
}
},
formSubmit: function (preposeCallback, ok, no, ex, complete) {
var formList = document.querySelectorAll("[lay-submit]");
// 表单提交自动处理
if (formList.length > 0) {
$.each(formList, function (i, v) {
var filter = $(this).attr('lay-filter'),
type = $(this).attr('data-type'),
refresh = $(this).attr('data-refresh'),
close = $(this).attr('data-close'),
url = $(this).attr('lay-submit');
// 表格搜索不做自动提交
if (type === 'tableSearch') {
return false;
}
// 判断是否需要刷新表格
if (refresh === 'false') {
refresh = false;
} else {
refresh = true;
}
if (close === 'false') {
close = false;
} else {
close = true;
}
// 自动添加layui事件过滤器
if (filter === undefined || filter === '') {
filter = 'save_form_' + (i + 1);
$(this).attr('lay-filter', filter);
}
if (url === undefined || url === '' || url === null) {
url = window.location.href;
} else {
url = admin.url(url);
}
form.on('submit(' + filter + ')', function (data) {
var btnElem = data.elem;
var form = $(this).closest('form');
if ($(form).hasClass('loading')) return false;
$(form).addClass('loading');
// 判断btn是否具备name和value属性，如果有，则加到表单数据里
var btnName = $(btnElem).attr('name');
var btnValue = $(btnElem).attr('value');
var backHref = $(btnElem).attr('data-back-href');
if (btnName !== undefined && btnValue !== undefined) {
data.field[btnName] = btnValue;
}
if (!backHref) {
backHref = admin.getQueryVariable('backTagId');
}
var dataField = data.field;
dataField = admin.api.formSubmitEditor(dataField, v);
dataField = admin.api.formSubmitCity(dataField, v);
if (typeof preposeCallback === 'function') {
dataField = preposeCallback(dataField);
}
complete = complete || function () {
$(form).removeClass('loading');
};
if (ok) {
var originalOk = ok;
ok = function (res) {
originalOk(res);
complete();
};
} else {
ok = function (res) {
res.msg = res.msg || '';
admin.msg.success(res.msg, function () {
if (close) {
admin.api.closeCurrentOpen({
refreshTable: refresh,
backHref: backHref,
onClose: function () {
complete();
}
});
}
});
return false;
};
}
admin.request.post({
url: url,
data: dataField,
}, ok, no, ex, complete);
return false;
});
});
}
},
formSubmitEditor(dataField, form) {
return dataField;
},
formSubmitCity(dataField, form) {
var cityList = $(form).closest('.layui-form').find('[data-toggle="city-picker"]');
if (cityList.length > 0) {
$.each(cityList, function (i, v) {
var fieldName = $(v).attr('name');
var code = $(v).data('citypicker').getCode();
var text = $(v).data('citypicker').getVal();
var level = $(v).data('level');
var formatTargetList = {};
formatTargetList['name'] = 1;
formatTargetList['code'] = 1;
formatTargetList['name-province'] = 1;
formatTargetList['name-city'] = 1;
formatTargetList['name-district'] = 1;
formatTargetList['code-province'] = 1;
formatTargetList['code-city'] = 1;
formatTargetList['code-district'] = 1;
$.each(formatTargetList, function (targetType, value) {
var valueSet = $(v).data('field-' + targetType);
if (valueSet == 0) {
formatTargetList[targetType] = 0;
}
});
var codeArr = code.split('/');
var textArr = text.split('/');
if (formatTargetList['name'] == 1) {
dataField[fieldName] = text;
}
if (formatTargetList['code'] == 1) {
dataField[fieldName + '_code'] = code;
}
if (formatTargetList['name-province'] == 1) {
dataField[fieldName + '_name_province'] = textArr[0] || '';
}
if (formatTargetList['name-city'] == 1) {
dataField[fieldName + '_name_city'] = textArr[1] || '';
}
if (formatTargetList['name-district'] == 1) {
dataField[fieldName + '_name_district'] = textArr[2] || '';
}
if (formatTargetList['code-province'] == 1) {
dataField[fieldName + '_code_province'] = codeArr[0] || '';
}
if (formatTargetList['code-city'] == 1) {
dataField[fieldName + '_code_city'] = codeArr[1] || '';
}
if (formatTargetList['code-district'] == 1) {
dataField[fieldName + '_code_district'] = codeArr[2] || '';
}
});
}
return dataField;
},
upload: function () {
var uploadList = document.querySelectorAll("[data-upload]");
var uploadSelectList = document.querySelectorAll("[data-upload-select]");
if (uploadList.length > 0) {
$.each(uploadList, function (i, v) {
var uploadExts = $(this).attr('data-upload-exts'),
uploadName = $(this).attr('data-upload'),
uploadNumber = $(this).attr('data-upload-number') || 'one',
uploadSign = $(this).attr('data-upload-sign') || '|',
uploadAccept = $(this).attr('data-upload-accept') || 'file',
uploadAcceptMime = $(this).attr('data-upload-mimetype') || '',
uploadDisablePreview = $(this).attr('data-upload-disable-preview') || '0',
uploadFilenameField = $(this).attr('data-upload-filename-field') || '',
elem = "input[name='" + uploadName + "']",
uploadElem = this;
if (uploadFilenameField) {
var elemFilenameField = "[name='" + uploadFilenameField + "']";
}
if (uploadExts == '*') {
uploadExts = init.uploadExts;
} else if (uploadExts.charAt(0) == '*') {
var extGroupName = uploadExts.slice(1);
if (extGroup[extGroupName]) {
uploadExts = extGroup[extGroupName].join('|');
}
}
// 监听上传事件
upload.render({
elem: this,
url: admin.url(init.uploadUrl),
exts: uploadExts,
accept: uploadAccept,//指定允许上传时校验的文件类型
acceptMime: uploadAcceptMime,//规定打开文件选择框时，筛选出的文件类型
multiple: uploadNumber !== 'one',//是否多文件上传
headers: admin.headers(),
done: function (res) {
if (res.code === 0) {
var url = res.data.url;
var filename = res.data.original_name;
if (uploadNumber !== 'one') {
var oldUrl = $(elem).val();
if (oldUrl !== '') {
url = oldUrl + uploadSign + url;
}
if (elemFilenameField) {
var oldFilename = $(elemFilenameField).val();
if (oldFilename !== '') {
filename = oldFilename + uploadSign + filename;
}
}
}
if (elemFilenameField) {
$(elemFilenameField).val(filename);
}
$(elem).val(url);
$(elem).trigger("input");
admin.msg.success(res.msg);
} else {
admin.msg.error(res.msg);
}
return false;
}
});
if (uploadDisablePreview == 0) {
// 监听上传input值变化
$(elem).bind("input propertychange", function (event) {
var urlString = $(this).val(),
urlArray = urlString.split(uploadSign),
uploadIcon = $(uploadElem).attr('data-upload-icon') || "file";
var uploadNameKey = uploadName.replace(/\[/g, "-").replace(/\]/g, "-");
$('#bing-' + uploadNameKey).remove();
if (urlString.length > 0) {
var parant = $(this).parent('div');
var liHtml = '';
var filenameArray = [];
if (uploadFilenameField) {
var filenameVal = $(elemFilenameField).val() || '';
if (filenameVal) {
filenameArray = filenameVal.split(uploadSign);
}
}
$.each(urlArray, function (i, v) {
// 获取链接扩展名
var ext = v.substr(v.lastIndexOf('.') + 1);
var currentFilename = filenameArray[i] || '';
currentFilename = currentFilename.replace(/"/g, '&quot;');
if (extGroup.image.indexOf(ext) != -1) {
// 是图片
liHtml += '<li><a title="点击预览"><img src="' + v + '" data-images onerror="this.src=\'/static/admin/images/upload-icons/image-error.png\';this.onerror=null"></a><small class="uploads-delete-tip bg-red badge" data-upload-delete="' + uploadName + '" data-upload-filename-field="' + uploadFilenameField + '" data-upload-url="' + v + '" data-upload-sign="' + uploadSign + '" data-upload-filename="' + currentFilename + '">×</small></li>\n';
} else {
// 不是图片
// 遍历extGroup数组找到扩展名所在的索引
uploadIcon = admin.getExtGroupName(ext);
liHtml += '<li><a title="点击打开文件" target="_blank" href="' + v + '" ><img src="/static/admin/images/upload-icons/' + uploadIcon + '.png"></a><small class="uploads-delete-tip bg-red badge" data-upload-delete="' + uploadName + '" data-upload-filename-field="' + uploadFilenameField + '" data-upload-url="' + v + '" data-upload-sign="' + uploadSign + '" data-upload-filename="' + currentFilename + '">×</small></li>\n';
}
});
parant.after('<ul id="bing-' + uploadNameKey + '" class="layui-input-block layuimini-upload-show">\n' + liHtml + '</ul>');
var initSortable = function () {
var el = document.getElementById('bing-' + uploadNameKey);
if (el) {
new Sortable(el, {
animation: 150,
onEnd: function (evt) {
var newUrls = [];
var newFilenames = [];
$(el).find('.uploads-delete-tip').each(function () {
newUrls.push($(this).attr('data-upload-url'));
newFilenames.push($(this).attr('data-upload-filename'));
});
$(elem).val(newUrls.join(uploadSign));
if (uploadFilenameField) {
$(elemFilenameField).val(newFilenames.join(uploadSign));
}
$(elem).trigger("input");
}
});
}
};
initSortable();
}
});
// 非空初始化图片显示
if ($(elem).val() !== '') {
$(elem).trigger("input");
}
}
});
// 监听上传文件的删除事件
$('body').on('click', '[data-upload-delete]', function () {
var uploadName = $(this).attr('data-upload-delete'),
deleteUrl = $(this).attr('data-upload-url'),
uploadFilenameField = $(this).attr('data-upload-filename-field'),
sign = $(this).attr('data-upload-sign');
var confirm = admin.msg.confirm('确定删除？', function () {
var elem = "input[name='" + uploadName + "']";
var elemFilenameField = "[name='" + uploadFilenameField + "']";
var currentUrl = $(elem).val();
var currentFilename = $(elemFilenameField).val();
var currentUrlList = currentUrl.split(sign);
var deleteIndex = currentUrlList.indexOf(deleteUrl);
currentUrlList.splice(deleteIndex, 1);
$(elem).val(currentUrlList.join(sign));
$(elem).trigger("input");
if (currentFilename) {
var currentFilenameList = currentFilename.split(sign);
currentFilenameList.splice(deleteIndex, 1);
$(elemFilenameField).val(currentFilenameList.join(sign));
}
admin.msg.close(confirm);
});
return false;
});
}
if (uploadSelectList.length > 0) {
$.each(uploadSelectList, function (i, v) {
var uploadName = $(this).attr('data-upload-select'),
uploadNumber = $(this).attr('data-upload-number') || 'one',
uploadSign = $(this).attr('data-upload-sign') || '|',
uploadFilenameField = $(this).attr('data-upload-filename-field') || '';
if (uploadFilenameField) {
var elemFilenameField = "[name='" + uploadFilenameField + "']";
var elemFilename = $(elemFilenameField);
}
var selectCheck = uploadNumber === 'one' ? 'radio' : 'checkbox';
var elem = "input[name='" + uploadName + "']";
var width = document.body.clientWidth,
height = document.body.clientHeight;
if (width >= 800 && height >= 600) {
clienWidth = '800px';
clientHeight = '600px';
} else {
clienWidth = '100%';
clientHeight = '100%';
}
$(v).click(function () {
layer.open({
title: '选择文件',
type: 2,
area: [clienWidth, clientHeight],
content: admin.url('system.uploadfile/index') + '?select_mode=' + selectCheck,
success(layero, index) {
window.onTableDataConfirm = function (data) {
var currentUrl = $(elem).val();
var urlArray = currentUrl.split(uploadSign);
if (currentUrl.length == 0 || selectCheck == 'radio') {
urlArray = [];
}
if (uploadFilenameField) {
var currentFilename = $(elemFilename).val();
var filenameArray = currentFilename.split(uploadSign);
if (currentFilename.length == 0 || selectCheck == 'radio') {
filenameArray = [];
}
}
$.each(data, function (index, val) {
if (urlArray.indexOf(val.url) == -1) {
urlArray.push(val.url);
}
if (uploadFilenameField) {
if (filenameArray.indexOf(val.original_name) == -1) {
filenameArray.push(val.original_name);
}
}
});
var url = urlArray.join(uploadSign);
if (uploadFilenameField) {
var filename = filenameArray.join(uploadSign);
}
$(elem).val(url);
if (uploadFilenameField) {
$(elemFilenameField).val(filename);
}
$(elem).trigger("input");
layer.close(index);
admin.msg.success('选择成功');
};
}
});
});
});
}
},
editor: function () {
var editorList = document.querySelectorAll(".editor");
if (editorList.length > 0) {
$.each(editorList, function (i, v) {
var editorConfig = {
placeholder: '请输入内容',
onChange(editor) {
const html = editor.getHtml();
$(v).val(html);
},
MENU_CONF: {
uploadImage: {
server: admin.url('ajax/uploadEditor'),
maxFileSize: 10 * 1024 * 1024,
fieldName: 'upload',
},
}
};
var formName = $(this).attr('name');
var editorId = 'editor-' + formName.replace(/\[/g, '-').replace(/\]/g, '-');
var editorContainer = $('<div id="' + editorId + '" style="height:60vh;"></div>');
$(this).after(editorContainer);
var toolbarId = 'toolbar-' + formName.replace(/\[/g, '-').replace(/\]/g, '-');
var toolbarContent = $('<div id="' + toolbarId + '"></div>');
$(this).after(toolbarContent);
$(this).hide();
var originalValue = $(this).val();
const editor = createEditor({
selector: '#' + editorId,
html: originalValue,
config: editorConfig,
mode: 'default',
scroll: true
});
$(v).data('editor', editor);
const toolbarConfig = {
excludeKeys: [
'uploadVideo',
'fullScreen',
'todo',
]
};
const toolbar = createToolbar({
editor,
selector: '#' + toolbarId,
config: toolbarConfig,
mode: 'default', // or 'simple'
});
});
}
},
select: function () {
var selectList = document.querySelectorAll("[data-select]");
$.each(selectList, function (i, v) {
var url = $(this).attr('data-select'),
selectFields = $(this).attr('data-fields'),
value = $(this).attr('data-value'),
that = this,
html = '<option value=""></option>';
var template = $(that).data('template');
if (typeof template != 'function') {
template = function (data, fields) {
return data[fields[1]];
};
}
var fields = selectFields.replace(/\s/g, "").split(',');
if (fields.length < 2) {
return admin.msg.error('下拉选择字段有误');
}
admin.request.get(
{
url: url,
data: {
selectFields: selectFields
},
}, function (res) {
var list = res.data;
list.forEach(val => {
var key = val[fields[0]];
var valueTitle = template(val, fields);
if (value !== undefined && key.toString() === value) {
html += '<option value="' + key + '" selected="">' + valueTitle + '</option>';
} else {
html += '<option value="' + key + '">' + valueTitle + '</option>';
}
});
$(that).html(html);
form.render();
}
);
});
},
nativeRadio() {
$('[value-checked]').each(function (index, elem) {
if ($(this).hasClass('checked-rendered')) {
return;
}
$(this).addClass('checked-rendered');
if ($(this).attr('value') == $(this).attr('value-checked')) {
$(this).prop('checked', true);
}
});
},
nativeSelect() {
$('[value-selected]').each(function (index, elem) {
if ($(this).hasClass('selected-rendered')) {
return;
}
$(this).addClass('selected-rendered');
if ($(this).attr('value') == $(this).attr('value-selected')) {
$(this).prop('selected', true);
}
});
},
date: function () {
var dateList = document.querySelectorAll("[data-date]");
if (dateList.length > 0) {
$.each(dateList, function (i, v) {
var format = $(this).attr('data-date'),
type = $(this).attr('data-date-type'),
range = $(this).attr('data-date-range');
if (type === undefined || type === '' || type === null) {
type = 'datetime';
}
var options = {
elem: this,
type: type,
};
if (format !== undefined && format !== '' && format !== null) {
options['format'] = format;
}
if (range !== undefined) {
if (range === null || range === '') {
range = '-';
}
options['range'] = range;
}
laydate.render(options);
});
}
},
tableData() {
var tableList = document.querySelectorAll('[data-toggle="table-data"]');
$.each(tableList, function (i, v) {
var data = $(v).data();
tableData.render(v, data, admin);
});
},
mapLocation() {
var mapList = document.querySelectorAll('[data-toggle="map-location"]');
$.each(mapList, function (i, v) {
if ($(v).hasClass('map-rendered')) {
return;
}
$(v).addClass('map-rendered');
var data = $(v).data();
mapLocation.render(v, data, admin);
});
},
tagInput() {
var list = document.querySelectorAll('[data-toggle="tag-input"]');
$.each(list, function (i, v) {
var data = $(v).data();
tagInput.render(v, data, admin);
});
},
propertyInput() {
var list = document.querySelectorAll('[data-toggle="property-input"]');
$.each(list, function (i, v) {
var data = $(v).data();
data.value = $(v).text();
propertyInput.render(v, data, admin);
});
},
copyText(elem) {
if (elem == undefined) {
elem = 'body';
}
var list = $(elem).find('[data-toggle="copy-text"]');
$.each(list, function (i, v) {
if ($(v).hasClass('copy-rendered')) {
return;
}
$(v).addClass('copy-rendered');
var clipboard = new ClipboardJS(v);
clipboard.on('success', function (e) {
admin.msg.success('复制成功');
});
clipboard.on('error', function (e) {
admin.msg.error('复制失败');
});
});
},
pasteText(elem) {
if (elem == undefined) {
elem = 'body';
}
var list = $(elem).find('[data-toggle="paste-text"]');
$.each(list, function (i, v) {
if ($(v).hasClass('paste-rendered')) {
return;
}
$(v).addClass('paste-rendered');
var targetElemName = $(v).data('paste-target');
$(v).on('click', function () {
if (!navigator.clipboard) {
admin.msg.error('您的当前不支持粘贴操作');
return;
}
navigator.clipboard.readText()
.then(text => {
$(targetElemName).val(text);
layer.msg('粘贴成功');
})
.catch(err => {
console.error('Failed to read clipboard contents: ', err);
layer.msg('粘贴失败，请手动粘贴');
});
});
});
}
};
})();

289
public/static/plugs/ulthon-admin/admin-core.js Normal file
View File

@@ -0,0 +1,289 @@
(function () {
window.onInitElemStyle = function () {
miniTheme.renderElemStyle();
$('iframe').each(function (index, iframe) {
if (typeof iframe.contentWindow.onInitElemStyle == "function") {
iframe.contentWindow.onInitElemStyle();
}
});
};
window.onInitElemStyle();
var form = layui.form,
layer = layui.layer,
laydate = layui.laydate,
upload = layui.upload,
element = layui.element,
laytpl = layui.laytpl,
util = layui.util;
layer.config({
skin: 'layui-layer-easy'
});
var init = {
tableElem: '#currentTable',
tableRenderId: 'currentTableRenderId',
uploadUrl: 'ajax/upload',
uploadExts: '',
extGroup: {}
};
var table;
table = layui.table;
var extGroup = {
// 图片扩展名数组
'image': ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'ico', 'webp', 'svg'],
// word扩展名数组
'word': ['doc', 'docx'],
// excel扩展名数组
'excel': ['xls', 'xlsx'],
// ppt扩展名数组
'ppt': ['ppt', 'pptx'],
// pdf扩展名数组
'pdf': ['pdf'],
// 压缩文件扩展名数组
'zip': ['zip', 'rar', '7z'],
// 文本文件扩展名数组
'txt': ['txt'],
// 音乐文件扩展名数组
'music': ['mp3', 'wma', 'wav', 'mid', 'm4a'],
// 视频文件扩展名数组
'video': ['mp4', 'avi', 'wmv', '3gp', 'flv'],
// visio扩展名数组
'visio': ['vsd', 'vsdx'],
'file': []
};
var allExtGroup = [];
for (const extGroupName in extGroup) {
if (Object.hasOwnProperty.call(extGroup, extGroupName)) {
const extGroupList = extGroup[extGroupName];
allExtGroup = allExtGroup.concat(extGroupList);
}
}
extGroup['office'] = [].concat(extGroup['word'], extGroup['excel'], extGroup['ppt'], extGroup['pdf']);
extGroup['media'] = [].concat(extGroup['image'], extGroup['music'], extGroup['video']);
init.uploadExts += allExtGroup.join('|');
init.extGroup = extGroup;
var admin = {
init: init,
config: {
shade: [0.02, '#000'],
},
url: function (url) {
var urlPrefixCheck = ['/', 'http://', 'https://'];
for (const index in urlPrefixCheck) {
if (Object.hasOwnProperty.call(urlPrefixCheck, index)) {
const prefix = urlPrefixCheck[index];
if (url.indexOf(prefix) === 0) {
return url;
}
}
}
return '/' + CONFIG.ADMIN + '/' + url;
},
headers: function () {
return { 'X-CSRF-TOKEN': window.CONFIG.CSRF_TOKEN };
},
checkAuth: function (node, elem) {
if (node === '1') {
return true;
}
if (CONFIG.IS_SUPER_ADMIN) {
return true;
}
if ($(elem).attr('data-auth-' + node) === '1') {
return true;
} else {
return false;
}
},
parame: function (param, defaultParam) {
return param !== undefined ? param : defaultParam;
},
request: {
post: function (option, ok, no, ex, complete) {
return admin.request.ajax('post', option, ok, no, ex, complete);
},
get: function (option, ok, no, ex, complete) {
return admin.request.ajax('get', option, ok, no, ex, complete);
},
ajax: function (type, option, ok, no, ex, complete) {
type = type || 'get';
option.url = option.url || '';
option.data = option.data || {};
option.prefix = option.prefix || false;
option.statusName = option.statusName || 'code';
option.statusCode = option.statusCode || 0;
ok = ok || function (res) {};
var originalOk = ok;
ok = function (res) {
originalOk(res);
complete()
}
complete = complete || function () {
};
if (no) {
var originalNo = no;
no = function (res) {
originalNo(res);
complete();
};
} else {
no = function (res) {
var msg = res.msg == undefined ? '返回数据格式有误' : res.msg;
admin.msg.error(msg);
complete();
return false;
};
}
if (ex) {
var originalEx = ex;
ex = function (res) {
originalEx(res);
complete();
};
} else {
ex = function (res) {
complete();
};
}
if (option.url == '') {
admin.msg.error('请求地址不能为空');
return false;
}
if (option.prefix == true) {
option.url = admin.url(option.url);
}
loading.show();
$.ajax({
url: option.url,
type: type,
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
dataType: "json",
headers: admin.headers(),
data: option.data,
timeout: 60000,
success: function (res) {
loading.hide();
if (eval('res.' + option.statusName) == option.statusCode) {
return ok(res);
} else {
return no(res);
}
},
error: function (xhr, textstatus, thrown) {
var errorMsg = '';
if (xhr.responseJSON.message) {
errorMsg = xhr.responseJSON.message;
}
loading.hide();
admin.msg.error('Status:' + xhr.status + '，' + xhr.statusText + '，请稍后再试！<br/>' + errorMsg, function () {
ex(this);
});
return false;
},
});
}
},
common: {
parseNodeStr: function (node) {
var array = node.split('/');
$.each(array, function (key, val) {
if (key === 0) {
val = val.split('.');
$.each(val, function (i, v) {
val[i] = admin.common.humpToLine(v.replace(v[0], v[0].toLowerCase()));
});
val = val.join(".");
array[key] = val;
}
});
node = array.join("/");
return node;
},
lineToHump: function (name) {
return name.replace(/\_(\w)/g, function (all, letter) {
return letter.toUpperCase();
});
},
humpToLine: function (name) {
return name.replace(/([A-Z])/g, "_$1").toLowerCase();
},
},
msg: {
// 成功消息
success: function (msg, callback) {
if (callback === undefined) {
callback = function () {
};
}
var index = layer.msg(msg, { icon: 1, shade: admin.config.shade, scrollbar: false, time: 800, shadeClose: true }, callback);
return index;
},
// 失败消息
error: function (msg, callback) {
if (callback === undefined) {
callback = function () {
};
}
var index = layer.msg(msg, { icon: 2, shade: admin.config.shade, scrollbar: false, time: -1, shadeClose: true }, callback);
return index;
},
// 警告消息框
alert: function (msg, callback) {
var index = layer.alert(msg, { end: callback, scrollbar: false });
return index;
},
// 对话框
confirm: function (msg, ok, no) {
var index = layer.confirm(msg, { title: '操作确认', btn: ['确认', '取消'] }, function () {
typeof ok === 'function' && ok.call(this);
}, function () {
typeof no === 'function' && no.call(this);
});
return index;
},
// 消息提示
tips: function (msg, time, callback) {
var index = layer.msg(msg, { time: (time || 0.8) * 1000, shade: this.shade, end: callback, shadeClose: true });
return index;
},
// 加载中提示
loading: function (msg, callback) {
var index = msg ? layer.msg(msg, { icon: 16, scrollbar: false, shade: this.shade, time: 0, end: callback }) : layer.load(2, { time: 0, scrollbar: false, shade: this.shade, end: callback });
return index;
},
// 关闭消息框
close: function (index) {
return layer.close(index);
}
}
};
window.UA_CORE = { form: form, layer: layer, laydate: laydate, upload: upload, element: element, laytpl: laytpl, util: util, table: table };
window.UA_SHARED = { init: init, extGroup: extGroup };
window.UA_ADMIN = admin;
})();

315
public/static/plugs/ulthon-admin/admin-listen.js Normal file
View File

@@ -0,0 +1,315 @@
(function () {
var admin = window.UA_ADMIN;
var { form, table } = window.UA_CORE;
var { init } = window.UA_SHARED;
admin.listen = function (preposeCallback, ok, no, ex, complete) {
// 监听表单是否为必填项
admin.api.formRequired();
// 监听表单提交事件
admin.api.formSubmit(preposeCallback, ok, no, ex, complete);
// 监听按钮操作
admin.api.button();
// 初始化图片显示以及监听上传事件
admin.api.upload();
// 监听富文本初始化
admin.api.editor();
// 监听下拉选择生成
admin.api.select();
// 监听原生单选框选中
admin.api.nativeRadio();
admin.api.nativeSelect();
// 监听时间控件生成
admin.api.date();
// 监听通用表格数据控件生成
admin.api.tableData();
// 监听地图组件
admin.api.mapLocation();
// 监听标签输入控件生成
admin.api.tagInput();
// 监听属性输入控件生成
admin.api.propertyInput();
// 监听点击复制
admin.api.copyText();
// 监听点击粘贴
admin.api.pasteText();
// 监听tab操作
miniTab.listen();
// 初始化layui表单
form.render();
// 表格修改
$("body").on("mouseenter", ".table-edit-tips", function () {
var openTips = layer.tips('点击行内容可以进行修改', $(this), { tips: [2, '#e74c3c'], time: 4000 });
});
// 监听弹出层的打开
$('body').on('click', '[data-open]', function () {
var clienWidth = $(this).attr('data-width'),
clientHeight = $(this).attr('data-height'),
dataFull = $(this).attr('data-full'),
checkbox = $(this).attr('data-checkbox'),
url = $(this).attr('data-open'),
external = $(this).attr('data-external') || false,
tableId = $(this).attr('data-table');
if (checkbox === 'true') {
tableId = tableId || init.tableRenderId;
var checkStatus = table.checkStatus(tableId),
data = checkStatus.data;
if (data.length <= 0) {
admin.msg.error('请勾选需要操作的数据');
return false;
}
var ids = [];
$.each(data, function (i, v) {
ids.push(v.id);
});
if (url.indexOf("?") === -1) {
url += '?id=' + ids.join(',');
} else {
url += '&id=' + ids.join(',');
}
}
if (clienWidth === undefined || clientHeight === undefined) {
var width = document.body.clientWidth,
height = document.body.clientHeight;
if (width >= 800 && height >= 600) {
clienWidth = '800px';
clientHeight = '600px';
} else {
clienWidth = '100%';
clientHeight = '100%';
}
}
if (dataFull === 'true') {
clienWidth = '100%';
clientHeight = '100%';
}
// 如果是手机版，则直接跳转
if (admin.checkMobile()) {
location.href = external ? url : admin.url(url);
} else {
admin.open(
$(this).attr('data-title'),
external ? url : admin.url(url),
clienWidth,
clientHeight
);
}
});
// 放大图片
$('body').on('click', '[data-image]', function () {
var title = $(this).attr('data-image'),
src = $(this).attr('src'),
alt = $(this).attr('alt');
var photos = {
"title": title,
"id": Math.random(),
"data": [
{
"alt": alt,
"pid": Math.random(),
"src": src,
"thumb": src
}
]
};
layer.photos({
photos: photos,
anim: 5
});
return false;
});
// 放大一组图片
$('body').on('click', '[data-images]', function () {
var doms = $(this).closest(".layuimini-upload-show").children("li"), // 从当前元素向上找layuimini-upload-show找到第一个后停止, 再找其所有子元素li
currentSrc = $(this).attr('src'), // 被点击的图片地址
start = 0,
data = [];
$.each(doms, function (key, value) {
var img = $(value).find('img'),
src = img.attr('src'),
alt = img.attr('alt');
data.push({
"alt": alt,
"pid": Math.random(),
"src": src,
"thumb": src
});
if (src === currentSrc) {
start = key;
}
});
var photos = {
"title": '',
"start": start,
"id": Math.random(),
"data": data,
};
layer.photos({
photos: photos,
anim: 5
});
return false;
});
// 监听动态表格刷新
$('body').on('click', '[data-table-refresh]', function () {
var tableId = $(this).attr('data-table-refresh');
if (tableId === undefined || tableId === '' || tableId == null) {
tableId = init.tableRenderId;
}
table.reloadData(tableId);
});
// 监听搜索表格重置
$('body').on('click', '[data-table-reset]', function () {
var tableId = $(this).attr('data-table-reset');
if (tableId === undefined || tableId === '' || tableId == null) {
tableId = init.tableRenderId;
}
setTimeout(() => {
var searchVals = form.val(tableId + '_filter_form');
var dataField = searchVals;
var formatFilter = {},
formatOp = {};
$.each(dataField, function (key, val) {
if (val !== '') {
formatFilter[key] = val;
var elemId = admin.table.renderSearchFormItemElementId(key);
var op = $('#c-' + elemId).attr('data-search-op');
op = op || '%*%';
formatOp[key] = op;
}
});
var where = {
filter: JSON.stringify(formatFilter),
op: JSON.stringify(formatOp)
};
table.reloadData(tableId, {
page: {
curr: 1
}
, where: where
}, 'data');
}, 100);
});
// 监听请求
$('body').on('click', '[data-request]', function () {
var title = $(this).attr('data-title'),
url = $(this).attr('data-request'),
tableId = $(this).attr('data-table'),
checkbox = $(this).attr('data-checkbox'),
direct = $(this).attr('data-direct'),
field = $(this).attr('data-field') || 'id',
endMethod = $(this).attr('data-end-method') || 'reload-table';
title = title || '确定进行该操作？';
if (direct === 'true') {
admin.msg.confirm(title, function () {
window.location.href = url;
});
return false;
}
var postData = {};
if (checkbox === 'true') {
tableId = tableId || init.tableRenderId;
var checkStatus = table.checkStatus(tableId),
data = checkStatus.data;
if (data.length <= 0) {
admin.msg.error('请勾选需要操作的数据');
return false;
}
var ids = [];
$.each(data, function (i, v) {
ids.push(v[field]);
});
postData[field] = ids;
}
url = admin.url(url);
admin.msg.confirm(title, function () {
admin.request.post({
url: url,
data: postData,
}, function (res) {
admin.msg.success(res.msg, function () {
if (endMethod == 'reload-table') {
tableId = tableId || init.tableRenderId;
table.reloadData(tableId);
} else if (endMethod == 'refresh-page') {
location.reload();
}
});
});
});
return false;
});
// 数据表格多删除
$('body').on('click', '[data-table-delete]', function () {
var tableId = $(this).attr('data-table-delete'),
url = $(this).attr('data-url');
tableId = tableId || init.tableRenderId;
url = url !== undefined ? admin.url(url) : window.location.href;
var checkStatus = table.checkStatus(tableId),
data = checkStatus.data;
if (data.length <= 0) {
admin.msg.error('请勾选需要删除的数据');
return false;
}
var ids = [];
$.each(data, function (i, v) {
ids.push(v.id);
});
admin.msg.confirm('确定删除？', function () {
admin.request.post({
url: url,
data: {
id: ids
},
}, function (res) {
admin.msg.success(res.msg, function () {
table.reloadData(tableId);
});
});
});
return false;
});
};
})();

1650
public/static/plugs/ulthon-admin/admin-table.js Normal file
View File

File diff suppressed because it is too large Load Diff

242
public/static/plugs/ulthon-admin/admin-utils.js Normal file
View File

@@ -0,0 +1,242 @@
(function () {
var admin = window.UA_ADMIN;
var { layer, table } = window.UA_CORE;
admin.checkMobile = function () {
return tools.checkMobile();
};
admin.open = function (title, url, width, height, isResize, shadeClose = false) {
isResize = isResize === undefined ? true : isResize;
var index = layer.open({
title: title,
type: 2,
area: [width, height],
content: url,
maxmin: true,
moveOut: true,
shadeClose: shadeClose,
success: function (layero, index) {
var body = layer.getChildFrame('body', index);
if (body.length > 0) {
$.each(body, function (i, v) {
// todo 优化弹出层背景色修改
$(v).before('<style>\n' +
'html, body {\n' +
' background: #ffffff;\n' +
'}\n' +
'</style>');
});
}
},
end: function () {
index = null;
}
});
if (admin.checkMobile() || width === undefined || height === undefined) {
layer.full(index);
}
if (isResize) {
$(window).on("resize", function () {
index && layer.full(index);
});
}
};
admin.getQueryVariable = function (variable, defaultValue) {
if (typeof defaultValue == 'undefined') {
defaultValue = undefined;
}
var query = window.location.search.substring(1);
query = query.replace(/\+/g, ' ');
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return decodeURIComponent(pair[1]);
}
}
return defaultValue;
};
admin.dataBrage = null;
admin.getDataBrage = function (keys, defaultValue) {
if (this.dataBrage == null) {
this.dataBrage = JSON.parse($('#data-brage').text());
}
if (typeof defaultValue == 'undefined') {
defaultValue = undefined;
}
return admin.dataGet(this.dataBrage, keys, defaultValue);
};
admin.dataGet = function (data, keys, defaultValue) {
return (
(!Array.isArray(keys)
? keys.replace(/\[/g, '.').replace(/\]/g, '').split('.')
: keys
).reduce((o, k) => (o || {})[k], data) || defaultValue
);
};
admin.getExtGroupName = function (ext) {
var extGroup = admin.init.extGroup;
var groupName = 'file';
for (const extGroupName in extGroup) {
if (Object.hasOwnProperty.call(extGroup, extGroupName)) {
const extGroupList = extGroup[extGroupName];
if (extGroupList.indexOf(ext) != -1) {
groupName = extGroupName;
break;
}
}
}
return groupName;
};
//js版empty，判断变量是否为空
admin.empty = function (r) {
var n, t, e, f = [void 0, null, !1, 0, "", "0"];
for (t = 0, e = f.length; t < e; t++) if (r === f[t]) return !0;
if ("object" == typeof r) {
for (n in r) if (r.hasOwnProperty(n)) return !1;
return !0;
}
return !1;
};
admin.bytes = function (size) {
if (size > 0) {
const kb = 1024;
const unit = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
const i = Math.floor(Math.log(size) / Math.log(kb));
const num = (size / Math.pow(kb, i)).toPrecision(3);
const u = unit[i];
return num + u;
}
return '0B';
};
admin.triggerEventReplaceJs = function (name, defaultCallback, replaceCallback) {
var code = $('#event-replace-js-' + name).html();
if (admin.empty(code)) {
defaultCallback();
} else {
replaceCallback(code);
}
};
admin.randdomString = function (len) {
len = len || 32;
var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
var maxPos = $chars.length;
var pwd = '';
for (var i = 0; i < len; i++) {
pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
}
return pwd;
};
admin.getPageSetting = function (key, defaultValue, global = false) {
if (!global) {
key = window.CONFIG.PAGE_KEY_NAME + '_' + key;
}
return tools.getLocal(key, defaultValue);
};
admin.setPageSetting = function (key, value, global) {
if (!global) {
key = window.CONFIG.PAGE_KEY_NAME + '_' + key;
}
return tools.setLocal(key, value);
};
/**
* 如果不存在则写入，返回有效的值
* 如果不存在则返回新的值，否则返回之前设置的值
*
* @param {string} key
* @param {mixed} value
* @param {boolean} global
* @returns
*/
admin.trySetPageSetting = function (key, value, global) {
var oldValue = admin.getPageSetting(key, undefined, global);
if (!oldValue) {
admin.setPageSetting(key, value, global);
return value;
}
return oldValue;
};
admin.isCurrentIndex = function () {
if (window.pageType && window.pageType == 'index') {
return true;
}
return false;
};
admin.isParentIndex = function () {
try {
if (window.parent && window.parent.pageType && window.parent.pageType == 'index') {
return true;
}
} catch (e) {
return false;
}
return false;
};
admin.findIndexPage = function (findCallback, missCallback) {
if (!findCallback) {
findCallback = function (w) { return w; };
}
if (!missCallback) {
missCallback = function (w) { return w; };
}
if (this.isCurrentIndex()) {
return findCallback(window);
}
var parent = window.parent;
if (parent && parent != window) {
return parent.ua.findIndexPage(findCallback, missCallback);
}
return missCallback(null);
};
admin.getCurrentPageId = function () {
// pageId就是路径加参数
var path = location.pathname;
var params = location.search;
return path + params;
};
admin.findPageId = function (tabId) {
var iframeWindow;
this.findIndexPage(function (window) {
// 查找对应的tab内容区域
var tabContent = window.layui.$('.layui-tab-content .layui-tab-item[lay-id="' + tabId + '"]');
if (tabContent.length > 0) {
var iframe = tabContent.find('iframe')[0];
if (iframe) {
iframeWindow = iframe.contentWindow;
}
}
});
return iframeWindow;
};
admin.getMenuInfoByTabId = function (tabId) {
var menuValue = null;
this.findIndexPage(function (w) {
var menu = w.miniTab.searchMenu(tabId);
if (menu) {
menuValue = menu;
}
});
return menuValue;
};
admin.getMenuTitleByTabId = function (tabId, defaultValue) {
var menuTitle = defaultValue;
var menu = this.getMenuInfoByTabId(tabId);
if (menu) {
menuTitle = menu.title;
}
return menuTitle;
};
})();