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.
364 lines
13 KiB
Plaintext
364 lines
13 KiB
Plaintext
11 months ago
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
|
<head>
|
||
|
<title>下一步接受人员列表</title>
|
||
|
<meta charset="utf-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
|
<meta name="apple-mobile-web-app-status-bar-style" content="white">
|
||
|
|
||
|
<link href="../js/mui/css/mui.css" rel="stylesheet" type="text/css" />
|
||
|
<script src="../js/mui/js/mui.min.js" type="text/javascript"></script>
|
||
|
<script src="../js/jquery.js" type="text/javascript"></script>
|
||
|
|
||
|
<script src="../Scripts/config.js" type="text/javascript"></script>
|
||
|
<script src="../Scripts/QueryString.js" type="text/javascript"></script>
|
||
|
<script src="../Comm/Gener.js" type="text/javascript"></script>
|
||
|
|
||
|
<script src="../Scripts/bootstrap/js/bootstrap.min.js" type="text/javascript" ></script>
|
||
|
<script src="../Scripts/bootstrap/js/jquery.cokie.min.js" type="text/javascript" ></script>
|
||
|
|
||
|
<script type="text/javascript">
|
||
|
var param = {};
|
||
|
$(function () {
|
||
|
var dept = getQueryStringByNameFromUrl("?" + $.cookie('CCS'), "FK_Dept");
|
||
|
if (dept == null || dept == '' || dept == undefined) {
|
||
|
dept = $.cookie('FK_Dept');
|
||
|
}
|
||
|
|
||
|
if (dept == null || dept == '' || dept == undefined) {
|
||
|
var u = new WebUser();
|
||
|
dept = u.FK_Dept;
|
||
|
}
|
||
|
|
||
|
if (dept == undefined) {
|
||
|
dept = "0";
|
||
|
}
|
||
|
|
||
|
|
||
|
var url = "SelectEmps.htm?FK_Dept=" + dept + "&s=" + Math.random();
|
||
|
|
||
|
//为天业集团做的特殊判断.
|
||
|
url = url.replace('=101&', '=10102&');
|
||
|
|
||
|
url += "&WorkID=" + GetQueryString("WorkID") + "&FK_Flow=" + GetQueryString("FK_Flow") + "&FK_Node=" + GetQueryString("FK_Node")+"&ToNode=" + GetQueryString("ToNode");
|
||
|
|
||
|
$('#Btn_SelectEmps').bind('click', function () {
|
||
|
SetHref(url);
|
||
|
});
|
||
|
|
||
|
//初始化人员
|
||
|
var handler = new HttpHandler("BP.WF.HttpHandler.CCMobile_WorkOpt");
|
||
|
handler.AddUrlData();
|
||
|
var data = handler.DoMethodReturnString("AccepterOfGener_Init");
|
||
|
|
||
|
// alert(data);
|
||
|
|
||
|
if (data.indexOf('err@') == 0) {
|
||
|
mui.alert(data);
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (data.indexOf('url@') == 0) {
|
||
|
SetHref( data.replace('url@', ''));
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var sas = JSON.parse(data);
|
||
|
BindTable(sas);
|
||
|
|
||
|
$("#Send").on("tap",function(){
|
||
|
Send();
|
||
|
});
|
||
|
$("#Back").on("tap",function(){
|
||
|
Back();
|
||
|
});
|
||
|
|
||
|
|
||
|
});
|
||
|
|
||
|
function BindTable(sas) {
|
||
|
var ul = $("#tableView");
|
||
|
|
||
|
for (var i = 1; i <= sas.length; i++) {
|
||
|
var sa = sas[i-1];
|
||
|
var row = "<li class='mui-table-view-cell' id='"+sa.FK_Emp+"'>";
|
||
|
row += "<div>" + sa.EmpName + "</div>";
|
||
|
row += "<div title='" + sa.DeptName + "' >" + sa.DeptName + "</div>";
|
||
|
row += "<div><a href=\"javascript:DeleteIt("+i+",'" + sa.MyPK + "');\" >移除</a></div>";
|
||
|
row += "</li>";
|
||
|
|
||
|
ul.append(row);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
//得到行对象
|
||
|
function ClearTable() {
|
||
|
|
||
|
var ul = $("#tableView");
|
||
|
var liArr = $("#tableView li");
|
||
|
for (var i = 0; i < liArr.length; i++) {
|
||
|
var li = liArr[i];
|
||
|
if (li.id == "title")
|
||
|
continue;
|
||
|
|
||
|
li.remove();
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function DeleteIt(rowIndex, mypk) {
|
||
|
|
||
|
var en = new Entity("BP.WF.Template.SelectAccper", mypk);
|
||
|
//删除行数据
|
||
|
delRow(en.FK_Emp);
|
||
|
en.Delete();
|
||
|
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
//确定 执行下一步接受人员列表操作
|
||
|
function AddEmps(isSend, emps) {
|
||
|
if (isSend == false && emps == "") {
|
||
|
mui.alert('请输入接受人的人员ID,支持拼音查询.');
|
||
|
return;
|
||
|
}
|
||
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_WorkOpt");
|
||
|
handler.AddUrlData();
|
||
|
handler.AddPara("AddEmps", emps);
|
||
|
var data = handler.DoMethodReturnString("AccepterOfGener_AddEmps");
|
||
|
|
||
|
if (data.indexOf('err@') == 0) {
|
||
|
mui.alert(data);
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (data.indexOf('info@') == 0) {
|
||
|
$(".Msg").show();
|
||
|
$(".Msg").html(data);
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
|
||
|
//是否执行发送?
|
||
|
if (isSend == true) {
|
||
|
Send();
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
ClearTable();
|
||
|
|
||
|
var gwls = JSON.parse(data);
|
||
|
|
||
|
BindTable(gwls);
|
||
|
|
||
|
document.getElementById("TB_Emps").value = "";
|
||
|
|
||
|
return;
|
||
|
|
||
|
}
|
||
|
|
||
|
function Send() {
|
||
|
$("#Send").prop("disabled", true);//禁用按钮
|
||
|
$("#Send").css("color", "#CCCCCC");//按钮置灰
|
||
|
var httphandler = new HttpHandler("BP.WF.HttpHandler.WF_WorkOpt");
|
||
|
httphandler.AddUrlData();
|
||
|
var data = httphandler.DoMethodReturnString("AccepterOfGener_Send");
|
||
|
|
||
|
var url = Handler + "?DoType=AccepterOfGener_Send&FK_Flow=" + GetQueryString("FK_Flow") + "&WorkID=" + GetQueryString("WorkID") + "&FK_Node=" + GetQueryString("FK_Node") + "&m=" + Math.random() + "&ToNode=" + GetQueryString("ToNode");
|
||
|
|
||
|
if (data.indexOf('err@') == 0) {
|
||
|
mui.alert(data.replace('err@', ''));
|
||
|
$("#Send").prop("disabled", false);//禁用按钮
|
||
|
$("#Send").css("color", "#000");//按钮置灰
|
||
|
return;
|
||
|
}
|
||
|
if (data.indexOf('TurnUrl@') == 0) { //发送成功时转到指定的URL
|
||
|
var url = data;
|
||
|
url = url.replace('TurnUrl@', '');
|
||
|
SetHref(url);
|
||
|
return;
|
||
|
}
|
||
|
data = data.replace("'MyFlowInfo", "'../MyFlowInfo");
|
||
|
data = data.replace("'MyFlow.htm", "'../MyFlow.htm");
|
||
|
data = data.replace("'MyFlow.htm", "'../MyFlow.htm");
|
||
|
|
||
|
data = data.replace("'WFRpt", "'../WFRpt");
|
||
|
data = data.replace("'WFRpt", "'../WFRpt");
|
||
|
data = data.replace("'UnSend", "'../UnSend");
|
||
|
|
||
|
|
||
|
data = data.replace("'./Img", "'../Img");
|
||
|
data = data.replace("'./Img", "'../Img");
|
||
|
data = data.replace("'./Img", "'../Img");
|
||
|
data = data.replace("'./Img", "'../Img");
|
||
|
data = data.replace("'./Img", "'../Img");
|
||
|
|
||
|
data = data.replace("'./WorkOpt/", "");
|
||
|
data = data.replace("'./WorkOpt/", "");
|
||
|
data = data.replace("'./WorkOpt/", "");
|
||
|
|
||
|
data = data.replace('@', '<br/>@');
|
||
|
data = data.replace(/@/g, '<br/> @');
|
||
|
data = data.replace(/null/g, '');
|
||
|
$(".mui-bar-tab").empty();
|
||
|
$(".mui-bar-tab").append($('<a class="mui-tab-item" href="#" id="BackHome" >返回主页</a>'));
|
||
|
$("#BackHome").on("tap",function(){
|
||
|
Back('Home');
|
||
|
});
|
||
|
$(".mui-bar-tab").append($('<a class="mui-tab-item" href="#" id="BackDB">返回待办</a>'));
|
||
|
$("#BackDB").on("tap",function(){
|
||
|
Back('Todolist');
|
||
|
});
|
||
|
$("#tableView").empty();
|
||
|
$("#tableView").html('<li class="mui-table-view-cell mui-media"><p class="" style="font-size: 18px">' + data + '</p></li>');
|
||
|
|
||
|
$("#TB_Emps").hide();
|
||
|
$("#Btn_SelectEmps").hide();
|
||
|
$("#HelpInfo").hide();
|
||
|
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
function Cancel() {
|
||
|
var handler = new HttpHandler("BP.WF.HttpHandler.CCMobile_WorkOpt");
|
||
|
|
||
|
handler.AddPara("FK_Flow", GetQueryString("FK_Flow"));
|
||
|
handler.AddPara("WorkID", GetQueryString("WorkID"));
|
||
|
handler.AddPara("ToNode", GetQueryString("ToNode"));
|
||
|
var data = handler.DoMethodReturnString("AccepterOfGener_UnSend");
|
||
|
mui.alert(data);
|
||
|
}
|
||
|
|
||
|
|
||
|
//事件
|
||
|
$(function () {
|
||
|
//人员选择
|
||
|
$("#TB_Emps").bind('input propertychange', function () {
|
||
|
if ($("#TB_Emps").val() == null || $("#TB_Emps").val() == "") {
|
||
|
$("#SelectEmp").hide().html("");
|
||
|
return;
|
||
|
}
|
||
|
//回去输入内容,查询数据库
|
||
|
|
||
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_WorkOpt");
|
||
|
handler.AddPara("FK_Node", GetQueryString("FK_Node"));
|
||
|
handler.AddPara("WorkID", GetQueryString("WorkID"));
|
||
|
handler.AddPara("ToNode", GetQueryString("ToNode"));
|
||
|
handler.AddPara("TB_Emps", $("#TB_Emps").val());
|
||
|
var data = handler.DoMethodReturnString("AccepterOfGener_SelectEmps");
|
||
|
if (data.indexOf('err@') == 0) {
|
||
|
mui.alert(data);
|
||
|
return;
|
||
|
}
|
||
|
data = JSON.parse(data);
|
||
|
var html = "";
|
||
|
for (var i = 0; i < data.length; i++) {
|
||
|
html = html + "<div class='item' onclick='getCon(\"" + data[i].No + "\");' onmouseenter='getFocus(this)'>" + data[i].Name + "</div>";
|
||
|
}
|
||
|
$("#SelectEmp").show().html(html);
|
||
|
|
||
|
});
|
||
|
});
|
||
|
|
||
|
//删除当前行
|
||
|
function delRow(id) {
|
||
|
$("#tableView ").children("#"+id).remove();
|
||
|
}
|
||
|
|
||
|
function selectAdd(No) {
|
||
|
AddEmps(false,No);
|
||
|
}
|
||
|
|
||
|
//鼠标事件
|
||
|
function getFocus(obj) {
|
||
|
$(".item").removeClass("addbg");
|
||
|
$(obj).addClass("addbg");
|
||
|
}
|
||
|
|
||
|
//选择下拉数据
|
||
|
function getCon(no) {
|
||
|
$("#TB_Emps").val('');
|
||
|
AddEmps(false, no);
|
||
|
|
||
|
$("#SelectEmp").hide().html("");
|
||
|
}
|
||
|
|
||
|
function Back(backTo) {
|
||
|
if (backTo == null || backTo=="" || backTo == undefined) {
|
||
|
SetHref( "../MyFlowGener.htm?WorkID=" + GetQueryString("WorkID") + "&FK_Flow=" + GetQueryString("FK_Flow") + "&FK_Node=" + GetQueryString("FK_Node"));
|
||
|
}
|
||
|
|
||
|
if (backTo == "Todolist") {
|
||
|
SetHref( "../Todolist.htm?WorkID=" + GetQueryString("WorkID") + "&FK_Flow=" + GetQueryString("FK_Flow") + "&FK_Node=" + GetQueryString("FK_Node"));
|
||
|
}
|
||
|
if(backTo == "Home"){
|
||
|
SetHref('../../CCMobilePortal/Home.htm?UserNo=' + GetQueryString('UserNo') + "&Token=" + GetQueryString("Token"));
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
<style type="text/css">
|
||
|
#SelectEmp {
|
||
|
position: relative;
|
||
|
width:400px;
|
||
|
border-top: 0;
|
||
|
display: none;
|
||
|
margin-top:-7px;
|
||
|
}
|
||
|
.mui-table-view-cell div
|
||
|
{
|
||
|
display:inline;
|
||
|
float:left;
|
||
|
width:33%;
|
||
|
text-align:center;
|
||
|
}
|
||
|
#HelpInfo
|
||
|
{
|
||
|
margin:10px 2px 0px 5px;
|
||
|
}
|
||
|
.mui-bar-tab .mui-tab-item {
|
||
|
color:#000;
|
||
|
}
|
||
|
</style>
|
||
|
</head>
|
||
|
<body>
|
||
|
<header class="mui-bar mui-bar-nav">
|
||
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
||
|
<h1 class="mui-title">选择接受人</h1>
|
||
|
</header>
|
||
|
<nav class="mui-bar mui-bar-tab">
|
||
|
<a class="mui-tab-item" href="#" id="Send">执行发送</a>
|
||
|
<a class="mui-tab-item" href="#" id="Back">返回</a>
|
||
|
</nav>
|
||
|
<div class="mui-content">
|
||
|
<div class="mui-scroll-wrapper">
|
||
|
<div class="mui-scroll">
|
||
|
<div id="list" class="mui-indexed-list">
|
||
|
<div class="mui-indexed-list-inner">
|
||
|
<ul id="tableView" class="mui-table-view" style="margin-top:50px">
|
||
|
<li id="title" class="mui-table-view-cell">
|
||
|
<div>名称</div><div>部门</div><div>操作</div>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
<div class="mui-indexed-list-search mui-input-row mui-search" style="margin-top:25px">
|
||
|
<input id="TB_Emps" name="TB_Emps" type="search" class="mui-input-clear mui-indexed-list-search-input" style="background-color:White" placeholder="" >
|
||
|
<div id="SelectEmp"></div>
|
||
|
</div>
|
||
|
<button type="button" id="Btn_SelectEmps" class="mui-btn mui-btn-success mui-icon mui-icon-plus" style="width:100%;background-color:#4cd9647a;border-color:#4cd9647a">增加下一步工作处理人</button>
|
||
|
</div>
|
||
|
<div id="HelpInfo" >
|
||
|
<p><span class="mui-icon mui-icon-paperplane"></span>输入要下一步接受人员可以使用人员名称拼音支持全拼简拼.</p>
|
||
|
<p><span class="mui-icon mui-icon-paperplane"></span>比如:查找耿润华您可以输入: grh 或者 gengrh 或者 gengrunhua </p>
|
||
|
<p><span class="mui-icon mui-icon-paperplane"></span>支持单位名称比如:耿润华/集团信息中心, 可以输入为 grh/jtxxzx </p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</body>
|
||
|
<script type="text/javascript">
|
||
|
//初始化单页的区域滚动
|
||
|
mui('.mui-scroll-wrapper').scroll();
|
||
|
</script>
|
||
|
</html>
|