src/mixins/ems/intervalUpdate.js

@@ -0,0 +1,24 @@
+// 定时刷新
+const intervalUpdate=  {
+    data: function () {
+        return {
+            intervalUpdateTimer:null
+        }
+    },
+    beforeDestroy() {
+        console.log('销毁之前 清空定时器')
+        if( this.intervalUpdateTimer) {
+            window.clearInterval(this.intervalUpdateTimer)
+            this.intervalUpdateTimer = null
+        }
+    },
+    methods:{
+        updateInterval: function (cn,time=10000) {
+            window.clearInterval(this.intervalUpdateTimer)
+            this.intervalUpdateTimer = null
+            this.intervalUpdateTimer = window.setInterval(cn,time)
+        }
+    }
+
+}
+export default intervalUpdate

src/views/ems/dzjk/sbjk/pcs/index.vue

@@ -51,10 +51,11 @@
 import RealTimeBaseInfo from "./../RealTimeBaseInfo.vue";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import {getRunningHeadInfo,getPcsDetailInfo} from '@/api/ems/dzjk'
+import intervalUpdate from "@/mixins/ems/intervalUpdate";
 export default {
   name:'DzjkSbjkPcs',
   components:{RealTimeBaseInfo},
-  mixins:[getQuerySiteId],
+  mixins:[getQuerySiteId,intervalUpdate],
   data() {
     return {
       loading:false,
@@ -150,9 +151,13 @@ export default {
         this.pcsList = JSON.parse(JSON.stringify(data))
       }).finally(()=>this.loading = false)
     },
-    init(){
+    updateData(){
       this.getRunningHeadData()
       this.getPcsList()
+    },
+    init(){
+      this.updateData()
+      this.updateInterval(this.updateData,5000)
     }
   },
 

src/views/ems/dzjk/sbjk/ssyx/index.vue

@@ -34,11 +34,12 @@ import DcpjwdChart from './DcpjwdChart.vue'
 import DcpjsocChart from './DcpjsocChart.vue'
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import {getRunningHeadInfo} from '@/api/ems/dzjk'
+import intervalUpdate from "@/mixins/ems/intervalUpdate";
 
 export default {
   name:'DzjkSbjkSsyx',
   components:{RealTimeBaseInfo,CnglqxChart,PocpjwdChart,DcpjwdChart,DcpjsocChart},
-  mixins:[getQuerySiteId],
+  mixins:[getQuerySiteId,intervalUpdate],
   data() {
     return {
       runningHeadData:{},//运行信息
@@ -51,15 +52,18 @@ export default {
         this.runningHeadData = response?.data || {}
       })
     },
+    updateData(){
+      this.$refs.cnglqx.init(this.siteId)
+      this.$refs.pocpjwd.init(this.siteId)
+      this.$refs.dcpjsoc.init(this.siteId)
+      this.$refs.dcpjwd.init(this.siteId)
+    },
     init(){
       this.getRunningHeadData()
       this.$nextTick(()=>{
-        this.$refs.cnglqx.init(this.siteId)
-        this.$refs.pocpjwd.init(this.siteId)
-        this.$refs.dcpjsoc.init(this.siteId)
-        this.$refs.dcpjwd.init(this.siteId)
+        this.updateData()
+        this.updateInterval(this.updateData)
       })
-
     }
   }