折线图修改

src/App.vue

@@ -8,7 +8,7 @@
 <script>
 
 export default {
-  name: 'App',
+  name: 'App'
   // created() {
   //       (function () {
   //           function setRootFontSize() {
@@ -40,7 +40,6 @@ export default {
 
 }
 
-
 /* body{
   width: 1920px;
   height: 928px;
@@ -54,5 +53,4 @@ export default {
 
 }
 
-
 </style>

src/api/ddzhxt.js

@@ -22,7 +22,9 @@ export function getGqyajzb() {
 }
 export function getRysshyqk () {
   return request({
-        url: `${baseUrl}/servicecity/app/data-external-release/get-user-dynamic-position`,
+    // url: `${baseUrl}/servicecity/app/data-external-release/get-user-dynamic-position`,
+    // url: `${baseUrl}/servicecity/app/data-external-release/get-case-handle-year`,
+    url: `http://192.168.0.4:7022/servicecity/app/data-external-release/get-case-handle-year`,
     method: 'GET'
   })
 }

src/components/ddzhxt/rysshyqk.vue

@@ -12,8 +12,11 @@ export default {
     return {
       data: [],
       times: [],
-      number: [],
+      // number: [], 老数据
-      rysshyqkUrl:'http://219.147.99.164:8082/servicecity/route/bigdata/list-hour-user-rysshyqk.html',
+      // 新数据
+      bossCount: [],
+      zgyCount: [],
+      rysshyqkUrl: 'http://219.147.99.164:8082/servicecity/route/bigdata/list-hour-user-rysshyqk.html'
     }
   },
   computed: {
@@ -25,7 +28,6 @@ export default {
     //   this.gr()
 
     // }, 300);
-
   },
   mounted () {
   },
@@ -33,108 +35,120 @@ export default {
   },
   methods: {
     fn (url) {
+      // eslint-disable-next-line no-undef
       layer.open({
         type: 2,
         content: url,
         area: ['80%', '80%'],
-        title:'' ,
+        title: ''
-      });
+      })
     },
     gr () {
-      let myChart = this.$echarts.init(this.$refs.line);
+      let myChart = this.$echarts.init(this.$refs.line)
       // 用于清除定时器
-      var tootipTimer = null;
+      var tootipTimer = null
       let option = {
         grid: {
-          left: "3%",
+          left: '3%',
-          right: "7%",
+          right: '7%',
-          bottom: "5%",
+          bottom: '5%',
-          top: "10%",
+          top: '10%',
-          containLabel: true,
+          containLabel: true
         },
         xAxis: {
-          type: "category",
+          type: 'category',
           data: this.times,
           axisTick: {
             alignWithLabel: true,
             lineStyle: {
-              color: "#fff",
+              color: '#fff'
-            }, // x轴刻度的颜色
+            } // x轴刻度的颜色
           },
           axisLabel: {
             textStyle: {
-              color: "#fff",
+              color: '#fff'
-            },
+            }
-          },
+          }
         },
         yAxis: {
-          type: "value",
+          type: 'value',
           axisLabel: {
             textStyle: {
-              color: "#fff",
+              color: '#fff'
-            },
+            }
           },
           splitLine: {
             show: true,
             lineStyle: {
-              color: "#fff",
+              color: '#fff'
-            },
+            }
-          },
+          }
         },
         tooltip: {
           show: true,
           borderWidth: 0,
-          trigger: "axis",
+          trigger: 'axis',
           axisPointer: {
-            type: "line",
+            type: 'line'
-          },
+          }
           //   formatter: function (param) {
           //     return + param.name ;
           //   }
         },
         series: [
           {
-            data: this.number,
+            data: this.bossCount,
-            type: "line",
+            type: 'line'
-            smooth: true,
+            // 是否开启平滑
-            areaStyle: {
+            // smooth: true,
-              color: "#e1e3eb",
+            // 折线区域是面积及颜色
+            // areaStyle: {
+            //   color: '#e1e3eb'
+            // }
           },
-          },
+          {
-        ],
+            data: this.zgyCount,
-      };
+            type: 'line'
-      myChart.setOption(option);
+            // smooth: true,
+            // areaStyle: {
+            //   color: '#e1e3eb'
+            // }
+          }
+        ]
+      }
+      myChart.setOption(option)
       let sizeFun = function () {
-        myChart.resize();
+        myChart.resize()
-      };
+      }
-      window.addEventListener("resize", sizeFun);
+      window.addEventListener('resize', sizeFun)
-      tootipTimer && tootipTimer.clearLoop();
+      tootipTimer && tootipTimer.clearLoop()
-      tootipTimer = null;
+      tootipTimer = null
       // 调用轮播的方法
       tootipTimer = window.loopShowTooltip(myChart, option, {
         interval: 2000, // 轮播间隔时间
-        loopSeries: true, // 是否开启轮播循环
+        loopSeries: true // 是否开启轮播循环
-      });
+      })
     },
     async getRysshyqk () {
       try {
         const res = await getRysshyqk()
-        this.data = res.data.list
+        this.data = res.data.countClass
-        // console.log(this.data);
+        console.log(res)
         this.data.forEach(item => {
-          this.times.push(item.time)
+          this.times.push(item.dateTime)
-          this.number.push(item.value)
+          this.bossCount.push(item.bossCount)
+          this.zgyCount.push(item.zgyCount)
         })
         this.$nextTick(() => {
-            this.gr();
+          this.gr()
         })
       } catch (error) {
-        console.log('数据获取失败');
+        console.log('数据获取失败')
+      }
     }
   }
-  },
 
-};
+}
 </script>
 
 <style scoped lang="scss">

src/pages/ddzhxt/ddzhxts.vue

@@ -32,18 +32,19 @@
 
 <script>
 
-import calendar from "@/components/ddzhxt/calendar.vue";
+import calendar from '@/components/ddzhxt/calendar.vue'
-import ajqk from "@/components/ddzhxt/ajqk.vue";
+import ajqk from '@/components/ddzhxt/ajqk.vue'
-import gqyajzb from "@/components/ddzhxt/gqyajzb.vue";
+import gqyajzb from '@/components/ddzhxt/gqyajzb.vue'
-import ajlx from "@/components/ddzhxt/ajlx.vue";
+import ajlx from '@/components/ddzhxt/ajlx.vue'
-import ajjz from "@/components/ddzhxt/ajjz.vue";
+import ajjz from '@/components/ddzhxt/ajjz.vue'
-import ajclmyd from "@/components/ddzhxt/ajclmyd.vue";
+import ajclmyd from '@/components/ddzhxt/ajclmyd.vue'
-import gyfajqktj from "@/components/ddzhxt/gyfajqktj.vue";
+import gyfajqktj from '@/components/ddzhxt/gyfajqktj.vue'
-import ditu from "@/components/ddzhxt/ditu.vue";
+import ditu from '@/components/ddzhxt/ditu.vue'
-import rysshyqk from "@/components/ddzhxt/rysshyqk.vue";
+import rysshyqk from '@/components/ddzhxt/rysshyqk.vue'
-import titles from "@/components/ddzhxt/titles.vue";
+import titles from '@/components/ddzhxt/titles.vue'
-import ajdt from "@/components/ddzhxt/ajdt.vue";
+import ajdt from '@/components/ddzhxt/ajdt.vue'
-import { getBumen, getJiezhen, getErjiye } from "@/api/ddzhxt.js"
+// eslint-disable-next-line no-unused-vars
+import { getBumen, getJiezhen, getErjiye } from '@/api/ddzhxt.js'
 
 export default {
   components: {
@@ -57,7 +58,7 @@ export default {
     ditu,
     rysshyqk,
     titles,
-    ajdt,
+    ajdt
   },
   data () {
     return {
@@ -69,7 +70,7 @@ export default {
       ajlxUrl: 'http://219.147.99.164:8082/servicecity/route/bigdata/list-case-info-ajlxtop10.html',
       ajjzUrl: 'http://219.147.99.164:8082/servicecity/route/bigdata/list-case-info-7dayajjz.html',
       ajclmydUrl: 'http://219.147.99.164:8082/servicecity/route/bigdata/list-grade-ratio-ajmyd.html',
-      gyfajqktjUrl:'http://219.147.99.164:8082/servicecity/route/bigdata/list-report-case-gyfajqk.html',
+      gyfajqktjUrl: 'http://219.147.99.164:8082/servicecity/route/bigdata/list-report-case-gyfajqk.html'
       // windowContent: ''
     }
   },
@@ -91,9 +92,8 @@ export default {
         //  console.log(data);
         this.data = data
       } catch (error) {
-        console.log('数据获取失败');
+        console.log('数据获取失败')
       }
-
     },
     async getJiezhen () {
       try {
@@ -101,44 +101,44 @@ export default {
         // console.log(data);
         this.data2 = data
       } catch (error) {
-        console.log('数据获取失败');
+        console.log('数据获取失败')
       }
-
     },
     fn (url) {
       //  const res =  await getErjiye()
       // console.log(res.data);
       // console.log(123);
       // this.windowContent = res.data;
+      // eslint-disable-next-line no-undef
       layer.open({
         type: 2,
         // content: '<div style="color:#00ffff; font-size:50px;">大数据统计分析系统</div>',//这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
         // content: 'static/html/list-case-info-ajlx.html',
         content: url, // `<iframe src="data:text/html;charset=utf-8,${}"></iframe>`, //'http://127.0.0.1/servicecity/route/bigdata/list-case-info-ajlx.html',
         area: ['85%', '80%'],
-        title:'' ,
+        title: ''
         // skin: 'demo-class'
-      });
+      })
       // window.open('http://219.147.99.164:8082/servicecity/route/bigdata/list-case-info-ajlx.html')
       // this.$alert(res, {
       //      dangerouslyUseHTMLString: true
       //    });
     },
     fn2 (imgSrc) {
+      // eslint-disable-next-line no-undef
       layer.open({
         type: 1,
         content: `<div style="padding:15px"><img src="${imgSrc}" style="width:100%"/></div>`,
         area: ['85%', '80%'],
-        title:'' ,
+        title: ''
         // skin: 'demo-class'
-      });
+      })
     }
 
   }
-};
+}
 </script>
 
-
 <style lang="scss" scoped>
 
 .ddzhxt {

src/router/index.js

@@ -7,7 +7,7 @@ import jcxxxt from '@/pages/jcxxxt/jcxxxts.vue'
 import detailDitu from '@/components/ddzhxt/detail-ditu.vue'
 
 Router.prototype.openUrl = function (url, type) {
-    window.open(url, !type ? '_self': type);
+  window.open(url, !type ? '_self' : type)
 }
 
 Vue.use(Router)
@@ -16,7 +16,7 @@ export default new Router({
   routes: [{
     path: '/',
     name: 'ddzhxt',
-            component: ddzhxt,
+    component: ddzhxt
     // meta:{
     //   title:'ddzhxt'
     // }
@@ -24,7 +24,7 @@ export default new Router({
   {
     path: '/zhdjxt',
     name: 'zhdjxt',
-            component: zhdjxt,
+    component: zhdjxt
     // meta:{
     //   title:'zhdjxt'
     // }
@@ -32,7 +32,7 @@ export default new Router({
   {
     path: '/jcxxxt',
     name: 'jcxxxt',
-            component: jcxxxt,
+    component: jcxxxt
     // meta:{
     //   title:'jcxxxt'
     // }
@@ -40,10 +40,10 @@ export default new Router({
   {
     path: '/detailDitu',
     name: 'detailDitu',
-            component: detailDitu,
+    component: detailDitu
     // meta:{
     //   title:'jcxxxt'
     // }
-        },
+  }
   ]
 })