上传文件至 'env/static/js'

env/static/js/alarmchart.js

@@ -0,0 +1,46 @@
+function alarmchart(startdate,enddate,datalist) {
+     // 基于准备好的dom，初始化echarts实例
+        var myChart = echarts.init(document.getElementById('mainchart'));
+
+        var almdata= [];
+        for(i=0;i<datalist.length;i++){
+            almdata[i] = {'value':datalist[i]['in_times'], 'name':datalist[i]['almname']};
+        }
+
+        // 指定图表的配置项和数据
+        var option = {
+            title: {
+            text: '报警数据统计',
+            subtext: startdate+' - '+enddate,
+            left: 'center'
+            },
+            tooltip: {
+                trigger: 'item'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'left',
+            },
+            color: [
+                "#ee6666", "#fac858", "#5470c6", "#91cc75", "#73c0de", "#fc8452", "#9a60b4"
+            ],
+            series: [
+                {
+                    name: '报警来源',
+                    type: 'pie',
+                    radius: '60%',
+                    data: almdata,
+                    emphasis: {
+                        itemStyle: {
+                            shadowBlur: 10,
+                            shadowOffsetX: 0,
+                            shadowColor: 'rgba(0, 0, 0, 0.5)'
+                        }
+                    }
+                }
+            ]
+        };
+
+        // 使用刚指定的配置项和数据显示图表。
+        myChart.setOption(option);
+}

env/static/js/bootstrap-datepicker.zh-CN.js

@@ -0,0 +1,19 @@
+/**
+ * Simplified Chinese translation for bootstrap-datepicker
+ * Yuan Cheung <advanimal@gmail.com>
+ */
+;(function($){
+	$.fn.datepicker.dates['zh-CN'] = {
+		days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
+		daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
+		daysMin: ["日", "一", "二", "三", "四", "五", "六"],
+		months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+		monthsShort: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
+		today: "今天",
+		monthsTitle: "选择月份",
+		clear: "清除",
+		format: "yyyy-mm-dd",
+		titleFormat: "yyyy年mm月",
+		weekStart: 1
+	};
+}(jQuery));

env/static/js/chartpage.js

@@ -0,0 +1,72 @@
+$(function(){
+    $("#startdate").datetimepicker({
+        format:'yyyy-mm-dd',  //格式  如果只有yyyy-mm-dd那就是0000-00-00
+        minView:2,//最精准的时间选择为日期  0-分 1-时 2-日 3-月
+        language:  'zh-cn', //中文
+        weekStart: 1, //一周从星期几开始
+        todayBtn:  1,
+        autoclose: 1,
+        todayHighlight: 1,
+        startView: 2,
+        forceParse: 1,
+        keyboardNavigation:true, //方向图标改变日期  必须要有img文件夹 里面存放图标
+        showMeridian:false,  //是否出现 上下午
+        initialDate:new Date()
+    }).on("click",function(){   });
+    $("#enddate").datetimepicker({
+        format:'yyyy-mm-dd',  //格式  如果只有yyyy-mm-dd那就是0000-00-00
+        minView:2,//最精准的时间选择为日期  0-分 1-时 2-日 3-月
+        language:  'zh-cn', //中文
+        weekStart: 1, //一周从星期几开始
+        todayBtn:  1,
+        autoclose: 1,
+        todayHighlight: 1,
+        startView: 2,
+        forceParse: 1,
+        keyboardNavigation:true, //方向图标改变日期  必须要有img文件夹 里面存放图标
+        showMeridian:false,  //是否出现 上下午
+        initialDate:new Date()
+    }).on("click",function(){    });
+});
+function change_topic(el) {
+    $('#topicbtn').html(el.innerHTML);
+    $('#topicval').val(el.innerHTML);
+    if($('#topicbtn').html()=='采集统计'){
+        $('#tp').removeClass('hidden');
+    }
+    else{
+        $('#tp').addClass('hidden');
+    }
+    if($('#topicbtn').html()!='综合统计'){
+        $('#spot').removeClass('hidden');
+    }
+    else{
+        $('#spot').addClass('hidden');
+    }
+}
+function change_tp(el) {
+    $('#tpval').val(el.innerHTML);
+    $('#tpbtn').html(el.innerHTML);
+}
+function change_spot(el) {
+    $('#spotbtn').html(el.innerHTML);
+    $('#spotval').val(el.innerHTML);
+}
+function check_form() {
+    if(!$('#topicval').val()){
+        alert('请选择统计主题！');
+        return false;
+    }
+    else if($('#topicval').val()=='采集统计'&&(!$('#tpval').val())){
+        alert('请选择采集数据！');
+        return false;
+    }
+    else if($('#topicval').val()!='综合统计'&&(!$('#spotval').val())){
+        alert('请选择地点！');
+        return false;
+    }
+    else{
+        return true;
+    }
+    return false;
+}