Yezb
/
ss_new_ui_skin_and_page


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370
							<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html>
<head>
</head>
<style>
	.list-body {
		border: 1px solid #dcdcdc;
	}
</style>
<body>
<div class="search-div" style="padding: 15px 25px 12px 25px;">
	<div style="padding: 15px 25px 12px 25px;">
		<!--<input type='button' id="savemb" value="保存当前模板" class="content-button" />-->
		<input type='button' id="delmb" value="删除该模板" class="content-button" onclick="scmb()" />
		<input type='button' id="addmb" value="另存为新模板" class="content-button" />
		<input name="granmbid" id="granmbid" type="hidden" onchange="selectMB(this.value)" />
		<input name="granmbName" type="text" style="width: 140px;" /> <%-- name="granmbidName"。Lin --%>
		<objp.ss name="granmb" cb="mpGrjjmb" inp="true" /> <%-- 原 name="granmbid" codebook="granmb_all"，去掉 根模板 了。Lin --%>
	</div>
	<div style="float: right;">
<%-- 改。Lin
	<form id="cdOptionForm" name="cdOptionForm" action='@service{name:"getAddAndSearchFunction",dest:"kjan_option"}@'> --%>
	<form name="ddpOptionForm" action="<serv.ss name='rdShortcutFuncOpt' dest='shortcutDefOpt'/>">
	</form>
		<div id="oncontent-offButton" class="fl search-div-margin-bottom1">
			<input type="button" class="content-offButton" value="增加" id="ks" /> <%-- value="开始"。Lin --%>
			<input type="button" class="content-offButton" value="查询" id="cx" />
			<input type="button" class="content-offButton" value="个人" id="gr" /> <%-- value="个人空间" id="personal" --%>
			<input type="button" class="content-onButton" value="其他" id="qt" />
		</div>
	</div>
</div>
<div class="dragList-div" id="container">
	<div class="box">
		<p class="label">已选</p>
		<div class="list-body" style="position: relative;overflow-x: hidden;width: 100%;height: 380px;">
			<div id="ddpSelected" ssSelClazz="list-checkedIcon" class="scrollbar" style="height:100%"> <%-- ="cdSelected" wdSelectedClass=。Lin --%>
<%-- 去掉，没用到。用 shortcutDefOpt.ss.jsp。Lin
				<wd:iterate name="yxList" id="item">
					<div wdObjectId="${item.id}" class="list-background" style="height: 41px;line-height: 41px;width: calc(100% - 4px);box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
						<wd:equal leftValue="${fn:contains(item.id,'search')}" rightValue="true">
							<span class='unSpan'>查询${item.mc}</span>
						</wd:equal>
						<wd:equal leftValue="${fn:contains(item.id,'add')}" rightValue="true">
							<span class='unSpan'>录入${item.mc}</span>
						</wd:equal>
														<wd:equal leftValue="${fn:contains(item.id,'search')||fn:contains(item.id,'add')||fn:contains(item.id,'personal')}" rightValue="false">
																<span class='unSpan'>${item.mc}</span>
														</wd:equal>
														<wd:equal leftValue="${fn:contains(item.id,'personal')}" rightValue="true">
																<span class='unSpan'>${item.mc}</span>
														</wd:equal>
														<span style='display:none;' class='bjid'>${item.id}</span>
					</div>
				</wd:iterate>
--%>
			</div>
		</div>
	</div>
	<div class="box">
		<p class="label">备选</p>
		<div class="list-body" style="position: relative;overflow-x: hidden;width: 100%;height: 380px;">
			<div id="ddpOption" ssSelClazz="list-checkedIcon" class="scrollbar" style="height:100%"> <%-- id="cdOption" wdSelectedClass=。Lin --%>
			</div>
		</div>
	</div>
</div>
<drag.ss name="ddp" grp="true" func="editOrder,editGroup" /> <%-- name="cd"。function="'editOrder','editGroup'"。Lin --%>
<div style="clear: both;"></div>
<div class='bottom-div'>
	<div class="bottom-down-div border-top">
		<input type="button" value="保存" class="bottom-button" onclick="save('bc');">
	</div>
</div>
</body>
<script type="text/javascript">

	(function() {
/* 改。Lin
		getQt();
*/	rdFuncOpt("qt");
	})();


	$(function() {
		$("#oncontent-offButton input[type='button']").click(function() {
			if ($(this).hasClass("content-offButton")) {
				$("#oncontent-offButton .content-onButton").removeClass("content-onButton").addClass("content-offButton");
				$(this).removeClass("content-offButton").addClass("content-onButton");
				$("#ddpOption").empty();	// ("#cdOption").。Lin
				console.log("11111111111");
/* 改，增加入口参数 type 来区分 -- 不重复写多个方法
				if ($(this).is("#qt")) {
					getQt();
				} else if ($(this).is("#ks")) {
					getKsObjectKjan();
				} else {
					getCxObjectKjan();
				}
*/			rdFuncOpt($(this).attr('id'));
			}
		});
	});


	// 增加，重写下面的 getQt()、getKsObjectKjan()、getCxObjectKjan() -- 只在 ObjB.rootFuncList 找，不分 开始、查询、个人空间、其他。Lin
	//    再，还得分
	// 增加入口参数 type 来区分 -- 不重复写多个方法
	// 增加读取 个人功能 -- 增加入口参数 type 后，也增加了读取 个人功能
	function rdFuncOpt(type) {
		var form = document.querySelector('form[name="ddpOptionForm"]');
		var ids = getBjId("ddpSelected");
		ids="["+ids+"]";
		var url = "<serv.ss name='rdShortcutFuncOpt' dest='shortcutDefOpt' parm='{type:"ssVal{type}",ids:"ssVal{ids}"}'/>";
		url = wd.display.replaceDynamicParam(url, {
			"type": type,	// 增加，增加入口参数 type 来区分 -- 不重复写多个方法。Lin
			"ids": encodeURIComponent(ids)
		});
		console.log(url);
		form.setAttribute("action", url);
		form.submit();
	}
/* 重写为上面的 rdFuncOpt(，只有一个 -- 只在 ObjB.rootFuncList 找，不分 开始、查询、个人空间、其他。Lin
 * 再，还得分 -- 增加入口参数 type 来区分 -- 不重复写多个方法
	function getQt() {
		var form = document.querySelector('form[name="cdOptionForm"]');
		var ids = getBjId("cdSelected");
		ids="["+ids+"]";
		var url = '@service{name:"getAddAndSearchFunction",dest:"kjan_option",param:{type:"qt",ids:"wdVal{ids}"}}@';
		url = wd.display.replaceDynamicParam(url, {
			"ids": encodeURIComponent(ids)
		});
		console.log(url);
		form.setAttribute("action", url);
		form.submit();
	}

	function getKsObjectKjan() {
		var form = document.querySelector('form[name="cdOptionForm"]');
		var ids = getBjId("cdSelected");
		ids="["+ids+"]";
		var url = '@service{name:"getAddAndSearchFunction",dest:"kjan_option",param:{kjfwmb:"kjfwmb",type:"ks",ids:"wdVal{ids}"}}@';
		url = wd.display.replaceDynamicParam(url, {
			"ids": encodeURIComponent(ids)
		});
		console.log(url);
		form.setAttribute("action", url);
		form.submit();
	}

	function getCxObjectKjan() {
		var form = document.querySelector('form[name="cdOptionForm"]');
		var ids = getBjId("cdSelected");
		ids="["+ids+"]";
		var url = '@service{name:"getAddAndSearchFunction",dest:"kjan_option",param:{kjfwmb:"kjfwmb",type:"cx",ids:"wdVal{ids}"}}@';
		url = wd.display.replaceDynamicParam(url, {
			"ids": encodeURIComponent(ids)
		});
		console.log(url);
		form.setAttribute("action", url);
		form.submit();
	}
*/


	$('#addmb').click(function () {
		wd.display.confirm({ title: "另存为新模板",
/* 改。Lin
			url: "@service{dest:'cdmb_add',param:{newMc:'未定义'}}@",
*/		url: "<serv.ss dest='menuDefAdd' parm='{newMc:"未定义"}'/>",	// 共用 menuDefAdd.ss.jsp。Lin
			width: 450, height: 240, callback: addcallback });
	});

	/**
	 * 新增菜单组模板
	 * @param  {[type]} ){  } [description]
	 * @return {[type]}        [description]
	 */
	var addcallback = (function (t) {
		var THIS = t;
		return function (data) {
			if (data.newMc != null && data.newMc != "") {
				var _form = document.querySelector('form[name="ddpOptionForm"]');	// ="cdOptionForm"。Lin
				//添加newMc 表单元素
				generateHiddenForm(_form, "newMc", data.newMc);
				generateHiddenForm(_form, "ms", data.ms);
				generateHiddenForm(_form, "granmbh", data.grcdmbh);
				var granmbid = $('#granmbid').val();
				var ids = getBjIdNew("ddpSelected");	// ("cdSelected")。Lin
/* 改，去掉 encodeURIComponent(。Lin
 * save( 里的 encodeURIComponent( 就没问题
				generateHiddenForm(_form, 'ids', encodeURIComponent(ids));
*/			generateHiddenForm(_form, 'ids', ids);
				generateHiddenForm(_form, 'granmbid', granmbid);
				generateHiddenForm(_form, 'fwsblbm', 51);	// 增加 {fwsblbm:51}。Lin
				var kjbjid = "${bjid}";
				//保存后跳回当前页面
/* 改。Lin
				$('form[name="cdOptionForm"]').attr('action', '@service{name:"saveKjfwmb",dest:"sys_info"}@');
*/			$('form[name="ddpOptionForm"]').attr('action', "<serv.ss name='saveShortcutDef' dest='info'/>");
				$('form[name="ddpOptionForm"]').submit();	// ="cdOptionForm"。Lin
			}
		}
	})(this);

	function generateHiddenForm(_form, name, value) {
		var hiddenInput = document.createElement('input');
		hiddenInput.type = 'hidden';
		hiddenInput.name = name;
		hiddenInput.value = value;
		_form.appendChild(hiddenInput);
	}


	function save(z) { //保存
		var name = ""
		if (z == "xz") {
			name = prompt("新菜单名称", "未定义");
			if (name == null && name == "") {
				return;
			}
		}

		var ids = getBjIdNew("ddpSelected");	// ("cdSelected")。Lin
		var kjbjid = "${bjid}";
		var granmbid = $('#granmbid').val();
		var form = document.querySelector('form[name="ddpOptionForm"]');	// ="cdOptionForm"。Lin
		var ids = getBjId("ddpSelected");	// ("cdSelected")。Lin
/* 改。Lin
		var url = '@service{name:"saveKjfwmb",dest:"sys_info",param:{ids:"wdVal{ids}",granmbid:"wdVal{granmbid}",newMc:"wdVal{newMc}"}}@';
*/	var url = "<serv.ss name='saveShortcutDef' dest='info' parm='{fwsblbm:51,ids:"ssVal{ids}",granmbid:"ssVal{granmbid}",newMc:"ssVal{newMc}"}'/>";
		url = wd.display.replaceDynamicParam(url, {
			"ids": encodeURIComponent(ids),
			"granmbid": granmbid,
			"newMc": name
		});
		console.log(url);
		form.setAttribute("action", url);
		form.submit();
		/* $.ajax({
				 type: "POST",
				 url: url,
				 data: {},
				 dataType: "json",
				 async: false,
				 success: function(data) {
						 console.log("data:" + data);
						 if(data) {
									wd.display.alert(data)
						 } else {
								 wd.display.alert("保存失败")
						 }
						 $('#qt').click();
						 getQt();
				 }, error:function(e){
									console.log(e);
				}
		 });
		*/
		//wd.display.closeDialog();
	}


	function scmb() {
		var granmbid = $('#granmbid').val();
		if (granmbid) {
			$("#ddpSelected").empty();	// ("#cdSelected").。Lin
			var form = document.querySelector('form[name="ddpOptionForm"]');	// ="cdOptionForm"。Lin
/* 改，sys_alert 暂时用 info -- 等新 UI。Lin
 * 去掉参数 type，没用到
			var url = '@service{name:"KjfwMb_sc",dest:"sys_alert",param:{type:"qt",granmbid:"wdVal{granmbid}"}}@';
*/		var url = "<serv.ss name='delShortcutDef' dest='info' parm='{fwsblbm:51,granmbid:"ssVal{granmbid}"}'/>";
			url = wd.display.replaceDynamicParam(url, {
				"granmbid": granmbid
			});
			//              console.log(url);
			form.setAttribute("action", url);
			form.submit();
			location.reload();//刷新当前页面
			// $.ajax({
			// 	type: "POST",
			// 	url: url,
			// 	data: {},
			// 	dataType: "json",
			// 	async: false,
			// 	success: function(data) {
			// 		console.log("data:" + data);
			// 		if (data) {
			// 			alert(data);
			//             location.reload();//刷新当前页面
			// 		} else {
			// 			alert("删除失败");
			// 		}
			// 		$('#qt').click();
			// 		getQt();
			// 	}
			// });
		} else {
			alert("请选择模版");
		}
	}


	function getBjId(id) { //获取cdSelected内元素的id
		var els = $("#" + id).find(".bjid");
		var json =[]
		els.each(function(i, val) {
							json.push(val.innerHTML);
		});
			json=json.join(",");
		return json;
	}

	function getBjIdNew(id) { //获取cdSelected内元素的id
		var els = $("#" + id).find(".bjid");
		var json =[]
		els.each(function(i, val) {
			//var str = '"' + val.innerHTML + '"';
			json.push(val.innerHTML);
		});
		json.join(",");
		return json;
	}


	function selectMB(granmbid) {
		//清空左边菜单组元素
		$("#ddpSelected").empty();	// ("#cdSelected").。Lin
/* 改，去掉 request."mbcx"，没用到。Lin
		var mbcx = 1;
		var url = '@service{name:"cxKjcdmb",param:{mbcx:"wdVal{mbcx}",granmbid:"wdVal{granmbid}"}}@';
*/	var url = "<serv.ss name='selSelGrjjById' parm='{fwsblbm:51,granmbid:"ssVal{granmbid}"}'/>";
		url = wd.display.replaceDynamicParam(url, {
			"granmbid": granmbid
//			"mbcx": mbcx	// 去掉，去掉 request."mbcx"，没用到。Lin
		});
		$.ajax({
			type: "POST",
			url: url,
			data: {},
			dataType: "json",
			async: false,
			success: function(data) {
				console.log("data:" + data);
				for (var i = 0; i < data.length; i++) {
					var id = data[i].id;
					var mc = data[i].mc;
					console.log(id);
					console.log(mc);
					if (id.indexOf("search") > 0) {
						mc = "查询" + mc;
					} else if (id.indexOf("add") > 0) {
						mc = "录入" + mc;
					}
					var ele = $('<div ssObjId="'+ id +'" class="list-background" style="height: 41px;line-height: 41px;width: calc(100% - 4px);box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"><span class="unSpan">' + mc + '</span><span style="display:none;" class="bjid">' + id + '</span></div>');
//				DM.getDrager().selectedList.append(ele);
					$('#ddpSelected').append(ele);	// ('#cdSelected').。Lin
				}
				DM.getDrager().selectedList.reload();
				$('#qt').click();
/* 改。Lin
				getQt();
*/			rdFuncOpt("qt");
			}
		});
	}
</script>

</html>