设备监控-点位清单

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

@@ -18,7 +18,7 @@
       >
         <div slot="header">
           <span class="large-title"
-            >{{ pcsIndex + 1 }}#{{ pcsItem.deviceName }}</span
+            >{{ pcsItem.deviceName }}</span
           >
           <div class="info">
             <div>
@@ -31,6 +31,7 @@
             <div>数据更新时间：{{ pcsItem.dataUpdateTime }}</div>
           </div>
           <div class="alarm">
+            <el-button type="primary" size="small" style="margin-right:20px;" @click="pointDetail(pcsItem)">详细</el-button>
             <el-badge :value="pcsItem.alarmNum || 0" class="item">
               <i
                 class="el-icon-message-solid"
@@ -170,18 +171,20 @@
     </div>
     <el-empty v-show="pcsList.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 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, pointChart },
+  components: { RealTimeBaseInfo, pointChart ,PointTable},
   mixins: [getQuerySiteId, intervalUpdate],
   data() {
     return {
@@ -269,6 +272,11 @@ export default {
     };
   },
   methods: {
+    // 查看设备电位表格
+    pointDetail(row){
+      const {siteId,deviceId} = row
+      this.$refs.pointTable.showTable({siteId,deviceId,deviceCategory:'PCS'})
+    },
     showChart(pointName, deviceId,isBranch=false) {
       pointName &&
         this.$refs.pointChart.showChart({ pointName,deviceCategory:isBranch ? 'BRANCH' : 'PCS', deviceId });