1、人员统计图

public/index.html

@@ -16,7 +16,7 @@
   <script src="<%= BASE_URL %>cdn/xlsx/FileSaver.min.js"></script>
   <script src="<%= BASE_URL %>cdn/xlsx/xlsx.full.min.js"></script>
   <script src="<%= BASE_URL %>cdn/elevator/zlplayer.min.js"></script>
-  <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
+  <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
   <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
   <!-- <script src="https://cdn.bootcss.com/echarts/4.1.0/echarts.min.js"></script> -->
   <script src="js/china.js"></script>

src/views/smartapplication/smartvideomonitorstat.vue

@@ -31,7 +31,7 @@
     <el-row>
       <el-col span="4" :push="6">选择日期</el-col>
       <el-col span="16" :push="4">
-        <el-date-picker size="mini" v-model="dateSelect" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="left">
+        <el-date-picker size="mini" v-model="dateSelect" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="left" @change="getPersonInOutStat" value-format="yyyy-MM-dd">
         </el-date-picker>
       </el-col>
     </el-row>
@@ -62,7 +62,7 @@
           currentPage: 1,
           total: 0
         },
-        datetimeSelect: "",
+        dateSelect: "",
         selectionList: [],
         option: {
           menu: false,
@@ -323,6 +323,30 @@
       refreshChange() {
         this.onLoad(this.page, this.query);
       },
+      getPersonInOutStat(){
+        let params = {};
+        params.serialNum = this.serialNum;
+        params.beginDate = this.dateSelect[0];
+        params.endDate = this.dateSelect[1];
+        personInOutStat(params).then(res =>{
+          const personStatChart = this.$echarts.init(this.$refs.personStatChart);
+          this.personStatOption.xAxis[0].data = res.data.data.dateList;
+          this.personStatOption.series[0].data = res.data.data.enterCtnList;
+          this.personStatOption.series[1].data = res.data.data.leaveCtnList;
+          const personStatOption = this.personStatOption;
+          personStatChart.setOption(personStatOption)
+
+          window.addEventListener("resize", function() {
+            personStatChart.resize();
+
+          });
+          this.$on('hook:destroyed', () => {
+            window.removeEventListener("resize", function() {
+              personStatChart.resize();
+            });
+          })
+        })
+      },
       onLoad(page, params = {}) {
         params.serialNum = this.serialNum;
         personInOutStat(params).then(res =>{