录像诊断实现keepalive

src/router/router.config.js

@@ -10,7 +10,7 @@
 export let routers = [
   {
     path: '/',
-    redirect:'/login'
+    redirect: '/login'
   },
 
   {
@@ -19,7 +19,7 @@ export let routers = [
     meta: {
       title: '登录',
       keepAlive: false
-    },
+    }
   },
   {
     path: '/tokenlogin',
@@ -27,7 +27,7 @@ export let routers = [
     meta: {
       title: '登录',
       keepAlive: false
-    },
+    }
   },
   {
     path: '/consultInfo/:id',
@@ -87,7 +87,7 @@ export let routers = [
   {
     path: '/home',
     component: () => import('@/components/layouts/index'),
-    redirect:'/works',
+    redirect: '/works',
     meta: {
       title: '主页',
       keepAlive: false
@@ -97,37 +97,37 @@ export let routers = [
         path: '/cockpit',
         name: 'cockpit',
         component: () => import('@/views/menu/cockpit/index.vue'),
-        meta: { title: '驾驶舱', keepAlive: false ,hideTabBar:false}
+        meta: { title: '驾驶舱', keepAlive: false, hideTabBar: false }
       },
       {
         path: '/works',
         name: 'works',
         component: () => import('@/views/home/works'),
-        meta: { title: '待办', keepAlive: false,deep:0.5 }
+        meta: { title: '待办', keepAlive: false, deep: 0.5 }
       },
       {
         path: '/menu',
         name: 'menu',
         component: () => import('@/views/home/menu'),
-        meta: { title: '菜单', keepAlive: false ,deep:0.5 }
+        meta: { title: '菜单', keepAlive: false, deep: 0.5 }
       },
       {
         path: '/isMy',
         name: 'isMy',
         component: () => import('@/views/home/isMy'),
-        meta: { title: '我的', keepAlive: true ,deep:0.5 }
+        meta: { title: '我的', keepAlive: true, deep: 0.5 }
       },
       {
         path: '/message',
         name: 'message',
         component: () => import('@/views/home/message/index'),
-        meta: { title: '消息中心', keepAlive: true,deep:0.5}
+        meta: { title: '消息中心', keepAlive: true, deep: 0.5 }
       },
       {
         path: '/msgDetail',
         name: 'msgDetail',
         component: () => import('@/views/home/message/detail.vue'),
-        meta: { title: '消息详情', keepAlive: false,deep:0.5}
+        meta: { title: '消息详情', keepAlive: false, deep: 0.5 }
       },
       {
         path: '/workTime',
@@ -157,13 +157,13 @@ export let routers = [
         path: '/iot/videoDiagnosis',
         name: 'iot_videoDiagnosis',
         component: () => import('@/views/menu/iot/videoDiagnosis/index'),
-        meta: { title: '录像诊断信息', keepAlive: false }
+        meta: { title: '录像诊断信息', keepAlive: true, deep: 1 }
       },
       {
         path: '/iot/videoDiagnosis/detail',
         name: 'iot_videoDiagnosis_detail',
         component: () => import('@/views/menu/iot/videoDiagnosis/detail'),
-        meta: { title: '录像诊断记录', keepAlive: false }
+        meta: { title: '录像诊断记录', keepAlive: false, deep: 2 }
       },
       {
         path: '/iot/dvrDisk',
@@ -223,122 +223,122 @@ export let routers = [
         path: '/securityCheckRegister',
         name: 'securityCheckRegister',
         component: () => import('@/views/menu/securityCheckRegister/index'),
-        meta: { title: '安全检查登记', keepAlive: true,deep: 1 }
+        meta: { title: '安全检查登记', keepAlive: true, deep: 1 }
       },
       {
         path: '/securityAdd',
         name: 'securityAdd',
         component: () => import('@/views/menu/securityCheckRegister/add'),
-        meta: { title: '安全检查', keepAlive: false ,hideTabBar:true,deep: 2}
+        meta: { title: '安全检查', keepAlive: false, hideTabBar: true, deep: 2 }
       },
       {
         path: '/securityDetail',
         name: 'securityDetail',
         component: () => import('@/views/menu/securityCheckRegister/detail'),
-        meta: { title: '安全检查详情', keepAlive: false ,hideTabBar:true,deep: 2}
+        meta: { title: '安全检查详情', keepAlive: false, hideTabBar: true, deep: 2 }
       },
       {
         path: '/addWorker',
         name: 'addWorker',
         component: () => import('@/views/menu/securityCheckRegister/addWorker'),
-        meta: { title: '选择授权人员', keepAlive: false ,hideTabBar:true}
+        meta: { title: '选择授权人员', keepAlive: false, hideTabBar: true }
       },
       {
         path: '/problemItem',
         name: 'problemItem',
         component: () => import('@/views/menu/problemItem/index'),
-        meta: { title: '隐患问题清单', keepAlive: true ,deep: 1}
+        meta: { title: '隐患问题清单', keepAlive: true, deep: 1 }
       },
       {
         path: '/problemDetail',
         name: 'problemDetail',
         component: () => import('@/views/menu/problemItem/detail'),
-        meta: { title: '隐患问题详情', keepAlive: false ,deep: 2}
+        meta: { title: '隐患问题详情', keepAlive: false, deep: 2 }
       },
       {
         path: '/resumption',
         name: 'resumption',
         component: () => import('@/views/menu/resumption/list.vue'),
-        meta: { title: '履职登记', keepAlive: true ,deep: 1}
+        meta: { title: '履职登记', keepAlive: true, deep: 1 }
       },
       {
         path: '/resumption_detail',
         name: 'resumption_detail',
         component: () => import('@/views/menu/resumption/detail.vue'),
-        meta: { title: '履职', keepAlive: false ,hideTabBar:true,deep: 2}
+        meta: { title: '履职', keepAlive: false, hideTabBar: true, deep: 2 }
       },
       {
         path: '/safetyBook',
         name: 'safetyBook',
         component: () => import('@/views/menu/safetyBook/index.vue'),
-        meta: { title: '安全责任书', keepAlive: true ,hideTabBar:false,deep: 1}
+        meta: { title: '安全责任书', keepAlive: true, hideTabBar: false, deep: 1 }
       },
       {
         path: '/safetyBookDetail',
         name: 'safetyBookDetail',
         component: () => import('@/views/menu/safetyBook/detail.vue'),
-        meta: { title: '责任书详情', keepAlive: false ,hideTabBar:true,deep: 2}
+        meta: { title: '责任书详情', keepAlive: false, hideTabBar: true, deep: 2 }
       },
       {
         path: '/visitRegister',
         name: 'visitRegister',
         component: () => import('@/views/menu/visitRegister/index.vue'),
-        meta: { title: '来访申请', keepAlive: true ,hideTabBar:false,deep: 1}
+        meta: { title: '来访申请', keepAlive: true, hideTabBar: false, deep: 1 }
       },
       {
         path: '/visitAdd',
         name: 'visitAdd',
         component: () => import('@/views/menu/visitRegister/add.vue'),
-        meta: { title: '新增申请', keepAlive: false ,hideTabBar:true,deep: 2}
+        meta: { title: '新增申请', keepAlive: false, hideTabBar: true, deep: 2 }
       },
       {
         path: '/visitDetail',
         name: 'visitDetail',
         component: () => import('@/views/menu/visitRegister/detail.vue'),
-        meta: { title: '申请详情', keepAlive: false ,hideTabBar:true,deep: 2}
+        meta: { title: '申请详情', keepAlive: false, hideTabBar: true, deep: 2 }
       },
       {
         path: '/visitCheck',
         name: 'visitCheck',
         component: () => import('@/views/menu/visitCheck/index.vue'),
-        meta: { title: '来访审批', keepAlive: true ,hideTabBar:false,deep: 1}
+        meta: { title: '来访审批', keepAlive: true, hideTabBar: false, deep: 1 }
       },
       {
         path: '/visitCheckDetail',
         name: 'visitCheckDetail',
         component: () => import('@/views/menu/visitCheck/detail.vue'),
-        meta: { title: '审批详情', keepAlive: false ,hideTabBar:true,deep: 2}
+        meta: { title: '审批详情', keepAlive: false, hideTabBar: true, deep: 2 }
       },
       {
         path: '/visitRecord',
         name: 'visitRecord',
         component: () => import('@/views/menu/visitRecord/index.vue'),
-        meta: { title: '来访核验登记', keepAlive: true ,hideTabBar:false,deep: 1}
+        meta: { title: '来访核验登记', keepAlive: true, hideTabBar: false, deep: 1 }
       },
       {
         path: '/visitRecordDetail',
         name: 'visitRecordDetail',
         component: () => import('@/views/menu/visitRecord/detail.vue'),
-        meta: { title: '登记详情', keepAlive: false ,hideTabBar:true,deep: 2}
+        meta: { title: '登记详情', keepAlive: false, hideTabBar: true, deep: 2 }
       },
       {
         path: '/visitUserRecord',
         name: 'visitUserRecord',
         component: () => import('@/views/menu/visitRecord/add.vue'),
-        meta: { title: '人员登记', keepAlive: false ,hideTabBar:true,deep: 2}
+        meta: { title: '人员登记', keepAlive: false, hideTabBar: true, deep: 2 }
       },
       {
         path: '/operate',
         name: 'operate',
         component: () => import('@/views/menu/operate/index.vue'),
-        meta: { title: '操作手册', keepAlive: false ,hideTabBar:true,deep: 2}
-      },      
+        meta: { title: '操作手册', keepAlive: false, hideTabBar: true, deep: 2 }
+      }
       // {
       //   path: '/addOrder',
       //   name: 'addOrder',
       //   component: () => import('@/views/menu/iot/add.vue'),
       //   meta: { title: '生成运维单',  keepAlive: false ,hideTabBar:true,deep: 2}
-      // }     
-    ],
-  },
+      // }
+    ]
+  }
 ]

src/views/menu/iot/videoDiagnosis/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="page_list">
-    <nav-bar></nav-bar>
+    <nav-bar :go="{ type: 'push', path: '/menu' }"></nav-bar>
     <van-row>
       <van-col span="24">
         <org-tree v-model="search.orgId" @changeItem="changeTree" @checked="orgCheckChanged" showChecked defaultChecked></org-tree>
@@ -31,6 +31,7 @@ import Item from './components/item.vue'
 import OrgTree from '@/components/orgTree'
 export default {
   components: { NavBar, KList, Item, OrgTree },
+  name:'iot_videoDiagnosis',
   data() {
     return {
       options: [],
@@ -52,6 +53,7 @@ export default {
     this.getTreeList()
     this.search.orgId = this.orgId
   },
+  
   computed: {
     ...mapGetters(['orgName', 'orgId', 'dictionary'])
     // statusOptions() {
@@ -80,6 +82,9 @@ export default {
         // console.log(res,'3333')
       })
     },
+    // refreshData(){
+    //   this.search.pageNum=0;
+    // },
     //改变机构后将重新发起请求
     changeTree(node) {
       // console.log(selectedOptions,'aaaaaa')