Yezb
/
ss_new_ui_skin_and_page


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
							<%@ page language="java" pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib uri="/ssTag" prefix="ss"%>
<%pageContext.setAttribute("wdpageinformation","{'hastab':'1'}");%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script>window.loginStatus="${empty sessionScope['ssUser']?'0':'1'}"</script>
<ss:skin file='main.css'/>
<script type="text/javascript" src="/ss/jquery/jquery.js"></script>
<script type="text/javascript" src="/ss/artdialog/artDialogUtil.js"></script>
<script type="text/javascript" src="/ss/js/base.js"></script>
<script> if(!window.wd) var wd={}; if(!wd.display) wd.display={}; wd.display.wdDialogId="objInfo"; if(!wd.app) wd.app={};  wd.app.name='pms';</script>
<script type="text/javascript" src="/ss/js/masklayer.js"></script>
<script type="text/javascript" src="/ss/js/wdDialogInit.js"></script>
<script type="text/javascript" src="/ss/js/common.js"></script>
<script type="text/javascript" src="/ss/js/display.js"></script>
<script type="text/javascript" src="/ss/js/edit.js"></script>
<script type="text/javascript" src="/ss/nicescroll/jquery.nicescroll.js"></script>
<script type="text/javascript" src="/ss/nicescroll/jquery.nicescroll.iframehelper.min.js"></script>

<%-- 新UI引入的JS --%>
<script src="/js/load.js"></script> <%-- ="/newUI/ss/js/base.js"。Lin(新UI) --%>

</head>
<body>

<%-- 改为 <data@ss name="obj"/>。Lin
<tab@ss name=""/> --%>
<%-- <data@ss name="obj"/> 再去掉，好像不需要。Lin --%>
<ss:tab name='baseInfo,child'/>
<%-- 改为 <jsp@ss file="/ss/tabState.jsp"/>。Lin
<tab@ss name="tagState"/> --%>
<%@include file="/ss/clip/tabState.jsp"%>

<script>
	function addWdFitHeight(selecter,param){
		console.log(selecter);
		console.log(param);
		var aa="";
		if(param.minHeight){
			aa+="min:"+param.minHeight+",";
		}
		if(param.maxHeight){
			aa+="max:"+param.maxHeight+",";
		}
		if(param&&aa){
			aa=aa.substr(0,aa.length-1)
			document.querySelector(selecter).setAttribute("ssFith",aa);	// ("wdFitHeight",。Lin
		}
	}
</script>

<%--<div class="tab-div">
	<ul ssNormClazz="tab-normal" ssHovClazz="tab-hover" ssSelClazz="tab-selected">
		<ss:rpt name='${tabList}' id='item'>
			<li name="${item.name}" --%><%-- wdTabSite="${item.wdTabSite}"。先去掉，用到再弄。好像是 个人选项卡 的东西。Lin --%>
				<%--_sizeinfo="width:${item.width},height:${item.height},minHeight:${item.minHeight}, maxHeight:${item.maxHeight}"
					ssTabClick="<ss:serv name='${item.service}' dest='${item.dest}' parm='${item.param}'/>">
				${item.desc}
			</li>
		</ss:rpt>

<!-- <li name="sys_bd" wdTabClick='@service{name:"sq_cx",dest:"sq_cx",param:{dxid:"${dxid}"}}@'>变动</li> -->

	</ul>
</div>
<div>
	<iframe frameborder="none" name="ssTabIframe" width="100%" ></iframe>
</div>--%>
<div id="app">
	<div class="project-edit-container">
		<ss-sub-tab
		:menu-list="tabConfig"
		active-menu="相对方"
		@menu-change="handleMenuChange"
		:left-display="leftDisplay"
		:footer-buttons="footerButtons" 
	  />
	  <!-- @menu-change="handleMenuChange"
		-->
	</div>
</div>
<script>
	var tabHeight=<ss:txt val='${tabHeight}'/>;
	addWdFitHeight("[name=ssTabIframe]",tabHeight);	// ("[name=wdTabFrame]",。Lin
</script>

<script type="text/javascript">var wdRecordValue='${wdRecordValue}';</script>
<script type="text/javascript" src="/ss/js/wdRecord.js"></script>
<script type="text/javascript">(function(){wdRecord("objInfo");})();</script>
<script type="text/javascript" src="/ss/js/wdFitHeight.js"></script>
<script type="text/javascript">initWdFitHeight(33)</script>
<script type="text/javascript">initWdFitHeightFunction=function(){initWdFitHeight(33);};</script>
<script type='text/javascript'>wd.display.wdTabNo='${ssNextTabNo}';</script><script type="text/javascript" src="/ss/js/wdDrag.js"></script>
<script type="text/javascript" src="/ss/js/configurableTab.js"></script>
<script type="text/javascript"> 
wd.configurableTab.init(1,"objInfo");</script>
<ss:equal val="${empty resizeComponent}" val2="false">
<script>{var iframe=wd.display.getFrameOfWindow();
if(iframe&&iframe.contentWindow==window)
wd.display.resizeComponent(${resizeComponent.width}, ${resizeComponent.height}, ${empty resizeComponent.minHeight?'null':resizeComponent.minHeight}, ${empty resizeComponent.maxHeight?'null':resizeComponent.maxHeight});}</script>
</ss:equal>
<ss:help/>
</body>
<script type="text/javascript">
try{wd.display.showMsgPopup('${msg}');
}catch(err){console.error(err);}
</script>
<ss:equal val="${empty wdclosewindowparam}" val2="false">
<script type="text/javascript">
try{wd.display.setCloseWindowParam('${wdclosewindowparam}');
}catch(err){console.error(err);}
</script>
</ss:equal>
</html>
<script type="text/javascript">
	<%-- 增加初始化选项卡json start Ben --%>
	window.SS.dom.tabConfig = window.SS.dom.tabConfig || [];
	<ss:rpt name='${tabList}' id='item'>
	{
	let item = {
	url: "<ss:serv name='${item.service}' dest='${item.dest}' parm='${item.param}'/>",
	title:"${item.desc}",
	name:"${item.name}",
	<%-- 下面的属性是为了计算选项卡高度fitHeight准备的 --%>
	width:"${item.width}",
	height:"${item.height}",
	minHeight:"${item.minHeight}",
	maxHeight:"${item.maxHeight}"
	};

	window.SS.dom.tabConfig.push(item);
	}
	</ss:rpt>

	console.log('tabConfig：'+JSON.stringify(window.SS.dom.tabConfig));

	<%-- 增加初始化选项卡json end Ben --%>

	tokenCleanser("<ss:serv name='ss.clearPageToken'/>", {tokenList:"<%= pageContext.getAttribute(ss.page.PageC.PAGE_tokenList)%>"});
</script>
<script type="module">

const data = {
	tabConfig: window.SS.dom.tabConfig.map(tab => ({
		...tab,
		cgxList: false,
		
	})),
	leftDisplay: true,
	footerButtons: [
		
	]
}
SS.ready(function () {
	const app = window.SS.dom.initializeFormApp({
		el: "#app",
		data(){
			return data;
		},
		methods:{
			handleMenuChange(menu){
				console.log('handleMenuChange', menu);
			},
			async showTagState(url) {
				// 从每个tab的url中提取token
				const tokenList = this.tabConfig.map(tab => {
					const match = /ssToken=([^&]+)/.exec(tab.url);
					return match ? match[1] : null;
				});

				try {
					const response = await $.post(url, {
						tokenList: JSON.stringify(tokenList)
					});
					
					const result = eval("(" + response + ")");
					
					// 更新每个tab的状态
					this.tabConfig = this.tabConfig.map((tab, index) => {
						if (!result[index]) return tab;
						return {
						...tab,
						cgxList: result[index].cgxList === true,
						
						};
					});
					console.log('更新标签状态成功:', this.tabConfig);
				} catch (error) {
					console.error('获取标签状态失败:', error);
				}
			}
		},
		mounted() {
			this.showTagState("<ss:serv name='ss.wrTabState' parm='{ssObjName:"${ssObjName}",ssObjId:"${ssObjId}","${ssObjIdName}":"${ssObjId}",wdConfirmationCaptchaService:"0",dataType:"${dataType}"}'/>");	
		}
	})
	
	window.SS.dom.currentApp = app;
	

})
</script>