Yezb
/
ss_new_ui_skin_and_page


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352
							<%@ page language="java" pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib uri="/ssTag" prefix="ss"%>
<%pageContext.setAttribute("wdpageinformation","{'hastab':'0'}");%>
<%-- 对象增加审核页 --%>
<!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['wd.yh']?'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="addChk"; 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>
<link rel="stylesheet" type="text/css" href="/ss/window/theme/dhtmlxwindows.css">
<link rel="stylesheet" type="text/css" href="/ss/window/theme/dhx_blue/dhtmlxwindows_dhx_blue.css">
<script type="text/javascript" src="/ss/window/dhtmlxcommon.js"></script>
<script type="text/javascript" src="/ss/window/dhtmlxwindows.js"></script>
<script type="text/javascript" src="/ss/window/dhtmlxcontainer.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/datePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/ss/js/edit.js"></script>
	<meta http-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE" />
	<script src="/js/load.js"></script> <%-- ="/newUI/ss/js/base.js"。Lin(新UI) --%>
	<script type="text/javascript" src="/js/display.js"></script>
</head>
<body style="overflow:hidden !important;">
<%
	pageContext.setAttribute("dataType","bdplay");
%>

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

<%-- 改为 <data@ss name="info"/>。Lin
<tab@ss name="info"/> --%>
<ss:data name='info'/>
<div id="app" style="overflow: hidden;">
	<div class="verify-container">
		<div class="left-side">
			<form method="post" id="myForm">
				<div  :style="{ height: contentHeight + 'px' }" style="box-sizing: border-box; overflow:hidden;padding:20px">
					<!-- <div ssDragh='{max:490,min:50,lvl:2,pct:60}' > -->
					
						<iframe style="border: 1px solid #d2d2d2;box-sizing: border-box;height: 100%;" width="100%" height="100%" frameborder="0"
								src="<ss:serv name='${info.service}' dest='${info.dest}' parm='${info.param}'/>">
						</iframe>
						
					<!-- </div> -->
					<!-- <div ssDragh='{max:490,min:50,lvl:2,pct:40}'> -->
						
					<!-- </div> -->
				</div>
				<%-- <div class="action-bar-1">
					<div class="action-list">
					  <span><ss-common-icon class="common-icon-common-words"></ss-common-icon></span>
					  <!-- <span><ss-common-icon class="common-icon-handwriting"></ss-common-icon></span> -->
					  <span><ss-common-icon class="common-icon-paper-clip"></ss-common-icon></span>
					  <!-- <span><ss-common-icon class="common-icon-smile"></ss-common-icon></span> -->
					</div>
					<div class="input-area">
					  <input name="shsm" placeholder="请输入批示意见" />
					</div>
				  </div> --%>
					<div class="" style="width: 100%;height:65px;border-top: 1px solid rgb(210, 210, 210);">
						<input type='hidden' name='ynrid' value='' />
						<div id='ynrEdit' data-shid="${shid}" style="height: 63px;"></div>
						<script type="text/javascript" charset="utf-8" src="/ss/js/edit.js"></script>
						<ss:inper />
						<ss:equal val="${empty inputter.encode_ynrid}" val2="false">
							<input type="hidden" name="ynr_WATCHURL" value='ss.display.showComponent({show:["ssDialog"],url:"<ss:serv parm='{"wdConfirmationCaptchaService":"0","id":"ssVal{id}"}' dest='convInp'/>",title:"转换",width:1024,height:350});' />
						</ss:equal>
						<script>
							document.querySelector('form').addEventListener('submit', function(){
								if(typeof saveEditor != 'undefined' && saveEditor instanceof Function)
								saveEditor('ynrEdit');
							});
							HTMLFormElement.prototype.subfun = HTMLFormElement.prototype.submit;
							HTMLFormElement.prototype.submit = function(){
								if(typeof saveEditor != 'undefined' && saveEditor instanceof Function) 
								saveEditor('ynrEdit');
								this.subfun();
							};
							function addCyy() {
								wd.display.showComponent({show:["wdDialog"],url:"<ss:serv name='p_gryy_zj' parm='{"wdConfirmationCaptchaService":"0"}' dest='gryyInp'/>",title:"录入常用语",width:571,height:105,minHeight:54,maxHeight:158});
							}
						
							function fjidfjEdit(){
								var fjName='fjid';var fjid=document.getElementsByName('fjid')[0].value;
								if(fjid==null||fjid==''){
									$.ajax({type:'post',url:'<ss:serv name='makeAttCms' parm='{"wdConfirmationCaptchaService":"0"}'/>',async:false,data:{name:'fjid',ssNrObjName:'sh',ssNrObjId:'${shid}'},success:function(_fjid){fjid=_fjid;document.getElementsByName('fjid')[0].value=fjid;}});
								};
								var str='&nrid=T-'+fjid+'&objectId='+fjid+'&objectName='+fjName+'&callback='+(window['fjidCallbackName']||'');
								wd.display.showComponent({show: ['wdDialog'],url:'<ss:serv name='regCms' parm='{"wdConfirmationCaptchaService":"0"}' dest='cmsHome'/>'+str,title: '编辑',width: 900,high: 664});
							}
						
							var inputterfjJson={"fj":{"key":"fjid","value":"","name":null,"jlztm":null}};
						</script>

					</div>
				<div class="bottom-div" style="border: none; display:flex;flex-direction: column;position: absolute;"> 			
					<div class="bottom-div-button" style="width: 100%;display:flex;justify-content: flex-end; gap:10px;padding-bottom: 10px;padding-top: 10px;">
		
					<ss-bottom-button
					  class="bottom-button-reject"
					  text="退回"
					  @click="onReject"
					  icon-class="bottom-div-back"
					></ss-bottom-button>
					<ss-bottom-button
					  text="同意"
					  @click="onSubmit"
					  icon-class="bottom-div-save"
					></ss-bottom-button>
				  </div>
				</div>
				<div class="bottom-div" style="display: none;">
					<%-- <div class="bottom-up-div">
						<div class="bottom-up-div-left" style="width: 16%;display: inline-block;height: 100%;line-height: 99px;font-size: 16px;text-align: right;padding-right: 16px;box-sizing: border-box;">
							审核意见
						</div>
						<div class="bottom-up-div-left-right" style="width: 84%;display: inline-block;float: right;height: 100%;">
							<input type='hidden' name='ynrid' value='' />
							<div id='ynrEdit' data-shid="${shid}" style="height: 63px;"> 
							</div> 
							<script type="text/javascript" charset="utf-8" src="/ss/js/edit.js"></script>
			<ss:inper /><ss:equal val="${empty inputter.encode_ynrid}" val2="false"><input type="hidden" name="ynr_WATCHURL" value='wd.display.showComponent({show:["wdDialog"],url:"<ss:serv parm='{"wdConfirmationCaptchaService":"0","id":"wdVal{id}"}' dest='convInp'/>",title:"转换",width:1024,height:350});' /></ss:equal><script>wd.edit.initInputter("ynr",${inputter.ynrid},${inputter.encode_shid},${inputter.encode_ynrid});document.querySelector('form').addEventListener('submit', function(){if(typeof saveEditor != 'undefined' && saveEditor instanceof Function) saveEditor('ynrEdit');});HTMLFormElement.prototype.subfun = HTMLFormElement.prototype.submit;HTMLFormElement.prototype.submit = function(){if(typeof saveEditor != 'undefined' && saveEditor instanceof Function) saveEditor('ynrEdit');this.subfun();};function addCyy() {wd.display.showComponent({show:["wdDialog"],url:"<ss:serv name='p_gryy_zj' parm='{"wdConfirmationCaptchaService":"0"}' dest='gryyInp'/>",title:"录入常用语",width:571,height:105,minHeight:54,maxHeight:158});}</script><script type="text/javascript" charset="utf-8" >
			function fjidfjEdit(){var fjName='fjid';var fjid=document.getElementsByName('fjid')[0].value;if(fjid==null||fjid==''){$.ajax({type:'post',url:'<ss:serv name='makeAttCms' parm='{"wdConfirmationCaptchaService":"0"}'/>',async:false,data:{name:'fjid',ssNrObjName:'sh',ssNrObjId:'${shid}'},success:function(_fjid){fjid=_fjid;document.getElementsByName('fjid')[0].value=fjid;}});};var str='&nrid=T-'+fjid+'&objectId='+fjid+'&objectName='+fjName+'&callback='+(window['fjidCallbackName']||'');wd.display.showComponent({show: ['wdDialog'],url:'<ss:serv name='regCms' parm='{"wdConfirmationCaptchaService":"0"}' dest='cmsHome'/>'+str,title: '编辑',width: 900,high: 664});}
			</script>
			<script type="text/javascript" charset="utf-8" >
			var inputterfjJson={"fj":{"key":"fjid","value":"","name":null,"jlztm":null}};
			</script>

						</div>
					</div> --%>
					<div class="bottom-down-div" style="display: none;">
			<%-- 改为 <data@ss name="agrAdd"/>。Lin
						<tab@ss name="agr"/>
						<tab@ss name="rej"/> --%>
						<ss:data name='agrAdd'/>
						<ss:data name='rejAdd'/>
						<ss:equal val='${empty agrAdd}' val2='false'> <%-- ="${empty agr}"。Lin --%>
							<input type="submit" value="同意" id="agree" class="bottom-button"
			<%-- 再去掉 wd.display.changeFormAction(，改用 <varServ.ss subm="true"。Lin
				去掉 sfty:"1" 参数，不用了 -- ${agr.service} 里的服务，最终是 "ss.agrTask"
				原 name="${agr.service}" dest="${agr.dest}"
									onclick='wd.display.changeFormAction("<ss:serv name='${agr.service}' dest='${agr.dest}' parm='{shid:"${shid}",sfty:"1"}'/>",this);'/> --%>
									onclick='wd.display.changeFormAction("<ss:serv name='${agrAdd.service}' dest='${agrAdd.dest}' parm='{shid:"${shid}"}'/>",this);'/>
						</ss:equal>
						<ss:equal val='${empty rejAdd}' val2='false'> <%-- val="${empty rej}"。Lin --%>
							<input type="submit" value="退回" id="reject" class="bottom-button"
			<%-- 再去掉 wd.display.changeFormAction(，改用 <varServ.ss subm="true"。Lin
				去掉 sfty:"0" 参数，不用了 -- ${agr.service} 里的服务，最终是 "ss.rejTask"
				原 name="${rej.service}" dest="${rej.dest}"
									onclick='wd.display.changeFormAction("<ss:serv name='${rej.service}' dest='${rej.dest}' parm='{shid:"${shid}",sfty:"0"}'/>",this);'/> --%>
									onclick='wd.display.changeFormAction("<ss:serv name='${rejAdd.service}' dest='${rejAdd.dest}' parm='{shid:"${shid}"}'/>",this);'/>
						</ss:equal>
			<%--
						<input type="submit" value="同意" class="bottom-button" onclick="@service{submit:true,name:'check',dest:'sys_info',param:{shid:'${shid}',sfty:'1'}}@"/>
						<input type="submit" class="bottom-button" value="退回" onclick="@service{submit:true,name:'check',dest:'sys_info',param:{shid:'${shid}',sfty:'0'}}@"/>
			--%>
						<input type="button" onclick="wd.display.closeDialog();" class="bottom-button" value="关闭"/>
					</div>
				</div>
			</form>
		</div>
			<div class="right-side" :class="{'expanded': isRightExpanded, 'pinned': isRightPinned}">
				<div class="btn-toggle" @click="toggleRightSide" :style="{'top': (contentHeight - 20) + 'px'}">
					<ss-icon 
						:name="isRightExpanded ? 'arrow-double-right' : 'arrow-double-left'" 
						type="common" 
						size="12px">
					</ss-icon>
				</div>
				<div class="right-side-content">
					<iframe width="100%" height="100%" frameborder="0"
					src="<ss:serv name='selSh' parm='{"wdConfirmationCaptchaService":"0","sqid":"${sqid}"}' dest='shList'/>">
					</iframe>
				</div>

			</div>
		</div>
	</div>
</div>
<input name='wdComponentID' type='hidden' value='addChk'/></form>
<script type="text/javascript">var wdRecordValue='${wdRecordValue}';</script>
<script type="text/javascript" src="/ss/js/wdRecord.js"></script>
<script type="text/javascript">(function(){wdRecord("addChk");})();</script>
<script type="text/javascript" src="/ss/js/wdFitHeight.js"></script>
<script type="text/javascript">initWdFitHeight(166)</script>
<script type="text/javascript">initWdFitHeightFunction=function(){initWdFitHeight(166);};</script>
<script type="text/javascript" src="/ss/js/wdDragHeight.js"></script>
<script type="text/javascript">initWdDragHeight(166)</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">
tokenCleanser("<ss:serv name='ss.clearPageToken'/>", {tokenList:"<%= pageContext.getAttribute(ss.page.PageC.PAGE_tokenList)%>"});
</script>
<script type="module">
	SS.ready(function() {
		wd.edit.initInputter("ynr",${inputter.ynrid},${inputter.encode_shid},${inputter.encode_ynrid});

		const ynrEditContent = $('#ynrEdit').html();
		// console.log("ynrEditContent",ynrEditContent)
      // 调用组件中的初始化方法
      window.SS.dom.initializeFormApp({
        el: '#app',
        data() {
          return{
			contentHeight: 0,
			isRightExpanded: false,
			isRightPinned: false, // 是否常驻展开
			expandTimer: null,  // 用于延迟展开/收缩的计时器
			rightSideIcon: 'arrow-double-left' // 默认图标

		  }
        },
        methods: {
          onSubmit() {
            $("#agree").click();
          },
          onReject() {
			$("#reject").click();
          },
          onDialogClose() {
            wd.display.closeDialog();
          },
		  // 处理右侧边栏展开/收缩
			toggleRightSide() {
				if (this.isRightPinned) {
				// 如果当前是常驻状态，点击则取消常驻并收起
				this.isRightPinned = false;
				this.isRightExpanded = false;
				} else {
				// 如果当前不是常驻状态，点击则切换常驻状态
				this.isRightPinned = !this.isRightPinned;
				this.isRightExpanded = this.isRightPinned;
				}
				// 更新图标
				this.rightSideIcon = this.isRightExpanded ? 'arrow-double-right' : 'arrow-double-left';
			},
			
			// 鼠标进入右侧边栏
			onRightSideEnter() {
				if (!this.isRightPinned) {
				// 清除之前的计时器
				if (this.expandTimer) clearTimeout(this.expandTimer);
				
				// 设置延迟展开
				this.expandTimer = setTimeout(() => {
					this.isRightExpanded = true;
					this.rightSideIcon = 'arrow-double-right';
				}, 200);
				}
			},
			
			// 鼠标离开右侧边栏
			onRightSideLeave() {
				if (!this.isRightPinned) {
				// 清除之前的计时器
				if (this.expandTimer) clearTimeout(this.expandTimer);
				
				// 设置延迟收缩
				this.expandTimer = setTimeout(() => {
					this.isRightExpanded = false;
					this.rightSideIcon = 'arrow-double-left';
				}, 300);
				}
			}
        },
		mounted() {
			$('#ynrEdit').html(ynrEditContent);
			this.contentHeight = window.innerHeight - 170;
            // 4. 确保所有脚本加载完成后再初始化nr0310
			setTimeout(() => {
				console.log("window.nr0310",window.nr0310);
				if(window.nr0310 && window.nr0310.init) {
					const img = $('#ynrEdit').find("img")[0];
					if(img) {
						console.log("img",img);
						// 等待img加载完成后再初始化
						if(img.complete) {
							nr0310.init(img);
						} else {
							img.onload = function() {
								nr0310.init(img);
							}
						}
					}
				}
			}, 10000);
			
			// 添加右侧边栏交互事件
			const rightSide = document.querySelector('.right-side');
			rightSide.addEventListener('mouseenter', this.onRightSideEnter);
			rightSide.addEventListener('mouseleave', this.onRightSideLeave);

			// 箭头点击切换常驻状态
			rightSide.addEventListener('click', (e) => {
				// 只有点击箭头区域才触发
				if (e.offsetX < 10) {
				this.toggleRightSide();
				}
			});
		}
      });
    });
</script>