apps/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.home.htm
2022-06-27 23:38:56 +08:00

92 lines
2.1 KiB
HTML
Executable File

<!Doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>流程资源应用列表</title>
<script src="../commons/js/jquery/scripts/jquery.js"></script>
<script src="../commons/js/awsui.js"></script>
<link rel="stylesheet" href="../commons/css/awsui.css">
<style>
ul li {
line-height: 35px;
width: 150px;
margin: 10px auto;
font-size: 15px;
cursor: pointer;
}
ul li:hover {
background-color: #E7E8EA;
}
ul li img {
margin-right: 10px;
margin-left: 5px;
vertical-align: -3px;
}
ul li.current {
background-color: #E7E8EA;
color: #1CA17A;
}
.awsui-layout-left-title {
border-bottom: none;
background-color: #F1F2F4;
}
</style>
</head>
<body>
<div id="simple-left" style="width:220px; background-color: #F1F2F4;">
<div style="padding:3px; margin-top: -10px; overflow:auto;">
<ul id="left_menu">
</ul>
</div>
</div>
<div id="simple-layout-separater"></div>
<div id="simple-right">
<iframe id="iflowlist" name="iflowlist" frameBorder="0" style="width: 100%; height: 100%; display: block;" allowfullscreen="true" webkitallowfullscreen="true" src=""></iframe>
</div>
<input type="hidden" value="<#sid>" name="sid" id="sid" >
</body>
<script>
$(function($){
if($("body").width() < 1000) {
$("#left_menu").append('<#smallHtml>');
$("#simple-left").css({"width" : "70px"});
$("ul li").css({"width" : "50px", "text-align": "center"});
$("ul li img").css({"width" : "20px"});
} else {
$("#left_menu").append('<#html>');
}
//layout配置
$(window).layout({
left:{
target:"#simple-left",
title: "&nbsp;"
},
right:{
target:"#simple-right"
},
separater:{
target:"#simple-layout-separater",
width:0
}
});
$("li").unbind("click").bind("click", function(){
openApp($(this), $(this).attr("clazzName"));
});
})
function openApp(obj, clazzName) {
$("li.current").removeClass("current");
obj.addClass("current");
$("#iflowlist").attr("src", "./w?sid=<#sid>&cmd=com.actionsoft.apps.coe.pal_app_page&wsId=<#wsid>&clazzName=" + clazzName);
}
</script>
</html>