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

whyczyk

2021-10-13 a355aafef5a635bd31a701127cea097338cee0a7

 src/components/charts/abeamProChart.vue

@@ -1,5 +1,5 @@
<template>
   <div class="flexCon" @click="toParentPage">
   <div class="flexCon">
      <div class="con">
         <div class="echarts-wrapper">
            <div class="echarts-content" ref="chart">
@@ -17,6 +17,7 @@
   chartFontsize
} from '@/assets/js/chartFontsize'
import { WebSocketClass } from '@/assets/js/socket'
import { checkboxs } from '@/assets/js/powerInfoData'
export default {
   name: "abeamProChart",
   chart: "",
@@ -34,21 +35,33 @@
      }
   },
   methods: {
      toParentPage() {
         window.parent.parent.postMessage({
            cmd: "syncPage",
            params: {
               pageInfo: {
                  label: "设备状态查询",
                  name: "btsStatusTest",
                  src: "#/dataMager/btsStatus",
                  closable: true
               },
            }
         }, "*");
      toParentPage(value) {
         if (typeof (value) == 'string') {
            window.parent.parent.postMessage({
               cmd: "syncPage",
               params: {
                  pageInfo: {
                     label: "设备状态查询",
                     name: "btsStatusTest",
                     src: "#/dataMager/btsStatus?workStauts=" + value,
                     closable: true
                  },
               }
            }, "*");
         }
      },
      setOption(opt) {
         this.$options.chart.setOption(opt);
         this.$options.chart.on('click', (params) => {
            console.log(params)
            let name = params.name;
            checkboxs.sbzt.map(item => {
               if (item.label == name) {
                  console.log(item.value)
                  this.toParentPage(item.value)
               }
            })
         })
      },
      organizeData(posData) {
         let dataColor = posData.color;
@@ -121,7 +134,7 @@
               data: yData
            }],
            series: [{
               name: '金额',
               name: '',
               type: 'bar',
               zlevel: 1,
               itemStyle: {
@@ -135,7 +148,7 @@
               data: data
            },
            {
               "name": "",
               name: '',
               type: 'pictorialBar',
               barCategoryGap: "0%",
               symbolPosition: 'end',
@@ -162,7 +175,7 @@
               data: data
            },
            {
               name: '背景',
               name: '',
               type: 'bar',
               barCategoryGap: "0%",
               barGap: '-100%',