230 lines
8.4 KiB
HTML
230 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>Publisher Home</title>
|
|
<!-- js -->
|
|
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
|
|
<script type="text/javascript" src="../commons/js/awsui.js"></script>
|
|
<script src="../commons/js/jquery/scripts/ui/awsui.pagination.js"></script>
|
|
<!-- css -->
|
|
<link rel="stylesheet" href="../commons/css/awsui.css">
|
|
|
|
|
|
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal.publisher/js/publish.home.js"></script>
|
|
|
|
<style type="text/css">
|
|
.network_tabs{
|
|
font-size: 15px;
|
|
}
|
|
|
|
.network_tabs a{
|
|
cursor: pointer;
|
|
padding: 7px 12px;
|
|
}
|
|
|
|
.network_tabs a.active{
|
|
font-weight: 700;
|
|
border-bottom: solid 4px #3383da;
|
|
}
|
|
.span_margin{
|
|
margin-right: 20px;
|
|
}
|
|
.tbody tr td{
|
|
padding: 8px;
|
|
text-align: center;
|
|
border-bottom: solid 1px #cecece;
|
|
}
|
|
.task_tr{
|
|
cursor: pointer;
|
|
}
|
|
.task_no_read{
|
|
font-weight: bold;
|
|
}
|
|
.text_center{
|
|
text-align: center;
|
|
}
|
|
.page_buttom{
|
|
position: absolute;
|
|
}
|
|
.text-overflow{
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-o-text-overflow: ellipsis;/*Opera下实现ellipsis效果*/
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body style="overflow-y: hidden;">
|
|
<div style="width: 100%; display: inline-block; height: 100%;">
|
|
<div class="network_tabs" id="nav" style="width: 96%; margin: 20px auto;">
|
|
<a tit="todo" class="active">待办</a>
|
|
<a tit="done">已办</a>
|
|
<a tit="history">发布历史</a>
|
|
<button id="addPulishInstance" type="button" class="button blue" onclick="toAddPublish()" style="<#create>">新建</button>
|
|
<button id="removePulishInstance" type="button" class="button red" onclick="removePublishInstance()" style="display: none;">删除</button>
|
|
</div>
|
|
<div id="content" style="margin-left: 20px; height: 100%;">
|
|
<div tit="todo">
|
|
<table class="awsui-ux">
|
|
<tbody><tr>
|
|
<td>
|
|
<table class="table table-thin table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th class="width_10 selectall">序号</th>
|
|
<th class="width_10">
|
|
<input class="awsui-checkbox" id="select_all" type="checkbox" />
|
|
</th>
|
|
<th class="width_45">标题</th>
|
|
<th class="width_10">来自</th>
|
|
<th class="width_25">日期</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tbody1">
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody></table>
|
|
<div id="Pagination1" class="page_buttom"></div>
|
|
</div>
|
|
<div tit="done" style="display: none;">
|
|
<table class="awsui-ux">
|
|
<tbody><tr>
|
|
<td>
|
|
<table class="table table-thin table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th class="width_10 selectall">序号</th>
|
|
<th class="width_45">标题</th>
|
|
<th class="width_15">来自</th>
|
|
<th class="width_30">日期</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tbody2">
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody></table>
|
|
<div id="Pagination2" class="page_buttom"></div>
|
|
</div>
|
|
<div tit="history" style="display: none; height: 100%;">
|
|
<iframe width="100%" id="pl_publish_iframe_page" name="pl_publish_iframe" frameBorder="0" style="height: 90%;"></iframe>
|
|
<!--<table class="awsui-ux">
|
|
<tbody><tr>
|
|
<td>
|
|
<table class="table table-thin table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th class="width_10 selectall">序号</th>
|
|
<th class="width_45">标题</th>
|
|
<th class="width_15">来自</th>
|
|
<th class="width_30">日期</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tbody3">
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody></table>
|
|
<div id="Pagination3" class="page_buttom"></div>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="add_div" style="width: 100%; display: none;">
|
|
<div class="awsui-toolbar">
|
|
<span class="toolbarText" style="font-size: 18px;"><#title></span>
|
|
<span class="button blue align-right" onclick="addPublishInstance()">下一步</span>
|
|
<span class="button align-right" onclick="giveUp()">放 弃</span>
|
|
</div>
|
|
<table class="awsui-ux">
|
|
<tbody>
|
|
<tr>
|
|
<td width="15%">标题(便于检索)</td>
|
|
<td><span class="required"><input class="txt" type="text" id="title" value="<#title>" maxlength="120"></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td>发起人</td>
|
|
<td><#userName></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div style="display:none;">
|
|
<form id="openNewPage" name="openNewPage" target="_blank" method="post" action="./w">
|
|
<input id="cmd" name="cmd" value="com.actionsoft.apps.coe.pal.publisher_handle">
|
|
<input name="sid" value="<#sid>">
|
|
<input id="processInstId" name="processInstId" value="">
|
|
<input id="taskInstId" name="taskInstId" value="">
|
|
<input id="openState" name="openState" value="">
|
|
</form>
|
|
</div>
|
|
<input type="hidden" name="sid" id="sid" value="<#sid>" />
|
|
<input type="hidden" name="wsId" id="wsId" value="<#wsId>" />
|
|
<input type="hidden" name="teamId" id="teamId" value="<#teamId>" />
|
|
<input type="hidden" name="teamName" id="teamName" value="<#teamName>" />
|
|
<input type="hidden" name="appId" id="appId" value="<#appId>" />
|
|
|
|
</body>
|
|
|
|
<script type="text/javascript">
|
|
var totalData1 = <#totalData1>;
|
|
var totalData2 = <#totalData2>;
|
|
var totalData3 = <#totalData3>;
|
|
var currentpage1 = 0;//当前页数
|
|
var currentpage2 = 0;//当前页数
|
|
var currentpage3 = 0;//当前页数
|
|
|
|
var pageLimit = 10;//每页显示条数
|
|
var showItem = 10;//显示分页按钮数量
|
|
var title = "<#title>";
|
|
|
|
$(function(){
|
|
title = "<#title>";
|
|
|
|
$(".network_tabs").find("a[tit]").on("click", function(){
|
|
var appId = $(this).attr("tit");
|
|
$(this).siblings().removeClass("active");
|
|
$(this).addClass("active");
|
|
$("#content").find("div[tit]").hide();
|
|
$("#content").find("div[tit='"+$(this).attr("tit")+"']").show();
|
|
|
|
if (appId == "todo") {
|
|
loadOutputData1(0, 10, initPage1);
|
|
} else if (appId == "done") {
|
|
loadOutputData2(0, 10, initPage2);
|
|
} else if (appId == "history") {
|
|
//loadOutputData3(0, 10, initPage3);
|
|
loadHistoryRecord();
|
|
}
|
|
});
|
|
|
|
loadOutputData1(0, 10, initPage1);
|
|
|
|
$("#select_all").check().on("ifChanged", function(){
|
|
var isChecked = $(this).prop("checked");
|
|
if (isChecked) {
|
|
$("#tbody1 .awsui-checkbox").check("option", "checked", true);
|
|
} else {
|
|
$("#tbody1 .awsui-checkbox").check("option", "checked", false);
|
|
}
|
|
})
|
|
|
|
$(window).trigger('resize');
|
|
})
|
|
|
|
$(window).resize(function(){
|
|
var totalWidth = $('#content').width() - 40;
|
|
$("[class*=width_]").each(function(){
|
|
var className = $(this).attr("class");
|
|
var percent = parseInt(className.substr(6, 2));
|
|
$(this).css({"width" : totalWidth*percent/100});
|
|
});
|
|
})
|
|
</script>
|
|
</html> |