|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
|
<title>Demo:待办</title>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 引入常用的JS脚本. -->
|
|
|
|
|
|
<script src="../WF/Scripts/QueryString.js"></script>
|
|
|
|
|
|
<script src="../WF/Scripts/jquery/jquery.min.js" type="text/javascript"></script>
|
|
|
|
|
|
<script type="text/javascript" src="../WF/Scripts/bootstrap/js/bootstrap.min.js"></script>
|
|
|
|
|
|
<script src="../WF/Scripts/jquery/jquery.cookie.js" type="text/javascript"></script>
|
|
|
|
|
|
<link href="../WF/Scripts/bootstrap/css/bootstrap.css" rel="stylesheet" />
|
|
|
|
|
|
<!--<link href="skin/css/style.css" rel="stylesheet" type="text/css" />-->
|
|
|
|
|
|
<link href="Style/skin/css/style.css" rel="stylesheet" />
|
|
|
|
|
|
<link href="Style/skin/css/animate.css" rel="stylesheet" />
|
|
|
|
|
|
<!--<link href="skin/css/animate.css" rel="stylesheet" type="text/css" />-->
|
|
|
|
|
|
<link href="Style/skin/font/iconfont.css" rel="stylesheet" />
|
|
|
|
|
|
<!-- 引入ccbpm 的sdk开发js. -->
|
|
|
|
|
|
<script src="../WF/config.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="../WF/Dev2Interface.js" type="text/javascript"></script>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
td, th {
|
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
th {
|
|
|
|
|
|
color: #676A6C;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
td {
|
|
|
|
|
|
height: 39px;
|
|
|
|
|
|
color: rgb(103, 106, 108);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.table thead tr, .ui-jqgrid-htable thead tr, .ui-jqgrid-hdiv, .jqgrid-rownum {
|
|
|
|
|
|
border-color: #f0f0f0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.table > thead > tr > th, .table > tbody > tr > td, .table > tbody > tr > th {
|
|
|
|
|
|
border-color: #f0f0f0;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<script language="javascript" type="text/javascript">
|
|
|
|
|
|
|
|
|
|
|
|
//启动函数
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
|
|
|
|
|
|
$("#docs").html("<img src=./Img/loading.gif /> 正在加载,请稍后......");
|
|
|
|
|
|
|
|
|
|
|
|
// ccbpmHostDevelopAPI 变量是定义在 /config.js 的服务地址. 访问必须两个参数DoWhat,SID.
|
|
|
|
|
|
var realCount = 0;
|
|
|
|
|
|
$("#title").html("待办列表-Demo : <lable>文件:Dev2Interface.js 方法:DB_Todolist</lable>");
|
|
|
|
|
|
|
|
|
|
|
|
//调用 /WF/Dev2Interface.js 的 DB_Todolist 接口，获得当前人员的待办列表.
|
|
|
|
|
|
var db = DB_Todolist();
|
|
|
|
|
|
// console.log(db);
|
|
|
|
|
|
// db = JSON.parse(db);
|
|
|
|
|
|
var tablet = "<table class='table table-bordered table-striped table-hover '>";
|
|
|
|
|
|
tablet += "<thead><tr>";
|
|
|
|
|
|
tablet += "<th>#</th>";
|
|
|
|
|
|
//html += "<th>WorkID</th>";
|
|
|
|
|
|
tablet += "<th>标题</th>";
|
|
|
|
|
|
// html += "<th>流程编号</th>";
|
|
|
|
|
|
tablet += "<th>流程</th>";
|
|
|
|
|
|
tablet += "<th>节点</th>";
|
|
|
|
|
|
tablet += "<th>状态</th>";
|
|
|
|
|
|
|
|
|
|
|
|
tablet += "<th>发起人</th>";
|
|
|
|
|
|
tablet += "<th>部门</th>";
|
|
|
|
|
|
tablet += "<th>发起日期</th>";
|
|
|
|
|
|
tablet += "<th>当前处理人</th>";
|
|
|
|
|
|
tablet += "<th>应完成日期</th>";
|
|
|
|
|
|
//html += "<th>参与人</th>";
|
|
|
|
|
|
// html += "<th>操作</th>";
|
|
|
|
|
|
tablet += "</tr>";
|
|
|
|
|
|
$("#tablet").html(tablet);
|
|
|
|
|
|
var Table1 = "";
|
|
|
|
|
|
for (var i = 0; i < db.length; i++) {
|
|
|
|
|
|
var en = db[i];
|
|
|
|
|
|
Table1 += "<tr>";
|
|
|
|
|
|
Table1 += "<td>" + (i + 1) + "</td>"; //序号
|
|
|
|
|
|
//html += "<td>" + en.WorkID + "</td>"; // 工作ID.
|
|
|
|
|
|
|
|
|
|
|
|
// html += "<td>" + en.FK_Flow + "</td>"; //流程编号.
|
|
|
|
|
|
if (en.IsRead == 0)
|
|
|
|
|
|
Table1 += "<td><img class=Icon align='middle' src='../WF/Img/Mail_UnRead.png' /><a href=\"javascript:OpenForm('" + en.FK_Flow + "','" + en.FK_Node + "','" + en.WorkID + "','" + en.FID + "');\">" + en.Title + "</a></td>";
|
|
|
|
|
|
if (en.IsRead == 1)
|
|
|
|
|
|
Table1 += "<td><img class=Icon align='middle' src='../WF/Img/Mail_Read.png' /><a href=\"javascript:OpenForm('" + en.FK_Flow + "','" + en.FK_Node + "','" + en.WorkID + "','" + en.FID + "');\">" + en.Title + "</a></td>";
|
|
|
|
|
|
|
|
|
|
|
|
Table1 += "<td>" + en.FlowName + "</td>";
|
|
|
|
|
|
Table1 += "<td>" + en.NodeName + "</td>"; //停留节点.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//判断流程的状态.
|
|
|
|
|
|
var wfState = "待办";
|
|
|
|
|
|
if (en.WFState == 5)
|
|
|
|
|
|
wfState = "<font color=red><b>退回</b></font>";
|
|
|
|
|
|
|
|
|
|
|
|
Table1 += "<td><font color=green>" + wfState + "</font></td>";
|
|
|
|
|
|
|
|
|
|
|
|
//html += "<td>" + en.NodeName + "</td>"; //节点名称.
|
|
|
|
|
|
//html += "<td>" + en.StarterName + "</td>"; //发起人.
|
|
|
|
|
|
|
|
|
|
|
|
Table1 += "<td>" + en.StarterName + "</td>"; //发起人名称.
|
|
|
|
|
|
//html += "<td>" + en.FK_Dept + "</td>"; //发起人部门.
|
|
|
|
|
|
Table1 += "<td>" + en.DeptName + "</td>"; //发起人部门.
|
|
|
|
|
|
Table1 += "<td>" + en.RDT + "</td>"; //发起日期.
|
|
|
|
|
|
|
|
|
|
|
|
Table1 += "<td>" + en.TodoEmps + "</td>"; //当前处理人.
|
|
|
|
|
|
//html += "<td>" + en.Emps + "</td>"; //参与人.
|
|
|
|
|
|
|
|
|
|
|
|
Table1 += "<td>" + en.SDT + "</td>"; //发起日期.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//调用 /WF/Dev2Interface.js 里面的 OpenForm 方法打开表单.
|
|
|
|
|
|
// html += "<td><a href=\"javascript:OpenForm('" + en.FK_Flow + "','" + en.FK_Node + "','" + en.WorkID + "','" + en.FID + "');\" >处理工作</a></td>";
|
|
|
|
|
|
Table1 += "</tr>";
|
|
|
|
|
|
realCount++;
|
|
|
|
|
|
}
|
|
|
|
|
|
$("#Table1").html(Table1);
|
|
|
|
|
|
$("#Table2").html("合计: " + realCount + "条");
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body class="gray-bg">
|
|
|
|
|
|
<div class="wrapper wrapper-content animated fadeInRight">
|
|
|
|
|
|
<div class="ibox-content">
|
|
|
|
|
|
<table class="table table-striped table-hover table-bordered">
|
|
|
|
|
|
<thead>
|
|
|
|
|
|
<tr id="tablet">
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</thead>
|
|
|
|
|
|
<tbody id="Table1">
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-12">
|
|
|
|
|
|
<span id="Table2"></span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
