if(typeof(MEC_NS) == 'undefined'){
	MEC_NS = {};
}

MEC_NS.FBrowser = function(type, id, mecJson){
	this.type = type;
	if(!id){
		id = new UUID().toString();
	}
	this.id = id;
	if(!mecJson){
		mecJson = this.getDefaultMecJson();
	}
	this.mecJson = mecJson;
    var that = this;
    require(['mec'], function(mec){
        that.remark = function(){
            return mec.remark(that.mecJson.fieldlabel);
        };
    });
}

/*获取id。 必需的方法*/
MEC_NS.FBrowser.prototype.getID = function(){
	return this.id;
};

/*获取设计的html， 页面上怎么显示控件完全依赖于此方法。 必需的方法*/
MEC_NS.FBrowser.prototype.getDesignHtml = function(){
	return getDesignHtml(this);
};

/*获取构建属性编辑窗体的html，添加和单击控件后会调用此方法，由此方法去构建属性编辑窗体。 必需的方法*/
MEC_NS.FBrowser.prototype.getAttrDlgHtml = function(){
	var styleL = "_style" + _userLanguage;
	var theId = this.id;
	
	
	var htm = "<div id=\"MADFBro_"+theId+"\" style=\"padding-bottom: 10px;\">";
	htm+="<div class=\"title\">"+SystemEnv.getHtmlNoteName(4650)+"</div>";
    htm+="<div class=\"form-group MADFBro_BaseInfo\">";
    htm+="<div class=\"row\">";
    htm+="<span class=\"col-2 span-control MADFBro_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4607)+"</span>";  //所属表单：
    htm+="<div class=\"col-m-8\"><select class=\"form-control\" id=\"formid_"+theId+"\" onchange=\"MADFBro_FormChange('"+theId+"')\">"+Mec_GetFormOptionHtml()+"</select></div>";
    htm+="</div>";
    htm+="<div class=\"row\">";
    htm+="<span class=\"col-2 span-control MADFBro_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4513)+"</span>";  //对应字段：
    htm+="<div class=\"col-m-8 required\"><select class=\"form-control requireded\" data-autobind onchange=\"Mec_SetFieldDefaultLabelName('"+theId+"')\" data-autobind id=\"fieldname_"+theId+"\"></select></div>";
    htm+="</div>";
    htm+="<div class=\"row\">";
    htm+="<span class=\"col-2 span-control MADFBro_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4514)+"</span>";  //显示名称：
    htm+="<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='fieldlabel' onchange=\"$(this).attr('user-entered',true);\" id=\"fieldlabel_"+theId+"\" type=\"text\" "+MLanguage.ATTR+"/></div>";
    htm+="</div>";
    htm+="<div class=\"row\">"
	htm+="<span class=\"col-2 span-control MADFI_BaseInfo_Label MADFI_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4515)+"</span>"  //提示信息：
	htm+="<div class=\"col-m-8\"><input class=\"form-control MADFI_Text\" data-autobind='fieldremind' id=\"fieldremind_"+theId+"\" type=\"text\" "+MLanguage.ATTR+"/></div>"
	htm+="</div>"
		

    htm+="<div class=\"row\">";
    htm+="<span class=\"col-2 span-control MADFBro_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4516)+"</span>";  //字段类型：
    htm+="<div class=\"col-m-8 required\"><select notBeauty=\"true\" class=\"form-control requireded\" data-autobind id=\"browsertype_"+theId+"\" name=\"browsertype_"+theId+"\" onchange=\"MADFBro_OnChangeBrowserType('"+theId+"')\">";
    htm+="</select></div>";
    htm+="</div>";
    htm+="<div id=\"browsernameDiv_"+theId+"\" class=\"row browsernameDiv"+styleL+"\" style=\"position: relative;\">";
    htm+="<input id=\"browsername_"+theId+"\" type=\"hidden\"/>";
    htm+="<span class=\"col-2 span-control\"></span>"
    htm+="<div class=\"col-m-8\"><input id=\"_browsername_"+theId+"\" class=\"form-control\" type=\"text\" readonly=\"readonly\" style=\"\"/></div>";
    htm+="<a type=\"button\" style=\"color: #ccc;position: absolute;top: 2px;right: 2px;\" onclick=\"MADFBro_openBrowserChoose('"+theId+"')\" class=\"search-before MADFBro_BrowserBtn"+styleL+"\"></a>";
    htm+="</div>";
    
    htm+="<div class=\"row active\" id=\"MADFBro_FieldConfig_"+theId+"\" style=\"display:none\">"
    htm+="<span class=\"col-2 span-control MADF_BaseInfo_Label MADF_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(5336)+" </span>"  //字段展示：
    htm+="<span class=\"click-control mg-2 inline MADF_ClickBtn active\" onclick=\"MADFBro_editBrowserShowFields('"+theId+"')\">"
    htm+="<label class=\"mg-0 scriptTip\">"+SystemEnv.getHtmlNoteName(5234)+"</label>"  //字段展示配置
    htm+="</span>"

	htm+="</div>"

    htm+="<div class=\"row\">";
	htm+="<span class=\"col-2 span-control MADFBro_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4531)+"</span>";  //显示类型：
	htm+="<div class=\"col-m-8\"><select class=\"form-control\" data-autobind id=\"showType_"+theId+"\">";
	htm+="<option value=\"1\">"+SystemEnv.getHtmlNoteName(4532)+"</option>";  //可编辑
	htm+="<option value=\"2\">"+SystemEnv.getHtmlNoteName(4533)+"</option>";  //只读
	htm+="<option value=\"3\">"+SystemEnv.getHtmlNoteName(4534)+"</option>";  //必填
	htm+="</select></div>";
	htm+="</div>";
    htm+="<div class=\"row\">";
    htm+="<span class=\"col-2 span-control MADFBro_BaseInfo_Label1"+styleL+"\">"+SystemEnv.getHtmlNoteName(4535)+"</span>";  //默认值：
    htm+="<div class=\"col-8 pd-7\"><span class=\"edit-before ftextarea_btn_edit\" onclick=\"MADFBro_editOneInParamOnPage('"+theId+"')\"></span>";
    htm+="<span class=\"ftextarea_param_paramValue\" id=\"paramValue_"+theId+"\"></span></div>";
    htm+"</div>";
    htm+="</div>";
	htm+="<div class=\"row\">";
	htm+="<span class=\"col-2 span-control MADFBro_BaseInfo_Label1"+styleL+"\">"+SystemEnv.getHtmlNoteName(5476)+"</span>";  //内容换行：
	htm+="<div class=\"col-2 pd-4\"><input type=\"checkbox\" id=\"needWrap_"+theId+"\"/></div>";
	htm+="</div>";
    
    
    htm+="<div class=\"bottom MADFBro_Bottom\">";
    htm+="<div class=\"save-btn MADFBro_SaveBtn\" onclick=\"refreshMecDesign('"+theId+"');\">"+SystemEnv.getHtmlNoteName(3451)+"</div>";  //确定
    htm+="</div>";
    htm+="</div>";
	htm += "<div class=\"MAD_Alert\">"+SystemEnv.getHtmlNoteName(4115)+"</div>";  //已生成到布局
	return htm;
};

/*构建属性编辑窗体完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.FBrowser.prototype.afterAttrDlgBuild = function(){
	var theId = this.id;
	var formid = this.mecJson["formid"];
	var fieldname = this.mecJson["fieldname"];
	var fieldlabel = this.mecJson["fieldlabel"];
	var fieldremind = Mec_FiexdUndefinedVal(this.mecJson["fieldremind"]);// 提示信息
	var required = Mec_FiexdUndefinedVal(this.mecJson["required"], "0");// 是否必填
	var defaultvalue = this.mecJson["defaultvalue"];
	$("#formid_"+theId).val(formid);
	MADFBro_FormChange(theId,fieldname);
	MLanguage.setValue($("#fieldlabel_"+theId), fieldlabel);
	MLanguage.setValue($("#fieldremind_"+theId), fieldremind);
	$("#defaultvalue_"+theId).val(defaultvalue);
	var readonly = Mec_FiexdUndefinedVal(this.mecJson["readonly"], "0");
	
	if(required == "1"){
		$("#showType_"+theId).val("3");
	}else if(readonly == "1"){
		$("#showType_"+theId).val("2");
	}else{
		$("#showType_"+theId).val("1");
	}
	
	var needWrap = Mec_FiexdUndefinedVal(this.mecJson["needWrap"], 0);
	if(needWrap == "1"){
		$("#needWrap_"+theId).checked();
	}
	
	var inParams = this.mecJson["inParams"];
	var $container = $("#MADFBro_" + theId);
	for(var i = 0; inParams && i < inParams.length; i++){
		$(".ftextarea_param_paramValue", $container).text(inParams[i]["paramValue"]);
		break;
	}
	
	var browsertypeV = this.mecJson["browsertype"];
	MADFBro_fillBrowserType(theId, browsertypeV);
	
	var browsername = this.mecJson["browsername"];
	$("#browsername_"+theId).val(browsername);
	

	var mecHandler = MECHandlerPool.getHandler(theId);
	$("#MADFBro_"+theId).checkbox({
		onClick: function () {
			mecHandler.autobind.update();
		}
	});
	$('#formid_' + theId, $container).on("select2:opening.formbefore", function () {
		var $this = $(this);
		var value = $this.val();
		$(this).html(Mec_GetFormOptionHtml()).val(value);
	});
	if(browsertypeV == "161" || browsertypeV == "162"){
		MADFBro_showFieldConfig(theId);
		$("#_browsername_"+theId).val(browsername);
	}else if(browsertypeV == "256" || browsertypeV == "257"){
		MADFBro_fillCurtomTreeBrowserName(browsername,theId);
	}
};

//表单类控件更新所属表单相关信息的函数，当表单delete或change时触发
MEC_NS.FBrowser.prototype.updateFormWithInfo = function (eventType) {
	var theId = this.id;

	if (eventType === 'delete') {
		$('#formid_' + theId).empty();
		$('#fieldname_' + theId).empty();
	} else {
		MADFBro_FormChange(theId);
	}
}

MEC_NS.FBrowser.prototype.updateMecJsonByForm = function () {
	this.mecJson['fieldname'] = '';
}

/*获取JSON*/
MEC_NS.FBrowser.prototype.getMecJson = function(){
	var theId = this.id;
	
	this.mecJson["id"] = theId;
	this.mecJson["mectype"] = this.type;
	
	var $attrContainer=$("#MADFBro_"+theId);
	if($attrContainer.length>0){
		var formid=Mec_FiexdUndefinedVal($("#formid_"+theId).val());
		var fieldname=Mec_FiexdUndefinedVal($("#fieldname_"+theId).val());
		var fieldlabel = MLanguage.getValue($("#fieldlabel_"+theId));
		var fieldremind = MLanguage.getValue($("#fieldremind_"+theId));
		var defaultvalue=Mec_FiexdUndefinedVal($("#defaultvalue_"+theId).val());
		this.mecJson["formid"] = formid;
		this.mecJson["fieldname"] = fieldname;
		this.mecJson["fieldlabel"] = fieldlabel;
		this.mecJson["fieldremind"] = fieldremind;
		this.mecJson["defaultvalue"] = defaultvalue;
		var showType = $("#showType_"+theId).val();
		if(showType == "1"){
			this.mecJson["required"] = "0";
			this.mecJson["readonly"] = "0";
		}else if(showType == "2"){
			this.mecJson["required"] = "0";
			this.mecJson["readonly"] = "1";
		}else{
			this.mecJson["required"] = "1";
			this.mecJson["readonly"] = "0";
		}
		this.mecJson["needWrap"] = $("#needWrap_"+theId).is(':checked') ? "1" : "0";

		var inParams = this.mecJson["inParams"];
		var paramValue = $(".ftextarea_param_paramValue", $attrContainer).text();
		for(var i = 0; i < inParams.length; i++){
			inParams[i]["paramValue"] = paramValue;
			break;
		}
		
		var browsertype = Mec_FiexdUndefinedVal($("#browsertype_"+theId).val());
		this.mecJson["browsertype"] = browsertype;
		
		var browsername = Mec_FiexdUndefinedVal($("#browsername_"+theId).val());
		this.mecJson["browsername"] = browsername;

	}
	return this.mecJson;
};

MEC_NS.FBrowser.prototype.getDefaultMecJson = function(){
	return {
		id: this.id,
		mectype: this.type,
		inParams: [{ paramValue: "" }],
		fieldlabel: SystemEnv.getHtmlNoteName(4141), // 名称,
		fieldremind: SystemEnv.getHtmlNoteName(3418) // "请选择";
	};
};

MEC_NS.FBrowser.prototype.validate = function () {
	var fieldname = this.mecJson.fieldname;
	var browsertype = this.mecJson.browsertype;
	var isNameValid = !!fieldname;
	var isTypeValid = !!browsertype;
	var mec_id = this.id;
	var $pluginAttr = $('#MAD_' + mec_id);

	if (!isNameValid || !isTypeValid){
		!isNameValid && $pluginAttr.find('#fieldname_' + mec_id).parents('.col-m-8').validate({
			value: fieldname,
			rules: [{
				msg: '"' + SystemEnv.getHtmlNoteName(4513).replace(/[\:\：]/g, '') + '" ' + SystemEnv.getHtmlNoteName(6041) //对应字段
			}],
		});
		!isTypeValid && $pluginAttr.find('#browsertype_' + mec_id).parents('.col-m-8').validate({
			value: browsertype,
			rules: [{
				msg: '"' + SystemEnv.getHtmlNoteName(4516).replace(/[\:\：]/g, '') + '" ' + SystemEnv.getHtmlNoteName(6041) //字段类型
			}],
		});
	}
	if (!isNameValid) {
		return isNameValid;
	}else{
		return {
			isValid: isNameValid && isTypeValid,
			msg: SystemEnv.getHtmlNoteName(6072) //字段类型未设置
		}
	}
};

function MADFBro_FormChange(mec_id,selectedField){
	var formidObj = $("#formid_"+mec_id);
	var formid = formidObj.val();
	Mec_GetFieldOptionHtml(formid, "fieldname_"+mec_id, selectedField);
}

function MADFBro_editOneInParamOnPage(mec_id){
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	var inParams = mecHandler.mecJson["inParams"];
	var paramobj = null;
	for(var i = 0; i < inParams.length; i++){
		paramobj = inParams[i];
		break;
	}

	var paramValue = paramobj["paramValue"];
	paramValue = compressByLZ(paramValue);// 系统安全编码
	
	var url = "/mobilemode/admin/dialog/defaultparaminfo.jsp?paramValue="+paramValue;
	var dlg = top.createTopDialog();//获取Dialog对象
	
	dlg.Width = 755;//定义长度
	dlg.Height = 515;
	dlg.Model = true;
	dlg.normalDialog = false;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(4002);  //编辑
	dlg.show();
	dlg.hookFn = function(result){
		paramobj["paramValue"] = result["paramValue"];
		
		var $container = $("#MADFBro_" + mec_id);
		$(".ftextarea_param_paramValue", $container).text(result["paramValue"]);
	};

}

function MADFBro_editBrowserShowFields(mec_id){
	var browsername = $("#browsername_"+mec_id).val();
	
	var url = "/mobilemode/admin/dialog/browserShowFieldConfig.jsp?appid="+appid+"&browser="+browsername;
	
	var dlg = top.createTopDialog();//获取Dialog对象
	var hgt = $(document.body).height(),
		wdh = $(document.body).width();
	dlg.Width = 700;//定义长度
	dlg.Height = 650;
	dlg.Model = true;
	dlg.normalDialog = false;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(5234) +": "+ browsername;  //字段展示配置
	dlg.show();
	dlg.hookFn = function(result){
	};

}

function MADFBro_fillBrowserType(mec_id, v){
	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 = $("#browsertype_" + mec_id);
		$fieldObj.empty().append(optionHtml);
		if(v){
			$fieldObj.val(v);
		}
		MADFBro_OnChangeBrowserType(mec_id);
	});
}

function MADFBro_OnChangeBrowserType(mec_id){
	var browsertype = $("#browsertype_" + mec_id).val();
	if(browsertype == "161" || browsertype == "162" || browsertype == "256" || browsertype == "257"){
		$("#browsernameDiv_" + mec_id).show();
	}else{
		$("#browsernameDiv_" + mec_id).hide();
		$("#browsername_" + mec_id).val("");
		$("#_browsername_" + mec_id).val("");
	}
	
	if(browsertype != "161" && browsertype != "162"){
		$("#MADFBro_FieldConfig_" + mec_id).hide();
	}
}

function MADFBro_openBrowserChoose(mec_id){
	var browsertype = $("#browsertype_" + mec_id).val();
	require(['utils'],function(_u){
		_u.openRcDialog("browser", {
			title: SystemEnv.getHtmlNoteName(3418),  //请选择
			width: 700,
			height: 500,
			params:{
				type: browsertype
			},
			btn:[SystemEnv.getHtmlNoteName(3704),SystemEnv.getHtmlNoteName(3516)]
		}, function(result) {
			$("#browsername_" + mec_id).val(result.id);
			if(browsertype == "161" || browsertype == "162"){
				MADFBro_showFieldConfig(mec_id);
				$("#_browsername_" + mec_id).val(result.id);
			}else{
				$("#_browsername_" + mec_id).val(result.name);
			}
		});
	});
}

function MADFBro_showFieldConfig(mec_id){
	require(['utils'],function(_u){
		var browsername = $("#browsername_" + mec_id).val();
		_u.api("designer/plugin", {
			action: "checkIsCubeBrowser",
			data: {browsername: browsername},
			notification: false
		}, function (check) {
			var isCubeBrowser = check.data;
			isCubeBrowser && $("#MADFBro_FieldConfig_" + mec_id).hide() || $("#MADFBro_FieldConfig_" + mec_id).show();
		}, function() {
			$("#MADFBro_FieldConfig_" + mec_id).hide();
		});
	});
}

var MADFBro_CustomTreeNameCache = null;
function MADFBro_fillCurtomTreeBrowserName(browserId,mec_id){
	var fillTreeName = function(browserId,mec_id){
		for(var i in MADFBro_CustomTreeNameCache){
			var item = MADFBro_CustomTreeNameCache[i];
			if(item.id == browserId){
				return $("#_browsername_"+mec_id).val(item.treename);
			}
		}
	};
	if(MADFBro_CustomTreeNameCache){
		return fillTreeName(browserId,mec_id);
	};
	require("utils").api("designer/plugin", {
		action: "getTreeSourceData",
		notification: false,
		async: false,
		data: {},
	}, function (result) {
		MADFBro_CustomTreeNameCache =  result.data || [];
		fillTreeName(browserId,mec_id);
	});
}