yili-apps/com.actionsoft.apps.coe.pal/template/page/teamwork.processmodeling.teamperm.html
2022-06-27 23:38:56 +08:00

124 lines
4.3 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Network Team List</title>
<!-- js -->
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
<script type="text/javascript" src="../commons/js/awsui.js"></script>
<!-- css -->
<link rel="stylesheet" href="../commons/css/awsui.css">
<link rel="stylesheet" href="../commons/js/jquery/themes/default/ui/reference/jquery-ui.css">
<link type="text/css" rel="stylesheet" href="../apps/_bpm.platform/css/amc/console.admin.amc.public.css" />
<script src="../<I18N#COEPATH>/js/teamwork.processmodeling.teamperm.js"></script>
<style>
.operate_span{
cursor: pointer;
}
.text-overflow{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;/*Opera下实现ellipsis效果*/
}
#checkedList li {
height: 40px;
line-height: 40px;
border-bottom: solid 1px rgb(206, 206, 206);
}
#checkedList li:hover {
background-color: rgb(225, 225, 225);
}
.list_div {
padding-left: 5px;
}
.text-overflow {
display: inline-block;
line-height: 17px;
width: 300px;
margin-top: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
</style>
</head>
<body style="min-width: 800px;">
<div id="mainDiv" style="width:100%;overflow:hidden;">
<div style="margin-left:0px;margin-right:0px;margin-top:0px; overflow:auto;">
<table id="listTable" class="listTable">
<tr>
<th class="width_35" style="text-align:left;"><span class="width_35" style="padding-left: 20px;">小组名</span></th>
<th class="width_15" style="text-align:center;">创建日期</th>
<th class="width_15" style="text-align:center;">活跃日期</th>
<th class="width_15" style="text-align:left;">管理员</th>
<th class="width_20" style="text-align:center;">操作</th>
</tr>
<tr cellspacing=0 cellpadding=0>
<td colspan="5" style="padding: 0px;" cellspacing=0 cellpadding=0>
<div id="listDiv" style="overflow-x: hidden; overflow-y:auto;">
<table style="width:100%; line-height: 25px;" cellspacing=0 cellpadding=0 id='innerTable'>
<#tbody>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
<div id="teamPermDlg" title="PAL资源访问权限设置" style="width:810px;display:none;">
<div id="content" style="height: 370px; width: 768px;" class="dlg-content awsui-ux">
<ul id="teamTree" style="height: 370px; width: 400px; float: left; overflow: auto;"></ul>
<div id="teamList" style="display: inline-block; width: 360px; overflow: auto; height: 367px; float: left; border-left: solid 1px rgb(175, 175, 175);">
<ul id="checkedList">
<li>
<div class="list_div" index="0">
<div class="text-overflow" fileid="06737c6e-c072-49bb-b51f-26cb9e8fc56e" shapeid="obj_c76f6dde3340000174cc1800100dfd20">岗位</div>
<img src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/images/close_attr.jpg" style="cursor: pointer; display: none;">
</div>
</li>
<li class="list_li">
<span>123</span>
<img src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/images/close_attr.jpg">
</li>
</ul>
</div>
</div>
</div>
<input type="hidden" name="sid" id="sid" value="<#sid>" />
<input type="hidden" name="wsId" id="wsId" value="<#wsId>" />
</body>
<script type="text/javascript">
$(function(){
$(window).trigger('resize');
})
$(window).resize(function(){
var totalWidth = $('#mainDiv').width();
$("#listTable [class*=width_]").each(function(){
var className = $(this).attr("class");
var percent = parseInt(className.substr(6, 2));
$(this).css({"width" : totalWidth*percent/100});
});
$("#listTable [class=team_div]").each(function(){
var tdWidth = $(this).parents("td").width();
$(this).css({"width" : tdWidth-50});
});
$('#mainDiv').height($(window).height());
$('#listDiv').width($('#mainDiv').width()).height($('#mainDiv').height() - 44);
})
</script>
</html>