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

whyczyk

2021-10-13 a355aafef5a635bd31a701127cea097338cee0a7

 src/components/charts/AcInputWarp.vue

@@ -1,15 +1,15 @@
<template>
   <div class="chartCon" @click="toParentPage">
      <div class="chartItem">
   <div class="chartCon">
      <div class="chartItem" @click="clickItem('熔丝告警')">
         <ac-input id="AcInput0" ref="AcInput0"></ac-input>
      </div>
      <div class="chartItem">
      <div class="chartItem" @click="clickItem('跳闸')">
         <ac-input id="AcInput1" ref="AcInput1"></ac-input>
      </div>
      <div class="chartItem">
      <div class="chartItem" @click="clickItem('频率异常')">
         <ac-input id="AcInput2" ref="AcInput2"></ac-input>
      </div>
      <div class="chartItem">
      <div class="chartItem" @click="clickItem('三相不平衡')">
         <ac-input id="AcInput3" ref="AcInput3"></ac-input>
      </div>
   </div>
@@ -18,6 +18,7 @@
<script>
import AcInput from './AcInput.vue'
import { WebSocketClass } from '@/assets/js/socket'
import { checkboxs } from '@/assets/js/powerInfoData'
export default {
   components: {
      AcInput
@@ -31,18 +32,27 @@

   },
   methods: {
      toParentPage() {
         window.parent.parent.postMessage({
            cmd: "syncPage",
            params: {
               pageInfo: {
                  label: "电源实时告警",
                  name: "powerRealtimeInfo",
                  src: "#/powerRealtimeInfo",
                  closable: true
               },
      toParentPage(value) {
         if (typeof (value) == 'string') {
            window.parent.parent.postMessage({
               cmd: "syncPage",
               params: {
                  pageInfo: {
                     label: "电源实时告警",
                     name: "powerRealtimeInfo",
                     src: '#/powerRealtimeInfo/?alarmType=' + value,
                     closable: true
                  },
               }
            }, "*");
         }
      },
      clickItem(name) {
         checkboxs.jlsr.map(item => {
            if (item.label == name) {
               this.toParentPage(item.value)
            }
         }, "*");
         })
      },
      setData(data) {
         this.$nextTick(() => {