基坑监测大屏

src/api/index.js

@@ -27,6 +27,7 @@ import periodical from './periodical/index'
 import engin from './engin'
 import tower from './device/tower/index'
 import quality from './quality'
+import pitmonit from './pitmonit'
 import {axios,download} from '@/utils/request'
 export default {
     project,
@@ -59,5 +60,6 @@ export default {
     gzAiBoxVideo,
     gzDict,
     tower,
-    quality
+    quality,
+    pitmonit
 }

src/api/pitmonit/index.js

@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+
+const totalCount=(prjId)=>{
+    return request({
+        url: `bgscreen/pitmonit/totalCount?prjId=${prjId}`,
+        method: 'get'
+      })
+}
+
+const alarmList=(prjId)=>{
+    return request({
+        url: `bgscreen/pitmonit/alarm?prjId=${prjId}`,
+        method: 'get'
+      })
+}
+
+const getLastDataForElement=(prjId)=>{
+    return request({
+        url: `bgscreen/pitmonit/getLastDataForElement?prjId=${prjId}`,
+        method: 'get'
+      })
+}
+
+const selectByDate=data=>{
+    return request({
+        url: `bgscreen/pitmonit/selectByDate`,
+        method: 'post',
+        data:data
+      })
+}
+
+const monitDays=(prjId)=>{
+    return request({
+        url: `bgscreen/pitmonit/monitDays?prjId=${prjId}`,
+        method: 'get'
+      })
+}
+
+export default{
+    totalCount,
+    alarmList,
+    getLastDataForElement,
+    selectByDate,
+    monitDays
+}

src/components/trend-line-chart.js

@@ -14,6 +14,9 @@ Vue.component("trend-line-chart", {
         },
         data:{
             type:Array
+        },
+        fn:{
+            type:Function
         }
     },
     data() {
@@ -65,6 +68,10 @@ Vue.component("trend-line-chart", {
 
                 this.option = {
                     color : data.color,
+                    dataZoom:[
+                        {show:true,type:'slider'},
+                        {type:'inside'}
+                    ],
                     tooltip: {
                         trigger: "axis",
                         axisPointer: {
@@ -142,6 +149,9 @@ Vue.component("trend-line-chart", {
                     },
                     series: series
                 };
+                if(this.fn){
+                    this.option=this.fn(this.option);
+                }
                 myChart.setOption(this.option,true);
                 window.onresize = myChart.resize;
             })