优化历史图片查询

src/router/index.js

@@ -1,6 +1,7 @@
 import Vue from "vue";
 import VueRouter from "vue-router";
-
+import MobilePage from "../views/realTimeMonitor/mobile_index.vue";
+import PCPage from "../views/realTimeMonitor/index.vue";
 Vue.use(VueRouter);
 
 const routes = [
@@ -29,10 +30,7 @@ const routes = [
 
       {
         path: "/realTimeMonitor",
-        component: () =>
+        component: window.innerWidth < 768 ? MobilePage : PCPage,
-          import(
-            /* webpackChunkName: "icon" */ "../views/realTimeMonitor/index.vue"
-          ),
         meta: {
           title: "实时监控",
           permission: true,

src/views/realTimeMonitor/index.vue

@@ -1397,6 +1397,7 @@ export default {
         padding: 0px 8px;
         border-left: 1px solid #dcdfe6;
         position: relative;
+        overflow-y: auto;
         .zzbox {
           height: 32px;
           line-height: 32px;

src/views/realTimeSearch/index.vue

@@ -419,6 +419,7 @@ export default {
           type: "warning",
         });
       }
+      this.page = 1;
       this.getPicData();
     },
     //点击分页