Yezb
/
ss_new_ui_skin_and_page


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424
							<html>
<head>
	<%--<!–[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>--%>
	<js.ss file="/ss/treeTable/jquery.treetable.js"/>
	<style>
		.list-smallDim{
		width: 80px;
	}
	.list-smallDim span{
	display: inline-block;
	width: 46%;
	height: 16px;
	line-height: 16px;
	text-align: center;
	}
	.smallButton-i{
		margin-top: -4px;
	}
	.smc{
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		white-space:nowrap;
	}
	.sh-num-0{
		max-width: calc(100% - 351px);
	}
	.sh-num-1{
		max-width: calc(100% - 381px);
	}
	.sh-num-2{
		max-width: calc(100% - 429px);
	}
	html{
		overflow: hidden;
	}
</style>
</head>
<body>
<script type="text/javascript">
	/*$(function() {
		$(".ry_info_div").mouseover(function() {
				$(this).siblings(".personalPhoto-small").css("opacity", "1");
		});
		$(".ry_info_div").mouseleave(function() {
				$(this).siblings(".personalPhoto-small").css("opacity", "0");
		});
	});*/

	var initJs10086062 = function() {
		var f = $(".shList").find(".file");
		var trClass="";
		var indenterClass="icon-folder icon-openFolder icon-point icon-doc";
		var hLineClass="hLine";
		var hLine = "hLine-highlight";
		var titleClass="list-highlight list-highlight list2";

		$('#shList table').treetable({
			expandable: true,
			indent:"",
			stringCollapse:"点击关闭",
			stringExpand:"点击展开",
			onNodeCollapse:function(a){//关闭
				console.log(this);

				var trEle=$(this.treeCell).parent();
				var titleEle=trEle.find(".title").removeClass(titleClass);
				var indenter=$(this.indenter).removeClass(indenterClass);//图标
				// $(this.children[this.children.length-1].treeCell).parent().removeClass(hLine);
				indenter.addClass("icon-folder")
				titleEle.addClass("list-highlight");
				trEle.addClass(hLineClass);
				// trEle.addClass(hLine);
				setLine();
			},onNodeExpand:function(a){//展开
				var trEle=$(this.treeCell).parent();
				var titleEle=trEle.find(".title").removeClass(titleClass);
				// trEle.removeClass(hLine);
				var indenter=$(this.indenter).removeClass(indenterClass);

				indenter.addClass("icon-openFolder");
				titleEle.addClass("list-highlight")

				trEle.removeClass(hLineClass);
				$(this.children[this.children.length-1].treeCell).parent().addClass(hLineClass);
				setLine();

			},onNodeInitialized:function(){
				console.log(this);
				console.log(111111)
				var trEle=$(this.treeCell).parent().removeClass(hLineClass);
				var titleEle=trEle.find(".title").removeClass(titleClass);
				var indenter=$(this.indenter).removeClass(indenterClass);
				if(!this.parentId&&this.children.length==0){
					indenter.addClass("icon-doc")
					// trEle.removeClass(hLineClass);
				}else if(this.children.length>0){
					indenter.addClass("icon-folder")
				}else{
					indenter.addClass("icon-point")
				}

				if(this.children.length>0||!this.parentId){
					trEle.addClass(hLineClass);
				}

				if(this.children.length>0){
					titleEle.addClass("list-highlight");
				}else {
					titleEle.addClass("list2");
				}
		}
	});

	$.each(f, function() {
		var itm = $(this);
		if (typeof(itm.parent().parent().attr("data-tt-parent-id")) != "undefined") {
			itm.css("margin-left", "2em");
		}
	});

	//获取整体宽度
	var bjW = $('.home-list-div').width() - 180;
	var ztW = $('.treetable').width();
	//动态给左边赋宽度值
	var tdW = ztW - 95;
	$(".tdBt").width(tdW);
	var leftW = $(".tdBt").width();
	var aW = leftW - 100;
	//动态给收起来的标题赋宽度值
	$(".bb").css({
		"max-width": aW + 'px'
	})
	//动态给放出来的标题赋宽度值
	$(".btA").css({
		"max-width": bjW + 'px'
	})
	console.log('被拖动了')
	//$(".tdSj").click(function(){$(this).prev(".tdBt").children(".indenter").children("a").trigger("click")});

	$("[taskCount]").each(function() {
		$(this).find(".indenter a").html($(this).attr("taskCount"));
	})

	function setLine(){
		if ($(".shyjlist tr").eq(0).find('.indenter').hasClass('icon-doc')) {
			$(".shyjlist tr").eq(0).removeClass('hLine').addClass('hLine-highlight');
		}else if($(".shyjlist tr").eq(0).find('.indenter').hasClass('icon-folder')){
			$(".shyjlist tr").eq(0).removeClass('hLine').addClass('hLine-highlight');
		}else if($(".shyjlist tr").eq(0).find('.indenter').hasClass('icon-openFolder')){
			$(".shyjlist tr").eq(0).removeClass('hLine hLine-highlight');
			var ttId = $(".shyjlist tr").eq(0).attr("data-tt-id");
			var ttNum = 0;
			$(".shyjlist tr").each(function(){
				if($(this).attr("data-tt-parent-id") != undefined &&  $(this).attr("data-tt-parent-id") == ttId){
						ttNum++
				}
			});
			$(".shyjlist tr").eq(0).removeClass('hLine');
			$(".shyjlist tr").eq(ttNum).removeClass('hLine').addClass('hLine-highlight');
		}
	}
	setLine();
	}
</script>

<div id="sybj" style="background-color: #fff">
	<div class="home-component-div">
		<div idxxx="sybjBody" class="scrollbar" style="margin-top: 5px;height: 100%;overflow: auto;">
			<div xxxid="sybjBodyInner" style="padding-right: 4px;padding-left: 7px;box-sizing: border-box;">
				<div class="home-list-div" id="shList" style="overflow: hidden;height: auto;">
					<table style="border:none!important;border-collapse: collapse;width: 100%;display: block;" class="shyjlist">
					<tbody style="display: block;width: 100%;">
					<rpt.ss name="shList" id="item">
						<rpt.ss name="${item.ryList}" id="ry">
							<equal.ss val="${index}" val2="0"> <%-- 改 equal：val1="${index == 0}" val2="true"。Lin --%>
								<tr data-num="1111" onClick='if($(window.event.srcElement).is("a,img"))return;
										<serv.ss dlg="true" dest="shInfo" parm="{sm:&quot;${ry.sm}&quot;,fjid:&quot;${ry.fjid}&quot;,ynrid:&quot;${ry.ynrid}&quot;}"/>'
										class="trtable folder1 list" style="height: 41px;line-height: 41px;width: 100%;position: relative;font-size: 14px;display: block;" data-tt-id="${item.type}${index}${ry.ryid}">
									<td style="width:100%;padding-left: 15px;box-sizing: border-box;display: block;font-size: 14px" taskCount="${item.count}">
										<span class="folder"></span>
										<equal.ss val="${empty ry.dlryid}" val2="true">
											<span style="display: block;float: left;width: 85px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" data-ysz="${ry.yszwj}" data-zjz="${ry.zjzwj}" default-img="false" data-xm="${ry.xm}" data-type="1" class="title dHover ry_info_div">
												${ry.xm}
											</span>
										</equal.ss>
										<equal.ss val="${empty ry.dlryid}" val2="false">
											<span  style="display: block;float: left;width: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" data-ysz="${ry.yszwj}" data-zjz="${ry.zjzwj}" default-img="false" data-xm="${ry.xm}" class="title dHover ry_info_div">
												${ry.xm}
											</span>
											<span class="icon-proxy dHover" data-ysz="${empty ry.dlryyszwj?ry.dlryyszwj:ry.dlryzjzwj}" default-img="false" data-xm="${ry.dlryxm}" data-type="2">
											</span>
										</equal.ss>
										<div style="float: left;" class="list-dim">
											<equal.ss val="${ry.rylbm}" val2="1100"> <%-- 改 equal：val1="${ry.rylbm == 1100}" val2="true"。Lin --%>
												<cbTrans.ss cb="xyJoinBj" val="${ry.ryid}" filter='{ryid:"${ry.ryid}"}'/>
											</equal.ss>
											<notEqual.ss val="${ry.rylbm}" val2="1100"> <%-- 改 equal：val1="${ry.rylbm == 1100}" val2="false"。Lin --%>
												${ry.bmmc}
											</notEqual.ss>
										</div>
										<div style="float: left;margin-top: 9px;" class="sh-num-${empty ry.fjid&&empty ry.ynrid?'0':''}${not empty ry.fjid&&empty ry.ynrid?'1':''}${empty ry.fjid&&not empty ry.ynrid?'1':''}">
											<div style="height: 25px;line-height: 25px;" class="list2 smc">
												<txt.ss val="${ry.sm}"/>
											</div>
										</div>
										<equal.ss val="${empty ry.fjid}" val2="false">
											<div style="float: left;">
												<input type="button" class="underlineIcon-attachment" style="float: left;margin-left: 5px;"/>
											</div>
										</equal.ss>
										<equal.ss val="${empty ry.ynrid}" val2="false">
											<div style="float: left;">
												<input type="button" class="underlineIcon-media"/>
											</div>
										</equal.ss>
										<div class="list-smallDim" style="float: right;margin-right: 10px;line-height: 53px;">
											<span style="font-size: 12px">
												<txt.ss val="${ry.shsj}" fmt="HH:mm"/>
											</span>
											<span style="font-size: 12px;">
												<txt.ss val="${ry.shsj}" fmt="MM/dd"/>
											</span>
										</div>
									</td>
									<%--<wd:equal leftValue="${ry.sfbx==1}" rightValue="true">
											<td> （会签）</td>
									</wd:equal>--%>
								</tr>
							</equal.ss>
							<equal.ss val="${index &gt; 0}" val2="true">
								<tr onClick='if($(window.event.srcElement).is("a,img"))return;
										<serv.ss dlg="true" dest="shInfo" parm="{sm:&quot;${ry.sm}&quot;,fjid:&quot;${ry.fjid}&quot;,ynrid:&quot;${ry.ynrid}&quot;}"/>'
										class="file2 list" style="height: 41px;line-height: 41px;width: 100%;position: relative;font-size: 14px;display: block;" data-tt-id="${item.type}${index}${ry.ryid}" data-tt-parent-id="${item.type}0${item.groupId}">
									<td style="padding-left: 15px;width: 100%;box-sizing: border-box;display: block;">
										<span class="file"></span>
										<equal.ss val="${empty ry.dlryid}" val2="false">
											<span style="display: block;float: left;width: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
													data-ysz="${ry.yszwj}"  data-zjz="${ry.zjzwj}" default-img="false"
													data-xm="${ry.xm}" data-type = "1" class="title dHover ry_info_div">
												${ry.xm}
											</span>
											<span class="icon-proxy dHover dai" data-ysz="${ry.dlryyszwj}" data-zjz="${ry.dlryzjzwj}"
													default-img="false" data-xm="${ry.dlryxm}" data-type="2">
											</span>
										</equal.ss>
										<equal.ss val="${empty ry.dlryid}" val2="true">
											<span style="display: block;float: left;width: 85px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
													data-ysz="${ry.yszwj}" data-zjz="${ry.zjzwj}" default-img="false" data-xm="${ry.xm}" data-type = "1" class="title dHover ry_info_div">
												${ry.xm}
											</span>
										</equal.ss>
										<div style="float: left;" class="list-dim">
											<equal.ss val="${ry.rylbm}" val2="1100"> <%-- 改 equal：val1="${ry.rylbm == 1100}" val2="true"。Lin --%>
												<cbTrans.ss cb="xyJoinBj" val="${ry.ryid}" filter='{ryid:"${ry.ryid}"}'/>
											</equal.ss>
											<notEqual.ss val="${ry.rylbm}" val2="1100"> <%-- 改 equal：val1="${ry.rylbm == 1100}" val2="false"。Lin --%>
												${ry.bmmc}
											</notEqual.ss>
										</div>
										<div style="float: left;margin-top: 9px;" class="sh-num-${empty ry.fjid&&empty ry.ynrid?'0':''}${not empty ry.fjid&&empty ry.ynrid?'1':''}${empty ry.fjid&&not empty ry.ynrid?'1':''}" >
											<div style="height: 25px;line-height: 25px;" class="list2 smc" height='24px'>
												<txt.ss val="${ry.sm}"/>
											</div>
										</div>
										<equal.ss val="${empty ry.fjid}" val2="false">
											<div style="float: left;">
												<input type="button" class="underlineIcon-attachment" style="float: left;margin-left: 5px;"/>
											</div>
										</equal.ss>
										<equal.ss val="${empty ry.ynrid}" val2="false">
											<div style="float: left;">
												<input type="button" class="underlineIcon-media"  style="float: left;margin-left: 5px;"/>
											</div>
										</equal.ss>
										<div class="list-smallDim" style="float: right;margin-right: 10px;line-height: 53px;">
											<span style="font-size: 12px">
												<txt.ss val="${ry.shsj}" fmt="HH:mm" />
											</span>
											<span style="font-size: 12px">
												<txt.ss val="${ry.shsj}" fmt="MM/dd" />
											</span>
										</div>
									</td>
									<%--<wd:equal leftValue="${ry.sfbx==1}" rightValue="true">
											<td> （会签）</td>
									</wd:equal>--%>
								</tr>
							</equal.ss>
						</rpt.ss>
					</rpt.ss>
					</tbody>
					</table>
				</div>
				<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=" onload="initJs10086062()"/>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	var data = '${shList}';
</script>

<script>
	$(".dHover").hover(function() {
		tips($(this));
	});

	$(".dHover").mouseout(function() {
		tipsHidden();
	});

	var topWin = (function(p, c) {
		while (p != c) {
			c = p
			p = p.parent
		}
		return c
	})(window.parent, window);

	function tips(obj) {
		var bounding = $(obj)[0].getBoundingClientRect();
		var xy = this.recursionIframe();
		var left = bounding.left + xy.left;
		var top = bounding.top + bounding.height + xy.top;
		var tipHtml = "";
/* 改。Lin
		var src1 = "/service?wdApplication=$@{sessionScope['XMMC']}&wdService=getData&path=" + encodeURIComponent($(obj).attr('data-ysz'))
		var src2 = "/service?wdApplication=$@{sessionScope['XMMC']}&wdService=getData&path=" + encodeURIComponent($(obj).attr('data-zjz'))
*/
/* 再改，增加 type="img"。Lin
		var src1 = "/service?wdApplication=$@{sessionScope['XMMC']}&wdService=dlByHttp&path=" + encodeURIComponent($(obj).attr('data-ysz'))
		var src2 = "/service?wdApplication=$@{sessionScope['XMMC']}&wdService=dlByHttp&path=" + encodeURIComponent($(obj).attr('data-zjz'))
*/
		var src1 = "/service?ssServ=dlByHttp&type=img&path="+ encodeURIComponent($(obj).attr('data-ysz'))
		var src2 = "/service?ssServ=dlByHttp&type=img&path="+ encodeURIComponent($(obj).attr('data-zjz'))

		if($(obj).attr("data-ysz") == '' && $(obj).attr("data-zjz") == '') {
			return;
		}
		if ($(obj).attr("data-ysz") == '') {
			var src
			if($(obj).attr("default-img")){
			}
			tipHtml = '<div class="personalPhoto-small tips zjz"' +
					'style="position: absolute; left: ' + (left-5)+ 'px; top: ' + (top - 100) +
					'px; z-index: 999999999999999; border: none; border-radius:0;background: none;"><img src="'+src2+'" /></div>';
		}
		else {
			tipHtml = '<div class="personalPhoto-small tips ysz" style="position: absolute; width:60px; left: ' + (left-5) + 'px; top: ' + (top - 100) +
					'px; z-index: 999999999999999;"><img  src="'+src1+'" /></div>';
		}

		topWin.$("body").append(tipHtml);
	}

	function tipsHidden() {
		topWin.$(".tips").remove();
	}

	this.recursionIframe = function(win) {
		if (!win) {
			win = window;
		}

		function getTop(e) {
			var offset = e.offsetTop;
			if (e.offsetParent != null) offset += getTop(e.offsetParent);
			return offset;
		}

		function getLeft(e) {
			var offset = e.offsetLeft;
			if (e.offsetParent != null) offset += getLeft(e.offsetParent);
			return offset;
		}

		if (win.parent == top && win.parent == win) {
			return {
				"left": 0,
				"top": 0
			};
		}

		var winPar = win.parent; // .opener
		var iframeArr = winPar.document.getElementsByTagName('IFRAME');
		var targetIframe;

		var iframeArr1 = win.document.getElementsByTagName('IFRAME');
		for (var i = 0; i < iframeArr1.length; i++) {
			var iframeElem = iframeArr1[i];
			if (iframeElem.contentWindow == win) {
				targetIframe = iframeElem;
				break;
			}
		}

		for (var i = 0; i < iframeArr.length; i++) {
			var iframeElem = iframeArr[i];
			if (iframeElem.contentWindow == win) {
				targetIframe = iframeElem;
				break;
			}
		}

		var xy = {
			left: getLeft(targetIframe),
			top: getTop(targetIframe)
		}

		if (winPar.parent != winPar) {
			var xy2 = this.recursionIframe(winPar);
			xy.left += xy2.left;
			xy.top += xy2.top;
		}

		return xy
	}
</script>
</body>
</html>