Authored by fanzelei

监控对象详情

  1 +<%@ page language="java" contentType="text/html; charset=UTF-8"
  2 + pageEncoding="UTF-8"%>
  3 +<%
  4 + String path = request.getContextPath();
  5 + String basePath = request.getScheme() + "://"
  6 + + request.getServerName() + ":" + request.getServerPort()
  7 + + path + "/";
  8 +%>
  9 +
  10 +
  11 +<div id="breadcrumb">
  12 + <a href="#" title="Go to Home" class="tip-bottom"><i
  13 + class="icon-home"></i> Home</a> <a href="#" class="current">监控对象</a> <a
  14 + href="#" class="current">详情</a>
  15 +</div>
  16 +
  17 +<div class="container-fluid">
  18 + <div class="widget-box">
  19 + <div class="widget-title">
  20 +
  21 + <h5>监控对象详情</h5>
  22 +
  23 + </div>
  24 + <div class="container-fluid">
  25 + <div class="row-fluid">
  26 + <div class="span12">
  27 + <div class="widget-box" id="viewTable">
  28 + <div class="widget-title">
  29 + <h5>Static table</h5>
  30 + </div>
  31 + <div class="widget-content nopadding">
  32 + <table class="table table-bordered table-striped table-hover">
  33 + <thead>
  34 + <tr>
  35 + <th>Column name</th>
  36 + <th>Column name</th>
  37 + <th>Column name</th>
  38 + <th>Column name</th>
  39 + </tr>
  40 + </thead>
  41 + <tbody>
  42 + </tbody>
  43 + </table>
  44 + </div>
  45 + </div>
  46 + <div class="widget-box" id="modelTable">
  47 + <div class="widget-title">
  48 + <h5>Static table</h5>
  49 + </div>
  50 + <div class="widget-content nopadding">
  51 + <table class="table table-bordered table-striped table-hover">
  52 + <thead>
  53 + <tr>
  54 + <th>Column name</th>
  55 + <th>Column name</th>
  56 + <th>Column name</th>
  57 + <th>Column name</th>
  58 + </tr>
  59 + </thead>
  60 + <tbody>
  61 + </tbody>
  62 + </table>
  63 + </div>
  64 + </div>
  65 + <div class="widget-box" id="queueTable">
  66 + <div class="widget-title">
  67 + <h5>Static table</h5>
  68 + </div>
  69 + <div class="widget-content nopadding">
  70 + <table class="table table-bordered table-striped table-hover">
  71 + <thead>
  72 + <tr>
  73 + <th>Column name</th>
  74 + <th>Column name</th>
  75 + <th>Column name</th>
  76 + <th>Column name</th>
  77 + </tr>
  78 + </thead>
  79 + <tbody>
  80 + </tbody>
  81 + </table>
  82 + </div>
  83 + </div>
  84 + </div>
  85 + </div>
  86 + </div>
  87 + </div>
  88 +</div>
  89 +
  90 +<script>
  91 + $(function() {
  92 + $.ajax({
  93 + url:"",
  94 + type:"post",
  95 + dataType:"json",
  96 + data:{
  97 + moId:paramObj.moId
  98 + },
  99 + success:function(data){
  100 + updateViewTable(data);
  101 + }
  102 + });
  103 +
  104 + function updateViewTable(data){
  105 +
  106 + var innerHTML = "";
  107 + for (var i = 0; i < orderMsgList.length; i ++) {
  108 + innerHTML += "<tr><td>" + orderMsgList[i].influxTime + "</td>";
  109 + innerHTML += "<td>" + orderMsgList[i].isSend + "</td>";
  110 + innerHTML += "<td>" + orderMsgList[i].orderCode + "</td>";
  111 + innerHTML += "<td>" + orderMsgList[i].event + "</td></tr>";
  112 + }
  113 + document.getElementById('viewTable').getElementsByTagName("tbody")[0].innerHTML = innerHTML;
  114 + };
  115 +
  116 + $.ajax({
  117 + url:"",
  118 + type:"post",
  119 + dataType:"json",
  120 + data:{
  121 + moId:paramObj.moId
  122 + },
  123 + success:function(data){
  124 + updateModelTable(data);
  125 + }
  126 + });
  127 +
  128 + function updateModelTable(data){
  129 + var innerHTML = "";
  130 + for (var i = 0; i < orderMsgList.length; i ++) {
  131 + innerHTML += "<tr><td>" + orderMsgList[i].influxTime + "</td>";
  132 + innerHTML += "<td>" + orderMsgList[i].isSend + "</td>";
  133 + innerHTML += "<td>" + orderMsgList[i].orderCode + "</td>";
  134 + innerHTML += "<td>" + orderMsgList[i].event + "</td></tr>";
  135 + }
  136 + document.getElementById('modelTable').getElementsByTagName("tbody")[0].innerHTML = innerHTML;
  137 + }
  138 + });
  139 +
  140 + $.ajax({
  141 + url:"",
  142 + type:"post",
  143 + dataType:"json",
  144 + data:{
  145 + moId:paramObj.moId
  146 + },
  147 + success:function(data){
  148 + updateQueueTable(data);
  149 + }
  150 + });
  151 +
  152 + function updateQueueTable(data){
  153 + var innerHTML = "";
  154 + for (var i = 0; i < orderMsgList.length; i ++) {
  155 + innerHTML += "<tr><td>" + orderMsgList[i].influxTime + "</td>";
  156 + innerHTML += "<td>" + orderMsgList[i].isSend + "</td>";
  157 + innerHTML += "<td>" + orderMsgList[i].orderCode + "</td>";
  158 + innerHTML += "<td>" + orderMsgList[i].event + "</td></tr>";
  159 + }
  160 + document.getElementById('queueTable').getElementsByTagName("tbody")[0].innerHTML = innerHTML;
  161 + }
  162 +});
  163 +</script>
@@ -292,6 +292,16 @@ @@ -292,6 +292,16 @@
292 deleteMObject(rowData); 292 deleteMObject(rowData);
293 } 293 }
294 ); 294 );
  295 +
  296 + div.append("&nbsp;");
  297 + div.append("&nbsp;");
  298 + div.append("&nbsp;");
  299 +
  300 + var detBtn = $("<button>").addClass("btn btn-xs btn-primary").html("详情").appendTo(div);
  301 + detBtn.click(function () {
  302 + paramObj.moId = rowData.moId;
  303 + $("#content").load(contextPath + "/jsp/mobject/detailMobject.jsp");
  304 + });
295 return div; 305 return div;
296 } 306 }
297 }], 307 }],