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.

484 lines
18 KiB
Plaintext

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>流程抄送列表</title>
<link href="Scripts/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="Scripts/bootstrap/css/font-awesome.css" rel="stylesheet">
<link href="Style/skin/css/style.css" rel="stylesheet" type="text/css" />
<link href="Style/skin/css/animate.css" rel="stylesheet" type="text/css" />
<link href="Style/skin/font/iconfont.css" rel="stylesheet" type="text/css" />
<style id="theme-data"></style>
<style type="text/css">
.pagination {
margin: 8px 0;
display: block;
font-size: 13px;
}
.pagination .controls {
float: left;
border: 0;
padding: 7px 0 0 15px;
color: #777;
}
.search-padding {
padding-bottom: 1px;
}
.row {
margin-right: -15px;
margin-left: 0px;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 0px;
table-layout: fixed;
}
.tdHidden {
word-break: keep-all; /* 不换行 */
white-space: nowrap; /* 不换行 */
overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) 需与overflow:hidden;一起使用*/
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.btn-sm {
padding: 0 10px;
height: 26px;
line-height: 26px;
border-radius: 5px;
font-size: 14px;
}
.position {
margin-left: 3px;
}
</style>
</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">
<table>
<tr>
<td><input type='text' placeholder="请输入流程名称,标题..." id='TB_Key' class="form-control" style="width:300px;" /> </td>
<td>
<button class="btn btn-success btn-sm position" type="button" onclick="javascript:SearchKey();"><i class="fa fa-search"></i>查询</button>
</td>
<td style="padding-left:22px;">
<button class="btn btn-success btn-sm" style="padding-left:22px;" type="button" onclick="javascript:More();"><i class="fa fa-adjust"></i>更多...</button>
</td>
</tr>
</table>
<!--<div class="form-group">
</div>-->
</div>
</div>
</div>
<table class="table table-striped">
<thead id="theadDiv">
</thead>
<tbody id="Table1"></tbody>
</table>
<!-- 显示分页信息 -->
<div class="row" style="text-align: left;">
<ul class="pagination" id="page_nav">
</ul>
<ul class="pagination controls" id="page_info">
</ul>
<div style="clear: both;"></div>
</div>
</div>
</div>
<script language="JavaScript" src="./Comm/JScript.js" type="text/javascript"></script>
<script type="text/javascript" src="./Scripts/bootstrap/js/jquery.min.js"></script>
<script type="text/javascript" src="./Scripts/bootstrap/js/bootstrap.min.js"></script>
<script src="Scripts/bootstrap/bootstrap-paginator/js/bootstrap-paginator.js" type="text/javascript"></script>
<script src="./Scripts/QueryString.js" type="text/javascript"></script>
<script src="./Scripts/config.js" type="text/javascript"></script>
<script src="Comm/Gener.js" type="text/javascript"></script>
<script src="Scripts/layui/layui/lay/modules/layer.js" type="text/javascript"></script>
<link href="Scripts/jquery/themes/default/menu.css" rel="stylesheet" />
<!-- 处理多语言 -->
<script src="Data/lang/load.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function More() {
var url = "./Comm/Search.htm?EnsName=BP.WF.Data.CCListExts";
SetHref(url);
}
function GroupBarClick(groupName) {
var alt = document.getElementById('Img' + groupName).alert;
var sta = 'block';
if (alt == 'Max') {
sta = 'block';
alt = 'Min';
classname = 'fa fa-minus-square';
} else {
sta = 'none';
alt = 'Max';
classname = 'fa fa-plus-square';
}
document.getElementById('Img' + groupName).className = classname;
document.getElementById('Img' + groupName).alert = alt;
var i = 0;
for (i = 0; i <= 600; i++) {
var row = document.getElementById(groupName + i);
if (row == null || row == undefined || row.style == null)
continue;
if (sta == 'block') {
row.style.display = '';
} else {
row.style.display = sta;
}
}
}
function WinOpenIt(url) {
layer.open({
skin: 'layer-class',
type: 2,
title: '抄送',
area: ['96%', '90%'],
content: url
});
}
/* ESC Key Down */
function Esc() {
if (event.keyCode == 27)
window.close();
return true;
}
/* 打开表单. */
function OpenCC(flowNo, nodeID, workid, fid, sta) {
var url = "./MyCC.htm?WorkID=" + workid + "&FK_Node=" + nodeID + "&FK_Flow=" + flowNo + "&FID=" + fid + "&CCSta=1";
window.open(url);
return;
}
function GroupBarClick(groupName) {
var alt = document.getElementById('Img' + groupName).alert;
var sta = 'block';
if (alt == 'Max') {
sta = 'block';
alt = 'Min';
classname = 'fa fa-minus-square';
} else {
sta = 'none';
alt = 'Max';
classname = 'fa fa-plus-square';
}
document.getElementById('Img' + groupName).className = classname;
document.getElementById('Img' + groupName).alert = alt;
var i = 0;
for (i = 0; i <= 600; i++) {
var row = document.getElementById(groupName + i);
if (row == null || row == undefined || row.style == null)
continue;
if (sta == 'block') {
row.style.display = '';
} else {
row.style.display = sta;
}
}
}
var pageCount = 1;
var pageSize = 10;
var total = 0;
var pageIdx = 1;
var pageStartN = 1;
var realCount = 0;
var groupNames = [];
//页面启动函数.
$(function () {
var _html = `<tr>
<th style="width:30px;">
#
</th>
<th>
${window.lang.jiedian}
</th>
<th>
${window.lang.zhuangtai}
</th>
<th>
${window.lang.chaosongren}
</th>
<th style="width:60%;">
${window.lang.biaoti}
</th>
<th>
${window.lang.rq}
</th>
</tr>`;
$("#theadDiv").html(_html);
InitPage();
Paginator(pageCount, pageIdx);
$(".tdHidden").on("mouseover", function () {
if (this.offsetWidth < this.scrollWidth) {
var that = this;
var text = $(this).text();
layer.tips(text, that, {
tips: 1,
area: [this.offsetWidth + 'px', 'auto'],
time: 0
});
}
});
$(".tdHidden").on("mouseout", function () {
layer.closeAll();
});
});
function GetRuningData(pageIdex) {
//获取参数FlowNos为空时显示所有的待办否则显示参数中的流程
var flowNos = GetQueryString("FlowNos");
if (flowNos == null || flowNos == "" || flowNos == undefined)
flowNos = null;
//查询
var TB_Key = $("#TB_Key").val();
var handler = new HttpHandler("BP.WF.HttpHandler.WF");
handler.AddUrlData();
var data = handler.DoMethodReturnString("CC_Init");
if (data.indexOf('err@') == 0) {
alert(data);
}
data = JSON.parse(data);
realCount = data.length;
if (flowNos != null) {
realCount = 0;
for (var i = 0; i < data.length; i++) {
if (flowNos.indexOf(data[i].FK_Flow) != -1)
realCount++;
}
}
var sourceData;
//获取总的查询信息
//1.流程编号和查询组件为空时
if (flowNos == null && TB_Key == "")
sourceData = data;
//2.流程编号不为空和查询组件为空时
if (flowNos != null && TB_Key == "")
sourceData = $.grep(data, function (n, i) {
return (flowNos.indexOf(data[i].FK_Flow) != -1);
});
//3.流程编号为空和查询组件不为空时
if (flowNos == null && TB_Key != "")
sourceData = $.grep(data, function (n, i) {
return (data[i].FlowName.indexOf(TB_Key) != -1 || data[i].Title.indexOf(TB_Key) != -1);
});
//4.流程编号为不空和查询组件不为空时
if (flowNos != null && TB_Key != "")
sourceData = $.grep(data, function (n, i) {
return (flowNos.indexOf(data[i].FK_Flow) != -1) && (data[i].Title.indexOf(TB_Key) != -1);
});
//生成分组的字符串.
var str = "";
for (var i = 0; i < sourceData.length; i++) {
if (str.indexOf('@' + sourceData[i].FlowName) == -1) {
if (flowNos == null || (flowNos != null && flowNos.indexOf(sourceData[i].FK_Flow) != -1))
str += "@" + sourceData[i].FlowName;
}
}
groupNames = str.split("@"); //生成数组.
//总数
total = sourceData.length;
//获取分页的数据信息
data = [];
pageStartN = (pageIdex - 1) < 0 ? 1 : (pageIdx - 1) * pageSize;
pageEndN = pageIdx * pageSize > total ? total : pageIdx * pageSize;
for (var i = pageStartN; i < pageEndN; i++) {
data.push(sourceData[i]);
}
//总页数
if (total % pageSize != 0)
pageCount = parseInt(total / pageSize) + 1;
else
pageCount = parseInt(total / pageSize);
if (pageCount == 0) pageCount = 1;
var div = window.parent.document.getElementById("Todolist_Complete");
if (div != null) {
div.innerHTML = realCount;
}
return data;
}
//初始化数据.
function InitPage() {
var data = GetRuningData(pageIdx);
var is1 = false;
var num = pageStartN;
//随机串.
var timeKey = Math.random();
var listbox = '';
$('#Table1').html("");
for (var idx = 0; idx < groupNames.length; idx++) {
var showRealCount = 0;
var groupBox = '';
var groublist = '';
var groupName = groupNames[idx];
if (groupName == "" || groupName == null)
continue;
groupBox = "<tr onclick=\"GroupBarClick('" + groupName + "')\" > <th colspan=6 class='table-title'> <i class='fa fa-minus-square' alert='Min' id='Img" + groupName + "'></i><span>" + groupName + "</span></th> </tr>";
//增加处理.
for (var i = 0; i < data.length; i++) {
var dt = data[i];
if (dt.FlowName != groupName) {
continue;
}
realCount++;
var newRow = "";
var mystrs = "";
num++;
if (is1 == true) {
groublist += "<tr id='" + groupName + num + "' >";
is1 = false;
}
else {
groublist += "<tr id='" + groupName + num + "' >";
is1 = true;
}
groublist += "<td>" + num + "</td>"; //序号.
// groublist += "<td>" + dt.FlowName + "</td>"; //节点名称
groublist += "<td>" + dt.NodeName + "</td>"; //节点名
var sta = "";
switch (dt.Sta) {
case 0:
sta = "<font color=green><img src='./Img/Mail_UnRead.png' />未读</font>";
break;
case 1:
sta = "<font color=green><img src='./Img/Mail_Read.png' />已读</font>";
break;
default:
sta = "已回复";
break;
}
groublist += "<td>" + sta + "</td>";
groublist += "<td>" + dt.Rec + "</td>";
groublist += "<td><a href=\"javascript:OpenCC('" + dt.FK_Flow + "','" + dt.FK_Node + "','" + dt.WorkID + "','" + dt.FID + "','" + dt.Sta + "')\" >" + dt.Title + "</a></td>";
// groublist += "<td>" + dt.Doc + "</td>";
groublist += "<td>" + dt.RDT + "</td>";
groublist += "</tr>";
}
if (groublist != "")
listbox += groupBox + groublist;
}
$("#Table1").html(listbox);
}
//查询
function SearchKey() {
pageIdex = 1;
InitPage();
Paginator(pageCount, pageIdx);
}
//分页功能
function Paginator(pageCount, currentPage) {
var pageCount = pageCount; //取到pageCount的值(把返回数据转成object类型)
var options = {
bootstrapMajorVersion: 3, //版本
currentPage: currentPage, //当前页数
totalPages: pageCount, //总页数
shouldShowPage: true, //是否显示该按钮
itemTexts: function (type, page, current) {
switch (type) {
case "first":
return "首页";
case "prev":
return "上一页";
case "next":
return "下一页";
case "last":
return "末页";
case "page":
return page;
}
}, //点击事件用于通过Ajax来刷新整个list列表
onPageClicked: function (event, originalEvent, type, page) {
pageIdx = page;
InitPage(page);
$('#page_info').html("").append("<li class='disabled controls'>当前第" + pageIdx + "页,总共" + pageCount +
"页,总共" + total + "条记录。</li>");
}
};
$('#page_nav').bootstrapPaginator(options);
$('#page_info').html("").append("<li class='disabled controls'>当前第" + pageIdx + "页,总共" + pageCount +
"页,总共" + total + "条记录。</li>");
}
</script>
<script>
$(function () {
if (CustomerNo != "" && CustomerNo != null) {
html += "\n .btn{\n background-color:#5053f1'; \n}\n .btn-success:hover{\n background-color:'#5053f1'; \n}\n.btn-success:focus{\n background-color:'#5053f1';\n}\n.btn-success:active{\n background-color'#5053f1';\n}\n.btn-success:active:focus{\n background-color:'#1a60ff';border-color:'#5053f1'; \n}";
styleScope.innerHTML = filterXSS(html);
}
var theme = filterXSS(localStorage.getItem("themeColorInfo"));
if (theme == "" || theme == "undefined" || theme == null) return;
var data = JSON.parse(theme);
var styleScope = document.getElementById('theme-data');
var html = styleScope.innerHTML;
html += "\n .btn{\n background-color:" + data.selectedMenu + "; \n}\n .btn-success:hover{\n background-color:" + data.selectedMenu + "; \n}\n.btn-success:focus{\n background-color:" + data.selectedMenu + ";\n}\n.btn-success:active{\n background-color:" + data.selectedMenu + ";\n}\n.btn-success:active:focus{\n background-color:" + data.selectedMenu + ";border-color:" + data.selectedMenu + "; \n}";
styleScope.innerHTML = filterXSS(html);
})
</script>
</body>
</html>