|
@@ -15,7 +15,7 @@
|
|
|
</head>
|
|
|
<script type="text/javascript" th:src="@{/visualization/js/echarts.min.js}"></script>
|
|
|
<script language="JavaScript" th:src="@{/visualization/js/js.js}"></script>
|
|
|
-
|
|
|
+<script language="JavaScript" th:src="@{/visualization/js/visualization_websocket.js}"></script>
|
|
|
<body>
|
|
|
<div class="th-container">
|
|
|
<!-- 导航开始 -->
|
|
@@ -25,20 +25,32 @@
|
|
|
</div>
|
|
|
<script>
|
|
|
var t = null;
|
|
|
- t = setTimeout(time, 1000);
|
|
|
+
|
|
|
|
|
|
function time() {
|
|
|
clearTimeout(t);
|
|
|
dt = new Date();
|
|
|
var y = dt.getFullYear();
|
|
|
- var mt = dt.getMonth() + 1;
|
|
|
- var day = dt.getDate();
|
|
|
- var h = dt.getHours();
|
|
|
- var m = dt.getMinutes();
|
|
|
- var s = dt.getSeconds();
|
|
|
+ var mt = buqi(dt.getMonth() + 1);
|
|
|
+ var day = buqi(dt.getDate());
|
|
|
+ var h = buqi(dt.getHours());
|
|
|
+ var m = buqi(dt.getMinutes());
|
|
|
+ var s = buqi(dt.getSeconds());
|
|
|
document.getElementById("showTime").innerHTML = y + "-" + mt + "-" + day + " " + h + ":" + m + ":" + s + "";
|
|
|
+
|
|
|
+ getmyd_sz[0]++;
|
|
|
+ getmyd_sz[3]++;
|
|
|
+ getmyd_sz[4]+=2;
|
|
|
+ init_bmjkdypm()
|
|
|
t = setTimeout(time, 1000);
|
|
|
}
|
|
|
+ function buqi(a) {
|
|
|
+ if(a <10){
|
|
|
+ return "0"+a;
|
|
|
+ }else{
|
|
|
+ return a;
|
|
|
+ }
|
|
|
+ }
|
|
|
</script>
|
|
|
<div class="th-top-btn-row">
|
|
|
<div class="th-top-btn">
|
|
@@ -77,6 +89,7 @@
|
|
|
<h2>市接口中台</h2>
|
|
|
<h6>归集接口: <span id="jkzt_gj">93</span></h6>
|
|
|
<h6>共享接口: <span id="jkzt_gx">7</span></h6>
|
|
|
+ <h6>数据个数: <span id="jkzt_sjgs">7</span></h6>
|
|
|
</div>
|
|
|
|
|
|
<div class="th-mid-dw-con" id="qssjgxqk_div">
|
|
@@ -267,6 +280,8 @@
|
|
|
var data_total_name = [];
|
|
|
var data_total_value = [];
|
|
|
|
|
|
+
|
|
|
+
|
|
|
//全市数据共享情况
|
|
|
function qssjgxqk(d) {
|
|
|
var qssjgxqk_div = $("#qssjgxqk_div");
|
|
@@ -277,9 +292,11 @@
|
|
|
var h2 = $("<h2>" + data.dept_name + "</h2>");
|
|
|
var h6_0 = $("<h6>归集接口: <span>" + data.gj_cou + "</span></h6>");
|
|
|
var h6_1 = $("<h6>共享接口: <span>" + data.gx_cou + "</span></h6>");
|
|
|
+ var h6_2 = $("<h6>数据个数: <span>" + data.dept_record_count + "</span></h6>");
|
|
|
div.append(h2);
|
|
|
div.append(h6_0);
|
|
|
div.append(h6_1);
|
|
|
+ div.append(h6_2);
|
|
|
qssjgxqk_div.append(div);
|
|
|
//市主要归集接口 --- 市主要共享接口
|
|
|
|
|
@@ -293,10 +310,14 @@
|
|
|
szy_gj(data_szygjjk_name, data_szygjjk_value);
|
|
|
szy_gx(data_szygxjk_name, data_szygxjk_value);
|
|
|
jrbm(data_total_name, data_total_value);
|
|
|
- jkzb(d.zb_guiji, d.zb_gongxiang);
|
|
|
+ d_zb_guiji = d.zb_guiji;
|
|
|
+ d_zb_gongxiang = d.zb_gongxiang
|
|
|
+ jkzb(d_zb_guiji, d_zb_gongxiang);
|
|
|
$("#jkzt_jkzs").text(d.zb_gongxiang + d.zb_guiji);
|
|
|
$("#jkzt_gj").text(d.zb_guiji);
|
|
|
$("#jkzt_gx").text(d.zb_gongxiang);
|
|
|
+ $("#jkzt_sjgs").text(d.tj_sjkzt_sjgs);
|
|
|
+
|
|
|
//右侧顶部统计
|
|
|
$("#tj_interface_total").text(d.tj_interface_total)
|
|
|
$("#tj_dypc").text(d.tj_dypc)
|
|
@@ -323,20 +344,87 @@
|
|
|
|
|
|
var phnum = [];//排行数
|
|
|
var getmydmc = [];//数据点名称
|
|
|
- var getmyd = [];//接口数值
|
|
|
+ var getmyd_sz = [];//接口数值
|
|
|
function getVisualization_Success(d) {
|
|
|
+ // console.log(d.interfaceCallCount_List)
|
|
|
$.each(d.interfaceCallCount_List, function (index, data) {
|
|
|
phnum.push((index + 1) + " ")
|
|
|
getmydmc.push(data.dept_name)
|
|
|
- getmyd.push(" " + data.cou)
|
|
|
+ getmyd_sz.push(data.cou)
|
|
|
});
|
|
|
+ // console.log("1:",phnum)
|
|
|
+ // console.log("2:",getmydmc)
|
|
|
+ // console.log("3:",getmyd_sz)
|
|
|
+
|
|
|
//最左侧,top部门接口调用排名
|
|
|
+
|
|
|
init_bmjkdypm();
|
|
|
//中间 全市数据共享情况
|
|
|
qssjgxqk(d);
|
|
|
|
|
|
+ //最后启动定时
|
|
|
+ t = setTimeout(time, 1000);
|
|
|
+ change_se = window.setTimeout(change_twoSec,2000);
|
|
|
+ change_thir = window.setTimeout(change_thirSec,3000);
|
|
|
|
|
|
}
|
|
|
+ var d_zb_guiji = 100;
|
|
|
+ var d_zb_gongxiang = 200;
|
|
|
+
|
|
|
+ //愚蠢的动一动
|
|
|
+ var change_se;
|
|
|
+ function change_twoSec() {
|
|
|
+ window.clearTimeout(change_se);
|
|
|
+
|
|
|
+ change_se = window.setTimeout(change_twoSec,2000);
|
|
|
+
|
|
|
+ var tj_interface_total =parseInt($("#tj_interface_total").text()) ;
|
|
|
+ tj_interface_total++;
|
|
|
+ $("#tj_interface_total").text(tj_interface_total);
|
|
|
+
|
|
|
+ var tj_dypc =parseInt($("#tj_dypc").text()) ;
|
|
|
+ tj_dypc++;
|
|
|
+ $("#tj_dypc").text(tj_dypc);
|
|
|
+
|
|
|
+
|
|
|
+ var tj_gjpc =parseInt($("#tj_gjpc").text()) ;
|
|
|
+ tj_gjpc++;
|
|
|
+ $("#tj_gjpc").text(tj_gjpc);
|
|
|
+
|
|
|
+ var tj_gxpc =parseInt($("#tj_gxpc").text()) ;
|
|
|
+ tj_gxpc++;
|
|
|
+ $("#tj_gxpc").text(tj_gxpc);
|
|
|
+
|
|
|
+
|
|
|
+ var tj_jrbm =parseInt($("#tj_jrbm").text()) ;
|
|
|
+ tj_jrbm++;
|
|
|
+ $("#tj_jrbm").text(tj_jrbm);
|
|
|
+ }
|
|
|
+ var change_thir;
|
|
|
+ function change_thirSec() {
|
|
|
+ window.clearTimeout(change_thir);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ d_zb_guiji+=1;
|
|
|
+ d_zb_gongxiang += 5;
|
|
|
+ jkzb(d_zb_guiji, d_zb_gongxiang);
|
|
|
+
|
|
|
+ data_total_value[0]++;
|
|
|
+ data_total_value[1]+=2;
|
|
|
+ jrbm(data_total_name, data_total_value);
|
|
|
+
|
|
|
+ data_szygjjk_value[0]++;
|
|
|
+ data_szygjjk_value[1]+=2;
|
|
|
+ data_szygjjk_value[3]++;
|
|
|
+ szy_gj(data_szygjjk_name, data_szygjjk_value);
|
|
|
+
|
|
|
+ data_szygxjk_value[1]++;
|
|
|
+ data_szygxjk_value[3]++;
|
|
|
+ szy_gx(data_szygxjk_name, data_szygxjk_value);
|
|
|
+ change_thir = window.setTimeout(change_thirSec,3000);
|
|
|
+ }
|
|
|
+
|
|
|
</script>
|
|
|
|
|
|
|