优化哨兵界面布局与数据展示-事件中心

src/views/SenEventCenter.vue

@@ -26,9 +26,9 @@
 				</div>
 			</div>
       <div class="list_tit">事件分析</div>
-      <div class="sj_fx" ref="sjfx"></div>
+      <div class="event_analyze" ref="eventAnalyze"></div>
       <div class="list_tit">企业分析</div>
-      <div class="qy_fx" ref="qyfx"></div>
+      <div class="enterprise_analyze" ref="enterpriseAnalyze"></div>
 		</div>
 		<div class="con_right">
 <!--			<div class="list_tit list_tit2">应急中心<i>发起应急事件</i></div>-->
@@ -134,8 +134,8 @@
 			setTimeout(() => {
 				this.title = '四平市智慧哨兵监管平台'
 			}, 1000);
-      this.sjfxChart();
-      this.qyfxChart();
+      this.eventAnalyzeChart();
+      this.enterpriseAnalyzeChart();
 		},
 		data() {
 			return {
@@ -188,8 +188,8 @@
 		},
 		methods: {
       //事件分析
-      sjfxChart() {
-        const chartDom = this.$refs.sjfx;
+      eventAnalyzeChart() {
+        const chartDom = this.$refs.eventAnalyze;
         const myChart = echarts.init(chartDom);
         this.option = {
           tooltip: {
@@ -282,8 +282,8 @@
 
       },
       //企业分析
-      qyfxChart() {
-        const chartDom = this.$refs.qyfx;
+      enterpriseAnalyzeChart() {
+        const chartDom = this.$refs.enterpriseAnalyze;
         const myChart = echarts.init(chartDom);
         this.option =  {
           tooltip: {
@@ -680,11 +680,11 @@
     left: 11px;
   }
   //图表事件分析
-  .sj_fx {
+  .event_analyze {
     width: 100%;
     height: 20vh;
   }
-  .qy_fx {
+  .enterprise_analyze {
     width: 100%;
     height: 20vh;
   }