<!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" /]
|
[#include "/component/newupload.html" /]
|
[#include "/component/DatePicker.html" /]
|
[#include "/component/newsel.html" /]
|
<nav class="fs_nav">
|
<div class="fsnav_con">
|
<h3>变更工单</h3>
|
<a class="focus"
|
href="${base}/business/pages/change/changeDeal.html?orderId=${RequestParameters.orderId}&flowId=${RequestParameters.flowId}"><span>变更处理</span></a>
|
</div>
|
</nav>
|
<script src="${common_static}/static/ui/js/jquery.sl.js"></script>
|
<script type="text/javascript">
|
$(document).ready(function () {
|
$.formValidator.initConfig({
|
formID: "myform", onError: function (msg) {
|
popupTips(msg)
|
}, onSuccess: function () {
|
if (!(window.top.openConfirm("确定要提交吗？"))) {
|
return false;
|
}
|
document.getElementById("myform").target = window.top.openDialog("0", "操作",
|
{},
|
{"width": 60, "height": 40},
|
[{btnId: "btnSure", btnName: "确定", btnStyle: "bluebtn"}]);
|
return true;
|
}
|
});
|
});
|
</script>
|
<div class="fs_navpath">
|
<h3>当前位置</h3>
|
<span></span>
|
<a>变更管理 </a>
|
<span></span>
|
<em>变更处理</em>
|
</div>
|
|
|
<div class="fs_navtitle" id="fsNavtitle">
|
<div class="fs_navtitle_con">
|
<h2>变更受理<input type="hidden" name="flowId" value="${flowId}" id="flowId"></h2>
|
<div class="fsnt_btn_left">
|
<a class="mainbtn back" href="javascript:history.go(-1);"><span>返回</span></a>
|
<a class="mainbtn commit" href="javascript:orderAssign();"><span>工单提交</span></a>
|
<div class="icon_select">
|
<a class="mainbtn return" href="javascript:orderback();"><span>工单回退</span></a>
|
</div>
|
<div class="icon_select">
|
<a class="mainbtn close" href="javascript:orderclose();"><span>工单取消</span></a>
|
</div>
|
</div>
|
<div class="fsnt_btn">
|
<a class="mainbtn refresh" href="javascript:window.location.reload(true);"><span>刷新</span></a>
|
</div>
|
</div>
|
</div>
|
|
[#if answer == 1]
|
<script type="text/javascript">
|
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>
|
[#else]
|
<form id="myform" action="${base}/business/pages/change/changesl.html" method="post">
|
<input type="hidden" id="id" name="id" value="${change.ID}"/>
|
<input type="hidden" id="flowId" name="flowId" value="${flowId}"/>
|
<input type="hidden" id="nodeId" name="nodeId" value="${nodeId}"/>
|
<input type="hidden" id="orderId" name="orderId" value="${orderId}"/>
|
<input type="hidden" id="isnotmain" name="isnotmain" />
|
</form>
|
|
<div class="fs_main clearfix">
|
<div class="fsm_left nopadding" id="fsmLeft">
|
<div class="deal_switch">
|
<style>
|
.deal_switch .dls_btn.jinjibiangeng a span {
|
padding: 0 13px;
|
}
|
</style>
|
<div class="dls_btn jinjibiangeng" id="dlsBtn">
|
<a class="basicinfo focus"><span><em>基本信息</em></span></a>
|
<a class="dealrem"><span><em>处理记录</em></span></a>
|
[#--[#if curnodeId != Constants.CCBSP && curnodeId != Constants.BGSP]
|
<a class="pzupdate"><span><em>配置修改</em></span></a>
|
<a class="pzupdate"><span><em>DSL</em></span></a>
|
[/#if]--]
|
<a class="ccb"><span><em>CCB评审</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}" width="100%"
|
height="1200px" 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/changedealScheme.html?orderId=${orderId}&flowId=${flowId}" width="100%" height="800px" id="schemeIframe"></iframe>
|
</div>-->
|
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/incident/dealRecord.html?flowId=${flowId}" width="100%"
|
height="600px" id="recordIframe"></iframe>
|
</div>
|
[#--[#if curnodeId != Constants.CCBSP && curnodeId != Constants.BGSP]
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/change/updcilist.html?orderId=${orderId}&flowId=${flowId}&projectId=${baseMsg.PROJECT_ID}"
|
width="100%" height="600px" id="pzIframe"></iframe>
|
</div>
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/change/orderDSLInfo.html?flowId=${flowId}&proId=${baseMsg.project_id}"
|
width="100%" height="600px" id="dslIframe"></iframe>
|
</div>
|
[/#if]--]
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/change/ccbList.html?orderId=${orderId}&flowId=${flowId}"
|
width="100%" height="600px" id="ccbIframe"></iframe>
|
</div>
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/incident/devices.html?flowId=${flowId}" width="100%" height="600px"
|
id="deviceIframe"></iframe>
|
</div>
|
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/incident/orders.html?flowId=${flowId}" width="100%" height="600px"
|
id="orderIframe"></iframe>
|
</div>
|
|
<div class="deal_switch_con iframecon" style="display:none;">
|
<iframe src="${base}/business/pages/incident/files.html?flowId=${flowId}&folderId=${Constants.GG_FOLDERS_BGFOLDERS}&proId=${baseMsg.PROJECT_ID}&cusId=${baseMsg.CUSTOMER_ID}"
|
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;">
|
<iframe src="${base}/business/pages/incident/lcRecord.html?flowId=${flowId}" width="100%" height="600px"
|
id="lzIframe"></iframe>
|
</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+"")}(${curnodeState})</span>
|
</td>
|
</tr>
|
<tr class="greybg">
|
<th><label>${Constants.CUSTOMER_CONSTANTS}：</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>${DateUtil.format("yyyy-MM-dd HH:mm:ss",baseMsg.CREATE_TIME)}</td>
|
</tr>
|
</table>
|
[/#if]
|
</div>
|
</div>
|
</div>
|
[/#if]
|
[#include "/business/pages/include/footer.html" /]
|
<script type="text/javascript">
|
var base = '${base}';
|
var isanswer = '${answer}';
|
var buttons = [{btnId: "btnSure", btnName: "确定", btnStyle: "bluebtn"}]
|
var serivceListId = '${change.FIRST_CATEGORY_ID}-${change.SECOND_CATEGORY_ID}-${change.THIRD_CATEGORY_ID}';
|
var customerId = '${change.CUSTOMER_ID}';
|
var projectId = '${change.PROJECT_ID}';
|
var nodeId = '${nodeId}';
|
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 showSl() {
|
var project_id = $("#project_id").val();
|
if ($.util.isEmpty(project_id)) {
|
popupTips("请先选择领域");
|
return;
|
}
|
var customer_id = $("#customer_id").val();
|
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 + "&projectId=" + project_id + "&type=2";
|
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 showName(labelId, labelName) {
|
$("#serivceList").val(labelName);
|
$("#serivceListId").val(labelId);
|
|
}
|
|
$(function () {
|
var customerId = $('#customer_id');
|
$(function () {
|
$("#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 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}");
|
}
|
|
function orderAssign() {
|
$.post("${base}/business/pages/change/issave.html", {"nodeId": nodeId}, function (data, textStatus) {
|
if (data == 0) {
|
$("#myform").submit();
|
} else {
|
if (data == 1) {
|
popupTips("其他人还在处理工单");
|
} else {
|
$("#isnotmain").val(1);
|
$("#myform").submit();
|
}
|
|
}
|
});
|
}
|
|
//工单回退
|
function orderback() {
|
window.top.openDialog("2", "流程回退",
|
{},
|
{"width": 50, "height": 50},
|
[{
|
btnId: "btnSure2",
|
btnName: "确定",
|
btnStyle: "bluebtn"
|
}], "${base}/business/pages/change/orderBack.html?orderId=${orderId}&flowId=${flowId}&nodeId=${nodeId}");
|
}
|
//工单关闭
|
function orderclose() {
|
|
window.top.openDialog("3", "工单取消",
|
{},
|
{"width": 40, "height": 60},
|
[{
|
btnId: "btnSure3",
|
btnName: "确定",
|
btnStyle: "bluebtn"
|
}], "${base}/business/pages/change/closeChange.html?orderId=${orderId}&flowId=${flowId}&nodeId=${nodeId}");
|
}
|
</script>
|
</body>
|
</html>
|
