<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<title>全网监控智能分析平台</title>
<script type="text/javascript" src="${ctx}/static/js/modernizr.custom.js"></script>
<script type="text/javascript" src="${ctx}/static/js/classie.js"></script>
<script type="text/javascript" src="${ctx}/static/js/mlpushmenu.js"></script>
<script type="text/javascript">
$(document).ready(function() {
/* $("#a_taskManage").click(
function() {
if (!$("#taskManageFrame").attr('src')) {
$("#taskManageFrame").attr('src', '${ctx}/BaseManage/TaskManage/taskListFrame');
}
}); */
$("#a_taskLog").click(
function() {
if (!$("#taskLogFrame").attr('src')) {
$("#taskLogFrame").attr('src', '${ctx}/BaseManage/TaskLogManage/taskLogListFrame');
}
});
});
</script>
</head>
<body>
<div id="sticky-wrap"></div>
<div>
<div class="container">
<ol class="breadcrumb">
<li><a href="${ctx}/index">首页</a></li>
<li>预分析与建模</li>
<li class="active">数据模型管理</li>
</ol>
</div>
</div>
<div id="main-container main-tab-container">
<div id="content" class="container">
<div class="tab-bar-bt">
<ul class="nav nav-tabs">
<li ><a id="a_taskManage" href="${ctx}/ModelManage/ModelResult">模型维护</a></li>
<li class="active"><a href="#monitor">模型监控</a></li>
</ul>
</div>
<div class="section">
<div class="tab-content">
<div class="tab-pane fade in active" id="taskManage">
<div class="row me-row" style="margin-top:0px">
<div class="content clearfix">
<div class="row" style="margin-top:0px">
<iframe id="taskManageFrame" style="height:800px" src="${ctx}/BaseManage/TaskManage/taskListFrame?defaultTaskType=1"> </iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="">
var dilog;
function editTask(e){
// var id = $('input[name="taskId"]:checked').val();
var id = e.id.split("_")[1];
var taskType=e.id.split("_")[0];
dilog.close();
document.getElementById("taskManageFrame").src='${ctx}'+"/BaseManage/TaskManage/taskFormFrame?defaultTaskType="+taskType+"&taskId=" + id+"&type=modify";
}
function openwin(url) {
var a = document.createElement("a"); //创建a对象
a.setAttribute("href", url);
a.setAttribute("target", "_blank");
a.setAttribute("id", "camnpr");
document.body.appendChild(a);
a.click(); //执行当前对象
}
function imgOnclick(e) {
openwin("${ctx}/BaseManage/TaskManage/ImgDisplay?"+e.src)
}
function OpenDialog(data,id,taskType) {
var df=new SimpleDateFormat();
df.applyPattern("yyyy-MM-dd HH:mm:ss");
var content ="<div class='dialog-p' style='max-height: 560px; overflow-y: scroll; overflow-x: auto;'>" +
" <div class='col-xs-12'>" +
" <div class='panel panel-default'>" +
" <div class='panel-heading'>模型预览<input onclick='editTask(this)' id='"+taskType+"_"+id+"' style='float:right' type='button' class='btn btn-primary' value='参数修改'></div>" +
" <div class='panel-body'>"+
" <table class='table table-vertical'>"+
" <tr><td>"+
" <table class='table table-vertical'>" +
" <tr>" +
" <td width='10%'>省份</td>" +
" <td>"+data.provinceName+"</td>" +
" <td width='10%'>数据来源</td>" +
" <td>"+data.datasourceName+"</td>" +
" <td width='10%'>业务</td>" +
" <td>"+data.busname+"</td>" +
" </tr>" +
" <tr>" +
" <td width='10%'>渠道</td>" +
" <td>"+data.channelName+"</td>" +
" <td>指标编码</td>" +
" <td>"+data.kpiCode+"</td>" +
" <td>指标名称</td>" +
" <td>"+data.kpiName+"</td>" +
" </tr>" +
" <tr>" +
" <td>预测开始时间</td>" +
" <td>"+df.format(new Date(data.busdatabegTime))+"</td>" +
" <td>预测结束时间</td>" +
" <td>"+df.format(new Date(data.busdataendTime))+"</td>" +
" <td>阈值1</td>" +
" <td>"+removeNull(data.threshold1Val)+"</td>" +
" </tr>" +
" <tr>" +
" <td>阈值2</td>" +
" <td>"+removeNull(data.threshold2Val)+"</td>" +
" <td>阈值3</td>" +
" <td>"+removeNull(data.threshold3Val)+"</td>" +
" <td>阈值告警1</td>" +
" <td>"+removeNull(data.warn1Val)+"</td>" +
" </tr>" +
" <tr>" +
" <td>阈值告警2</td>" +
" <td>"+removeNull(data.warn2Val)+"</td>" +
" <td>阈值告警3</td>" +
" <td>"+removeNull(data.warn3Val)+"</td>" +
" </tr>" +
" <tr>" +
" <td colspan='8' align='center'>图表展示</td>" +
" </tr>" +
" <tr>" +
" <td colspan='8'>" +
" <div class=''>" +
" <img id='img' onclick='imgOnclick(this)' style='width:622px' src='${ctx}/BaseManage/TaskManage/modelPreviewImg?path="+data.fileAddress+"'/>" +
" </div>" +
" </td>" +
" </tr>" +
" <tr>" +
" <td colspan='8' align='center'>模型数据明细展示</td>" +
" </tr>" +
" <tr>" +
" <td colspan='8'>" +
" <div class='panel-body'>" +
" <table class='table '>" +
" <thead>" +
" <tr><th colspan='2'>时间</th><th colspan='2'>真实值</th><th colspan='2'>预测值</th></tr>" +
" </thead>" +
" <tbody>" ;
data.eWarningCalcResult = data.eWarningCalcResult.sort(function (a,b) {
return a.resultDate-b.resultDate
});
data.eWarningCalcResult.forEach(function (t) {
content = content+"<tr><td colspan='2'>"+df.format(new Date(t.resultDate))+"<td><td colspan='2'>"+t.dim1Val+"</td><td colspan='2'>"+t.dim2Val+"</td></tr>"
});
content = content+
" </tbody>" +
" </table>"+
" </div>" +
" </td>" +
" </tr>" +
"</table>";
dilog= $.dialog({
title:'模型预览结果',
content:content,
lock: true
});
}
function removeNull(val) {
return val==null?"":val
}
</script>
</body>
</html>