设备监控-点位清单

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

@@ -11,7 +11,7 @@
       }"
      >
        <div slot="header">
-         <span class="large-title">{{index+1}}#{{ item.deviceName }}</span>
+         <span class="large-title">{{ item.deviceName }}</span>
          <div class="info">
            <div>
              {{
@@ -22,6 +22,9 @@
            </div>
            <div>数据更新时间：{{ item.dataUpdateTime }}</div>
          </div>
+         <div class="alarm">
+           <el-button type="primary" size="small" style="margin-right:20px;" @click="pointDetail(item)">详细</el-button>
+         </div>
        </div>
        <el-row>
          <el-col v-for="(tempDataItem,tempDataIndex) in deviceIdTypeMsg[item.deviceId]" :key="tempDataIndex+'dbTempData'" :span="8">
@@ -33,6 +36,7 @@
      </el-card>
     <el-empty v-show="list.length<=0" :image-size="200"></el-empty>
     <point-chart ref="pointChart" :site-id="siteId"/>
+    <point-table ref="pointTable"/>
   </div>
 </template>
 
@@ -41,10 +45,11 @@ import pointChart from "./../PointChart.vue";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import { getAmmeterDataList } from "@/api/ems/dzjk";
 import intervalUpdate from "@/mixins/ems/intervalUpdate";
+import PointTable from "@/views/ems/site/sblb/PointTable.vue";
 export default {
   name: "DzjkSbjkDb",
   mixins: [getQuerySiteId,intervalUpdate],
-  components:{pointChart},
+  components:{PointTable, pointChart},
   data() {
     return {
       loading: false,
@@ -140,6 +145,11 @@ export default {
     };
   },
   methods: {
+    // 查看设备电位表格
+    pointDetail(row){
+      const {deviceId} = row
+      this.$refs.pointTable.showTable({siteId:this.siteId,deviceId,deviceCategory:'AMMETER'})
+    },
     showChart(pointName,deviceId){
       pointName && this.$refs.pointChart.showChart({pointName,deviceCategory:'AMMETER',deviceId})
     },