Yezb
/
ss_new_ui_skin_and_page


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356
							<html>
	<head>
        <title>首页模板个人</title>
        <!-- 调用jquery，注意你放置的目录不要搞错了哦！ -->
        <js.ss file="/ss/jquery/jquery-1.7.2.min.js"/>
        <!-- 调用gridster.js和css，注意你放置的目录不要搞错了哦！ -->
        <js.ss file="/ss/gridster/jquery.gridster.min.js"/>
        <js.ss file="/ss/gridster/Gridster-Wd.js"/>
        <css.ss file="/ss/gridster/jquery.gridster.min.css"/>
        <js.ss file="/ss/menu/dhtmlxmenu_ext.js"/>
        <js.ss file="/ss/base.js"/>
        <js.ss file="/ss/artdialog/artDialogUtil.js"/>
        <js.ss file="/ss/masklayer.js"/>
        <js.ss file="/ss/wdDialogInit.js"/>
        <js.ss file="/ss/display.js"/>
        <js.ss file="/ss/nicescroll/jquery.nicescroll.js"/>
        <js.ss file="/ss/nicescroll/jquery.nicescroll.iframehelper.min.js"/>
        <css.ss file="/ss/window/dhtmlxwindows.css"/>
        <css.ss file="/ss/window/dhtmlxwindows_dhx_blue.css"/>
        <js.ss file="/ss/window/dhtmlxcommon.js"/>
        <js.ss file="/ss/window/dhtmlxwindows.js"/>
        <js.ss file="/ss/window/dhtmlxcontainer.js"/>
        <js.ss file="/ss/common.js"/>
        <js.ss file="/ss/growHeight.js"/>
	
		<style>
			<%--首页部件居中--%>
			.gridster>ul {
				margin-top: 5px;
                margin-bottom: 30px;
                margin-left: 0px;
				width:100%;
				height:100%;
                background-color: rgba(255, 255, 255, 0);
                margin: 0 auto;
			}
			<%--首页部件关闭按钮--%>
			.gridster .close {
				background-image: url("/ss/gridster/img/close-1.png");
				cursor: pointer;
				right: 1px;
				top: 1px;
				position: absolute;
				width: 15px;
				height: 15px;
				font-size: 0;
				z-index: 2;
			}
			<%--工具条--%>
			.pg_cj {
				position: relative;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				overflow: auto;
			}
			.nav_btn {
				position: fixed;
				top: 12;
				z-index: 1111;
				width: 100%;
                margin-left:5px;
			}
			
		</style>
	</head>

	<body>
		<div id="slder"
			style="display:none; width:987px; height:35px;">
			<div class="nav_btn">


				<%-- <button class="content-button" onclick="saveedit()">
					保存
				</button>
				
				<button class="content-button" onclick="exitEdit()">
					取消
				</button> --%>
				<%--  &nbsp;&nbsp; &nbsp;&nbsp;拿到用户Id：$@{sessionScope['wd.yh'].yhId} --%>
				<input type="hidden" value="${sessionScope.ssUser.ryid}" id="yhid" />
				<input type="hidden" value="${sessionScope.ssUser.xm}" id="xm" />
				

				<%--  <select name="sdf" id="addslt" class="sel">
						 <option value="0">请选择</option>
						 <logic:iterate id="bjlb" name="bjlblist">
						 <option value='<bean:write name="bjlb" property="bjlbm"/>' >
						 <bean:write name="bjlb" property="mc"/>
						   </option>
                        </logic:iterate>
		    	</select>  --%>

				<%--
				类别:
				<select id="bjlbSelect">
					<option>
						--请选择--
					</option>
					<logic:iterate id="bjlb" name="bjlblist">
						<option value='<bean:write name="bjlb" property="bjlbm"/>'>
							<bean:write name="bjlb" property="mc" />
							[
							<bean:write name="bjlb" property="bjlistsize" />
							]
						</option>
					</logic:iterate>
				</select>
				部件:
				<select class="sybj">
					<option>
						--请选择--
					</option>
				</select>
				<logic:iterate id="bjlb" name="bjlblist">
					<select id="addslt" class="sybj">
						<option>
							----请选择部件----
						</option>
						<logic:iterate id="bj" name="bjlb" property="bjlist">
							<option value='<bean:write name="bj" property="bjid"/>'>
								<bean:write name="bj" property="mc" />
							</option>
						</logic:iterate>
					</select>
				</logic:iterate>
				<script>
	   var selectSybj=0;

	   //级联菜单绑定事件
	   (function initCascadeForSybj(){
	    $("#bjlbSelect").change(function(){
	    //console.info("onchange方法");
	   $("#bjlbSelect option").each(function(i,o){
	   //console.info("打印select: "+$(this).prop("selected"));
	   if($(this).attr("selected"))
	   {
	   $(".sybj").hide();
	   $(".sybj").eq(i).show();
	   //console.info("选中第"+i+"个");
	   selectSybj=i;
	   }
	   });
	   });
	   $("#bjlbSelect").change();
	   })();
	   </script>

		--%>

				<input name="symbbjlb" placeholder="类别" width="120px" />
				<input name="symbbjid" placeholder="部件" width="100px"/>
				 <ccp.ss name="bjlb_bj@symb"/>

				<button class="content-button" onclick="add()">
					增加
				</button>
				<button class="content-button" onclick="saveedit()">
					保存
				</button>
				
				<button class="content-button" onclick="exitEdit()">
					取消
				</button>
				
				<%--
				<button class="content-button" onclick="reset();">
					重置
				</button>
				--%>
			</div>

		</div>

		<div id="pg_cj" class="pg_cj scrollbar" style="position:relative;top:0px;left:0px;width:100%;height:100%;overflow:auto;padding-top:25px;">
			<div class="gridster ready" style="width:100%;margin: auto;">
				<ul style="position: relative;padding-bottom: 25px;">

				</ul>
			</div>
		</div>
	</body>
	<script>

		//测试  准备读取的数据
		var json='${json}';
		var SESSION_STATE="${sessionScope.SESSION_STATE}";
		var EditType="${sessionScope.Edit-Type}";	// "$@{sessionScope['Edit-Type']}"。Lin
		if(SESSION_STATE==''){
		alert("登录超时");
		wd.topWindow.location.href = "/";
		}

		//Gridster参数
		var widget_base_dimensions=[dimensions,dimensions]; //宽高的单位像素
		var widget_margins=[margins,margins];           //模块的间距像素 [上下,左右]

		 //通过javascript脚本来配置拖动实例，随后我们会讲每个配置参数的意义
		 //首先定义一个变量gridster，为了以后调用gridster的方法
		var gridster;
		var SYBJCTRL;
		$(function() {
			gridster = $(".gridster ul").gridster({ //通过jquery选择DOM实现gridster
				widget_base_dimensions:widget_base_dimensions,  //模块的宽高 [宽,高]
				widget_margins: widget_margins,  //模块的间距 [上下,左右]    //5.1??  避免gridster Bug，新增时总存在缝隙会导致生成位置有错  by Rd 2016-01-07
				autogrow_rows: true,
				autogrow_cols:true,
				max_cols: Math.max($(wd.topWindow).outerWidth(true),calWidthAndHeight(1025)),//最大1024宽度
				draggable: {
					handle: null //'header'    //模块内定义拖动的元素<header>，这里也支持jquery选择器，如"span.drag_handle"
				},
				helper: 'clone',
				resize: {
					enabled: true,
					resize:function(e, ui, $widget){
						$widget.find("[onload]").trigger("onload");
					}
				}
			}).data('gridster');
			SYBJCTRL=new GridsterWd(gridster,json);//初始化首页部件控制器   by Rd 2015-12-24
		});


		function saveedit() {
			SYBJCTRL.saveedit(SESSION_STATE);
	    };

		function reset(){
			SYBJCTRL.reset();
		}


		 			//                                                           初始化编辑
		function userEdit(gfOrgr) {
			SYBJCTRL.userEdit(gfOrgr);
		};


	     function yesedit() {           //开启编辑模式
			SYBJCTRL.yesedit();
			edit_en=true;
		 };


		 function closediv(obj) {
			SYBJCTRL.closediv(obj);
	     };

		 //新增方法
		function add() {
//			var sybjsjLb = $('#bjlbSelect')[0].value;
//			var sybjsjId = $(".sybj").eq(selectSybj).val();
			var sybjsjLb = $('[name=symbbjlb]')[0].value;
			var sybjsjId =$('[name=symbbjid]')[0].value;
			var data=SYBJCTRL.getParams("serviceType=2&sybjsjLb="+sybjsjLb+"&sybjsyId="+sybjsjId);
			//请求服务获得数据信息
	        if(data["bjId"]){
				
				//新部件改为放在最后
				var new_col=1;
				var new_row=1;
				$("li.gs-w").each(function(){
					new_row=Math.max($(this).data("row")+$(this).data("sizey"),new_row);
				});
				
				
				gridster.add_widget2(data["bjId"],data["bjLb"],data["serviceUrl"],calWidthAndHeight(data["size_x"]),calWidthAndHeight(data["size_y"]),new_col,new_row);
				
				var liId="#"+data['bjId'];
				//返回部件代码
				$(liId+" ."+SYBJCTRL.containerForLoad).load(data["serviceUrl"],{"sybjId":data["bjId"],"sybjLb":data["bjLb"],"serviceUrl":data["serviceUrl"]},function(){
					$(liId+" ."+SYBJCTRL.imgheader).attr({style:SYBJCTRL.flushIconStyle});
					SYBJCTRL.scrollEvent(liId);
				});
				$(this).on('click','.'+SYBJCTRL.imgheader,function(){//绑定刷新事件
					SYBJCTRL.flushBj(liId);
				});
	        }
        }


        //加载部件(初始化数据并绑定刷新事件)
		function loadHtmlAndBindFlushEvent() {
				
				$("li.gs-w").on("click",'.'+SYBJCTRL.imgheader,function(){
					var id=$(this).parents("[initurl]").attr("id");
					if(id)
						SYBJCTRL.flushBj("#"+id, this);
				}).on('mousedown',function(){
					var id=$(this).attr("id");
					if(id)
						SYBJCTRL.EventCtrl.setBjId("#"+id);
				});


				//遍历类名为gs-w的元素
				$("li.gs-w").each(function(){
					try{
						//有li标签拿到bjId，bjLb，initUrl
						var id=$(this).attr("id");
						var bjLb=$(this).attr("bjlb");
						var initUrl=$(this).attr("initurl");
						
						//返回部件代码,并绑定刷新事件
						 $(this).find("."+SYBJCTRL.containerForLoad).load(initUrl,{"sybjId":id,"sybjLb":bjLb});

					
					}catch(e){
						console.log(e)
					}
					
				});
		}


		function flushBj(liId){
		SYBJCTRL.flushBj(liId);
		}


			//页面加载完自动调用初始化方法
		window.onload = function() {
			SYBJCTRL.initGridster();
			SYBJCTRL.noedit();
			//console.info("菜单显示状态：" + "$@{sessionScope['Edit-Open']}");
			if ('0' != EditType) { //不为0开启编辑菜单
				//console.info("开启编辑菜单");
				SYBJCTRL.yesedit();
			}
			if(SESSION_STATE== "SESSION_STATE_MAIN_BG") { //不为0开启编辑菜单
				SYBJCTRL.yesedit();
			}


			wd.topWindow.gxhymWindow = window;
			loadHtmlAndBindFlushEvent();

		}

//		window.onbeforeunload=function(){
//		SYBJCTRL.rollBackChangeAndExit();
//		}

		function exitEdit(){
			SYBJCTRL.rollBackChangeAndExit();
			wd.topWindow.wd.display.home();
			
		}


	</script>
</html>