多次点击问题bug

src/views/modules/census/census-accountList.vue

@@ -123,7 +123,7 @@
 		<el-dialog :title="title" :visible.sync="dialogVisible" v-if="dialogVisible" width="50%" :before-close="handleClose">
 			<div
 				style=" text-align: right;
-    margin-top: -30px;
+    margin-top: -10px;
     margin-bottom: 10px;"
 			>
 				<el-button size="small" v-if="orgType == 'community'" class="diy-button--output" @click="handleExport()">导出</el-button>
@@ -592,7 +592,7 @@ export default {
 						}
 					},
 					min: 0,
-					max:1000,
+					max: 1000
 				},
 				series: [
 					{
@@ -601,13 +601,13 @@ export default {
 						type: 'bar',
 						itemStyle: {
 							color: 'rgb(33, 149, 254)',
-							borderRadius: [4, 4, 0, 0],
+							borderRadius: [4, 4, 0, 0]
 						}
 					}
 				]
 			};
 			if (chartData.data.length > 0) {
-				this.pieOption.yAxis.max=null
+				this.pieOption.yAxis.max = null;
 			}
 			this.$refs.pieChart.setOption(this.pieOption);
 		},
@@ -719,5 +719,4 @@ export default {
 		flex: 1;
 	}
 }
-
 </style>

src/views/modules/census/chart.vue

@@ -1,6 +1,5 @@
 <template>
-  <div class="screenEchartsFrame"
+	<div class="screenEchartsFrame" ref="screenEchartsFrame"></div>
-       ref="screenEchartsFrame"></div>
 </template>
 
 <script>
@@ -10,7 +9,7 @@ export default {
 	data() {
 		return {
 			myChart: ''
-    }
+		};
 	},
 	props: {
 		chartMethod: {
@@ -18,50 +17,51 @@ export default {
 		}
 	},
 	mounted() {
-    this.initChart()
+		this.initChart();
 		window.onresize = () => {
-      this.myChart.resize()
+			this.myChart.resize();
-    }
+		};
 	},
 	beforeDestroy() {
 		// 销毁echarts实例对象
-    if (this.myChart) this.myChart.dispose()
+		if (this.myChart) this.myChart.dispose();
 	},
 	watch: {},
 	methods: {
 		initChart() {
 			this.$nextTick(() => {
-        const dom = this.$refs.screenEchartsFrame
+				const dom = this.$refs.screenEchartsFrame;
-        this.myChart = echarts.init(dom)
+				this.myChart = echarts.init(dom);
 				// this.myChart.setOption(this.chartMethod())
-        this.$emit('myChartMethod', this.myChart)
+				this.$emit('myChartMethod', this.myChart);
-      })
+			});
 		},
 		// 配置option
 		setOption(option) {
-      this.myChart.setOption(option)
+			this.myChart.setOption(option);
-     let than = this
+			let than = this;
+			this.myChart.off('click');
 			this.myChart.on('click', function(param) {
-        than.$emit('handelClickMyPei',param)
+				than.$emit('handelClickMyPei', param);
-				})
+			});
 		},
 		// 获取option
 		getOption() {
 			if (this.myChart) {
-        return this.myChart.getOption()
+				return this.myChart.getOption();
 			} else {
-        return null
+				return null;
 			}
 		},
 		//
 		resize() {
 			if (this.myChart) {
-        this.myChart.resize()
+				this.myChart.resize();
 			}
 		},
 		clear() {
 			if (this.myChart) {
-        this.myChart.clear()
+				this.myChart.clear();
 			}
 		},
 		showLoading() {
@@ -73,86 +73,86 @@ export default {
 						textColor: '#29cdff',
 						maskColor: 'rgba(255, 255, 255, 0)',
 						zlevel: 0
-          })
+					});
-        })
+				});
 			}
 		},
 		hideLoading() {
 			if (this.myChart) {
-        this.myChart.hideLoading()
+				this.myChart.hideLoading();
 			}
 		},
 		// 启动动画时使用
 		tooltipAnimate(chart, length) {
 			// 清除上一次动画
-      this.timeTicket && clearInterval(this.timeTicket)
+			this.timeTicket && clearInterval(this.timeTicket);
-      const count = 0
+			const count = 0;
 			// 启动动画
-      this._action(chart, count, length)
+			this._action(chart, count, length);
 			chart && // 移除动画
 				chart.on('mouseover', params => {
-          this._cleanAction(chart, params)
+					this._cleanAction(chart, params);
-        })
+				});
 			// 重写启动动画
 			chart &&
 				chart.on('mouseout', () => {
-          this._action(chart, count, length)
+					this._action(chart, count, length);
-        })
+				});
 		},
 		// tooltip动画action
 		_action(chart, count, length) {
-      this.timeTicket && clearInterval(this.timeTicket)
+			this.timeTicket && clearInterval(this.timeTicket);
 			this.timeTicket = setInterval(() => {
 				if (!chart) {
-          clearInterval(this.timeTicket)
+					clearInterval(this.timeTicket);
-          return
+					return;
 				}
 				chart &&
 					chart.dispatchAction({
 						type: 'downplay',
 						seriesIndex: 0
-          })
+					});
 				chart &&
 					chart.dispatchAction({
 						type: 'highlight',
 						seriesIndex: 0,
 						dataIndex: count % length
-          })
+					});
 				chart &&
 					chart.dispatchAction({
 						type: 'showTip',
 						seriesIndex: 0,
 						dataIndex: count % length
-          })
+					});
-        count++
+				count++;
-      }, 1000 * 3)
+			}, 1000 * 3);
 		},
 		_cleanAction(chart, params) {
-      this.timeTicket && clearInterval(this.timeTicket)
+			this.timeTicket && clearInterval(this.timeTicket);
 			if (!chart) {
-        clearInterval(this.timeTicket)
+				clearInterval(this.timeTicket);
-        return
+				return;
 			}
 			chart &&
 				chart.dispatchAction({
 					type: 'downplay',
 					seriesIndex: 0
-        })
+				});
 			chart &&
 				chart.dispatchAction({
 					type: 'highlight',
 					seriesIndex: 0,
 					dataIndex: params.dataIndex
-        })
+				});
 			chart &&
 				chart.dispatchAction({
 					type: 'showTip',
 					seriesIndex: 0,
 					dataIndex: params.dataIndex
-        })
+				});
-    }
 		}
 	}
+};
 </script>
 
 <style lang="scss" scoped>