<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
|
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro"%>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<meta name="viewport" charset="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>报表配置</title>
|
<link rel="stylesheet" href="static/plugins/jquery-steps/css/main.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/jquery-steps/css/jquery.steps.css" type="text/css">
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/layer/skin/default/layer.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/webuploader/webuploader.css" type="text/css">
|
|
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/scripts/easyuiExtend.js"></script>
|
<script type="text/javascript" src="static/scripts/jquery-extend.js"></script>
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui-edatagrid/jquery.edatagrid.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui-datagrid-dnd/datagrid-dnd.js"></script>
|
<script src="static/plugins/ace/src-noconflict/ace.js" type="text/javascript"></script>
|
<script type="text/javascript" src="static/plugins/webuploader/webuploader.js"></script>
|
<!-- 弹窗加载组件 -->
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
<!-- wcp组件 -->
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
</head>
|
<style>
|
html, body {
|
height: 100%;
|
}
|
|
body {
|
overflow: hidden;
|
}
|
|
.sourceBody {
|
border-top: 1px solid #eee;
|
}
|
|
.viewBody {
|
padding: 0 20px;
|
}
|
</style>
|
<body>
|
<div id="allView" class="easyui-tabs" style="width:100%; height:100%" data-options="tabPosition:'left'">
|
<div title="基本信息" class="pt-form viewBody">
|
<form id="formReport1" method="post">
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle">
|
<em class="pt-color-danger">*</em> 报表名称：
|
</td>
|
<td>
|
<input id="reportName" name="reportName" class="easyui-textbox" type="text" data-options="required:true" style="width:610px" value="${report.reportName}" />
|
<input type="hidden" class="easyui-textbox" id="reportId" name="reportId" value="${report.reportId}" />
|
</td>
|
</tr>
|
<tr style="display: none">
|
<td class="tbtitle">所属模块：</td>
|
<td>
|
<input id="txt_ModuleName" name="moduleName" value="${report.moduleName}" class="easyui-textbox" type="text"
|
data-options="editable:false,buttonText:'选择模块',prompt:'',onClickButton:function(){selectModule();}" style="width:610px;" />
|
<input type="hidden" name="moduleId" value="${report.moduleId }" id="txt_ModuleId" class="easyui-textbox">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">排序号：</td>
|
<td>
|
<input id="sortNum" name="sortNum" class="easyui-numberspinner" style="width:610px" data-options="min:1,max:1000,editable:true" value="${report.sortNum }">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">描述：</td>
|
<td>
|
<input id="reportDescribe" name="reportDescribe" class="easyui-textbox" data-options="multiline:true" style="height:120px;width:610px" value="${report.reportDescribe }" />
|
</td>
|
</tr>
|
|
</table>
|
</form>
|
</div>
|
<div title="输出配置" class="pt-form viewBody">
|
<form id="formReport2" method="post">
|
<table style="width: 100%;">
|
<tr>
|
<td class="tbtitle">报表类型：</td>
|
<td>
|
<div>
|
<input class="easyui-radiobutton" name="reportType" value="0" data-options="onChange:reportTypeOnChange" label="report2">
|
<input class="easyui-radiobutton" name="reportType" value="1" label="echarts">
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">报表文件名：</td>
|
<td>
|
<input id="reportFile" name="reportFile" class="easyui-textbox" data-options="validType:'reportFile',tipPosition:'left'" type="text" style="width:570px" value="${report.reportFile}" />
|
<button type="button" class="pt-btn pt-btn-primary" onclick="addReport();">设计报表</button>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">上传文件：</td>
|
<td>
|
<div id="picker">选择文件</div>
|
<div style="margin-top:10px;">
|
<span id="fileName"></span>
|
</div>
|
</td>
|
</tr>
|
</table>
|
</form>
|
</div>
|
</div>
|
|
<div class="pt-form-btn" style="bottom:0px;">
|
<div class="form-group">
|
<shiro:hasPermission name="SYS_CONFIG.MODULE.OPERATION.CONFIG.REPORT.SAVE">
|
<button type="button" class="pt-btn pt-btn-primary" onclick="doSave();">确定</button>
|
</shiro:hasPermission>
|
<button type="reset" class="pt-btn pt-btn-default" onclick="closeWindow();">关闭</button>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
//窗口参数，用于弹窗传递
|
var params = {
|
callBack : null
|
};
|
var initWebUploader = true;
|
$(function() {
|
|
$("input[radiobuttonName='reportType'][value='${report.reportType}']").radiobutton('check');
|
var moduleName = "${moduleName}";
|
var moduleId = "${moduleId}";
|
if (moduleId != null && moduleId != "") {
|
$("#txt_ModuleId").textbox("setValue", moduleId);
|
}
|
if (moduleName != null && moduleName != "") {
|
$("#txt_ModuleName").textbox("setValue", moduleName);
|
}
|
new ResizeScroll({
|
"id" : ".viewBody",
|
"height" : "506"
|
});
|
$('#allView').tabs({
|
border : false,
|
onSelect : function(title) {
|
if (title == "输出配置" && initWebUploader) {
|
initWebUploader = false;
|
uploadFile();
|
}
|
}
|
});
|
});
|
|
//确定按钮事件
|
function doSave() {
|
//验证表单信息
|
var isValid1 = $('#formReport1').form('validate');
|
var isValid2 = $('#formReport2').form('validate');
|
if (!isValid1 || !isValid2) {
|
wcp.notify.warn('表单验证有误，请检查表单输入项！');
|
return false;
|
}
|
var obj1 = $("#formReport1").serializeObject();
|
var obj2 = $("#formReport2").serializeObject();
|
var obj = $.extend({}, obj1, obj2);
|
wcp.ui.setBusy("body", wcp.ajax({
|
url : "config/report/saveReport",
|
data : JSON.stringify(obj)
|
}).done(function(result) {
|
//判断是否需要执行回调函数
|
if (params.callBack) {
|
params.callBack();
|
}
|
//关闭窗口
|
closeWindow();
|
top.wcp.notify.success("保存成功！");
|
}));
|
}
|
//选择模块
|
function selectModule() {
|
wcp.picker.selectModule({
|
title : "请选择模块",
|
multiSelect : false,
|
idElement : "txt_ModuleId",
|
nameElement : "txt_ModuleName",
|
layerOpener : window
|
});
|
}
|
|
function reportTypeOnChange(check) {
|
}
|
function addReport() {
|
var path = "<%=path%>";
|
var reportName = $("#reportFile").textbox("getValue");
|
if (reportName == "") {
|
var url = path + "/ureport/designer";
|
window.open(url);
|
} else {
|
var url = path + "/ureport/designer?_u=file:" + reportName;
|
window.open(url);
|
}
|
|
}
|
|
//关闭窗口事件
|
function closeWindow() {
|
var index = top.layer.getFrameIndex(window.name); //获取窗口索引
|
top.layer.close(index);
|
}
|
|
|
function uploadFile() {
|
var imgFileExtensions = 'xml';
|
var uploader = WebUploader.create({
|
swf : 'static/plugins/webuploader/Uploader.swf',
|
server : 'config/report/uploadFile?reportId=' + '${report.reportId}',
|
pick : {
|
id : "#picker",
|
multiple : false
|
},
|
accept : {
|
title : '报表文件',
|
extensions : imgFileExtensions,
|
mimeTypes : '.xml'
|
},
|
auto : true,
|
duplicate : true
|
});
|
uploader.on("uploadSuccess", function(file, response) { //上传成功事件
|
var fileName = response.result.fileName;
|
if (fileName == "repeat") {
|
layer.alert('文件名重复，请修改文件名重新上传！');
|
} else {
|
$("#reportFile").textbox("setValue", response.result.fileName);
|
$("#fileName").html(response.result.fileName);
|
top.wcp.notify.success("上传成功！");
|
}
|
|
});
|
uploader.on("uploadError", function(file, reason) { //上传失败
|
|
wcp.message.error("上传失败：" + reason, "错误");
|
});
|
uploader.on("beforeFileQueued", function(file) {
|
var ext = file.ext;
|
if (imgFileExtensions.indexOf(ext.toLowerCase()) == -1) {
|
wcp.message.error("请选择xml文件！", "错误");
|
return false;
|
}
|
});
|
// 文件上传过程中创建进度条实时显示。
|
uploader.on('uploadProgress', function(file, percentage) {
|
|
});
|
}
|
</script>
|
</html>
|
