单据审批查看流程节点，流程图错位。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page import="org.osoa.sca.RequestContext"%>
<%@page pageEncoding="UTF-8"%>
<%@include file="/vbm/vbmcommon.jsp" %>
<%@ taglib uri="/WEB-INF/tlds/workflow.tld" prefix="wf"%>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script type="text/javascript" src="<%=contextPath%>/common/nui/locale/zh_CN.js"></script>
<script type="text/javascript" src="<%=contextPath%>/fmis/er/commonjs/buttom.js"></script>
<script type="text/javascript" src="<%=contextPath%>/fmis/er/commonjs/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<%=contextPath%>/fmis/er/commonjs/jquery-barcode.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/workflow/wfcomponent/web/js/Graphic.js"></script>
<style type="text/css">
html, body{
margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
}

#hidebg1 { position:absolute;left:0px;top:30px;
background-color:#EBEBEB;
width:100%;
height:100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
filter:alpha(opacity=20); /*设置透明度为60%*/
opacity:0.2; /*非IE浏览器下设置透明度为60%*/
display:none; /* http://www.jb51.net */
z-Index:2;
}

.barcodeImg{
float:right;
margin-top:-40px;
}
.botton{
margin-top:950px;
}
</style>
<title>报销审批参照页面</title>
</head>
<body><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page import="org.osoa.sca.RequestContext"%>
<%@page pageEncoding="UTF-8"%>
<%@include file="/vbm/vbmcommon.jsp" %>
<%@ taglib uri="/WEB-INF/tlds/workflow.tld" prefix="wf"%>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script type="text/javascript" src="<%=contextPath%>/common/nui/locale/zh_CN.js"></script>
<script type="text/javascript" src="<%=contextPath%>/fmis/er/commonjs/buttom.js"></script>
<script type="text/javascript" src="<%=contextPath%>/fmis/er/commonjs/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<%=contextPath%>/fmis/er/commonjs/jquery-barcode.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/workflow/wfcomponent/web/js/Graphic.js"></script>
<style type="text/css">
html, body{
margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
}

#hidebg1 { position:absolute;left:0px;top:30px;
background-color:#EBEBEB;
width:100%;
height:100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
filter:alpha(opacity=20); /*设置透明度为60%*/
opacity:0.2; /*非IE浏览器下设置透明度为60%*/
display:none; /* http://www.jb51.net */
z-Index:2;
}

.barcodeImg{
float:right;
margin-top:-40px;
}
.botton{
margin-top:950px;
}
</style>
<title>报销审批参照页面</title>
</head>

<body>

<div>

不重要的代码就不贴了，因为此处表单和grid必须要保留不能改动，所以上面声明的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

和 <html xmlns="http://www.w3.org/1999/xhtml"> 是不能变的，当时试过把DOCTYPE 的版本1.0换成4.01，但是流程图是显示正常了，但是表单和列表完全错位了。

于是就干脆把流程图用iframe镶嵌进去就OK。文章内有关于iframe传参的就是换成那段代码就OK.

</div>

<div class="nui-fit" >
<wf:processGraph processInstID='<%=request.getParameter("processInstId")%>' zoomQuotiety='0.7'/>
</div>

</body>

单据审批查看流程节点，流程图错位。

猜你喜欢