定时刷新

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

@@ -69,9 +69,10 @@
 <script>
 import {getBMSBatteryCluster} from '@/api/ems/dzjk'
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
+import intervalUpdate from "@/mixins/ems/intervalUpdate";
 export default {
   name:'DzjkSbjkBmsdcc',
-  mixins:[getQuerySiteId],
+  mixins:[getQuerySiteId,intervalUpdate],
   components:{},
   data() {
     return {
@@ -96,12 +97,15 @@ export default {
     }
   },
   methods:{
-    init(){
+    updateData(){
       this.loading = true
       getBMSBatteryCluster(this.siteId).then(response => {
         this.baseInfoList = JSON.parse(JSON.stringify(response?.data || []));
       }).finally(() => {this.loading = false})
-
+    },
+    init(){
+      this.updateData()
+      this.updateInterval(this.updateData)
     }
   }
 }

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

@@ -108,9 +108,10 @@
 <script>
 import {getBMSOverView} from '@/api/ems/dzjk'
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
+import intervalUpdate from "@/mixins/ems/intervalUpdate";
 export default {
   name:'DzjkSbjkBmszl',
-  mixins:[getQuerySiteId],
+  mixins:[getQuerySiteId,intervalUpdate],
   data() {
     return {
       loading:false,
@@ -129,11 +130,15 @@ export default {
     }
   },
   methods:{
-    init(){
+    updateData(){
-      this.loading=true;
+      this.loading = true
       getBMSOverView(this.siteId).then(response => {
         this.baseInfoList = JSON.parse(JSON.stringify(response?.data || []));
       }).finally(() => {this.loading = false})
+    },
+    init(){
+      this.updateData()
+      this.updateInterval(this.updateData)
     }
 
   }

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

@@ -3,11 +3,10 @@
     <el-card
       shadow="always"
       class="common-card-container"
-      :class="
+      :class="{
-        zbInfo.emsCommunicationStatus !== '0'
+        'zb-common-card-container':zbInfo.emsCommunicationStatus && zbInfo.emsCommunicationStatus !== '0',
-          ? 'zb-common-card-container'
+        'cnb-common-card-container':zbInfo.emsCommunicationStatus === '0'
-          : 'cnb-common-card-container'
+      }"
-      "
     >
       <div slot="header">
         <span class="large-title">1#{{ zbInfo.deviceName }}</span>
@@ -40,11 +39,10 @@
       shadow="always"
       class="common-card-container"
       style="margin-top: 20px"
-      :class="
+      :class="{
-        cnbInfo.emsCommunicationStatus !== '0'
+        'zb-common-card-container':zbInfo.emsCommunicationStatus && zbInfo.emsCommunicationStatus !== '0',
-          ? 'zb-common-card-container'
+        'cnb-common-card-container':zbInfo.emsCommunicationStatus === '0'
-          : 'cnb-common-card-container'
+      }"
-      "
     >
       <div slot="header">
         <span class="large-title">2#{{ cnbInfo.deviceName }}</span>
@@ -77,9 +75,10 @@
 <script>
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import { getAmmeterDataList } from "@/api/ems/dzjk";
+import intervalUpdate from "@/mixins/ems/intervalUpdate";
 export default {
   name: "DzjkSbjkDb",
-  mixins: [getQuerySiteId],
+  mixins: [getQuerySiteId,intervalUpdate],
   data() {
     return {
       loading: false,
@@ -88,7 +87,7 @@ export default {
     };
   },
   methods: {
-    init() {
+    updateData(){
       this.loading = true;
       getAmmeterDataList(this.siteId)
           .then((response) => {
@@ -103,23 +102,33 @@ export default {
             this.loading = false;
           });
     },
+    init() {
+      this.updateData()
+      this.updateInterval(this.updateData)
+    },
   },
   mounted() {},
 };
 </script>
 
 <style scoped lang="scss">
-.zb-common-card-container,
+.common-card-container {
-.cnb-common-card-container {
   ::v-deep {
     .el-card__header {
+      background-color: transparent;
       padding: 10px 14px;
-      background-color: #fc6b69;
       color: #ffffff;
       position: relative;
     }
   }
 }
+.zb-common-card-container{
+  ::v-deep {
+    .el-card__header {
+      background-color: #fc6b69;
+    }
+  }
+}
 .cnb-common-card-container {
   margin-top: 25px;
   ::v-deep {

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

@@ -157,7 +157,7 @@ export default {
     },
     init(){
       this.updateData()
-      this.updateInterval(this.updateData,5000)
+      this.updateInterval(this.updateData)
     }
   },
 

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

@@ -1,7 +1,7 @@
 
 <template>
     <div v-loading="loading">
-      <div class="yl-item-container" :class="{'yl-warn-item-container':item.workMode !== '0'}" v-for="(item,index) in list" :key="index+'ylLise'">
+      <div class="yl-item-container" :class="{'yl-warn-item-container':item.workMode !== '0','yl-normal-item-container':item.workMode === '0'}" v-for="(item,index) in list" :key="index+'ylLise'">
         <div class="header">
           <div class="header-title">{{item.systemName}}</div>
           <div>工作模式：<span class="header-values">{{$store.state.ems.workModeOptions[item.workMode]}}</span></div>
@@ -21,9 +21,10 @@
 <script>
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import {getCoolingDataList} from '@/api/ems/dzjk'
+import intervalUpdate from "@/mixins/ems/intervalUpdate";
 export default {
   name:'DzjkSbjkYl',
-  mixins:[getQuerySiteId],
+  mixins:[getQuerySiteId,intervalUpdate],
   data() {
     return {
       loading:false,
@@ -40,11 +41,15 @@ export default {
     }
   },
   methods:{
-    init(){
+    updateData(){
       this.loading = true
       getCoolingDataList(this.siteId).then(response => {
         this.list =  JSON.parse(JSON.stringify(response?.data || []));
       }).finally(() => {this.loading = false})
+    },
+    init(){
+      this.updateData()
+      this.updateInterval(this.updateData)
     }
   },
   mounted(){
@@ -56,7 +61,6 @@ export default {
 <style scoped lang="scss">
 .yl-item-container{
   border-radius: 5px;
-  background-color: #EBF6F6;
   &:not(:last-child){
     margin-bottom: 25px;
   }
@@ -73,11 +77,9 @@ export default {
       width: 120px;
       height: 40px;
       font-size: 16px;
-      background-color: #05AEA3;
       text-align: center;
     }
     .header-values{
-      color: #05AEA3;
       font-weight: 500;
     }
   }
@@ -113,5 +115,16 @@ export default {
     }
   }
 }
+.yl-normal-item-container{
+  background-color: #EBF6F6;
+  .header{
+    .header-title{
+      background-color: #05AEA3;
+    }
+    .header-values{
+      color: #05AEA3;
+    }
+  }
+}
 
 </style>