From edba26ba8377814d94b65b4a1a1fe04f0365afc9 Mon Sep 17 00:00:00 2001
From: whyczyk <525500596@qq.com>
Date: 星期一, 18 十月 2021 14:59:41 +0800
Subject: [PATCH] 模块添加双击放大功能
---
src/components/charts/abeamProChart.vue | 38 ++++++++++++++++++++++++++++++++++++--
1 files changed, 36 insertions(+), 2 deletions(-)
diff --git a/src/components/charts/abeamProChart.vue b/src/components/charts/abeamProChart.vue
index 92b6c85..c49f9aa 100644
--- a/src/components/charts/abeamProChart.vue
+++ b/src/components/charts/abeamProChart.vue
@@ -1,5 +1,5 @@
<template>
- <div class="flexCon">
+ <div class="flexCon" @dblclick="dblclick">
<div class="con">
<div class="echarts-wrapper">
<div class="echarts-content" ref="chart">
@@ -35,6 +35,41 @@
}
},
methods: {
+ findParents(node, select) {
+ var parent = node.parentNode;
+ if (parent === null || parent.className.indexOf(select) != -1) {
+ return parent;
+ } else {
+ return this.findParents(parent, select);
+ }
+ },
+ dblclick(e) {
+ this.isAllScreen = !this.isAllScreen
+ let parents = this.findParents(e.currentTarget, 'vdr')
+ if (this.isAllScreen) {
+ this.parentsStyle = JSON.parse(JSON.stringify(parents.style));
+ parents.style.transform = 'none';
+ parents.style.width = '100%';
+ parents.style.height = '100%';
+ parents.style.position = 'fixed';
+ parents.style.left = 0;
+ parents.style.right = 0;
+ parents.style.bottom = 0;
+ parents.style.top = 0;
+ parents.style.zIndex = 99999;
+ } else {
+ parents.style.transform = this.parentsStyle.transform;
+ parents.style.width = this.parentsStyle.width;
+ parents.style.height = this.parentsStyle.height;
+ parents.style.position = this.parentsStyle.position;
+ parents.style.left = 'initial';
+ parents.style.right = 'initial';
+ parents.style.bottom = 'initial';
+ parents.style.top = 'initial';
+ parents.style.zIndex = 'auto';
+ }
+ this.$options.chart.resize();
+ },
toParentPage(value) {
if (typeof (value) == 'string') {
window.parent.parent.postMessage({
@@ -63,7 +98,6 @@
},
organizeData(posData) {
let dataColor = posData.color;
- let bgColor = posData.bgColor;
let yData = posData.yData;
let radius = (this.$refs.chart.clientHeight / 4 - 7) > 0 ? this.$refs.chart.clientHeight / 4 - 7 : 0;
let data = posData.data;
--
Gitblit v1.9.1