设备监控-点位清单

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

@@ -8,7 +8,10 @@
         'running-card-container':baseInfo.workStatus === '0'
       }">
         <div slot="header">
-          <span class="large-title">{{index+1}}#{{baseInfo.parentDeviceName?`${baseInfo.parentDeviceName} —> ` : ''}}{{baseInfo.deviceName}}</span>
+          <span class="large-title">{{baseInfo.parentDeviceName?`${baseInfo.parentDeviceName} —> ` : ''}}{{baseInfo.deviceName}}</span>
+          <div class="alarm">
+            <el-button type="primary" size="small" style="margin-right:20px;" @click="pointDetail(baseInfo)">详细</el-button>
+          </div>
         </div>
           <div class="descriptions-main">
             <el-descriptions direction="vertical" :column="3" :colon="false">
@@ -80,19 +83,21 @@
     </div>
     <el-empty v-show="baseInfoList.length<=0" :image-size="200"></el-empty>
     <point-chart ref="pointChart" :site-id="siteId"/>
+    <point-table ref="pointTable"/>
   </div>
 
 </template>
 
 <script>
 import pointChart from "./../PointChart.vue";
+import PointTable from "@/views/ems/site/sblb/PointTable.vue";
 import {getBMSBatteryCluster} from '@/api/ems/dzjk'
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import intervalUpdate from "@/mixins/ems/intervalUpdate";
 export default {
   name:'DzjkSbjkBmsdcc',
   mixins:[getQuerySiteId,intervalUpdate],
-  components:{pointChart},
+  components:{PointTable, pointChart},
   data() {
     return {
       loading:false,
@@ -127,6 +132,11 @@ export default {
     }
   },
   methods:{
+    // 查看设备电位表格
+    pointDetail(row){
+      const {siteId,deviceId} = row
+      this.$refs.pointTable.showTable({siteId,deviceId,deviceCategory:'CLUSTER'})
+    },
     showChart(pointName,deviceId){
       pointName && this.$refs.pointChart.showChart({pointName,deviceCategory:'CLUSTER',deviceId})
     },