index.html
3.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
{% extends 'admin/admin.html' %}
{% block css %}
<link href="{{url_for('static',filename='base/css/style.css')}}" rel="stylesheet">
{% endblock %}
{% block content %}
<!--内容-->
<section class="content-header">
<h1>安监物联管理系统</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
<li class="active">预览</li>
</ol>
</section>
<section class="content" id="showcontent">
<div class="row">
{% if device_data is none %}
{% else %}
{% for d in device_data %}
<div class="col-md-4">
{% include "admin/" ~ d.devicetype_id ~ "_index.html" %}
</div>
{% endfor %}
{% endif %}
</div>
</section>
<!--内容-->
{% endblock %}
{% block js %}
<script>
$(document).ready(function(){
$("#g-1").addClass("active");
$("#g-1-1").addClass("active");
});
$(document).ready(function(){
var charta = echarts.init(document.getElementById('pie_a'), 'white', {renderer: 'canvas'});
var chartv = echarts.init(document.getElementById('pie_v'), 'white', {renderer: 'canvas'});
//var chartl = echarts.init(document.getElementById('liquid'), 'white', {renderer: 'canvas'});
var s_url = "{{ s_url }}";
$(
function () {
fetchDataA(charta);
fetchDataV(chartv);
//fetchDataL(chartl);
//setInterval(getDynamicData, 2000);
}
);
function fetchDataA() {
$.ajax({
type: "GET",
url: s_url + "/pieChartA",
dataType: "json",
success: function (result) {
charta.setOption(result);
}
});
}
function fetchDataV() {
$.ajax({
type: "GET",
url: s_url + "/pieChartV",
dataType: "json",
success: function (result) {
chartv.setOption(result);
}
});
}
function fetchDataL() {
$.ajax({
type: "GET",
url: s_url + "/liquidChart",
dataType: "json",
success: function (result) {
chartl.setOption(result);
},
error: function (err) {
alert(err);
}
});
}
function getDynamicData() {
$.ajax({
type: "GET",
url: s_url + "/lineDynamicData",
dataType: "json",
success: function (result) {
chart.setOption(result);
//old_data.push([result.name, result.value]);
//if (old_data.length > 20)
//alert(old_data);
//old_data.shift();
//alert(old_data);
//chart.setOption({
// series: [{data: old_data}]
//});
}
});
}
});
</script>
<script src="{{url_for('static',filename='base/js/jquery.easing.1.3.js')}}"></script>
<script src="{{url_for('static',filename='base/js/jquery.parallax-1.1.3.resize.js')}}"></script>
<script src="{{url_for('static',filename='base/js/jquery.appear.js')}}"></script>
<script src="{{url_for('static',filename='base/js/jquery.caroufredsel.js')}}"></script>
<script src="{{url_for('static',filename='base/js/script.js')}}"></script>
{% endblock %}