图形跳转对应参数界面功能

whyczyk

2021-10-13 a355aafef5a635bd31a701127cea097338cee0a7

 src/components/indexPanel/InfoPanel.vue

@@ -1,17 +1,17 @@
<template>
   <div class="map-panel-content">
      <div class="content-item content-item-nowrap">
         蓄电池组告警数目：{{info.nums.code}}
         电池实时告警数：{{warnText}}
         <a class="content-detail" href="javascript:;" @click="goBattWarn">详情>></a>
      </div>
      <div class="content-item content-item-nowrap">
         蓄电池组落后数目：{{info.nums.sum}}
         电池单体落后数：{{info.nums.sum}}
         <a class="content-detail" href="javascript:;" @click="goBehind">详情>></a>
      </div>
      <div class="content-item content-item-nowrap">
      <!-- <div class="content-item content-item-nowrap">
         蓄电池组延时数目：{{info.nums.newsum}}
         <a class="content-detail" href="javascript:;" @click="goTimeout">详情>></a>
      </div>
      </div> -->
      <div class="content-item">
         <el-button type="primary" size="mini" @click="goRealTime">实时数据</el-button>
         <el-button type="primary" size="mini" @click="goHistory">历史数据</el-button>
@@ -45,7 +45,8 @@
            nums: {
               code: 0,
               sum: 0,
               newsum: 0
               newsum: 0,
               msg: '0,0'
            }
         }
      }
@@ -113,7 +114,18 @@
      },
      // 跳转到落后机房
      goBehind() {
         this.$layer.msg('该功能暂未开启');
         // this.$layer.msg('该功能暂未开启');
         window.parent.parent.postMessage({
            cmd: "syncPage",
            params: {
               pageInfo: {
                  label: "落后单体查询",
                  name: "taskplan",
                  src: "#/reportStatistics/taskplan",
                  closable: true
               }
            }
         }, "*");
      },
      // 跳转到延时
      goTimeout() {
@@ -156,15 +168,15 @@
         let list = this.info.StationName.split('-');
         return '?province=' + list[0] + '&city=' + list[1] + '&county=' + list[2] + '&home=' + list[3]
      },
      warnText() {
         let warns = this.info.nums.msg.split(",");
         return "未确认:" + (warns[1] || 0) + "   已确认:" + (warns[0] || 0);
      }
   },
}
</script>

<style scoped>
.map-panel-content {
   width: 300px;
}

.content-item {
   padding: 4px;
   font-size: 12px;