<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
<title>变更处理</title>
|
|
</head>
|
|
<body class="fullscreen">
|
|
[#include "/business/pages/include/static.html" /]
|
[#include "/business/pages/include/header.html" /]
|
[#assign focusLabel = Constants.WORKFLOW_BASE_BUSINESS_TYPE_CI_CHANGE]
|
[#include "/business/pages/include/myheader.html" /]
|
<div class="fs_lastitle">
|
<span>变更处理</span>
|
</div>
|
|
[#if baseMsg?? && baseMsg?size>0]
|
<div class="fs_navtitle" id="fsNavtitle">
|
<div class="fs_navtitle_con">
|
<h2>变更详情</h2>
|
<div class="fsnt_btn_left">
|
<a class="mainbtn back" href="${base}/business/pages/change/myChange.html"><span>返回</span></a>
|
[#if isshowbackbtn == 1]
|
<a class="mainbtn back" href="javascript:orderback();"><span>工单回退</span></a>
|
[/#if]
|
<div class="icon_select">
|
<a class="mainbtn dotask" href="javascript:selectPerson();"><span>工单分派</span></a>
|
</div>
|
[#if isshowSubmitbtn == 1]
|
<a class="mainbtn close" href="javascript:finishChange();"><span>工单提交</span></a>
|
[/#if]
|
<a class="mainbtn close" href="javascript:orderclose();"><span>工单关闭</span></a>
|
</div>
|
<div class="fsnt_btn">
|
<a class="mainbtn refresh" href="javascript:window.location.reload(true);"><span>刷新</span></a>
|
</div>
|
</div>
|
</div>
|
<div class="fs_main clearfix">
|
<div class="fsm_left nopadding" id="fsmLeft">
|
<div class="deal_switch">
|
<div class="dls_btn" id="dlsBtn">
|
<a class="basicinfo focus"><span><em>基本信息</em></span></a>
|
<a class="need"><span><em>需求说明</em></span></a>
|
<a class="dealrem"><span><em>处理记录</em></span></a>
|
<a class="relaequip"><span><em>关联配置</em></span></a>
|
<a class="relaorder"><span><em>关联工单</em></span></a>
|
<a class="filedoc"><span><em>文档附件</em></span></a>
|
<a class="flowchart"><span><em>流程图</em></span></a>
|
<a class="flowrecord"><span><em>流转记录</em></span></a>
|
</div>
|
</div>
|
<div class="deal_switch_wrap">
|
<div class="deal_switch_con iframecon" style="display:block;">
|
<iframe src="${base}/business/pages/change/changeBaseMsg.html?orderId=${orderId}" frameborder="0" scrolling="no" width="100%" height="800px" id="baseMsgIframe"></iframe>
|
</div>
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/change/changedealNeed.html?orderId=${orderId}&flowId=${flowId}&nodeId=${nodeId}" width="100%" height="800px" id="needIframe"></iframe>
|
</div>
|
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/change/changedealRecord.html?orderId=${orderId}&flowId=${flowId}" width="100%" height="600px" id="recordIframe"></iframe>
|
</div>
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/change/changedevices.html?orderId=${orderId}&flowId=${flowId}&memberid=${baseMsg.CUSTOMER_ID}" width="100%" height="600px" id="deviceIframe"></iframe>
|
</div>
|
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/change/changeorders.html?orderId=${orderId}&flowId=${flowId}&memberid=${baseMsg.CUSTOMER_ID}" width="100%" height="600px" id="orderIframe"></iframe>
|
</div>
|
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/change/changefiles.html?orderId=${orderId}" width="100%" height="600px" id="lzIframe"></iframe>
|
</div>
|
|
<div class="deal_switch_con" style="display:none;">流程图</div>
|
<div class="deal_switch_con" style="display:none;">
|
<div class="flow_wrap">
|
[#if lzs?? && lzs?size>0]
|
[#list lzs as lz]
|
[#if lz.FLOWSTATE == 1]
|
<div class="flow_item nonarrival">
|
<h3 class="flow_node greycolor">${lz.NODENAME}</h3>
|
</div>
|
[#elseif lz.FLOWSTATE == 2]
|
<div class="flow_item completed underway">
|
<h3 class="flow_node">${lz.NODENAME}</h3>
|
<div class="fi_con">
|
<span class="marks"></span>
|
<div class="fic_mid">
|
<table>
|
<tr><td><span>时间：</span><em>${DateUtil.format("yyyy年MM月dd日 HH:mm",lz.ANSWER_TIME)}</em><span>工作人员：</span><em>${lz.CURRENT_DEALER_NAME}</em>[#if lz.ANSWER_USERTIME?? && lz.ANSWER_USERTIME!=""]<span>响应时间：</span><em class="yellow_txt">${lz.ANSWER_USERTIME}</em>[/#if]</td></tr>
|
<tr><td colspan="2"><span>总结：</span>${lz.DEAL_NOTE}</td></tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
[#else]
|
<div class="flow_item completed">
|
<h3 class="flow_node">${lz.NODENAME}</h3>
|
<div class="fi_con">
|
<span class="marks"></span>
|
<div class="fic_mid">
|
<table>
|
<tr><td><span>时间：</span><em>${DateUtil.format("yyyy年MM月dd日 HH:mm",lz.ANSWER_TIME)}</em><span>工作人员：</span><em>${lz.CURRENT_DEALER_NAME}</em>[#if lz.ANSWER_USERTIME?? && lz.ANSWER_USERTIME!=""]<span>响应时间：</span><em class="yellow_txt">${lz.ANSWER_USERTIME}</em>[/#if][#if lz.DEAL_USETIME?? && lz.DEAL_USETIME !=0 && lz.DEAL_USETIME!=""]<span>处理时间：</span><em class="yellow_txt">${lz.DEAL_USETIME}</em>[/#if]</td></tr>
|
<tr><td colspan="2"><span>总结：</span>${lz.DEAL_NOTE}</td></tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
[/#if]
|
[/#list]
|
[/#if]
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="fsm_right" id="fsmRight">
|
<div class="fsmr_basicinfo">
|
[#if baseMsg?? && baseMsg?size>0]
|
<table>
|
<tr class="greybg"><th><label>变更编号：</label></th><td>${baseMsg.ORDER_CODE}</td></tr>
|
<tr><th><label>变更状态：</label></th><td><span class="blue_txt">${Constants.getmapSC_WORKFLOW_CHANGE_STATE_Label(baseMsg.STATE+"")}</span></td></tr>
|
<tr class="greybg"><th><label>${Constants.CUSTOMERNAME}：</label></th><td>${baseMsg.CUSTOMER_NAME}</td></tr>
|
<tr><th><label>联系人：</label></th><td>${baseMsg.CONTACT_NAME}</td></tr>
|
<tr class="greybg"><th><label>联系方式：</label></th><td>${baseMsg.CONTACT_PHONE}</td></tr>
|
<tr><th><label>变更来源：</label></th><td>${baseMsg.SOURCE_NAME}</td></tr>
|
<tr class="greybg"><th><label>服务类目：</label></th><td>${baseMsg.FIRST_CATEGORY_NAME}->${baseMsg.SECOND_CATEGORY_NAME}->${baseMsg.THIRD_CATEGORY_NAME}</td></tr>
|
<tr><th><label>风险等级：</label></th><td>${baseMsg.RISK_LEVEL_NAME}</td></tr>
|
<tr class="greybg"><th><label>影响范围：</label></th><td>${baseMsg.IMPACT_NAME}</td></tr>
|
<tr ><th><label>创建时间：</label></th><td>${DateUtil.format("yyyy-MM-dd HH:mm:ss",baseMsg.CREATE_TIME)}</td></tr>
|
</table>
|
[/#if]
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript">
|
var isanswer = '${answer}';
|
$(function() {
|
|
if(isanswer == 1){
|
answer();
|
}
|
$("#dlsBtn>a").click(function() {
|
var index = $("#dlsBtn>a").index(this);
|
$("#dlsBtn>a").removeClass("focus");
|
$(this).addClass("focus");
|
|
var $dom = $("div.deal_switch_con:eq("+index+")");
|
$("div.deal_switch_con").hide();
|
$dom.show();
|
})
|
})
|
//工单回退
|
function orderback() {
|
window.top.openDialog("2","流程回退",
|
{},
|
{"width":50,"height":60},
|
[{btnId:"btnSure2", btnName:"确定", btnStyle:"bluebtn"}],"${base}/business/pages/change/orderBack.html?orderId=${orderId}&flowId=${flowId}&nodeId=${nodeId}");
|
}
|
//工单关闭
|
function orderclose() {
|
|
window.top.openDialog("3","工单关闭",
|
{},
|
{"width":50,"height":80},
|
[{btnId:"btnSure3", btnName:"确定", btnStyle:"bluebtn"}],"${base}/business/pages/change/closeChange.html?orderId=${orderId}&flowId=${flowId}&nodeId=${nodeId}");
|
}
|
|
//工单分派
|
function selectPerson() {
|
window.top.openDialog("2","工单分派",
|
{},
|
{"width":80,"height":80},
|
[{btnId:"btnSure2", btnName:"提交", btnStyle:"bluebtn"}],"${base}/business/pages/change/usersAssign.html?orderId=${orderId}&flowId=${flowId}&nodeId=${nodeId}");
|
}
|
|
//结束任务
|
function finishChange() {
|
|
window.top.openDialog("4","工单提交",
|
{},
|
{"width":60,"height":80},
|
[{btnId:"btnSure4", btnName:"提交", btnStyle:"bluebtn"}],"${base}/business/pages/change/orderSubmit.html?orderId=${orderId}&flowId=${flowId}&nodeId=${nodeId}");
|
|
}
|
//工单响应
|
function answer() {
|
window.top.openDialog("3","工单响应",
|
{},
|
{"width":50,"height":50,"noclose":true},
|
[{btnId:"btnSure3", btnName:"确定", btnStyle:"bluebtn"}],"${base}/business/pages/change/anwer.html?orderId=${orderId}&flowId=${flowId}&nodeId=${nodeId}");
|
}
|
|
</script>
|
|
[/#if]
|
|
[#include "/business/pages/include/footer.html" /]
|
</body>
|
</html>
|
