customSearchParamsConfig.jsp 31.2 KB

Raw Blame History Permalink

<%@page import="weaver.general.BaseBean"%>
<%@page import="com.weaver.formmodel.mobile.utils.MobileCommonUtil"%>
<%@page import="net.sf.json.JSONObject"%>
<%@page import="net.sf.json.JSONArray"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/mobilemode/admin/init.jsp"%>
<%
JSONArray paramsArr;
String searchParams = MobileCommonUtil.decompressByLZ(Util.null2String(request.getParameter("searchParams")));
try{
	paramsArr = JSONArray.fromObject(searchParams.trim().equals("") ? "[]" : searchParams);
}catch(Exception e){
	paramsArr = new JSONArray();
	new BaseBean().writeLog(e);
}

%>
<!DOCTYPE HTML>
<html>
<head>
<link type="text/css" rel="stylesheet" href="/mobilemode/admin/src/common/css/common.css">
<link type="text/css" rel="stylesheet" href="/mobilemode/admin/src/appdesigner/appDesigner.css">
<script type="text/javascript" src="/formmode/js/jquery/jquery-1.8.3.min_wev8.js"></script>
<script type="text/javascript" src="/formmode/js/jquery/jquery-ui-1.10.3/ui/minified/jquery-ui.min_wev8.js"></script>
<style type="text/css">
*{
	font-family: 'Microsoft Yahei', Arial;
}
body{
	padding: 2px 5px 0px 5px;
	background: none;
	overflow-y: auto;
}
.e8_zDialog_bottom{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
}
#searchTableWrap{
	min-height: 35px;
}
.searchTable{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.searchTable thead td{
	color: #A4A9AE;
	border-bottom: 1px solid #DFDFDF;
	font-weight: bold;
	font-size: 13px;
	padding: 8px 3px 8px 3px;
}
.searchTable tbody td{
	border-bottom: 1px solid rgb(233, 236, 243);
	padding: 10px 3px;
}
.searchTable tbody td.bemove{
	background: url("/mobilemode/images/tr_move2_wev8.png") no-repeat center;
	cursor: move;
}
.searchTable tbody tr:last-child td{
	border-bottom:none;
}
.delBtn{
	width: 25px;
	height: 25px;
	background: url("/mobilemode/images/del-3.png");
	cursor: pointer;
}
.delBtn:HOVER{
	background-image: url("/mobilemode/images/del-3-hover.png");
}
#addSearch{
	border: 2px dotted rgb(223, 223, 223);
	height: 43px;
	line-height: 43px;
	text-align: right;
	cursor: pointer;
	background: #f9f9f9;
}
#addSearch div{
	color: rgb(185, 185, 185);
	float: right;
	height: 100%;
	background: url("/mobilemode/images/plus-small.png") no-repeat;
	background-position: 0px center;
	padding-left: 20px;
	font-size: 14px;
	margin-right: 13px;
}
#addSearch:HOVER div{
	background-image: url("/mobilemode/images/plus-small-hover.png");
	color: rgb(0, 144, 255);
}
select.form-control{
	appearance: menulist-button;
	-webkit-appearance:menulist-button;
	-moz-appearance:menulist-button;
}
.entry-has-value:after {
    content: "\e6c9";
}
.fieldpropsPanel {
    left: 700px;
    font-size: 9pt;
    vertical-align: top;
    position: fixed;
    top: 450px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    height: 230px;
    z-index: 999;
    width: 376px;
    border-radius: 3px;
    display: none;
    -moz-box-shadow: 0 2px 5px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 5px 5px rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px 5px rgba(0,0,0,0.1);
}
.panelContent {
    padding: 10px 10px 5px;
    box-sizing: border-box;
    height: 190px;
    overflow-y: auto;
}
.SEARCH_PanelOkBtn {
    background-color: #006fc1;
    position: absolute;
    right: 100px;
    bottom: 6px;
}
.SEARCH_SaveBtn, .SEARCH_CancelBtn {
    background-color: #6ba3ed;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: 'Microsoft Yahei',Arial,sans-serif;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 80px;
    zoom: 1;
}
.SEARCH_CancelBtn {
    background-color: #999;
    position: absolute;
    right: 10px;
    bottom: 6px;
}
.MADFBro_BrowserBtn {
    width: 18px;
    height: 22px;
    background-image: url(/wui/theme/ecology8/skins/default/general/browser_wev8.png);
    background-color: rgba(0,0,0,0);
    background-position: 0 50%;
    background-repeat: no-repeat;
    position: absolute;
    right: 4px;
    top: 5px;
}
.MADFS_Table {
    border-collapse: collapse;
}
.MADFS_Table tr {
    height: 30px;
    border-bottom: 1px dashed #ccc;
}
.select_empty_tip {
    color: #ccc;
    font-size: 14px;
    font-family: 'Microsoft Yahei',Arial,Helvetica,sans-serif;
    padding: 9px 5px 9px 10px;
    border: 1px dashed #ccc;
    display: none;
}
</style>

<script type="text/javascript">
	var paramsArr = <%=paramsArr.toString()%>;

	window.onload = function(){
		require(['utils', 'i18n/lang', 'checkbox', 'UUID'], function() {
			for(var i = 0; i < paramsArr.length; i++){
				addRow(paramsArr[i]);
			}
			buildFieldPropPanel();
		});

		$("#searchTableWrap > .searchTable > tbody").sortable({
			revert: false,
			axis: "y",
			items: "tr",
			handle: ".bemove"
		});
	};

	function addRow(fieldProps){
		fieldProps = fieldProps || {};
		var entryId = fieldProps.entryId || new UUID().toString();
		var typeProps = fieldProps.typeProps || "{}";
		var fieldname = fieldProps.fieldname || "";
		var label = fieldProps.label || "";
		var typeText = fieldProps.typeText || "";
		var initValue = fieldProps.initValue || "";
		var mectype = fieldProps.mectype || "";
		var hasvalue = initValue == "" ? "" : "entry-has-value"

		var $rowContainer = $("#searchTableWrap > .searchTable > tbody");
		var $row = $("<tr id=\"entry_"+entryId+"\"></tr>");

		var html = "<td class=\"bemove\" width=\"30px\"></td>";
			html += "<td width=\"100px\">";
			html += "<input type=\"text\" name=\"label\" class=\"shownameText form-control\" "+MLanguage.ATTR+"/>";
			html += "</td>";

			html += "<td width=\"120px\">"
				+ "<div class=\"sbHolder MADF_FieldtypeHolder\" onmousedown=\"javascript:initFieldPropPanel(this, '"+entryId+"');\">"
					+ "<a href=\"javascript:void(0);\" class=\"sbToggle sbToggle-btc\"></a>"
					+ "<input class=\"panel-input\" id=\"fieldtype_"+entryId+"\" name=\"typeText\" value=\""+typeText+"\" readonly='readonly' unselectable='on'>"
					+ "<input type=\"hidden\" name=\"typeProps\" value=\""+encodeURIComponent(JSON.stringify(typeProps))+"\"/>"
				+ "</div>"
			+"</td>";//字段类型

			html += "<td width=\"60px\"><span class=\"edit-before "+hasvalue+"\" onclick=\"editFieldDefaultVal(this, '"+entryId+"')\"></span>"
				+ "<input type=\"hidden\" name=\"initValue\" value=\""+initValue+"\"/>"
				+ "<input type=\"hidden\" name=\"mectype\" value=\""+mectype+"\"/>"
			+"</td>";//初始默认值


			html += "<td width=\"100px\">";
			html += "<input type=\"text\" name=\"fieldname\" class=\"shownameText form-control\" value=\""+fieldname+"\"/>";
			html += "</td>";

			html += "<td width=\"60px\">";
				html += "<div class=\"delBtn\"></div>";
			html += "</td>";

		$row.html(html);
		$rowContainer.append($row);

		MLanguage.setValue($("input[name='label']", $row), label);
		$("input[name='label']", $row).MLanguage();

		$(".delBtn", $row).click(function(){
			$row.remove();
		});
	}

	function afterAddRow(){
		$(document.body).scrollTop(3000);
	}

	//初始值
	function editFieldDefaultVal(obj, entryId){
		var $attrContainer = $("#searchTableWrap");
		var $entry = $("#entry_"+entryId, $attrContainer);
		var paramValue = decodeURIComponent($("[name=initValue]", $entry).val());
		paramValue = top.compressByLZ(paramValue);// 系统安全编码

		var url = "/mobilemode/admin/dialog/defaultparaminfo.jsp?paramValue="+paramValue;
		var dlg = top.createTopDialog();//获取Dialog对象
		var hgt = $(document.body).height(),
			wdh = $(document.body).width();
		dlg.Width = 675;//定义长度
		dlg.Height = 600;
		dlg.Model = true;
		dlg.normalDialog = false;
		dlg.URL = url;
		dlg.Title = SystemEnv.getHtmlNoteName(4002);  //编辑
		dlg.show();
		dlg.hookFn = function(result){
			var resultVal = result["paramValue"];
			$("[name=initValue]", $entry).val(encodeURIComponent(resultVal));
			if(resultVal){
				$(obj).addClass("entry-has-value");
			}else{
				$(obj).removeClass("entry-has-value");
			}
		};
	}

	/**
	 * 初始化属性面板
	 *
	 **/
	function initFieldPropPanel(obj, entryid){

		var offset = $("#fieldtype_"+entryid).offset();
		var window_height = $(window).height();

		var oTop=document.body.scrollTop == 0 ?document.documentElement.scrollTop:document.body.scrollTop;
		var v_top = offset.top - oTop;
		var $sbt = $("#fieldtype_"+entryid).parent();
		var sb_hegiht = $sbt.height();
		var top = v_top + sb_hegiht + 4;
		var wHeight = $(window).height();
		var oo = wHeight - top;
		var hh = $("#fieldpropsPanel").outerHeight(true);
		if(oo < hh){
			top = v_top - hh - 4;
		}
		var left = 150;
		var ol = $(window).width()-offset.left;
		if(ol<300){
			left = left+300-ol - 5;
		}
		var $container = $("#fieldpropsPanel");
		$container.css({"top":top+"px", "left":(offset.left-left)+"px"});
		$container.attr("currEntryId", entryid);

		if(!$(obj).hasClass("sbToggle-btc-reverse")){
			$(obj).closest("table").find(".sbToggle-btc-reverse").removeClass("sbToggle-btc-reverse");
			var $entry = $("#entry_"+entryid);
			var $typeProps = $("[name='typeProps']", $entry);
			var initVal = decodeURIComponent($typeProps.val()) || "{}";
			if(initVal){
				var iniValObj = $.parseJSON(initVal);
				//字段类型
				var fieldtype = iniValObj.fieldtype || "1";
				var fieldwidth = iniValObj.fieldwidth || "";
				$("#SEARCH_FieldTypeSelect").val(fieldtype);
				SEARCH_FieldTypeChange();
				if(fieldtype == "1"){//初始化单行文本
					SEARCH_FInputTextUIInit(iniValObj);
				}else if(fieldtype == "3"){//初始化浏览框
					SEARCH_FBrowserUIInit(iniValObj);
				}else if(fieldtype == "5"){//初始化选择框
					SEARCH_FSelectUIInit(iniValObj);
				}
			}
			$(obj).addClass("sbToggle-btc-reverse");
			$("#fieldpropsPanel").slideDown(50, function(){
				$("#SEARCH_FIRemind", $(this)).MLanguage();
			});
		}else{
			$(obj).removeClass("sbToggle-btc-reverse");
			$("#fieldpropsPanel").slideUp(50);
		}


		var e=event || window.event;
	    if (e && e.stopPropagation){
	        e.stopPropagation();
	    }else{
	        e.cancelBubble=true;
	    }

	}

	/**
	 * 构建字段类型设置面板
	 */
	function buildFieldPropPanel(){
		var styleL = "_style" + _userLanguage;
		var propPanelHtm = "<div id=\"fieldpropsPanel\" class=\"fieldpropsPanel fieldpropsPanel"+styleL+"\">";//开始div
			propPanelHtm += "<div class=\"panelContent\">";//面板内容
			propPanelHtm +=		"<div>"  //字段类型div开始
									+ "<div class='row'>"
										+ "<span class='col-2 span-control'>"+SystemEnv.getHtmlNoteName(4745)+"：</span>"
										+ "<div class='col-m-8'><select id=\"SEARCH_FieldTypeSelect\" class=\"form-control\" onchange=\"SEARCH_FieldTypeChange();\">"
											+ "<option value=\"1\" labelid=\"4511\">"+SystemEnv.getHtmlNoteName(4511)+"</option>"//单行文本
											+ "<option value=\"3\" labelid=\"4556\">"+SystemEnv.getHtmlNoteName(4556)+"</option>"//浏览按钮
											//+ "<option value=\"4\" labelid=\"4555\">"+SystemEnv.getHtmlNoteName(4555)+"</option>"//check框
											+ "<option value=\"5\" labelid=\"4541\">"+SystemEnv.getHtmlNoteName(4541)+"</option>"//选择项
										+ "</select></div>"
									+ "</div>"
								+ "</div>";//字段类型div结束

			propPanelHtm += "<div class=\"FInputTextPanel PanelItem\">"//单行文本类型div开始
								+"<div class='row'>"
									+"<span class='col-2 span-control'>"+SystemEnv.getHtmlNoteName(4515)+"</span>"  //提示信息：
								    +"<div class='col-m-8'><input class=\"form-control\" id=\"SEARCH_FIRemind\" name=\"SEARCH_FIRemind\" type=\"text\" "+MLanguage.ATTR+"/></div>"
								+"</div>"
								+ "<div class='row'>"
									+ "<span class='col-2 span-control'>"+SystemEnv.getHtmlNoteName(4185)+"</span>"  //类型：
									+ "<div class='col-m-8'><select class=\"form-control\" id=\"SEARCH_FIHtmlType\" name=\"SEARCH_FinputTextHtmlType\">"
										+ "<option value=\"1\">"+SystemEnv.getHtmlNoteName(4517)+"</option>"  //文本
										+ "<option value=\"2\">"+SystemEnv.getHtmlNoteName(3715)+"</option>"  //日期
										+ "<option value=\"3\">"+SystemEnv.getHtmlNoteName(3706)+"</option>"  //时间
										+ "<option value=\"4\">"+SystemEnv.getHtmlNoteName(4518)+"</option>"  //日期时间
										+ "<option value=\"9\">"+SystemEnv.getHtmlNoteName(4520)+"</option>"  //数字
									+ "</select></div>"
								+"</div>"
							+ "</div>";//单行文本类型div结束

			propPanelHtm += "<div class=\"FSelectPanel PanelItem\">"//选择项类型div开始
								+ "<div class=\"row\">"
									+ "<span class='col-2 span-control'>"+SystemEnv.getHtmlNoteName(4542)+"</span>"  //选择来源：
									+ "<div class='col-m-8'><select id=\"SEARCH_FSelectSourceType\" class=\"form-control\" onchange=\"SEARCH_FSelectSourceTypeChange();\">"
										+ "<option value=\"1\">"+SystemEnv.getHtmlNoteName(4543)+"</option>"//手动添加
										+ "<option value=\"2\">"+SystemEnv.getHtmlNoteName(4280)+"</option>"//手动输入SQL
									+ "</select></div>"
								+ "</div>"

								+ "<div class=\"rightActionContent actionContent\" id=\"SEARCH_FSRightActionContent_1\" style=\"display: none;position: relative;padding-top: 20px;\">"
									+ "<div class=\"add-before select_root_add\" onclick=\"SEARCH_AddSelectEntry();\">"+SystemEnv.getHtmlNoteName(3518)+"</div>"  //添加
									+ "<table class=\"MADFS_Table\" id=\"SEARCH_FSelectTable\" style=\"width:100%;\">"
										+ "<colgroup>"
											+ "<col width=\"20px\"/>"
											+ "<col width=\"40px\"/>"
											+ "<col width=\"140px\"/>"
											+ "<col width=\"30px\"/>"
											+ "<col width=\"80px\"/>"
											+ "<col width=\"*\"/>"
										+ "</colgroup>"
										+ "<tbody>"

										+ "</tbody>"
									+ "</table>"

									+ "<div class=\"select_empty_tip\">"+SystemEnv.getHtmlNoteName(4159)+"</div>"  //单击右上角的添加按钮以添加内容


								+ "</div>"

								+ "<div class=\"rightActionContent actionContent\" id=\"SEARCH_FSRightActionContent_2\" style=\"display: none;\">"

									+"<div class=\"MADFS_DataSource row\">"
										+"<span class='col-2 span-control'>"+SystemEnv.getHtmlNoteName(4201)+"</span>"   //数据源：
										+"<div class='col-m-8'><select class=\"form-control\" id=\"SEARCH_FSDatasource\">"
											+"  <option value=\"\">(local)</option>"
										+"</select></div>"
									+"</div>"

									+ "<div class='row'>"
										+ "<span class='col-2 span-control'></span>"
										+ "<div class='col-m-8'>"
											+ "<textarea id=\"SEARCH_FSRightAction_SQL\" class=\"area-control\" placeholder=\""+SystemEnv.getHtmlNoteName(4283)+"\"></textarea>" //请在此处输入SQL...
											+ "<div style=\"padding-top: 3px;\"><a href=\"javascript:void(0);\" onclick=\"SEARCH_OpenSQLHelp();\">"+SystemEnv.getHtmlNoteName(4202)+"</a></div>"  //如何书写SQL？
										+ "</div>"
									+ "</div>"
								+ "</div>"
							+ "</div>";//选择项类型div结束

			propPanelHtm += "<div class=\"FBrowserPanel PanelItem\">"//浏览框类型div开始
								+ "<div class='row'>"
									+ "<span class='col-2 span-control'>"+SystemEnv.getHtmlNoteName(4185)+"</span>"  //类型：
									+ "<div class='col-m-8'><select id=\"SEARCH_FBrowserTypeSelect\" class=\"form-control\" onchange=\"SEARCH_OnFBrowserTypeChange();\">"
									+ "</select></div>"
								+ "</div>"
								+ "<div id=\"SEARCH_BrowserNameDiv\" class=\"row browsernameDiv browsernameDiv"+styleL+"\" style='position:relative;'>"
									+ "<input id=\"SEARCH_BrowserId\" type=\"hidden\"/>"
									+ "<span class='col-2 span-control'></span>"
							    	+ "<div class='col-m-8'><input id=\"SEARCH_BrowserName\" class=\"form-control MADF_Text\" type=\"text\" readonly=\"readonly\" style=\"\"/>"
							    	+ "<button type=\"button\" onclick=\"SEARCH_openBrowserChoose()\" class=\"MADFBro_BrowserBtn MADFBro_BrowserBtn"+styleL+"\"></button></div>"
							    + "</div>"
							+ "</div>";//浏览框类型div结束

			propPanelHtm += "</div>";
			propPanelHtm += "<div class=\"panelFooter\">"
								+ "<div class=\"SEARCH_SaveBtn SEARCH_PanelOkBtn\" onclick=\"SEARCH_SaveProps();\">"+SystemEnv.getHtmlNoteName(3451)+"</div>" //确定
								+ "<div class=\"SEARCH_CancelBtn\" onclick=\"closeFieldPropPanel();\">"+SystemEnv.getHtmlNoteName(3516)+"</div>" //取消
							+  "</div>";

			propPanelHtm +=	"</div>";//开始div结束
		if($("#fieldpropsPanel").length == 0){
			$("body").append(propPanelHtm).bind("mousedown", function(){
				closeFieldPropPanel();
			});
			var $panelContainer = $("#fieldpropsPanel");
			$panelContainer.checkbox();
			$("#SEARCH_FSelectTable > tbody").sortable({
				revert: false,
				axis: "y",
				items: "tr",
				handle: ".bemove"
			});
			$panelContainer.bind("mousedown",function(event){
		       	var e=event || window.event;
			    if (e && e.stopPropagation){
			        e.stopPropagation();
			    }
		    });
			SEARCH_FSSetDataSourceHTML();//选择框数据源初始化
			SEARCH_fillBrowserType();//浏览框类型初始化
		}
	}

	/**
	 * 关闭属性面板
	 */
	function closeFieldPropPanel(){
		var $container = $("#fieldpropsPanel");
		var currEntryId = $container.attr("currEntryId");
		$("#entry_"+currEntryId).find('.sbHolder').removeClass("sbToggle-btc-reverse");
		$("#fieldpropsPanel").slideUp(50);
		var fieldremind = SystemEnv.getHtmlNoteName(4170);  //请输入...
		//清空组件值
		SEARCH_FInputTextUIInit();//单行文本
		SEARCH_FSelectUIInit();//选择框
		SEARCH_FBrowserUIInit();//浏览框
	}

/**
 * 字段类型change
 */
function SEARCH_FieldTypeChange(){
	var $container = $("#fieldpropsPanel");
	$(".PanelItem", $container).hide();
	var fieldValue = $("#SEARCH_FieldTypeSelect").val();
	if(fieldValue == "1"){
		$(".FInputTextPanel", $container).show();
	}else if(fieldValue == "2"){
		$(".FTextareaPanel", $container).show();
	}else if(fieldValue == "3"){
		$(".FBrowserPanel", $container).show();
	}else if(fieldValue == "5"){
		$(".FSelectPanel", $container).show();
	}else if(fieldValue == "7"){
		$(".FPhotoPanel", $container).show();
	}
}

/**
 * 初始化单行文本类型UI值
 */
function SEARCH_FInputTextUIInit(data){
	var fieldremindDefault = SystemEnv.getHtmlNoteName(4170);  //请输入...
	var $container = $("#fieldpropsPanel");
	var fieldremind = (data && data["fieldremind"]) || "";
	if(data && typeof(data["fieldremind"]) == "undefined"){
		fieldremind = fieldremindDefault;
	}
	var htmlType 	= (data && data["htmlType"]) || "1";
	MLanguage.setValue($("#SEARCH_FIRemind", $container), fieldremind);//单行文本提示信息
	$("#SEARCH_FIHtmlType").val(htmlType);//类型
}

/**
 * 初始化选择框UI
 */
function SEARCH_FSelectUIInit(data){
	var $container = $("#fieldpropsPanel");
	var sourcetype = (data && data["sourceType"]) || "1";
	$("#SEARCH_FSelectSourceType").val(sourcetype);
	SEARCH_FSelectSourceTypeChange();

	var selectDatas = (data && data["selectDatas"]) || [];
	if(selectDatas.length == 0){
		$(".select_empty_tip", $container).show();
	}
	$(".MADFS_Table tbody", $container).empty();
	for(var i = 0; i < selectDatas.length; i++){
		var data = selectDatas[i];
		SEARCH_FSAddSelectEntryToPage(data);
	}

	var datasource = (data && data["datasource"]) || "";
	var sql = (data && data["sql"]) || "";
	//设置数据源
	$("#SEARCH_FSDatasource").val(datasource);

	var $sql = $("#SEARCH_FSRightAction_SQL");
	$sql.val(sql);

	$sql.focus(function(){
		$(this).addClass("MADFS_Textarea_Focus");
	});
	$sql.blur(function(){
		$(this).removeClass("MADFS_Textarea_Focus");
	});
}

function SEARCH_FSSetDataSourceHTML(val){
	var $DataSource = $("#SEARCH_FSDatasource");
	var url = jionActionUrl("com.weaver.formmodel.mobile.servlet.MobileAppBaseAction", "action=getDataSource");
	FormmodeUtil.doAjaxDataLoad(url, function(datas){
		for(var i = 0; i < datas.length; i++){
			var data = datas[i];
			var pointid = data;
			var selected = "";
			if (pointid=="" || typeof(pointid)=="undefined") continue;
			if (pointid == val) selected = "selected";
			var dataSourceSelectHtml = "<option value=\""+pointid+"\" "+selected+">";
			dataSourceSelectHtml += pointid;
			dataSourceSelectHtml += "</option>";
			$DataSource.append(dataSourceSelectHtml);
		}
	});
}

function SEARCH_OpenSQLHelp(){
	var url = "/mobilemode/admin/dialog/fselectSQLHelp.jsp";
	var dlg = top.createTopDialog();//获取Dialog对象
	dlg.Model = true;
	dlg.Width = 540;//定义长度
	dlg.Height = 455;
	dlg.URL = url;
	dlg.btn = false;
	dlg.Title = SystemEnv.getHtmlNoteName(4204);  //SQL帮助
	dlg.show();
}

function SEARCH_AddSelectEntry(){
	var result = {};

	var $attrContainer = $("#fieldpropsPanel");

	var id = new UUID().toString();
	result["id"] = id;
	result["name"] = "";
	result["value"] = "";

	SEARCH_FSAddSelectEntryToPage(result);
}

function SEARCH_FSAddSelectEntryToPage(data){
	$(".select_empty_tip", $attrContainer).hide();
	var $attrContainer = $("#fieldpropsPanel");

	var id = data["id"];
	var name = data["name"];
	var value = data["value"];

	var SelectEntry = "<tr id=\"SelectEntry_"+id+"\" class=\"SelectEntry\" >"
						+ "<td class=\"bemove\">"
						+ "</td>"
						+ "<td style=\"text-align:right\">"
							+ SystemEnv.getHtmlNoteName(4544)  //显示：
						+ "</td>"
						+ "<td>"
							+ "<input type=\"text\" id=\"selectname_"+id+"\" class=\"form-control MADFS_Text_NAME MADF_Text\" style=\"width: 140px;height:24px;\" "+MLanguage.ATTR+">"
						+ "</td>"
						+ "<td style=\"text-align:right\">"
							+ SystemEnv.getHtmlNoteName(4545)  //值：
						+ "</td>"
						+ "<td>"
						+ "<input type=\"text\" id=\"selectvalue_"+id+"\" value=\""+value+"\" class=\"form-control MADFS_Text_VALUE MADF_Text\" style=\"width: 80px;height:24px;\">"
						+ "</td>"
						+ "<td align=\"right\">"
							+ "<input type=\"hidden\" value=\""+id+"\" class=\"MADFS_Text_ID\">"
							+ "<span class=\"del-before select_btn_del\" onclick=\"SEARCH_DeleteSelectEntry('"+id+"');\"></span>"
						+ "</td>"
					+ "</tr>";

	var $SelectEntry = $(SelectEntry);
	$(".MADFS_Table tbody", $attrContainer).append($SelectEntry);

	MLanguage.setValue($(".MADFS_Text_NAME", $SelectEntry), name);
	$(".MADFS_Text_NAME", $SelectEntry).MLanguage();
}
function SEARCH_DeleteSelectEntry(entryid){
	var $attrContainer = $("#fieldpropsPanel");
	$("#SelectEntry_" + entryid, $attrContainer).remove();

	var $tableBody = $(".MADFS_Table tbody",$attrContainer);
	if($tableBody.children().length == 0){
		$(".select_empty_tip", $attrContainer).show();
	}
}
/**
 * 选择框类型点击操作
 * @param cbObj
 */
function SEARCH_FSelectChangeRAT(cbObj){
	var $container = $("#fieldpropsPanel");
	setTimeout(function(){	//checkbox用了插件，不延时checkbox的checked状态获取不准确
		var objV = cbObj.value;
		if(!cbObj.checked){
			changeCheckboxStatus(cbObj, true);
			return;
		}else{
			$("input[type='checkbox'][name='SEARCH_FSsourceType']", $container).each(function(){
				if(this.value != objV){
					changeCheckboxStatus(this, false);
				}
			});
		}

		$(".rightActionContent", $container).hide();
		$("#SEARCH_FSRightActionContent_" + objV, $container).show();
	},100);
}

function SEARCH_FSelectSourceTypeChange(){
	var $container = $("#fieldpropsPanel");
	var sourcetype = $("#SEARCH_FSelectSourceType").val();
	$(".rightActionContent", $container).hide();
	$("#SEARCH_FSRightActionContent_" + sourcetype, $container).show();
}

function SEARCH_FBrowserUIInit(data){
	var browsertype = (data && data.browsertype) || "";
	var browsername = (data && data.browsername) || "";
	var _browsername = (data && data._browsername) || "";
	if(!_browsername){
		_browsername = browsername;
	}
	$("#SEARCH_FBrowserTypeSelect").val(browsertype);
	SEARCH_OnFBrowserTypeChange();
	$("#SEARCH_BrowserId").val(browsername);
	$("#SEARCH_BrowserName").val(_browsername);
}

function SEARCH_fillBrowserType(){
	top.require("utils").api("designer/plugin", {
		action: "getBrowserType",
		data: {}
	}, function (result) {
		var data = result.data;
		var optionHtml = "<option></option>";
		for(var i = 0; i < data.length; i++){
			var match = data[i]["match"];
			var value = data[i]["value"];
			var text = data[i]["text"];
			optionHtml+= "<option match=\""+match+"\" value=\""+value+"\">"+text+"</option>";
		}
		var $fieldObj = $("#SEARCH_FBrowserTypeSelect");
		$fieldObj.empty().append(optionHtml);
		SEARCH_OnFBrowserTypeChange();
	});
}

function SEARCH_OnFBrowserTypeChange(){
	var browsertype = $("#SEARCH_FBrowserTypeSelect").val();
	if(browsertype == "161" || browsertype == "162" || browsertype == "256" || browsertype == "257"){
		$("#SEARCH_BrowserNameDiv").show();
	}else{
		$("#SEARCH_BrowserNameDiv").hide();
		$("#SEARCH_BrowserId").val("");
		$("#SEARCH_BrowserName").val("");
	}
}

function SEARCH_openBrowserChoose(){
	var browsertype = $("#SEARCH_FBrowserTypeSelect").val();
	var url = "";
	if(browsertype == "161" || browsertype == "162"){
		url = "/systeminfo/BrowserMain.jsp?url=/workflow/field/UserDefinedBrowserTypeBrowser.jsp";
	}else if(browsertype == "256" || browsertype == "257"){
		url = "/systeminfo/BrowserMain.jsp?url=/formmode/tree/treebrowser/TreeBrowser.jsp";
	}
	var dlg = top.createTopDialog();//获取Dialog对象
	dlg.Model = true;
	dlg.Width = 550;//定义长度
	dlg.Height = 650;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(3418);  //请选择
	dlg.show();
	dlg.callback = function(result){
		var v = result.id;
		if(v == "browser."){
			v = "";
		}
		$("#SEARCH_BrowserId").val(v);

		var n = result.name;
		if(n){
			var reStripTags = /<\/?.*?>/g;
			n = n.replace(reStripTags, ''); //只有文字的结果
		}else{
			n = v;
		}
		$("#SEARCH_BrowserName").val(n);
	};
}

/**
 * 保存字段类型属性
 */
function SEARCH_SaveProps(){
	var $container = $("#fieldpropsPanel");
	var currEntryId = $container.attr("currEntryId");
	var $entry = $("#entry_"+currEntryId);
	var $typeProps = $("[name='typeProps']", $entry);

	var fieldtype = $("#SEARCH_FieldTypeSelect").val();
	var typeText = $("#SEARCH_FieldTypeSelect option[value='"+fieldtype+"']").text();
	$("#fieldtype_"+currEntryId).val(typeText);

	var valObj = {};

	valObj["fieldtype"] = fieldtype;
	var mectype = "";
	if(fieldtype == "1"){
		valObj["fieldremind"] = MLanguage.getValue($("#SEARCH_FIRemind", $container));//单行文本提示信息
		var FIHtmlType = $("#SEARCH_FIHtmlType").val();//类型
		valObj["htmlType"] = FIHtmlType;
		mectype = "text";
		if(FIHtmlType == "1"){
			mectype = "text";
		}else if(FIHtmlType == "2"){
			mectype = "date";
		}else if(FIHtmlType == "3"){
			mectype = "time";
		}else if(FIHtmlType == "4"){
			mectype = "datetime";
		}else if(FIHtmlType == "9"){
			mectype = "number";
		}
	}else if(fieldtype == "3"){//浏览框
		mectype = "browser";
		var browsertype = $("#SEARCH_FBrowserTypeSelect").val();
		valObj["browsertype"] = browsertype;

		var browsername = $("#SEARCH_BrowserId").val();
		valObj["browsername"] = browsername;

		var _browsername = $("#SEARCH_BrowserName").val();
		valObj["_browsername"] = _browsername;
	}else if(fieldtype == "5"){//选择框
		mectype = "select";
		var sourceType = $("#SEARCH_FSelectSourceType").val();
		valObj["sourceType"] = sourceType;
		var datasource;
		var sql;

		if(sourceType==1) {
			var $rightActionContent = $("#SEARCH_FSRightActionContent_1");
			var $SelectEntry = $(".SelectEntry", $rightActionContent);

			var selectDatas = [];
			$SelectEntry.each(function(){
				var rowfields = {};
				var id = $(".MADFS_Text_ID", $(this)).val();
				var name = MLanguage.getValue($(".MADFS_Text_NAME", $(this)));
				var value = $(".MADFS_Text_VALUE", $(this)).val();
				rowfields.id = id;
				rowfields.name = name;
				rowfields.value = value;
				selectDatas.push(rowfields);
			});
			valObj["selectDatas"] = selectDatas;

		}else if(sourceType==2) {
			datasource = $("#SEARCH_FSDatasource").val();
			sql = $("#SEARCH_FSRightAction_SQL").val();
			valObj["datasource"] = datasource;
			valObj["sql"] = sql;
		}
	}
	var $showtype = $("select[name='showType']", $entry);
	var $requireopt = $("option[value='3']", $showtype);
	var $editopt = $("option[value='1']", $showtype);
	if($requireopt.length == 0){
		$("<option value=\"3\">"+SystemEnv.getHtmlNoteName(4534)+"</option>").appendTo($showtype);
	}
	if($editopt.length == 0){
		$("<option value=\"1\">"+SystemEnv.getHtmlNoteName(4532)+"</option>").prependTo($showtype);
	}
	$("input[name='mectype']", $entry).val(mectype);
	$typeProps.val(encodeURIComponent(JSON.stringify(valObj)));
	closeFieldPropPanel();
}


	function onClose(){
		top.closeTopDialog();
	}
	function checkRepeat(){
		var $selectField = $("#searchTableWrap .searchTable > tbody > tr");
		var isRepeat = false,
			json = {};
		var valArr = [];
		$selectField.each(function(j){
			var value = $(this).find("input[name='fieldname']").val();
			if(json[value]){
				isRepeat = true;
			}else{
				json[value] = 1;
			}
		});
		return isRepeat;
	}
	//检查查询条件是否为空
	function checkEmpty(){
		var $selectField = $("#searchTableWrap .searchTable > tbody > tr");
		var isEmpty = false;
		$selectField.each(function(){
			var label = $(this).find("input[name='label']").val();
			var type = $(this).find("input[name='typeText']").val();
			var value = $(this).find("input[name='fieldname']").val();
			if(label == "" || type == "" || value == ""){
				isEmpty = true;
				return false;
			}
		});
		return isEmpty;
	}
	function onOK(){
		if(checkEmpty()){
			top.alert("<%=SystemEnv.getHtmlLabelName(510788,user.getLanguage())%>");//查询字段不能为空
			return false;
		}

		var isRepeat = checkRepeat();
		if(isRepeat == true){
			top.alert("<%=SystemEnv.getHtmlLabelName(127601,user.getLanguage())%>");  //查询条件不能重复添加！
			return false;
		}

		var searchParams = [];
		$("#searchTableWrap > .searchTable > tbody > tr").each(function(i){
			var $row = $(this);
			var fieldProps = {};
			fieldProps.typeProps = $.parseJSON(decodeURIComponent($("[name=typeProps]", $row).val()) || "{}");
			var initValue = decodeURIComponent($("[name=initValue]", $row).val());
			fieldProps.entryId = $row.attr("id").replace("entry_","");
			fieldProps.fieldname = $("[name=fieldname]", $row).val();
			fieldProps.label = MLanguage.getValue($("[name=label]", $row));
			fieldProps.typeText = $("[name=typeText]", $row).val();
			fieldProps.initValue = initValue;
			fieldProps.mectype = $("[name=mectype]", $row).val();
			searchParams.push(fieldProps);
		});

		if(top && top.callTopDlgHookFn){
			var result = {
				"searchParams" : $.isEmptyObject(searchParams) ? "" : JSON.stringify(searchParams)
			};
			top.callTopDlgHookFn(result);
		}
		onClose();
	}
</script>

</head>

<body>
	<div id="searchTableWrap">
	<table class="searchTable">
		<thead>
			<tr>
				<td width="30px"></td>
				<td width="100px"><%=SystemEnv.getHtmlLabelName(30828,user.getLanguage())%><!-- 显示名称 --></td>
				<td width="120px"><%=SystemEnv.getHtmlNoteName(4742,user.getLanguage())%><!-- 字段类型 --></td>
				<td width="60px"><%=SystemEnv.getHtmlLabelName(510062,user.getLanguage())%><!-- 初始值 --></td>
				<td width="100px"><%=SystemEnv.getHtmlLabelName(127591,user.getLanguage())%><!-- 对应字段 --></td>
				<td width="60px"><%=SystemEnv.getHtmlLabelName(126032,user.getLanguage())%><!-- 操作 --></td>
			</tr>
		</thead>
		<tbody>

		</tbody>
	</table>
	</div>

	<div id="addSearch" onclick="addRow();afterAddRow();">
		<div><%=SystemEnv.getHtmlLabelName(127602,user.getLanguage())%><!-- 添加查询 --></div>
	</div>

</body>
</html>