<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
<title>事件基本信息</title>
|
</head>
|
|
<body>
|
[#include "/business/pages/include/static.html" /]
|
[#include "/component/webupload.html" /]
|
[#include "/component/DatePicker.html" /]
|
[#include "/component/newsel.html" /]
|
|
<script type="text/javascript">
|
$(document).ready(function() {
|
$.formValidator.initConfig({formID:"myform",onError:function(msg){window.top.popupTips(msg)},onSuccess:function(){
|
document.getElementById("myform").target = window.top.openDialog("1","操作",
|
{},
|
{"width":40,"height":40},[{btnId:"tipBtnSure", btnName:"确定", btnStyle:"bluebtn"}]);
|
return true;
|
}});
|
|
$("#name").formValidator({empty: false, onShow:"请输入事件名称",onFocus: "请输入事件名称"}).inputValidator({min: 1,max:100, onError: "事件名称为1到50个汉字"});
|
$("#descrip").formValidator({empty: false, onShow:"请输入事件内容",onFocus: "请输入事件内容"}).inputValidator({min: 1,onError: "事件内容不能为空"});
|
$("#customer_id").formValidator({empty: false, onShow:"请选择${Constants.CUSTOMER_CONSTANTS}",onFocus: "请选择${Constants.CUSTOMER_CONSTANTS}"}).inputValidator({min: 1,onError: "${Constants.CUSTOMER_CONSTANTS}不能为空"});
|
$("#contact_name").formValidator({empty: false, onShow:"请输入联系人",onFocus: "联系人不能为空"}).inputValidator({min: 1,onError: "联系人不能为空"});
|
$("#contact_phone").formValidator({empty:false,onShow:"请输入联系方式",onFocus:"联系方式不能为空"}).functionValidator({fun:checkPhone});
|
$("#apply_type_id").formValidator({empty: false, onShow:"请选择申报方式",onFocus: "申报方式不能为空"}).inputValidator({min: 1,onError: "申报方式不能为空"});
|
$("#type_id").formValidator({empty: false, onShow:"请选择事件类型",onFocus: "事件类型不能为空"}).inputValidator({min: 1,onError: "事件类型不能为空"});
|
$("#source_id").formValidator({empty: false, onShow:"请选择事件来源",onFocus: "事件来源不能为空"}).inputValidator({min: 1,onError: "事件来源不能为空"});
|
$("#happen_time").formValidator({empty: false, onShow:"请选择发生时间",onFocus: "事件发生时间不能为空"}).inputValidator({min: 1,onError: "发生时间不能为空"});
|
$("#serivceListId").formValidator({empty: false, onShow:"请选择服务目录",onFocus: "服务目录不能为空"}).inputValidator({min: 1,onError: "服务目录不能为空"});
|
$("#priority_id").formValidator({empty: false, onShow:"请选择优先级",onFocus: "优先级不能为空"}).inputValidator({min: 1,onError: "优先级不能为空"});
|
$("#influence_id").formValidator({empty: false, onShow:"请选择影响度",onFocus: "影响度不能为空"}).inputValidator({min: 1,onError: "影响度不能为空"});
|
|
});
|
function checkPhone(value) {
|
if($.util.isEmpty(value)) {
|
return "联系方式不能为空";
|
}
|
if(!$.util.isMobile(value) && !$.util.isTelphone(value)) {
|
return "联系方式格式不正确";
|
}
|
return true;
|
}
|
</script>
|
|
<div class="deal_switch_con" style="display:block;">
|
<div class="deal_record_tittle"><a id="save">保存</a></div>
|
|
|
<div class="fsm_left" id="fsmLeft">
|
<div class="edit_title"><h3>基本信息</h3></div>
|
[#if baseMsg?? && baseMsg?size>0]
|
<form id="myform" action="${base}/business/pages/incident/updateIncident.html" method="post">
|
<input type="hidden" value="${baseMsg.ID}" name="id">
|
<input type="hidden" value="${baseMsg.FLOW_ID}" name="flow_id">
|
<table class="edit_layout">
|
<tr>
|
<th><label class="required">事件名称：</label></th>
|
<td colspan="3">
|
<input class="general maintitle" type="text" id="name" name="name" value="${baseMsg.NAME}" style="width:70%;"/>
|
<div id="nameTip" style="display:inline-block;"></div>
|
</td>
|
</tr>
|
<tr>
|
<th class="postop"><label class="required">事件描述：</label></th>
|
<td colspan="3"><textarea class="general" id="descrip" name="descrip" style="width:70%;">${baseMsg.DESCRIP}</textarea>
|
<div id="descripTip" style="display:inline-block;"></div>
|
</td>
|
</tr>
|
|
<tr>
|
<th><label class="required">${Constants.CUSTOMER_CONSTANTS}名称：</label></th>
|
<td>
|
${baseMsg.CUSTOMER_NAME}
|
<input type="hidden" value="${baseMsg.CUSTOMER_ID}" name="customer_id" id="customer_id "/>
|
<input type="hidden" value="${baseMsg.CUSTOMER_NAME}" name="customer_name" id="customer_name" />
|
<div id="customer_idTip" style="display:inline-block;"></div>
|
</td>
|
<th><label>${Constants.UNIT_CONSTANTS}：</label></th>
|
<td>
|
${baseMsg.SUB_CUSTOMER_NAME}
|
<input class="general" type="hidden" name="sub_customer_name" id="sub_customer_name" value="${baseMsg.SUB_CUSTOMER_NAME}"/>
|
<input type="hidden" name="sub_customer_id" id="sub_customer_id" value="${baseMsg.SUB_CUSTOMER_ID}"/>
|
</td>
|
</tr>
|
<tr>
|
|
<th><label class="required">联 系 人：</label></th>
|
<td>
|
<input class="general" type="text" name="contact_name" id="contact_name" value="${baseMsg.CONTACT_NAME}"/>
|
<div id="contact_nameTip" style="display:inline-block;"></div>
|
</td>
|
<th><label class="required">联系方式：</label></th>
|
<td>
|
<input class="general" type="text" name="contact_phone" id="contact_phone" value="${baseMsg.CONTACT_PHONE}"/>
|
<div id="contact_phoneTip" style="display:inline-block;"></div>
|
</td>
|
|
</tr>
|
<tr>
|
<th><label>业务科室：</label></th>
|
<td>
|
<input class="general" type="text" name="keshi" id="keshi" value="${baseMsg.KESHI}"/>
|
</td>
|
<th><label class="required">申报方式：</label></th>
|
<td>
|
[@sel id="apply_type_id" name="apply_type_id" source=ways textField="DATAKEY" valueField="DATAVALUE" labelName="apply_type_name" value="${baseMsg.APPLY_TYPE_ID}" text="${baseMsg.APPLY_TYPE_NAME}"/]
|
<div id="apply_type_idTip" style="display:inline-block;"></div>
|
</td>
|
</tr>
|
|
<tr>
|
|
<th><label class="required">事件类型：</label></th>
|
<td>
|
[@sel id="type_id" name="type_id" source=types textField="DATAKEY" valueField="DATAVALUE" labelName="type_name" value="${baseMsg.TYPE_ID}" text="${baseMsg.TYPE_NAME}"/]
|
<div id="type_idTip" style="display:inline-block;"></div>
|
</td>
|
<th><label class="required">事件来源：</label></th>
|
<td>
|
[@sel id="source_id" name="source_id" source=froms textField="DATAKEY" valueField="DATAVALUE" labelName="source_name" value="${baseMsg.SOURCE_ID}" text="${baseMsg.SOURCE_NAME}"/]
|
<div id="source_idTip" style="display:inline-block;"></div>
|
</td>
|
</tr>
|
<tr>
|
|
<th><label class="required">发生时间：</label></th>
|
<td>
|
${format(baseMsg.HAPPEN_TIME,"yyyy-MM-dd HH:mm:ss")}
|
<input type="hidden" value="${baseMsg.HAPPEN_TIME}" name="happen_time" />
|
</td>
|
<th><label class="required">服务目录：</label></th>
|
<td >
|
<!-- <div class="icon_search"> -->
|
<div>
|
[#if baseMsg.FIRST_CATEGORY_NAME?? && baseMsg.FIRST_CATEGORY_NAME!=""]
|
<input type="text" id="serivceList" class="general" readonly name="serivceList" value="${baseMsg.FIRST_CATEGORY_NAME}-${baseMsg.SECOND_CATEGORY_NAME}-${baseMsg.THIRD_CATEGORY_NAME}" onclick="showSl();"/>
|
<input type="hidden" id="serivceListId" name="serivceListId" value="${baseMsg.FIRST_CATEGORY_ID}-${baseMsg.SECOND_CATEGORY_ID}-${baseMsg.THIRD_CATEGORY_ID}">
|
[#else]
|
<input type="text" id="serivceList" readonly name="serivceList" class="general"/>
|
<input type="hidden" id="serivceListId" name="serivceListId" >
|
[/#if]
|
<a></a>
|
</div>
|
<div id="serivceListIdTip" style="display:inline-block;"></div>
|
</td>
|
</tr>
|
<tr>
|
<th class="postop"><label>附件：</label></th>
|
<td>
|
<div class="upload_file">
|
[@webupload id="files" fileList=baseMsg.files /]
|
</div>
|
</td>
|
</tr>
|
</table>
|
<div class="edit_title"><h3>SLA等级</h3></div>
|
<table class="edit_layout">
|
<tr>
|
<th><label class="required">优先级：</label></th>
|
<td>
|
[@sel id="priority_id" name="priority_id" source=eventPri textField="DATAKEY" valueField="DATAVALUE" labelName="priority_name" callback="queryLevel" value="${baseMsg.PRIORITY_ID}" text="${baseMsg.PRIORITY_NAME}"/]
|
<div id="priority_idTip" style="display:inline-block;"></div>
|
</td>
|
<th><label class="required">影响度：</label></th>
|
<td>
|
[@sel id="influence_id" name="influence_id" source=eventDg textField="DATAKEY" valueField="DATAVALUE" labelName="influence_name" callback="queryLevel" value="${baseMsg.INFLUENCE_ID}" text="${baseMsg.INFLUENCE_NAME}"/]
|
<div id="influence_idTip" style="display:inline-block;"></div>
|
</td>
|
</tr>
|
|
<tr id="level" [#if !baseMsg.SLA_ID?? || baseMsg.SLA_ID == '']style="display:none;"[/#if]>
|
<input type="hidden" id="slaId" name="sla_id" value="${baseMsg.SLA_ID}"/>
|
<input type="hidden" id="slaName" name="sla_name" value="${baseMsg.SLA_NAME}"/>
|
<input type="hidden" id="request_answer_time" name="request_answer_time" value="${baseMsg.REQUEST_ANSWER_TIME}"/>
|
<input type="hidden" id="request_deal_time" name="request_deal_time" value="${baseMsg.REQUEST_DEAL_TIME}"/>
|
<th><label class="required">服务等级：</label></th>
|
<td colspan="3" class="scores_con">
|
<!--<a class="scores_star focus"></a>
|
<a class="scores_star focus"></a>
|
<a class="scores_star"></a>
|
<a class="scores_star"></a>
|
<a class="scores_star"></a>
|
--><h4 id="levelName">${baseMsg.SLA_NAME}</h4>
|
<p>(<span>响应时间：</span><em class="first" id="responseTime">${baseMsg.REQUEST_ANSWER_TIME}分钟</em><span>解决时间：</span><em id="resovleTime">${baseMsg.REQUEST_DEAL_TIME}小时</em>)</p>
|
</td>
|
</tr>
|
</table>
|
</form>
|
[/#if]
|
</div>
|
</div>
|
|
|
<script type="text/javascript">
|
var customer_id = '${baseMsg.CUSTOMER_ID}';
|
|
function subCus() {
|
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=1&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 showSl() {
|
if($.util.isEmpty(customer_id)) {
|
popupTips("请先选择${Constants.CUSTOMER_CONSTANTS}");
|
return;
|
}
|
|
var serivceList = $("#serivceList").val();
|
var serivceListId = $("#serivceListId").val();
|
var url = "${base}/business/pages/servicelist/slaproject/serviceListTree.html?customerId="+customer_id+"&type=1";
|
if(!$.util.isEmpty(serivceList)&&!$.util.isEmpty(serivceListId)) {
|
var names = serivceList.split("-");
|
var ids = serivceListId.split("-");
|
if(ids.length==3) {
|
url += "&sl="+ids[2];
|
}
|
}
|
|
window.top.openDialog("selectSl","操作",
|
{},
|
{"width":80,"height":80},
|
[{btnId:"btnSure", btnName:"确定", btnStyle:"bluebtn"}],url);
|
}
|
|
function queryLevel(a,b) {
|
var priority_id = $("#priority_id").val();
|
var influence_id = $("#influence_id").val();
|
var serivceListId = $("#serivceListId").val();
|
if(!$.util.isEmpty(priority_id) && !$.util.isEmpty(influence_id) && !$.util.isEmpty(serivceListId) && !$.util.isEmpty(customer_id)) {
|
$.post("${base}/business/pages/servicelist/slaproject/queryLevel.html",{"priority_id":priority_id,"influence_id":influence_id,"serivceListId":serivceListId,"customer_id":customer_id},function(data,textStatus) {
|
if(data.levelId) {
|
$("#slaId").val(data.levelId);
|
}
|
if(data.levelName) {
|
$("#slaName").val(data.levelName);
|
$("#levelName").text(data.levelName);
|
}
|
|
if(data.responseTime) {
|
|
$("#request_answer_time").val(data.responseTime);
|
$("#responseTime").text(data.responseTime+"分钟");
|
}
|
|
if(data.resolveTime) {
|
$("#request_deal_time").val(data.resolveTime);
|
$("#resovleTime").text(data.resolveTime+"小时");
|
}
|
$("#level").show();
|
},"json")
|
}
|
}
|
|
function showName(labelId,labelName) {
|
$("#serivceList").val(labelName);
|
$("#serivceListId").val(labelId);
|
queryLevel();
|
}
|
|
|
function showCus(labelId,labelName) {
|
$("#sub_customer_name").val(labelName);
|
$("#sub_customer_id").val(labelId);
|
}
|
|
function changeMsg() {
|
$("#serivceListId,#serivceList").val("");
|
$("#level").hide();
|
}
|
|
$(function() {
|
$("#save").click(function() {
|
$("#myform").submit();
|
});
|
})
|
|
</script>
|
</body>
|
</html>
|
