sooka_maintenance
/
bsdsjj_siping


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474
							<%--
	time:2012-04-12 09:59:47
	desc:edit the 报表模板

--%>
<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/commons/include/html_doctype.html"%>
<html>
<head>
	<title>编辑 报表模板</title>
	<%@include file="/commons/include/form.jsp" %>
	<f:link href="tree/zTreeStyle.css"></f:link>
	<script type="text/javascript" src="${ctx}/js/hotent/platform/system/Share.js"></script>
	<script type="text/javascript"src="${ctx}/js/hotent/platform/system/ScriptDialog.js"></script>
	<script type="text/javascript" src="${ctx}/js/hotent/CustomValid.js"></script>
	<script type="text/javascript" src="${ctx}/js/hotent/platform/system/SysDialog.js"></script>
	<script type="text/javascript" src="${ctx}/js/hotent/platform/form/FormUtil.js"></script>
	<script type="text/javascript" src="${ctx}/js/hotent/platform/form/CommonDialog.js"></script>
	<script type="text/javascript" src="${ctx}/js/lg/plugins/ligerComboBox.js"></script>
	<script type="text/javascript" src="${ctx}/js/lg/plugins/htCatCombo.js"></script>
	<script type="text/javascript" src="${ctx}/js/tree/jquery.ztree.js"></script>
	<script type="text/javascript">
	$(function() {
		$("a.save").click(function() {
			var rtn=$('#reportForm').form().valid();
			if(!rtn) return;
			if(!'${report.reportId}'){
				var path = $("#file").val();
				var index = path.lastIndexOf('.');
				var extName = path.substring(index+1,path.length);
				if(path==''){
					$.ligerDialog.warn("请上传模板文件");
					return false ;
				}else if('zip'!=extName && 'jrxml'!=extName){
					$.ligerDialog.warn("请选择 *.zip或*.jrxml文件进行上传!","提示信息");
					return false ;
				}
			}
			
			//设置报表参数
			var paraInfo = $('#paraInfo tbody tr');
			var paramArr = [] ;
			for(var i=0;i<paraInfo.length;i++){
				var self = $(paraInfo[i]);
				var obj = {} ;
				obj.field = $('#field',self).text();
				obj.paraType = $('#paraType',self).text();
				obj.comment = $('#comment',self).val();
				var type = obj.defaultType = $('#defaultType',self).val();
				if(type=='0'){
					obj.defaultValue = $('#defaultValue',self).val();
				}else if(type=='1'){
					//表单输入，添加控件类型
					obj.paraCt = $('#paraCt',self).val();
					var dialogCt = $('#settingSpan',self);
					if(dialogCt.css('display')!='none'){
						//添加自定义对话框控件参数
						var dialogType = $('#dialog-type',dialogCt).val();
						var dialogParam = $('#dialog-param',dialogCt).val();
						if(!dialogType){
							$.ligerDialog.warn("请选择自定义对话框");
							return false ;
						}else if(!dialogType){
							$.ligerDialog.warn("请选择对话框返回值");
							return false ;
						}
						obj.dialog = dialogType;
						obj.dialogParam = dialogParam;
					}
				}else{
					obj.defaultValue = $('#area',self).val();
				}
				paramArr.push(obj);
			}
			$('#params').val(JSON2.stringify(paramArr));
			$("#reportForm").submit();
			$.ligerDialog.waitting('处理中，请稍候……','提示');
		});
		$("#reportForm").ajaxForm({success:showResponse});

		function showResponse(responseText, statusText){
			$.ligerDialog.closeWaitting();
			var json=eval('('+responseText+')');
			if(json.result==1){
				if(json.message){
					$.ligerDialog.confirm('报表中包含参数，是否继续设置？','添加报表成功',function(result){
						if(result){
							window.location.href='edit.ht?reportId='+json.message;
						}else{
							window.location.href='list.ht';
						}
					});
				}else{
					$.ligerDialog.confirm('保存成功，是否继续操作？','提示',function(result){
						if(!result){
							window.location.href='list.ht';
						}
					});
				}
			}else{
				$.ligerDialog.err("提示信息","报表模板保存失败!",json.message.trim());
			}
		}

		//获取自定义对话框
		getDialogs();
		$('#selectBtn').live('click',function(){
			var self = this ;
			var closestTd = $(self).closest('td');
			var type = $(this).siblings('#paraCt').val();
			switch (parseInt(type)) {
			//自定义对话框
			case 0 :
				var dialog = closestTd.find('#dialog-type');
				var dialogParam = closestTd.find('#dialog-param').val();
				var alias = dialog.val();
				if(!dialogParam){
					$.ligerDialog.warn("请选择对话框返回值");
					return false ;
				}
				var rtnValue = "" ;
				var temp = {};
				CommonDialog(alias,function(data){
					if(Object.prototype.toString.call((data)) == '[object Array]'){
						for(var j=0;j<data.length;j++){
							temp = data[j];
							if(temp[dialogParam])
								rtnValue+=temp[dialogParam]+',';
						}
						dialogCallBack(rtnValue.substring(0,rtnValue.length-1),"",self);
					}else{
						dialogCallBack(data[dialogParam],"",self);
					}
				});
				break;
				// 人员选择器(单选)
				case 4 :
					UserDialog({
						isSingle : true,
						callback : function(ids, names) {
							dialogCallBack(ids,names,self);
						}
					});
					break;
				// 角色选择器(单选)
				case 17 :
					RoleDialog({
						isSingle : true,
						callback : function(ids, names) {
							dialogCallBack(ids,names,self);
						}
					});
					break;
				// 组织选择器(单选)
				case 18 :
					OrgDialog({
						isSingle : true,
						callback : function(ids, names) {
							dialogCallBack(ids,names,self);
						}
					});
					break;
				// 岗位选择器(单选)
				case 19 :
					PosDialog({
						isSingle : true,
						callback : function(ids, names) {
							dialogCallBack(ids,names,self);
						}
					});
					break;
				}
			});
		if('${paramList}'){
			//构造参数表格
			var param = constructParamTable(${paramList});
			$("#paraInfo").empty().append(param);
		}
		//初始化报表分类
		initReportType();
	});
	
	function initReportType(){
		var typeId = 0;
		if("${report.typeId}"){
			typeId = "${report.typeId}";
		}else if("${param.typeId}"){
			typeId = "${param.typeId}";
		}
		//设置返回路径参数
		if(typeId!=0){
			var backUrl = $('a.link.back').attr('href');
			$('a.link.back').attr('href',backUrl+'?typeId='+typeId);
		}
	}
	
	function typeChange(obj){
		var self = $(obj);
		var selfValue = self.val();
		self.siblings().hide();
		if(selfValue=='1'){
			//表单输入
			self.siblings('#paraCt').show();
		}else if(selfValue=='0'){
			//固定值
			self.siblings('#defaultValue').show();
			var paraCt = self.siblings('#paraCt');
			paraCt.show();
			if(paraCt.val()!="1" && paraCt.val()!="-1"){
				self.siblings('#selectBtn').show();
			}
		}else{
			self.siblings('#script').show();
		}
	}
	function paraChange(obj){
		var self = $(obj);
		var defaultValue = self.siblings('#defaultValue');
		defaultValue.removeClass('date');
		var selfVal = self.val();
		var selectBtn = self.siblings('#selectBtn');
		self.siblings('#settingSpan').hide();
		if(selfVal=='1' || selfVal=="-1"){
			//单行文件或日期控件
			selectBtn.hide();
			if(selfVal=="-1") defaultValue.addClass('date');
		}else if(selfVal=='0'){
			//对话框
			self.siblings('#settingSpan').show();
		}else if(self.siblings('#defaultType').val()!='1'){
			selectBtn.show();
		}else{
			selectBtn.hide();
		}
	}
	function dialogCallBack(ids,names,obj){
		var defaultValue=$(obj).siblings('#defaultValue');
		defaultValue.val(ids);
	}
	//选择不同的对话框
	function dialogChange(obj){
		var dia=$(obj).find("option:selected");
		var v = dia.attr("fields");
		if(v){
			var paramSelector = $(obj).siblings("#dialog-param");
			var opt = paramSelector.find("option:first-child");
			paramSelector.text('');
			//添加   请选择…… option
			paramSelector.append(opt);
			var fields = $.parseJSON(v);
			for(var i=0,f;f=fields[i++];){
				opt = $('<option value="'+f.field+'">'+f.comment+'</option>');
				paramSelector.append(opt);
			}
		}
	}
	//获取自定义对话框
	function getDialogs(){
		var url = __ctx + '/platform/form/bpmFormDialog/getAllDialogs.ht';
		$.ajax({
		    type:"get",
		    async:false,
		    url:url,
		    success:function(data){
				if (data) {
					for(var i=0,c;c=data[i++];){
						var opt = $('<option value="'+c.alias+'">'+c.name+'</option>');
						opt.attr("fields",c.resultfield);
						$("select#dialog-type").append(opt);
					}
				}
		    }
		});
	};
	function constructParamTable(params){
		var table = $("#para-txt table").clone();
		var tbody = $("tbody",table).empty();
		for(var i=0;i<params.length;i++){
			var tr = constructParamTr(params[i]);
			tbody.append(tr);
		}
		return table;
	};
	
	function constructParamTr(p){
		var tr = $("#para-txt table tbody tr").clone();
		$("[name='field']",tr).text(p.field);
		$("[name='paraType']",tr).text(p.paraType);
		$("[name='comment']",tr).val(p.comment);
		$("[name='paraCt']",tr).val(p.paraCt);
		var defaultType = $('[name=defaultType]',tr);
		defaultType.val(p.defaultType);
		typeChange(defaultType);
		$('[name=defaultValue]',tr).val(p.defaultValue);
		if(p.dialog){
			$('#settingSpan',tr).show();
			$('#dialog-type',tr).val(p.dialog)
			dialogChange($('#dialog-type',tr));
			$('#dialog-param',tr).val(p.dialogParam)
		}
		return tr;
	};
	function selectScript(obj) {
		var txtObj=$(obj).closest('div').siblings("textarea")[0];
		ScriptDialog({
			callback : function(script) {
				$.insertText(txtObj,script);
			}
		});
	};
	</script>
	<style type="text/css">
		html,body{height:100%;width:100%; overflow: hidden;}
		.para-info-table th, .para-info-table td{text-align: center;height: 32px;}
		select{width:90px;}
	</style>
</head>
<body>
<div class="panel">
	<div class="panel-top">
		<div class="tbar-title">
		    <c:choose>
		        <c:when test="${not empty report.reportId}">
		            <span class="tbar-label">编辑报表模板</span>
		        </c:when>
		        <c:otherwise>
		            <span class="tbar-label">添加报表模板</span>
		        </c:otherwise>
		    </c:choose>
		</div>
		<div class="panel-toolbar">
			<div class="toolBar">
				<div class="group">
				    <a class="link save" id="dataFormSave" href="javascript:;"><span></span>保存</a>
				</div>
				<div class="l-bar-separator"></div>
				<div class="group">
					<a class="link back" href="list.ht"><span></span>返回</a>
				</div>
			</div>
		</div>
	</div>
	<div class="panel-body">
		<form id="reportForm" method="post" action="save.ht" enctype="multipart/form-data">
			<table class="table-detail" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<th width="15%">标题:  <span class="required">*</span></th>
					<td>
						<input type="text" id="title" name="title" validate="{required:true}" tipId="errorTitle"
							value="${report.title}" class="inputText"/><label id="errorTitle"></label>
					</td>
				</tr>
				<tr>
					<th>数据源别名:  <span class="required">*</span></th>
					<td>
						<select name="dsName" style="width:115px;">
							<option value="">空数据源</option>
							<c:forEach var="item" items="${dsList}">
								<option value="${item.alias }" <c:if test="${report.dsName eq item.alias}">selected="selected"</c:if>>${item.alias }</option>
							</c:forEach>
						</select>
					</td>
				</tr>
				<tr>
					<th>报表分类: </th>
					<td>
						<c:choose>
							<c:when test="${not empty report.typeId}">
								<c:set var="catValue" value="${report.typeId}"></c:set>
							</c:when>
							<c:when test="${not empty param.typeId}">
								<c:set var="catValue" value="${param.typeId}"></c:set>
							</c:when>
							<c:otherwise>
								<c:set var="catValue" value=""></c:set>
							</c:otherwise>
						</c:choose>
						<input class="catComBo" catKey="REPORT_TYPE" valueField="typeId" catValue="${catValue}" name="typeName" height="150" width="150"/>
					</td>
				</tr>
				<c:if test="${not empty paramList}">
				<tr>
					<th>主报表参数： </th>
					<td id="paraInfo">
					</td>
				</tr>
				</c:if>
				<tr>
					<th>描述: </th>
					<td>
						<textarea rows="5" cols="60" id="descp" name="descp"
							class="textarea">${report.descp}</textarea>
					</td>
				</tr>
				<tr>
					<th>报表模板路径:  <span class="required">*</span></th>
					<td>
					<c:choose>
						<c:when test="${empty report.reportId}">
							<input id="file" name="file" style="width: 200px;" class="inputText" type="file" 
								value="${report.filePath}" />
						</c:when>
						<c:otherwise>
							<label>${report.filePath}</label>
						</c:otherwise>
					</c:choose>
					</td>
				</tr>
			</table>
			<input type="hidden" name="params" value="[{}]" id="params">
			<input type="hidden" name="reportId" value="${report.reportId}" />
			<input type="hidden" name="filePath" value="${report.filePath}" />
		</form>
	</div>
	
	<div class="hidden">
		<div id="para-txt">
			<table class="table-detail para-info-table" cellpadding="0" cellspacing="0" border="0">
				<thead>
					<tr>
						<th width="15%">参数信息</th>
						<th width="15%">参数类型</th>
						<th width="20%">参数说明</th>
						<th width="50%">参数值</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><span name="field" id="field"></span></td>
						<td><span name="paraType" id="paraType"></span></td>
						<td>
							<input type="text" name="comment" id="comment" validate="{required:true}" tipId="errorComment"/>
							<label id="errorComment"></label>
						</td>
						<td style="text-align:left;">
							<select name="defaultType" id="defaultType" onchange="typeChange(this)">
								<option value="0">固定值</option>
								<option value="1">表单输入</option>
								<option value="2">脚本</option>
							</select>
							<div style="display:none;width:200px" id="script">
								<div name='btnScript'>
        							<a href='#' class='link var' title='常用脚本' onclick='selectScript(this)'>常用脚本</a>
       							</div>
       							<textarea cols='20' rows='3' id="area" name="defaultValue"></textarea>
							</div>
							<input type="text" style="width:100px;" value="" id="defaultValue" name="defaultValue">
							<select name="paraCt" id="paraCt" onchange="paraChange(this)">
								<option value="1">单行文本框</option>
								<option value="4">人员选择器(单选)</option> 
								<option value="17">角色选择器(单选)</option>
								<option value="18">组织选择器(单选)</option>
								<option value="19">岗位选择器(单选)</option> 
								<option value="0">自定义对话框</option>
								<option value="-1">日期控件</option>
							</select>
							<span style="display: none;" id="settingSpan">
								<select id="dialog-type" name="dialog-type" onchange="dialogChange(this)" style="width:100px;">
									<option value="">请选择对话框……</option>
								</select>
								<select id="dialog-param" name="dialog-param" style="width:100px;">
									<option value="">请选择返回值……</option>
								</select>
							</span>
							<input type="button" id="selectBtn" value="…" style="display:none;width:20px;" />
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>
</body>
</html>