185 lines
6.4 KiB
HTML
185 lines
6.4 KiB
HTML
<!DOCTYPE html>
|
|
<html style="height: 100%;">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>Publisher Client Main</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="../apps/com.actionsoft.apps.coe.pal.publisher/css/publish.client.sso.css">
|
|
|
|
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal.publisher/js/publish.client.sso.main.js"></script>
|
|
|
|
<style type="text/css">
|
|
.content-icons.down_black {
|
|
float: right;
|
|
margin-top: 12px;
|
|
}
|
|
.content-icons.up_black {
|
|
float: right;
|
|
margin-top: 7px;
|
|
}
|
|
.float_right {
|
|
display: inline-block;
|
|
float: right;
|
|
}
|
|
.float_right .awsui-select-text{
|
|
top: 2px;
|
|
position: relative;
|
|
}
|
|
.span_icon {
|
|
border: solid 1px #aaa;
|
|
line-height: 8px;
|
|
height: 10px;
|
|
display: inline-block;
|
|
padding: 8px;
|
|
}
|
|
.span_icon.current {
|
|
background: none repeat scroll 0 0 rgb(230, 230, 230);
|
|
-webkit-box-shadow:0 1px 3px 1px rgba(1, 1, 1, 0.15) inset;
|
|
box-shadow:0 1px 3px 1px rgba(1, 1, 1, 0.15) inset;
|
|
}
|
|
.awsui-select-text {
|
|
vertical-align: -1px !important;
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
var result = <#result>;
|
|
</script>
|
|
|
|
</head>
|
|
<body style="background-color: transparent;">
|
|
<div id="head" style="width: 100%; margin-top: 20px;">
|
|
<div style="padding-left: 10px; height: 30px; margin: 10px;">
|
|
<div id="navigation" style="display: inline-block; font-size: 15px;"></div>
|
|
<span id="show_style_icon" style="float: right; font-size:0;">
|
|
<span class="span_icon current" iconType="tile">
|
|
<img src="../apps/com.actionsoft.apps.coe.pal.publisher/img/tile.png" style="height: 10px;">
|
|
</span>
|
|
<span class="span_icon" style="border-left: none;" iconType="list">
|
|
<img src="../apps/com.actionsoft.apps.coe.pal.publisher/img/list.png" style="width: 10px; height: 10px;">
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div id="searchBar" style="height: 32px; line-height: 32px; vertical-align: middle;">
|
|
<div class="float_right">
|
|
<button type="button" style="height: 30px;margin-top: -3px;" class="button blue" onclick="clickSearchButton();">搜索</button>
|
|
</div>
|
|
<div class="float_right" style="margin-right: 10px;">
|
|
<input type="text" style="width:130px; height: 22px;" id="palName" class="txt" placeholder="文件名称">
|
|
</div>
|
|
<div class="float_right" style="line-height: 24px; margin-right: 10px;">
|
|
<select id="order_select" style="width:80px;" class="awsui-select">
|
|
<option value="">默认排序</option>
|
|
<option value="plrd">责任部门</option>
|
|
<option value="plrp">责任人</option>
|
|
<option value="publishdate desc">发布时间</option>
|
|
</select>
|
|
</div>
|
|
<div id="filter" class="search_select float_right" style="margin-right: 10px;padding: 0px 5px; line-height: 30px;">
|
|
<span>筛选</span>
|
|
<span class="content-icons down_black"></span>
|
|
</div>
|
|
<div id="filter-content" class="search_select_content" style="top: 82px; right: 343px; float: right; display: none;">
|
|
<div id="plrd">
|
|
<span class="title">责任部门</span>
|
|
<ul>
|
|
<li filterValue="1">部门1</li>
|
|
<li filterValue="2">部门2</li>
|
|
</ul>
|
|
</div>
|
|
<div id="plrp" style="border-top: solid 1px #c0c0c0">
|
|
<span class="title">责任人</span>
|
|
<ul>
|
|
<li>管理员</li>
|
|
</ul>
|
|
</div>
|
|
<div id="publishdate" style="border-top: solid 1px #c0c0c0;">
|
|
<span class="title">发布时间</span>
|
|
<ul>
|
|
<li filterValue="7-day">最近一周</li>
|
|
<li filterValue="1-month">最近一个月</li>
|
|
<li filterValue="3-month">最近三个月</li>
|
|
<li filterValue="6-month">最近半年</li>
|
|
</ul>
|
|
</div>
|
|
<span class="clean-search-span" title="清空"><img src="../apps/com.actionsoft.apps.coe.pal.publisher/img/clean.png"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="content_tile" style="">
|
|
<ul class="layout-tile" style="padding: 20px;">
|
|
</ul>
|
|
</div>
|
|
<div id="content_list" style="display: none;">
|
|
<table class="awsui-ux">
|
|
<tr>
|
|
<td>
|
|
<table id="content_table" class="table table-thin table-hover">
|
|
<thead>
|
|
<tr style="background-color: #f5f5f5;">
|
|
<th style='width:30%;'>文件名称</th>
|
|
<th style='width:15%;'>发布时间</th>
|
|
<th style='width:15%;'>版本</th>
|
|
<th style='width:20%;'>责任部门</th>
|
|
<th style='width:20%;'>责任人</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<input type="hidden" name="sid" id="sid" value="<#sid>" />
|
|
</body>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
if (parent.wsTreeData.length > 0) {
|
|
//parent.clickNavigation("<#wsId>");
|
|
} else {
|
|
var noDataMessage = "<div style='padding: 40px; color: #676767;'>"
|
|
+ " <span style='display: block; font-size: 20px; margin: 10px 0px;'>抱歉，没有可查看的流程文件</span>"
|
|
+ " <span style='color: #acacac;'>权限内暂无任何文件可查看，详情联系管理员</span>"
|
|
+ "</div>";
|
|
$("#content_tile").html(noDataMessage);
|
|
}
|
|
|
|
initPlrdAndPlrp($("#plrd ul"), <#plrd>);
|
|
initPlrdAndPlrp($("#plrp ul"), <#plrp>);
|
|
|
|
$("#show_style_icon span").on("click", function(){
|
|
changeShowStyle($(this));
|
|
})
|
|
|
|
$("#filter").bind("click", function(){
|
|
$("#filter-content").slideToggle("fast");
|
|
$("#filter .content-icons").toggleClass("up_black");
|
|
});
|
|
$(".clean-search-span").unbind("click").bind("click", function(){
|
|
$("ul li").removeClass("selected");
|
|
});
|
|
$(document).off("click.close").on("click.close", function(e){
|
|
$('#filter-content').hide();
|
|
$("#filter .content-icons").removeClass("up_black");
|
|
});
|
|
$('#filter-content, #filter').click(function(e1){
|
|
e1.stopPropagation(); // 阻止事件冒泡
|
|
});
|
|
|
|
$("#filter-content ul li").on("click", function(e){
|
|
selectFilter($(this));
|
|
})
|
|
|
|
$('#palName').keydown(function(e){
|
|
if(e.keyCode==13){
|
|
clickSearchButton();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</html> |