You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

214 lines
8.3 KiB
HTML

9 months ago
<!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 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="skin/css/animate.css" rel="stylesheet" type="text/css" />
<!-- 引入ccbpm 的sdk开发js. -->
<script src="../WF/config.js" type="text/javascript"></script>
<script src="../WF/Dev2Interface.js"></script>
<style>
.row {
margin-left: 0;
margin-bottom: 10px;
margin-top: 10px;
}
.form-control{
height:30px;
}
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;
}
.table > thead{
background:#f5f5f6;
}
.btn-primary {
background: #316ee6;
height: 30px;
}
</style>
<script language="javascript" type="text/javascript">
//启动函数
$(function () {
$("#docs").html("<img src=./Img/loading.gif />&nbsp;正在加载,请稍后......");
// ccbpmHostDevelopAPI 变量是定义在 /config.js 的服务地址. 访问必须两个参数DoWhat,SID.
// dowhat 就是一个请求的标记, sid 类似于token登录的时候写入到 表Port_Emp的SID列的值.
//获得当前的SID.
var sid = $.cookie("MyToken");
var realCount = 0;
//调用 /WF/Dev2Interface.js 的 DB_Runing() 接口,获得当前人员未处理完的工作列表.
var db = DB_Runing();
// db = JSON.parse(db);
var tablet = "";
tablet += "<th style='width:50px;'>#</th>";
//Table1 += "<th>WorkID</th>";
tablet += "<th style='width:200px;'>标题</th>";
// Table1 += "<th>编号</th>";
tablet += "<th style='width:150px;'>流程名称</th>";
tablet += "<th style='width:100px;'>停留节点</th>";
//Table1 += "<th>状态</th>";
tablet += "<th style='width:100px;'>发起人</th>";
tablet += "<th style='width:100px;'>部门</th>";
tablet += "<th style='width:125px;'>发起日期</th>";
tablet += "<th style='width:150px;'>当前处理人</th>";
//Table1 += "<th>参与人</th>";
tablet += "<th style='width:150px;'>操作</th>";
$("#tablet").html(tablet);
var Table1 = "";
for (var i = 0; i < db.length; i++) {
var en = db[i];
Table1 += "<tr>";
Table1 += "<td>" + (i + 1) + "</td>"; //序号
//Table1 += "<td>" + en.WorkID + "</td>"; // 工作ID.
Table1 += "<td> <a href=\"javascript:OpenFrm('" + en.WorkID + "','" + en.FK_Node + "','" + en.FK_Flow + "','" + en.FID + "');\" > " + en.Title + "</a></td>"; //标题.
// Table1 += "<td>" + en.FK_Flow + "</td>"; //流程编号.
Table1 += "<td>" + en.FlowName + "</td>"; //流程名称.
Table1 += "<td>" + en.NodeName + "</td>"; //停留节点.
//Table1 += "<td>" + en.NodeName + "</td>"; //节点名称.
//Table1 += "<td>" + en.StarterName + "</td>"; //发起人.
Table1 += "<td>" + en.StarterName + "</td>"; //发起人名称.
//Table1 += "<td>" + en.FK_Dept + "</td>"; //发起人部门.
Table1 += "<td>" + en.DeptName + "</td>"; //发起人部门.
Table1 += "<td>" + en.RDT + "</td>"; //发起日期.
Table1 += "<td>" + en.TodoEmps + "</td>"; //当前处理人.
//Table1 += "<td>" + en.Emps + "</td>"; //参与人.
Table1 += "<td>";
Table1 += " <a href=\"javascript:DoUnSend('" + en.WorkID + "','" + en.FK_Node + "','" + en.FK_Flow + "','" + en.FID + "');\" class=\"edit btn btn-success btn-sm\">撤销</a>";
Table1 += " <a href=\"javascript:DoPress('" + en.WorkID + "','" + en.FK_Node + "','" + en.FK_Flow + "','" + en.FID + "');\" class=\"edit btn btn-danger btn-sm\">催办</a>";
Table1 += "</td>";
Table1 += "</tr>";
realCount++;
}
$("#Table1").html(Table1);
$("#Table2").html("合计: " + realCount + "条");
});
/* 打开表单. */
function OpenFrm(workid, nodeID, flowNo, fid) {
var host = ccbpmHostDevelopAPI.replace('/DataUser/DevelopAPI.ashx', '');
var localhost = host.split("/");
var result = localhost.slice(0, 3).join('/');
//debugger;
//var url = "../WF/MyView.htm?WorkID=" + workid + "&FK_Flow=" + flowNo + "&FK_Node=" + nodeID + "&FID=" + fid;
var url = result + "/WF/MyViewGener.htm?HttpHandlerName=BP.WF.HttpHandler.WF_MyView&WorkID=" + workid + "&FK_Flow=" + flowNo + "&FK_Node=" + nodeID + "&FID=0&NodeID=" + nodeID + "&Token=" + GetToken();
window.open(url);
return;
}
/**
* 撤销发送,调用/WF/Dev2Interface.js 的方法.
* @param workid
*/
function DoUnSend(workid,fk_node,fk_flow,fid) {
if (window.confirm('您确定要执行撤销发送吗?') == false)
return;
//调用 /WF/Dev2Interface.js 里面的 Flow_DoUnSend 撤销发送方法.
var str = Flow_DoUnSend(workid);
//如果撤销失败就提示信息.
if (str.indexOf('err@') == 0) {
alert(str);
return;
}
//如果没有撤销失败,就打开表单.
OpenFrm(workid,fk_node,fk_flow,fid);
//刷新一下列表,因为这条记录到了待办列表里去了.
window.location.href = window.location.href;
}
/**
* 催办
* @param workid
*/
function DoPress(workid) {
var str = window.prompt('请输入催办消息', '此工作需要您尽快处理.');
//调用 /WF/Dev2Interface.js 里面的 Flow_DoPress 催办方法.
var str = Flow_DoPress(workid, str);
if (str.indexOf('err@') == 0) {
alert(str);
return;
}
alert(str);
}
</script>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
<div class="ibox-content">
<div class="row search-padding">
<div class="col-md-4 col-sm-4 pull-left">
<div class="form-inline">
<div class="form-group">
<input type='text' placeholder="请输入关键词..." id='TB_Key' class="form-control" style="width:300px;" />
</div>
<button class="btn btn-primary" type="button" onclick="javascript:SearchKey();"><i class="fa fa-search"></i> 查询</button>
</div>
</div>
</div>
<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>
<!--body>
<div class="main-content">
<div class="card">
<div id="title" class="card-title"></div>
<div id="docs"></div>
</div>
</div>
</body-->
</html>