主页面(控制工作流节点跳转)
<!DOCTYPE HTML>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<title>流程控制</title>
<link rel="stylesheet" type="text/css" href="../../kui-base/themes/icon.css"/>
<link rel="stylesheet" type="text/css" href="../../kdiaSystem/css/flow.css"/>
<script type="text/javascript" src="../../kui-base/js/core/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../kui-base/js/core/kui.loader.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<style>
</style>
<script>
var nodeList = [{code: '1', title: '第一步主题', render: 'iframe', link: 'Page1.html'},
{code: '2', title: '第二步主题', render: 'iframe', link: 'Page2.html'}];
window.$ready=function(){
using("flow", function(){
$("#sett_flow_box").flow({
data:nodeList
});
});
}
function changePage2(tarDate){
$("#sett_flow_box").flow("changeStatus","success");
nodeList[1].link = "Page2.html?TAR_DATE="+tarDate; $("#flow_page_2").find("iframe").attr("src",nodeList[1].link);
}
function maskWindow2(tarDate){
MaskIt($("#sett_flow_box").parent());
}
</script>
</head>
<body>
<div style="padding:3px 0;">
<div id="sett_flow_box">
</div>
</div>
</body>
</html>
第一页Page1.html
<!DOCTYPE HTML>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<title>第一页</title>
<link rel="stylesheet" type="text/css" href="../../kui-base/themes/icon.css" />
<script type="text/javascript" src="../../kui-base/js/core/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../kui-base/js/core/kui.loader.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script>
window.$ready = function () {
ajaxRequest({
req: [{
"service": "SXXXXXX",
SUBSYS_SN:"0"
}],
func: function (data) {
var rs = data[0][0];
var tarDate =rs.REPORT_DATE;
if(!rs||!tarDate){
window.parent.maskWindow();
return;
}
$('#tar_date').datebox('setValue', tarDate);
window.parent.changePage2(tarDate);
},
error: function (msg) {
$('#tar_date').datebox('setValue', "");
window.parent.changePage2("");
window.parent.maskWindow2();
}
});
}
function selectDate(date) {
if(!date){
alert("采集日期不能为空,请检查报送日期。");
return;
}
var tarDate = formatterDate(date);
window.parent.changePage2(tarDate);
}
</script>
</head>
<body style="background: #e0ecff ">
<div id="collectParamSet" class="align-center">
日期: <input class="kui-datebox" style="border:2px solid #8ed5e7;" kui-options="required:true,disabled:true" name="tar_date" id="tar_date" />
</div>
</body>
</html>
第二页Page2.html
<!DOCTYPE HTML>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<title>采集</title>
<link rel="stylesheet" type="text/css" href="../../kui-base/themes/icon.css"/>
<link rel="stylesheet" type="text/css" href="../css/progress.css">
<script type="text/javascript" src="../../kui-base/js/core/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../kui-base/js/core/kui.loader.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript">
var tarDate = "";
window.$ready=function(){
tarDate = URLtool().getValueByUrlKey("TAR_DATE");
}
</script>
</head>
<body>
......
</body>
</html>