124 lines
4.7 KiB
HTML
124 lines
4.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
|
<title>流程管理门户-我参与的</title>
|
||
|
|
|
||
|
|
<link rel="stylesheet" type="text/css" href="../commons/css/awsui.css"/>
|
||
|
|
<link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal.publisher/css/publish.client.xpages.css">
|
||
|
|
<style type="text/css">
|
||
|
|
.awsui-table > thead > tr > th{
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
td {
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
|
||
|
|
<script type="text/javascript" src="../commons/js/awsui.js"></script>
|
||
|
|
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal.publisher/js/publish.xpages.general.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var sid = "<#sid>";
|
||
|
|
var uid = "<#uid>";
|
||
|
|
var data = <#data>;
|
||
|
|
$(function(){
|
||
|
|
initWidth();
|
||
|
|
var tHtml = '';
|
||
|
|
for (var i = 0; i < data.length; i++) {
|
||
|
|
var current = data[i];
|
||
|
|
var content = '<tr style="height:35px;overflow:hidden;">';
|
||
|
|
content += '<td awsui-qtip="'+ current.name +'">'+ current.name +'</td>';
|
||
|
|
content += '<td awsui-qtip="'+ current.shapeName +'">'+ current.shapeName +'</td>';
|
||
|
|
content += '<td awsui-qtip="'+ current.shapeDesc +'">'+ current.shapeDesc +'</td>';
|
||
|
|
if (current.relation.indexOf("duty_r") != -1 ) {
|
||
|
|
content += '<td awsui-qtip="'+ current.duty_r +'" style="background-color:#FFB800;">'+ current.duty_r +'</td>';
|
||
|
|
} else {
|
||
|
|
content += '<td awsui-qtip="'+ current.duty_r +'">'+ current.duty_r +'</td>';
|
||
|
|
}
|
||
|
|
if (current.relation.indexOf("counselor_c") != -1 ) {
|
||
|
|
content += '<td awsui-qtip="'+ current.counselor_c +'" style="background-color:#FFB800;">'+ current.counselor_c +'</td>';
|
||
|
|
} else {
|
||
|
|
content += '<td awsui-qtip="'+ current.counselor_c +'">'+ current.counselor_c +'</td>';
|
||
|
|
}
|
||
|
|
if (current.relation.indexOf("approval_a") != -1 ) {
|
||
|
|
content += '<td awsui-qtip="'+ current.approval_a +'" style="background-color:#FFB800;">'+ current.approval_a +'</td>';
|
||
|
|
} else {
|
||
|
|
content += '<td awsui-qtip="'+ current.approval_a +'">'+ current.approval_a +'</td>';
|
||
|
|
}
|
||
|
|
if (current.relation.indexOf("notify_i") != -1 ) {
|
||
|
|
content += '<td awsui-qtip="'+ current.approval_a +'" style="background-color:#FFB800;">'+ current.approval_a +'</td>';
|
||
|
|
} else {
|
||
|
|
content += '<td awsui-qtip="'+ current.approval_a +'">'+ current.notify_i +'</td>';
|
||
|
|
}
|
||
|
|
content += '<td awsui-qtip="'+ current.dutyUser +'">'+ current.dutyUser +'</td>';
|
||
|
|
content += '</tr>';
|
||
|
|
tHtml += content;
|
||
|
|
}
|
||
|
|
if (data.length == 0) {
|
||
|
|
$('#common').hide();
|
||
|
|
$('#noContent').show();
|
||
|
|
} else {
|
||
|
|
$('#contentTbody').html(tHtml);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 初始化宽度
|
||
|
|
function initWidth() {
|
||
|
|
$('#contentThead').find('th[data-name=name]').width('15%');
|
||
|
|
$('#contentThead').find('th[data-shapeName=name]').width('20%');
|
||
|
|
$('#contentThead').find('th[data-name=shapeDesc]').width('15%');
|
||
|
|
$('#contentThead').find('th[data-name=duty_r]').width('10%');
|
||
|
|
$('#contentThead').find('th[data-name=counselor_c]').width('10%');
|
||
|
|
$('#contentThead').find('th[data-name=approval_a]').width('10%');
|
||
|
|
$('#contentThead').find('th[data-name=notify_i]').width('10%');
|
||
|
|
$('#contentThead').find('th[data-name=dutyUser]').width('10%');
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
|
||
|
|
function openDetail(obj) {
|
||
|
|
var id = $(obj).attr('id');
|
||
|
|
var taskId = "";
|
||
|
|
$('#' + id).addClass('clicked');
|
||
|
|
for(var i = 0; i < data.length; i++) {
|
||
|
|
if (id == data[i].id) {
|
||
|
|
method = data[i].method;
|
||
|
|
taskId = data[i].taskId;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
openPortal(sid, id, taskId);// 打开流程
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body style="background-color: #FFF;color:rgb(96,96,96)">
|
||
|
|
<div id="common" class="div-style" style="margin-top:10px;">
|
||
|
|
<table class="awsui-table" id="contentTabel">
|
||
|
|
<thead id="contentThead">
|
||
|
|
<tr>
|
||
|
|
<th data-name="name" class="width_15">流程</th>
|
||
|
|
<th data-name="shapeName" class="width_20">任务</th>
|
||
|
|
<th data-name="shapeDesc" class="width_15">任务描述</th>
|
||
|
|
<th data-name="duty_r" class="width_10">R(责任者)</th>
|
||
|
|
<th data-name="counselor_c" class="width_10">A(审判者)</th>
|
||
|
|
<th data-name="approval_a" class="width_10">C(咨询者)</th>
|
||
|
|
<th data-name="notify_i" class="width_10">I(知会者)</th>
|
||
|
|
<th data-name="dutyUser" class="width_10">流程责任人</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody id="contentTbody">
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div id="noContent" style="display:none;" class="awsui-message-page">
|
||
|
|
<div class="content">
|
||
|
|
<span class="icon" message-type="no_content"></span><span
|
||
|
|
class="title">无数据</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|