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.
550 lines
22 KiB
Plaintext
550 lines
22 KiB
Plaintext
<!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>
|
|
<link href="../Scripts/bootstrap/css/bootstrap.css" rel="stylesheet" />
|
|
<link href="../Scripts/bootstrap/css/components-rounded.css" rel="stylesheet" />
|
|
<link href="../Scripts/bootstrap/css/font-awesome.css" rel="stylesheet" />
|
|
<link href="../Scripts/bootstrap/css/themes/default/style.min.css" rel="stylesheet" />
|
|
<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 type="text/javascript" src="../Scripts/commonYangYH.js"></script>
|
|
<script src="../Scripts/QueryString.js" type="text/javascript"></script>
|
|
<script src="../Scripts/bootstrap/js/jquery.cokie.min.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="../Scripts/config.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="../Scripts/bootstrap/js/jstree.js"></script>
|
|
<style type="text/css">
|
|
*
|
|
{
|
|
list-style: none;
|
|
}
|
|
|
|
.btn
|
|
{
|
|
background: #2884fa !important;
|
|
border-radius: 20px !important;
|
|
color: white !important;
|
|
padding: 4px 17px !important;
|
|
}
|
|
|
|
header
|
|
{
|
|
height: 40px;
|
|
font: bold 18px "宋体";
|
|
background: url('/DataUser/Style/Img/TitleBG.png') repeat-x;
|
|
line-height: 35px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
body
|
|
{
|
|
background: #e0ecff;
|
|
}
|
|
|
|
.ys
|
|
{
|
|
margin: 20px auto;
|
|
padding: 0px 30px;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ys .Tos
|
|
{
|
|
height: 30px;
|
|
line-height: 24px;
|
|
width: 70%;
|
|
border-radius: 25px 0px 0px 25px;
|
|
border: 1px solid #2884fa;
|
|
resize: none;
|
|
float: right;
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ys .csTitle, #csry
|
|
{
|
|
width: 85%;
|
|
border-radius: 25px;
|
|
}
|
|
|
|
.ys input
|
|
{
|
|
width: 15%;
|
|
border-radius: 0px 25px 25px 0px;
|
|
height: 30px;
|
|
float: right;
|
|
background: #2884fa;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
|
|
#yss
|
|
{
|
|
width: 85%;
|
|
float: right;
|
|
border-radius: 25px;
|
|
min-height: 150px;
|
|
border: 1px solid #2884fa;
|
|
resize: none;
|
|
padding: 20px;
|
|
font-size: 12px;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
var isFrameCross = GetQueryString("isFrameCross");
|
|
$(function () {
|
|
dtTable();
|
|
initSelectEmpModal();
|
|
$(".BtnSelectEmpsb").click(function () {
|
|
var state = $(this).parent("").siblings(".jstree");
|
|
var stateb = $(this).parents(".selectEmpsDivg").siblings().find(".jstree");
|
|
if (state.css("display") == "none") {
|
|
state.addClass("active").addClass("in").show();
|
|
stateb.removeClass("active").addClass("in").hide();
|
|
$(".closs").click(function () {
|
|
state.hide();
|
|
});
|
|
} else {
|
|
state.removeClass("active").addClass("in").hide();
|
|
stateb.removeClass("active").addClass("in").hide();
|
|
}
|
|
});
|
|
|
|
initTreeData();
|
|
|
|
StationT();
|
|
|
|
SelectGroups();
|
|
|
|
});
|
|
//初始化、接收人
|
|
function dtTable() {
|
|
var param = {
|
|
FK_Node: GetQueryString('FK_Node'),
|
|
WorkID: GetQueryString('WorkID'),
|
|
FID: GetQueryString('FID'),
|
|
FK_Flow: GetQueryString("FK_Flow")
|
|
};
|
|
|
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_WorkOpt");
|
|
handler.AddUrlData();
|
|
var data = handler.DoMethodReturnString("CC_Init");
|
|
|
|
if (data != null) {
|
|
var dataArr = JSON.parse(data);
|
|
if (dataArr != undefined) {
|
|
$(".csTitle").val(dataArr.Title);
|
|
if (dataArr.CCTo != "") {
|
|
$(".cs").show();
|
|
$("#csry").val(dataArr.CCTo);
|
|
}
|
|
if (dataArr.IsGroup == "1") {
|
|
$(".gt").show();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
function initSelectEmpModal() {
|
|
var selectEmpModalHtml = '<div class="modal fade" id="selectEmpsModal" style="width: 80%;margin: 40px auto;">' +
|
|
'<div class="modal-dialog" style="margin: 0px;">'
|
|
+ '<div class="modal-content" style="border-radius:0px;width:700px;">'
|
|
+ '<div class="modal-header">'
|
|
+ '<button type="button" class="close" style="color:white;opacity:1;" data-dismiss="modal" aria-hidden="true">×</button>'
|
|
+ '<h4 class="modal-title">选择人员</h4>'
|
|
+ '</div>'
|
|
+ '<div class="modal-body">'
|
|
+ '<iframe style="width:100%;border:0px;height:400px;" id="iframeSelectEmpsForm" name="iframeSelectEmpsForm"></iframe>'
|
|
+ '</div>'
|
|
+ '</div><!-- /.modal-content -->'
|
|
+ '</div><!-- /.modal-dialog -->'
|
|
+ '</div>';
|
|
|
|
$('body').append($(selectEmpModalHtml));
|
|
|
|
$('#BtnSelectEmpsp').bind('click', function () {
|
|
|
|
|
|
$('#iframeSelectEmpsForm').attr('src', "SelectEmps.htm?FK_Dept=" + getQueryStringByNameFromUrl("?" + $.cookie('CCS'), "FK_Dept") + "&FK_Node=" + GetQueryString("FK_Node") + "&s=" + Math.random() + "&IsSelectMore=1");
|
|
$('#selectEmpsModal').modal().show();
|
|
});
|
|
}
|
|
function selectEmpsWindowClose(data) {
|
|
$('#selectEmpsModal').modal('hide');
|
|
if (data == '取消') {
|
|
return;
|
|
} else {
|
|
$('#ToEmps').val(frames["iframeSelectEmpsForm"].window.returnVal.NAME);
|
|
}
|
|
}
|
|
//部门
|
|
function initTreeData() {
|
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_WorkOpt");
|
|
handler.AddUrlData();
|
|
var data = handler.DoMethodReturnString("CC_SelectDepts");
|
|
if (data == null)
|
|
return;
|
|
|
|
var dataArr = JSON.parse(data);
|
|
if (dataArr != undefined) {
|
|
var jsTreedata = [];
|
|
$.each(dataArr, function (i, obj) {
|
|
jsTreedata.push({ "id": obj.No, "parent": obj.ParentNo, "text": obj.Name, "data": obj });
|
|
});
|
|
for (var i = 0; i < jsTreedata.length; i++) {
|
|
if (jsTreedata[i].parent != '#') {
|
|
var pNode = $.grep(jsTreedata, function (value) {
|
|
return value.id == jsTreedata[i].parent;
|
|
});
|
|
if (pNode.length == 0) {
|
|
jsTreedata[i].parent = '#';
|
|
}
|
|
}
|
|
}
|
|
$('#jstreeb').jstree({
|
|
plugins: ["checkbox"],
|
|
'core': {
|
|
"multiple": true,
|
|
'data': jsTreedata
|
|
}
|
|
});
|
|
}
|
|
}
|
|
var returnVal = {};
|
|
function GetTreeReturnVal() {
|
|
var instance = $("#jstreeb").jstree(true);
|
|
var selectedIdArr = instance.get_selected();
|
|
var selectedNodes = [];
|
|
$.each(selectedIdArr, function (i, selectedId) {
|
|
selectedNodes.push(instance.get_node(selectedId));
|
|
});
|
|
var nameArr = [];
|
|
var noArr = [];
|
|
$.each(selectedNodes, function (i, selectedNode) {
|
|
if (selectedNode.icon == true) {
|
|
nameArr.push(selectedNode.text);
|
|
noArr.push(selectedNode.id);
|
|
}
|
|
});
|
|
returnVal.Value = nameArr.join(';');
|
|
returnVal.name = noArr.join(';');
|
|
$('#ToDepts').val(returnVal.Value);
|
|
$('#ToDepts').attr("name", returnVal.name);
|
|
$("#jstreebs").hide();
|
|
}
|
|
|
|
//岗位
|
|
function StationT() {
|
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_WorkOpt");
|
|
handler.AddUrlData();
|
|
var data = handler.DoMethodReturnString("CC_SelectStations");
|
|
if (data == null)
|
|
return;
|
|
|
|
var datgArr = JSON.parse(data).Port_StationType;
|
|
var dateArr = JSON.parse(data).Port_Station;
|
|
if (datgArr != undefined && dateArr != undefined) {
|
|
var ultdg = '';
|
|
var ultde = '';
|
|
$.each(datgArr, function (i, obje) {
|
|
for (var k = 0; k < dateArr.length; k++) {
|
|
if (obje.NO == dateArr[k].FK_STATIONTYPE) {
|
|
ultde += "<li data-data='true' style='min-width:120px;display: inline-block;margin:0px 5px;' class='lim'><input type='checkbox' style='margin: 5px 5px;'/><span>" + dateArr[k].NAME + "</span></li>";
|
|
}
|
|
}
|
|
ultdg += "<li data-data='true' class='lif' name='" + obje.NO + "' style='background: #D9E3F0;font-size:14px;font-weight: bold;'><input type='checkbox' class='ulm_head' style='margin: 10px 5px 0px 10px;'/><span>" + obje.NAME + "</span><ul style='overflow:hidden;margin:10px 0px 10px 0px;padding-left: 20px;background: #fff;font-size:12px;font-weight: normal;'>" + ultde + "</ul></li>";
|
|
ultde = "";
|
|
});
|
|
$("#jstreeg #dt").html(ultdg);
|
|
$(".wait").hide();
|
|
$.each(dateArr, function (k, obj) {
|
|
var lifs = $("#jstreeg #dt .lif");
|
|
for (var i = 0; i < lifs.length; i++) {
|
|
if ($(lifs[i]).attr("name") == obj.FK_STATIONTYPE) {
|
|
var limData = $(lifs[i]).find(".lim");
|
|
for (var m = 0; m < limData.length; m++) {
|
|
var lim = limData[m];
|
|
if ($(lim).text() == obj.NAME && $(lim) != undefined && $(lim).data != undefined && $(lim).data() != undefined && $(lim).data().data == true) {
|
|
$(lim).data().data = obj;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
$(".ulm_head").click(function () {
|
|
if (this.checked) {
|
|
$(this).parent("li").children("ul").find("input").prop("checked", "checked");
|
|
} else {
|
|
$(this).parent("li").children("ul").children("li").children("input").removeAttr("checked", "checked");
|
|
}
|
|
});
|
|
$(".lif>span").click(function () {
|
|
if (this.parentNode.childNodes[0].checked) {
|
|
$(this).parent("li").children("ul").children("li").children("input").removeAttr("checked", "checked");
|
|
$(this).prev("input").removeAttr("checked", "checked");
|
|
} else {
|
|
$(this).parent("li").children("ul").find("input").prop("checked", "checked");
|
|
$(this).prev("input").prop("checked", "checked");
|
|
}
|
|
});
|
|
$(".lim>span").click(function () {
|
|
if (this.parentNode.childNodes[0].checked) {
|
|
$(this).prev("input").removeAttr("checked", "checked");
|
|
} else {
|
|
$(this).prev("input").prop("checked", "checked");
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
// 岗位.
|
|
function GetStationsReturnVal() {
|
|
var checked = $('input:checked');
|
|
var selectedIdArrm = [];
|
|
var selectedNodesm = [];
|
|
for (var i = 0; i < checked.parent(".lim").length; i++) {
|
|
selectedIdArrm.push($(checked.parent(".lim")[i]).data().data.NO);
|
|
selectedNodesm.push($(checked.parent(".lim")[i]).data().data.NAME);
|
|
}
|
|
returnVal.Value = selectedIdArrm.join(',');
|
|
returnVal.name = selectedNodesm.join(',');
|
|
$('#ToStations').val(returnVal.name);
|
|
$('#ToStations').attr("name", returnVal.Value);
|
|
$("#jstreeg").hide();
|
|
}
|
|
|
|
//权限组.
|
|
function SelectGroups() {
|
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_WorkOpt");
|
|
handler.AddUrlData();
|
|
var data = handler.DoMethodReturnString("CC_SelectGroups");
|
|
if (data == null)
|
|
return;
|
|
|
|
var datgArr = JSON.parse(data);
|
|
if (datgArr != undefined) {
|
|
var ultdg = '';
|
|
$.each(datgArr, function (i, obje) {
|
|
ultdg += "<li data-data='true' class='lig' name='" + obje.NO + "' title='" + obje.NAME + "'><input type='checkbox' class='ulm_head' style='margin: 10px 5px 0px 10px;'/><span>" + obje.NAME + "</span></li>";
|
|
});
|
|
$("#Div1 #Ul1").html(ultdg);
|
|
$(".wait").hide();
|
|
}
|
|
}
|
|
|
|
|
|
function GetGroupReturnVal() {
|
|
var checked = $('input:checked');
|
|
var selectedIdArrms = [];
|
|
var selectedNodesms = [];
|
|
for (var i = 0; i < checked.length; i++) {
|
|
selectedIdArrms.push($(checked[i]).parent(".lig").attr("name"));
|
|
selectedNodesms.push($(checked[i]).parent(".lig").attr("title"));
|
|
}
|
|
if (selectedIdArrms.length > 1 || selectedNodesms.length > 1) {
|
|
returnVal.Value = selectedIdArrms.join(',');
|
|
returnVal.name = selectedNodesms.join(',');
|
|
}
|
|
$('#ToGroups').val(returnVal.name);
|
|
$('#ToGroups').attr("name", returnVal.Value);
|
|
$("#Div1").hide();
|
|
}
|
|
//发送
|
|
function Close() {
|
|
|
|
if (window.parent != null && window.parent.returnWorkWindowClose != null) {
|
|
window.parent.returnWorkWindowClose("取消");
|
|
|
|
window.close();
|
|
} else if (window.opener != undefined && window.opener.returnWorkWindowClose != undefined) {
|
|
window.opener.returnWorkWindowClose("取消");
|
|
|
|
window.close();
|
|
} else {
|
|
$('body').append($('<div>' + data + '</div>'));
|
|
$('#btnOk').attr('disabled', true);
|
|
}
|
|
}
|
|
function SendNode() {
|
|
var tb_Title = $(".csTitle").val();
|
|
var tb_Doc = $("#yss").val();
|
|
var emps; //选择的人员.
|
|
var stations; //选择的岗位.
|
|
var depts; //选择的部门.
|
|
var groups; //选择的权限组
|
|
if (frames["iframeSelectEmpsForm"].window.returnVal != undefined) {
|
|
var empsn = frames["iframeSelectEmpsForm"].window.returnVal.No.split(",");
|
|
var empsm = frames["iframeSelectEmpsForm"].window.returnVal.Name.split(",");
|
|
var s = [];
|
|
$.each(empsn, function (i, obj) {
|
|
s.push(obj + ',' + empsm[i]);
|
|
});
|
|
emps = s.join(";");
|
|
|
|
} else {
|
|
emps = "";
|
|
}
|
|
if ($('#ToDepts').attr("name") != undefined) {
|
|
depts = $('#ToDepts').attr("name");
|
|
} else {
|
|
depts = "";
|
|
}
|
|
|
|
if ($('#ToStations').attr("name") != undefined) {
|
|
stations = $('#ToStations').attr("name");
|
|
} else {
|
|
stations = "";
|
|
}
|
|
if ($('#ToGroups').attr("name") != undefined) {
|
|
groups = $('#ToGroups').attr("name");
|
|
} else {
|
|
groups = "";
|
|
}
|
|
if (depts == "" && emps == "" && stations == "") {
|
|
alert('请选择人员、部门、岗位任意一种.');
|
|
return;
|
|
}
|
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_WorkOpt");
|
|
handler.AddUrlData();
|
|
handler.AddPara("Emps", emps);
|
|
handler.AddPara("Stations", stations);
|
|
handler.AddPara("Depts", depts);
|
|
handler.AddPara("TB_Title", tb_Title);
|
|
handler.AddPara("TB_Doc", tb_Doc);
|
|
handler.AddPara("Groups", groups);
|
|
|
|
var data = handler.DoMethodReturnString("CC_Send");
|
|
if (data == null)
|
|
return;
|
|
|
|
if (data.indexOf('err@') == 0) {
|
|
alert(data);
|
|
return;
|
|
}
|
|
if (window.parent != null && window.parent.returnWorkWindowClose != null) {
|
|
window.parent.returnWorkWindowClose(data);
|
|
} else if (window.opener != undefined && window.opener.returnWorkWindowClose != undefined) {
|
|
window.opener.returnWorkWindowClose(data);
|
|
alert(data);
|
|
} else {
|
|
$('#btnOk').attr('disabled', true);
|
|
alert(data);
|
|
}
|
|
window.close();
|
|
return;
|
|
|
|
$(".foot").hide();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<header>工作抄送</header>
|
|
<section>
|
|
<div id="selectEmpsDivp">
|
|
<div class="ys">
|
|
请选择接受人：
|
|
<input type="button" id="BtnSelectEmpsp" value='选择接受人' />
|
|
<textarea id="ToEmps" class="Tos"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="selectEmpsDivg">
|
|
<div class="ys">
|
|
请选择部门：
|
|
<input type="button" class="BtnSelectEmpsb" value='选择接部门' />
|
|
<textarea id="ToDepts" class="Tos"></textarea>
|
|
</div>
|
|
<div class="modal fade jstree" style="background: #898F98;" id="jstreebs">
|
|
<div class="modal-dialog" style="width: 80%; margin: 40px auto;">
|
|
<div class="modal-content" style="height: 487px; border-radius: 0px;">
|
|
<div class="modal-header" style="font-size: 16px;">
|
|
选择部门
|
|
</div>
|
|
<div class="modal-body" style="height: 380px; overflow-y: auto;">
|
|
<div id="jstreeb"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-info" onclick="GetTreeReturnVal()">确定</button>
|
|
<button class="btn btn-info closs">取消</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="selectEmpsDivg">
|
|
<div class="ys">
|
|
请选择岗位：
|
|
<input type="button" class="BtnSelectEmpsb" value='选择岗位' />
|
|
<textarea id="ToStations" class="Tos"></textarea>
|
|
</div>
|
|
<div class="modal fade jstree" style="background: #898F98;" id="jstreeg">
|
|
<div class="modal-dialog" style="width: 80%; margin: 40px auto;">
|
|
<div class="modal-content" style="height: 487px; border-radius: 0px;">
|
|
<div class="modal-header" style="font-size: 16px;">
|
|
选择岗位
|
|
</div>
|
|
<div class="modal-body" style="height: 380px; overflow-y: auto;">
|
|
<div class="wait" style="text-align: center;">页面数据正在加载中，请稍候......</div>
|
|
<ul id="dt" data-data="true"></ul>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-info" onclick="GetStationsReturnVal()">确定</button>
|
|
<button class="btn btn-info closs">取消</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="selectEmpsDivg gt" style="display: none;">
|
|
<div class="ys">
|
|
选择权限组：
|
|
<input type="button" class="BtnSelectEmpsb" value='选择权限组' />
|
|
<textarea id="ToGroups" class="Tos"></textarea>
|
|
</div>
|
|
<div class="modal fade jstree" style="background: #898F98;" id="Div1">
|
|
<div class="modal-dialog" style="width: 80%; margin: 40px auto;">
|
|
<div class="modal-content" style="height: 487px; border-radius: 0px;">
|
|
<div class="modal-header" style="font-size: 16px;">
|
|
选择权限组
|
|
</div>
|
|
<div class="modal-body" style="height: 380px; overflow-y: auto;">
|
|
<div class="wait" style="text-align: center;">页面数据正在加载中，请稍候......</div>
|
|
<ul id="Ul1" data-data="true"></ul>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-info" onclick="GetGroupReturnVal()">确定</button>
|
|
<button class="btn btn-info closs">取消</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="ys">
|
|
标题：
|
|
<textarea class="Tos csTitle"></textarea>
|
|
</div>
|
|
<div class="ys">
|
|
抄送信息：
|
|
<textarea id="yss" name=""></textarea>
|
|
</div>
|
|
<div class="ys cs" style="display: none;">
|
|
已经抄送人员：
|
|
<textarea id="csry" name="" class="Tos"></textarea>
|
|
</div>
|
|
<div style="float: right" class="foot">
|
|
<button id="btnOk" class="btn btn-info" onclick="SendNode()">抄送</button>
|
|
<button id="btnCancel" class="btn btn-info" onclick="Close()">取消</button>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html>
|