<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
[#include "/business/pages/include/static.html" /]
|
<title>事件管理列表</title>
|
</head>
|
|
<body class="fullscreen">
|
[#include "/business/pages/include/header.html" /]
|
[#include "/component/newsel.html" /]
|
[#assign label = GnConstants.INCIDENTGL]
|
[#include "/business/pages/include/gps.html" /]
|
<script src="${common_static}/static/script/select/chosen.jquery.js"></script>
|
<script src="${common_static}/static/script/select/chosen.jquery.min.js"></script>
|
<link rel="stylesheet" type="text/css" href="${common_static}/static/script/select/chosen.css"/>
|
<script type="text/javascript">
|
var pool = '${data.poolcount}';
|
var dxy = '${data.dxycount}';
|
var jxz = '${data.jxzcount}';
|
var ycs = '${data.ycscount}';
|
|
if(pool > 0){
|
if( pool < 100){
|
$(".${GnConstants.SJPOOL}").html(pool).addClass("fs_navnoread");
|
}else{
|
$(".${GnConstants.SJPOOL}").html("99+").addClass("fs_navnoreadmore");
|
}
|
|
}
|
if(dxy > 0){
|
if( dxy < 100){
|
$(".${GnConstants.SJDXY}").html(dxy).addClass("fs_navnoread");
|
}else{
|
$(".${GnConstants.SJDXY}").html("99+").addClass("fs_navnoreadmore");
|
}
|
|
}
|
if(jxz > 0){
|
if( jxz < 100){
|
$(".${GnConstants.SJJXZ}").html(jxz).addClass("fs_navnoread");
|
}else{
|
$(".${GnConstants.SJJXZ}").html("99+").addClass("fs_navnoreadmore");
|
}
|
|
}
|
if(ycs > 0){
|
if( ycs < 100){
|
$(".${GnConstants.SJCS}").html(ycs).addClass("fs_navnoread");
|
}else{
|
$(".${GnConstants.SJCS}").html("99+").addClass("fs_navnoreadmore");
|
}
|
|
}
|
|
</script>
|
|
<div class="event_process clearfix" id="eventProcess">
|
<div class="ep_item">
|
<table>
|
<tr>
|
<td>
|
<div class="epi_show first">
|
<a href="javascript:queryStatus('wwc');"><img src="${common_static}/static/ui/images/zc-icon-41.png" alt="" />
|
<span>SLA</span>
|
</a>
|
<a class="second" href="javascript:queryStatus('wwc');">
|
<em>未完成</em>
|
<em>${c.wwc}</em>
|
</a>
|
</div>
|
</td>
|
<td>
|
<p>未到期：<a href="javascript:queryStatus('slaWillTimeout');"><i class="blue_txt">${c.slaWillTimeOut}</i></a></p>
|
<p>已到期：<a href="javascript:queryStatus('slaTimeout');"><i class="yellow_txt">${c.slaTimeOut}</i></a></p>
|
</td>
|
</tr>
|
</table>
|
</div>
|
<div class="ep_item">
|
<table>
|
<tr>
|
<td>
|
<div class="epi_show second">
|
<a href="javascript:queryStatus('fwt');">
|
<img src="${common_static}/static/ui/images/zc-icon-40.png" alt="" />
|
<span>服务台</span>
|
</a>
|
<a class="second" href="javascript:queryStatus('fwt');">
|
<em>服务台</em>
|
<em>${c.fwt}</em>
|
</a>
|
</div>
|
</td>
|
<td>
|
<p>已登记：<a href="javascript:queryStatus('fwtydj');"><i class="blue_txt">${c.fwtydj}</i></a></p>
|
<p>处理中：<a href="javascript:queryStatus('fwtclz');"><i>${c.fwtclz}</i></a></p>
|
</td>
|
</tr>
|
</table>
|
</div>
|
<div class="ep_item">
|
<table>
|
<tr>
|
<td>
|
<div class="epi_show third">
|
<a href="javascript:queryStatus('yx');">
|
<img src="${common_static}/static/ui/images/zc-icon-42.png" alt="" />
|
<span>一线</span>
|
</a>
|
<a class="second" href="javascript:queryStatus('yx');">
|
<em>一线</em>
|
<em>${c.yx}</em>
|
</a>
|
</div>
|
</td>
|
<td>
|
<p>待响应：<a href="javascript:queryStatus('yxdxy');"><i class="blue_txt">${c.yxdxy}</i></a></p>
|
<p>处理中：<a href="javascript:queryStatus('yxclz');"><i>${c.yxclz}</i></a></p>
|
</td>
|
</tr>
|
</table>
|
</div>
|
<div class="ep_item">
|
<table>
|
<tr>
|
<td>
|
<div class="epi_show forth">
|
<a href="javascript:queryStatus('ex');">
|
<img src="${common_static}/static/ui/images/zc-icon-42.png" alt="" />
|
<span>二线</span>
|
</a>
|
<a class="second" href="javascript:queryStatus('ex');">
|
<em>二线</em>
|
<em>${c.ex}</em>
|
</a>
|
</div>
|
</td>
|
<td>
|
<p>待响应：<a href="javascript:queryStatus('exdxy');"><i class="blue_txt">${c.exdxy}</i></a></p>
|
<p>处理中：<a href="javascript:queryStatus('exclz');"><i>${c.exclz}</i></a></p>
|
</td>
|
</tr>
|
</table>
|
</div>
|
<div class="ep_item">
|
<table>
|
<tr>
|
<td>
|
<div class="epi_show fifth">
|
<a href="javascript:queryStatus('sx');">
|
<img src="${common_static}/static/ui/images/zc-icon-42.png" alt="" />
|
<span>三线</span>
|
</a>
|
<a class="second" href="javascript:queryStatus('sx');">
|
<em>三线</em>
|
<em>${c.sx}</em>
|
</a>
|
</div>
|
</td>
|
<td>
|
<p>待响应：<a href="javascript:queryStatus('sxdxy');"><i class="blue_txt">${c.sxdxy}</i></a></p>
|
<p>处理中：<a href="javascript:queryStatus('sxclz');"><i>${c.sxclz}</i></a></p>
|
</td>
|
</tr>
|
</table>
|
</div>
|
<div class="ep_item">
|
<table>
|
<tr>
|
<td>
|
<div class="epi_show sixth">
|
<a href="javascript:queryStatus('ywc');">
|
<img src="${common_static}/static/ui/images/zc-icon-43.png" alt="" />
|
<span>满意度</span>
|
</a>
|
<a class="second" href="javascript:queryStatus('ywc');">
|
<em>已完成</em>
|
<em>${c.ywc}</em>
|
</a>
|
</div>
|
</td>
|
<td>
|
<p>待调查：<a href="javascript:queryStatus('mydddc');"><i class="blue_txt">${c.mydddc}</i></a></p>
|
<p>已调查：<a href="javascript:queryStatus('mydydc');"><i>${c.mydydc}</i></a></p>
|
</td>
|
<tr>
|
</table>
|
</div>
|
<div class="ep_create">
|
<!-- <p><a>开始创建事件</a></p> -->
|
<a class="new_event" href="${base}/business/pages/incident/addIncidentForDesk.html">创建事件</a>
|
</div>
|
</div>
|
<div class="fs_main clearfix">
|
<div class="event_fill fm_event_fill">
|
<input type="hidden" id="status" />
|
<table><tr><th width="85%">
|
<div class="fill_item">
|
<label>${Constants.CUSTOMER_CONSTANTS}名称：</label>
|
[@sel id="customer_id" name="customer_id" value="${RequestParameters.customerId}" source=customers textField="ID" valueField="CUSTOMER_NAME" labelName="customer_name" callback="changeMsg"/]
|
</div>
|
<div class="fill_item">
|
<label>${Constants.UNIT_CONSTANTS}：</label>
|
<input class="general" type="text" name="sub_customer_name" id="sub_customer_name" readOnly onclick="subCus();"/>
|
<input type="hidden" name="sub_customer_id" id="sub_customer_id" />
|
</div>
|
<div class="fill_item"><label>工单名称：</label><input class="general" type="text" id="orderName"/></div>
|
<div class="fill_item"><label>工单编号：</label><input class="general" type="text" id="orderCode"/></div>
|
<div class="fill_item"><label>${Constants.CUSTOMER_CONSTANTS}联系人：</label><input class="general" type="text" id="contract"/></div>
|
<div class="fill_item">
|
<label>优先级：</label>
|
[#if eventPri?? && eventPri?size>0]
|
[#list eventPri as pri]
|
<input class="cbx pri" type="checkbox" value="${pri.DATAKEY}"/><em class="totxt">${pri.DATAVALUE}</em>
|
[/#list]
|
[/#if]
|
</div>
|
<div class="fill_item">
|
<label>影响度：</label>
|
[#if eventDg?? && eventDg?size>0]
|
[#list eventDg as dg]
|
<input class="cbx dg" type="checkbox" value="${dg.DATAKEY}"/><em class="totxt">${dg.DATAVALUE}</em>
|
[/#list]
|
[/#if]
|
</div>
|
<div class="fill_item">
|
<label>事件类型：</label>
|
[#if types?? && types?size>0]
|
[#list types as type]
|
<input class="cbx sjType" type="checkbox" value="${type.DATAKEY}"/><em class="totxt">${type.DATAVALUE}</em>
|
[/#list]
|
[/#if]
|
</div>
|
<div class="fill_item">
|
<table>
|
<tr>
|
<td>
|
<label>服务目录：</label>
|
</td>
|
<td id="sl">
|
<a class="all_service" id="serivceList" href="javascript:showSl();">展开全部</a>
|
</td>
|
</tr>
|
</table>
|
</div>
|
</th><td width="15%">
|
<a class="retrievebtn" id="reset">重置</a><a class="retrievebtn focus" href="javascript:psearch();">查询</a>
|
</td></tr></table>
|
</div>
|
|
|
<div id="main"></div>
|
<div class="paging clearfix" id="pagination"></div>
|
|
|
|
</div>
|
|
<script type="text/javascript">
|
$("#customer_id").chosen({
|
no_results_text: "没有找到结果！",//搜索无结果时显示的提示
|
search_contains:true, //关键字模糊搜索，设置为false，则只从开头开始匹配
|
allow_single_deselect:true, //是否允许取消选择
|
max_selected_options:1 //当select为多选时，最多选择个数
|
});
|
var nowPage = 1;
|
function showSl() {
|
var $service = $("a.service");
|
var url = "${base}/business/pages/order/ordersl.html";
|
if($service.length>0) {
|
var sls = new Array();
|
$service.each(function() {
|
sls.push($(this).attr("sl"));
|
});
|
url += "?sl="+sls.join(",");
|
}
|
|
window.top.openDialog("selectSl","操作",
|
{},
|
{"width":80,"height":80},
|
[{btnId:"btnSure", btnName:"确定", btnStyle:"bluebtn"}],url);
|
}
|
|
|
function showName(labelIds,labelNames) {
|
var labelId = labelIds.split(",");
|
var labelName = labelNames.split(",");
|
var ahtml = "";
|
for(var i=0;i<labelId.length;i++) {
|
ahtml += '<a class="service" sl="'+labelId[i]+'"><em class="rmsl">'+labelName[i]+'</em></a>';
|
$("#sl>a.service").remove();
|
$("#serivceList").before(ahtml);
|
}
|
}
|
|
$("#status").val("");
|
function query(){
|
var status = $("#status").val();
|
var customerId = $.trim($("#customer_id").val());
|
var subCustomerId = $.trim($("#sub_customer_id").val());
|
var orderName = $.trim($("#orderName").val());
|
var orderCode = $.trim($("#orderCode").val());
|
var contract = $.trim($("#contract").val());
|
|
var priArray = new Array();
|
$(".pri:checked").each(function() {
|
priArray.push($(this).val());
|
});
|
var pri = priArray.join(",");
|
|
var dgArray = new Array();
|
$(".dg:checked").each(function() {
|
dgArray.push($(this).val());
|
});
|
var dg = dgArray.join(",");
|
|
|
var typeArray = new Array();
|
$(".sjType:checked").each(function() {
|
typeArray.push($(this).val());
|
});
|
var type = typeArray.join(",");
|
|
var sls = new Array();
|
var $service = $("a.service");
|
if($service.length>0) {
|
$service.each(function() {
|
sls.push($(this).attr("sl"));
|
});
|
}
|
|
sl = sls.join(",");
|
|
|
var params = {"customerId":customerId,"subCustomerId":subCustomerId,"orderName":orderName,"orderCode":orderCode,"contract":contract,"pri":pri,"dg":dg,"type":type,"status":status,"sl":sl};
|
pagination("${base}/business/pages/incident/incidentData.html","${base}/business/pages/incident/incidentCount.html","main","pagination",{cpage:nowPage,psize:10},params,function(data,page) {
|
nowPage = page;
|
eventListWith();
|
});
|
}
|
|
function psearch() {
|
nowPage = 1;
|
query();
|
}
|
|
|
function queryStatus(status) {
|
$("#sub_customer_id").val("");
|
$("#sub_customer_name").val("");
|
$("#status").val("");
|
$("#customer_id").val("");
|
$("#sub_customer_id").val("");
|
$("#flowstate").val("");
|
$("#orderName").val("");
|
$("#orderCode").val("");
|
$("#customerName").val("");
|
$("#contract").val("");
|
$(".pri").attr("checked",false);
|
$(".dg").attr("checked",false);
|
$(".sjType").attr("checked",false);
|
$("a.service").remove();
|
|
$("#status").val(status);
|
query();
|
}
|
|
$(function() {
|
query();
|
$("#reset").click(function() {
|
window.location.reload(true);
|
});
|
|
|
$(".rmsl").live("click",function() {
|
$(this).parent().remove();
|
});
|
})
|
|
//${Constants.CUSTOMER_CONSTANTS} 项目联动
|
function changeProject(customerId,customerName) {
|
|
//$("#sub_customer_name,#sub_customer_id").val("");
|
$.post("${base}/business/pages/servicelist/slaproject/queryProByCusId.html",{"customerId":customerId},function(data,textStatus) {
|
var optionHtml = "<option value=''>请选择</option>";
|
$.each(data,function(i,item) {
|
optionHtml += "<option value='"+item.PROJECT_ID+"'>"+item.PROJECT_NAME+"</option>";
|
})
|
$('#project_id').html(optionHtml);
|
},"json")
|
}
|
|
function subCus() {
|
var customer_id = $("#customer_id").val();
|
if($.util.isEmpty(customer_id)) {
|
popupTips("请先选择${Constants.CUSTOMER_CONSTANTS}");
|
return;
|
}
|
|
var sub_customer_id = $("#sub_customer_id").val();
|
|
var url = "${base}/business/pages/servicelist/slaproject/subCus.html?type=2&customerId="+customer_id+"&subCustomerId="+sub_customer_id;
|
window.top.openDialog("selectSubCus","操作",
|
{},
|
{"width":80,"height":80},
|
[{btnId:"btnSure", btnName:"确定", btnStyle:"bluebtn"}],url);
|
}
|
|
function showCus(labelId,labelName) {
|
$("#sub_customer_name").val(labelName);
|
$("#sub_customer_id").val(labelId);
|
}
|
|
function changeMsg(customerId,customerName) {
|
$("#sub_customer_id").val("");
|
$("#sub_customer_name").val("");
|
}
|
$(".ep_item i").click(function(){
|
$(".ep_item i").css({"font-weight":"normal","color":"#666"});
|
$(".ep_item i.blue_txt").css({"font-weight":"normal","color":"#0e76e5"});
|
$(this).css({"font-weight":"bold","color":"#f00"});
|
|
})
|
</script>
|
|
[#include "/business/pages/include/footer.html" /]
|
</body>
|
</html>
|
