From a355aafef5a635bd31a701127cea097338cee0a7 Mon Sep 17 00:00:00 2001 From: whyczyk <525500596@qq.com> Date: 星期三, 13 十月 2021 14:55:22 +0800 Subject: [PATCH] 图形跳转对应参数界面功能 --- src/components/charts/triangleBarChart.vue | 37 ++++++++++++++++++++++++------------- 1 files changed, 24 insertions(+), 13 deletions(-) diff --git a/src/components/charts/triangleBarChart.vue b/src/components/charts/triangleBarChart.vue index ae7fbe5..0b8d409 100644 --- a/src/components/charts/triangleBarChart.vue +++ b/src/components/charts/triangleBarChart.vue @@ -1,5 +1,5 @@ <template> - <div class="echarts-wrapper" @click="toParentPage"> + <div class="echarts-wrapper"> <div class="echarts-content" ref="chart"> </div> @@ -13,6 +13,7 @@ chartFontsize } from '@/assets/js/chartFontsize' import { WebSocketClass } from '@/assets/js/socket' +import { checkboxs } from '@/assets/js/powerInfoData' export default { name: "triangleBarChart", chart: "", @@ -30,21 +31,31 @@ } }, 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 + }, + } + }, "*"); + } }, setOption(opt) { this.$options.chart.setOption(opt); + this.$options.chart.on('click', (params) => { + let name = params.name; + checkboxs.dcz.map(item => { + if (item.label == name) { + this.toParentPage(item.value) + } + }) + }) }, organizeData(data) { let inData = [] -- Gitblit v1.9.1