提交 6701d3ca 编写于 作者: Skyeye云's avatar Skyeye云

feat: 背景图片管理托管到表单布局

上级 c1f57c6a
......@@ -23,7 +23,7 @@ layui.config({
var bgImages = {};
// 获取所有背景图片列表信息
AjaxPostUtil.request({url: reportBasePath + "reportbgimage004", params: {}, type: 'json', method: "GET", callback: function(json) {
AjaxPostUtil.request({url: reportBasePath + "getEnabledBgImageList", params: {}, type: 'json', method: "GET", callback: function(json) {
bgImages = json.rows;
}, async: false});
......
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'fileUpload'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$;
// 初始化上传
$("#imagePath").upload(systemCommonUtil.uploadCommon003Config('imagePath', 18, '', 1));
reportModelTypeUtil.showModelTypeOperator(form, "typeBox", null, null);
matchingLanguage();
form.render();
form.on('submit(formAddBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
title: $("#title").val(),
imagePath: $("#imagePath").find("input[type='hidden'][name='upload']").attr("oldurl"),
firstTypeId: $("#firstTypeId").val(),
secondTypeId: $("#secondTypeId").val(),
};
if(isNull(params.imagePath)){
winui.window.msg('请上传图片', {icon: 2, time: 2000});
return false;
}
AjaxPostUtil.request({url: reportBasePath + "reportbgimage002", params: params, type: 'json', method: "POST", callback: function(json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
});
\ No newline at end of file
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'fileUpload'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$;
showGrid({
id: "showForm",
url: reportBasePath + "queryReportBgImageMationById",
params: {id: parent.rowId},
pagination: false,
method: "GET",
template: $("#beanTemplate").html(),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function(j){
// 加载所属分类
reportModelTypeUtil.showModelTypeOperator(form, "typeBox", j.bean.firstTypeId, j.bean.secondTypeId);
// 初始化上传
$("#imagePath").upload(systemCommonUtil.uploadCommon003Config('imagePath', 18, j.bean.imagePath, 1));
matchingLanguage();
form.render();
form.on('submit(formEditBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
title: $("#title").val(),
imagePath: $("#imagePath").find("input[type='hidden'][name='upload']").attr("oldurl"),
firstTypeId: $("#firstTypeId").val(),
secondTypeId: $("#secondTypeId").val(),
id: parent.rowId
};
if (isNull(params.imagePath)) {
winui.window.msg('请上传图片', {icon: 2, time: 2000});
return false;
}
AjaxPostUtil.request({url: reportBasePath + "editReportBgImageMationById", params: params, type: 'json', method: "PUT", callback: function(json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
}
});
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
});
\ No newline at end of file
var rowId = "";
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window',
}).define(['window', 'table', 'jquery', 'winui'], function (exports) {
winui.renderColor();
var $ = layui.$,
form = layui.form,
table = layui.table;
authBtn('1625280805000');
// 背景图模型列表
table.render({
id: 'messageTable',
elem: '#messageTable',
method: 'post',
url: reportBasePath + 'reportbgimage001',
where: getTableParams(),
even: true,
page: true,
limits: getLimits(),
limit: getLimit(),
cols: [[
{ title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers' },
{ field: 'title', title: '标题', align: 'left', width: 150 },
{ field: 'logo', title: '背景图', align: 'center', width: 120, templet: function (d) {
return '<img src="' + fileBasePath + d.imagePath + '" class="cursor" lay-event="printsPicUrl">';
}},
{ field: 'firstTypeName', title: '一级分类', align: 'left', width: 120 },
{ field: 'secondTypeName', title: '二级分类', align: 'left', width: 120 },
{ field: 'createName', title: systemLanguage["com.skyeye.createName"][languageType], width: 120 },
{ field: 'createTime', title: systemLanguage["com.skyeye.createTime"][languageType], align: 'center', width: 150 },
{ field: 'lastUpdateName', title: systemLanguage["com.skyeye.lastUpdateName"][languageType], align: 'left', width: 120 },
{ field: 'lastUpdateTime', title: systemLanguage["com.skyeye.lastUpdateTime"][languageType], align: 'center', width: 150 },
{ title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 250, toolbar: '#tableBar'}
]],
done: function(json) {
matchingLanguage();
}
});
table.on('tool(messageTable)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if (layEvent === 'edit') { // 编辑
edit(data);
} else if (layEvent === 'delet') { // 删除
delet(data);
} else if (layEvent === 'printsPicUrl') { // 图片预览
systemCommonUtil.showPicImg(systemCommonUtil.getFilePath(data.imagePath));
}
});
// 添加
$("body").on("click", "#addBean", function() {
_openNewWindows({
url: "../../tpl/reportBgImage/reportBgImageAdd.html",
title: systemLanguage["com.skyeye.addPageTitle"][languageType],
pageId: "reportBgImageAdd",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadTable();
}});
});
// 编辑
function edit(data) {
rowId = data.id;
_openNewWindows({
url: "../../tpl/reportBgImage/reportBgImageEdit.html",
title: systemLanguage["com.skyeye.editPageTitle"][languageType],
pageId: "reportBgImageEdit",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadTable();
}});
}
// 删除
function delet(data) {
layer.confirm(systemLanguage["com.skyeye.deleteOperationMsg"][languageType], {icon: 3, title: systemLanguage["com.skyeye.deleteOperation"][languageType]}, function (index) {
layer.close(index);
AjaxPostUtil.request({url: reportBasePath + "reportbgimage003", params: {id: data.id}, type: 'json', method: "DELETE", callback: function(json) {
winui.window.msg("删除成功", {icon: 1, time: 2000});
loadTable();
}});
});
}
form.on('submit(formSearch)', function (data) {
if (winui.verifyForm(data.elem)) {
table.reloadData("messageTable", {page: {curr: 1}, where: getTableParams()});
}
return false;
});
// 刷新数据
$("body").on("click", "#reloadTable", function() {
loadTable();
});
function loadTable() {
table.reloadData("messageTable", {where: getTableParams()});
}
function getTableParams() {
return {
title: $("#title").val()
};
}
exports('reportBgImageList', {});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin:0 auto;padding:20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基础信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">标题<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="title" name="title" win-verify="required" placeholder="请输入标题" class="layui-input" maxlength="100"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">背景图<i class="red">*</i></label>
<div class="layui-input-block">
<div class="upload" id="imagePath"></div>
</div>
</div>
<div class="layui-form-item layui-col-xs12" id="typeBox">
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formAddBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
</form>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/reportBgImage/'}).use('reportBgImageAdd');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin:0 auto;padding:20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
</form>
</div>
<script type="text/x-handlebars-template" id="beanTemplate">
{{#bean}}
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基础信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">标题<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="title" name="title" win-verify="required" placeholder="请输入标题" class="layui-input" maxlength="100" value="{{title}}"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">背景图<i class="red">*</i></label>
<div class="layui-input-block">
<div class="upload" id="imagePath"></div>
</div>
</div>
<div class="layui-form-item layui-col-xs12" id="typeBox">
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formEditBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
{{/bean}}
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/reportBgImage/'}).use('reportBgImageEdit');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div class="txtcenter" style="margin:0 auto;padding-top:10px;">
<form class="layui-form layui-form-pane" action="" autocomplete="off">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">标题</label>
<div class="layui-input-inline">
<input type="text" id="fileName" name="fileName" placeholder="请输入标题" class="layui-input" />
</div>
<label class="layui-form-label">模型ID</label>
<div class="layui-input-inline">
<input type="text" id="modelId" name="modelId" placeholder="请输入模型ID" class="layui-input" />
</div>
<button type="reset" class="layui-btn layui-btn-primary list-form-search"><language showName="com.skyeye.reset"></language></button>
<button class="layui-btn list-form-search" lay-submit lay-filter="formSearch"><language showName="com.skyeye.search2"></language></button>
</div>
</div>
</form>
</div>
<div class="winui-toolbar">
<div class="winui-tool">
<button id="reloadTable" class="winui-toolbtn"><i class="fa fa-refresh" aria-hidden="true"></i><language showName="com.skyeye.refreshDataBtn"></language></button>
<button id="addBean" class="winui-toolbtn" auth="1625280805000"><i class="fa fa-plus" aria-hidden="true"></i><language showName="com.skyeye.addBtn"></language></button>
</div>
</div>
<div style="margin:auto 10px;">
<table id="messageTable" lay-filter="messageTable"></table>
<script type="text/html" id="tableBar">
{{# if(auth('1656226049345')){ }}
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
{{# if(auth('1625280815182')){ }}
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delet"><language showName="com.skyeye.deleteBtn"></language></a>
{{# } }}
</script>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/reportBgImage/'}).use('reportBgImageList');
</script>
</body>
</html>
\ No newline at end of file
......@@ -25,7 +25,6 @@ var customerJS = {
"codeDocUtil": "../../assets/lib/layui/customer/codeDocUtil.js", // 代码生成器相关工具类
"organizationUtil": "../../assets/lib/layui/customer/organizationUtil.js", // 组织机构相关工具类
"threeUtil": "../../assets/lib/layui/customer/threeUtil.js", // 3D编辑器相关工具类
"reportModelTypeUtil": "../../assets/lib/layui/customer/reportModelTypeUtil.js", // 模型分类工具类
"initTableChooseUtil": "../../assets/lib/layui/customer/tableUtil/initTableChooseUtil.js", // 加载表格选择的表格插件
"sysDictDataUtil": "../../assets/lib/layui/customer/skyeye/sysDictDataUtil.js", // 数据字典插件
"initTableSearchUtil": "../../assets/lib/layui/customer/tableUtil/initTableSearchUtil.js", // 表格高级查询插件
......
// 模型分类工具类
var reportModelTypeUtil = {
modelTypeChooseHtml: '<div class="layui-form-item layui-col-xs6">\n' +
' <label class="layui-form-label">一级分类<i class="red">*</i></label>\n' +
' <div class="layui-input-block">\n' +
' <select id="firstTypeId" lay-filter="firstTypeId" lay-search="" win-verify="required">\n' +
' <option value="">请选择</option>\n' +
' </select>\n' +
' </div>\n' +
' </div>\n' +
' <div class="layui-form-item layui-col-xs6">\n' +
' <label class="layui-form-label">二级分类<i class="red">*</i></label>\n' +
' <div class="layui-input-block">\n' +
' <select id="secondTypeId" lay-filter="secondTypeId" lay-search="" win-verify="required">\n' +
' <option value="">请选择</option>\n' +
' </select>\n' +
' </div>\n' +
' </div>',
/**
*
* 加载模型分类选择的html
*
* @param form form对象
* @param boxId 加载的目标dom的id
* @param firstTypeId 一级分类id
* @param secondTypeId 二级分类id
*/
showModelTypeOperator: function (form, boxId, firstTypeId, secondTypeId) {
$("#" + boxId).html(reportModelTypeUtil.modelTypeChooseHtml);
var selOption = getFileContent('tpl/template/select-option.tpl');
// 加载一级模型分类
reportModelTypeUtil.loadModelType("firstTypeId", selOption, "0", form);
if (!isNull(firstTypeId)) {
$("#firstTypeId").val(firstTypeId);
// 加载二级模型分类
reportModelTypeUtil.loadModelType("secondTypeId", selOption, firstTypeId, form);
}
if (!isNull(secondTypeId)) {
$("#secondTypeId").val(secondTypeId);
}
form.render('select');
form.on('select(firstTypeId)', function (data) {
var value = data.value;
// 加载二级模型分类
reportModelTypeUtil.loadModelType("secondTypeId", selOption, value, form);
});
},
/**
* 获取模型分类信息
*
* @param id 展示对象id
* @param template 模板
* @param parentId 父id
* @param form form对象
*/
loadModelType: function (id, template, parentId, form) {
showGrid({
id: id,
url: reportBasePath + "reportmodeltype006",
params: {"parentId": parentId},
pagination: false,
method: "GET",
template: template,
ajaxSendLoadBefore: function (hdb) {
},
ajaxSendAfter: function (json) {
form.render('select');
}
});
}
};
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册