From e42792bc570f0aad4309412d540b873e73002db7 Mon Sep 17 00:00:00 2001
From: WenShiJun <piratecaptain37@aliyun.com>
Date: Thu, 4 Jul 2024 11:18:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=94=E6=80=A5=E6=95=91=E6=8F=B4=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E5=8C=85=E7=BB=93=E6=9E=84=E6=96=B0=E5=A2=9Ev2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/electricity/acceptance/index.vue    |   1 -
 .../linechart.vue                             | 131 ++++++++++++++++++
 src/views/emergen_cyrescue(应急救援)/info.vue |   0
 3 files changed, 131 insertions(+), 1 deletion(-)
 create mode 100644 src/views/emergen_cyrescue(应急救援)/emergency_information(应急基本信息系统)/linechart.vue
 create mode 100644 src/views/emergen_cyrescue(应急救援)/info.vue

diff --git a/src/views/electricity/acceptance/index.vue b/src/views/electricity/acceptance/index.vue
index c4be3f9..a60a800 100644
--- a/src/views/electricity/acceptance/index.vue
+++ b/src/views/electricity/acceptance/index.vue
@@ -28,7 +28,6 @@ export default {
     }
   }
 }
-</script>
 
 <style scoped>
 </style>
diff --git a/src/views/emergen_cyrescue(应急救援)/emergency_information(应急基本信息系统)/linechart.vue b/src/views/emergen_cyrescue(应急救援)/emergency_information(应急基本信息系统)/linechart.vue
new file mode 100644
index 0000000..5ff72af
--- /dev/null
+++ b/src/views/emergen_cyrescue(应急救援)/emergency_information(应急基本信息系统)/linechart.vue
@@ -0,0 +1,131 @@
+<template>
+  <div :class="className"/>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import resize from './mixins/resize'
+
+export default {
+  mixins: [resize],
+  props: {
+    refName: {
+      type: String,
+      default: 'chart'
+    },
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '365px'
+    },
+    smooth: {
+      type: Boolean,
+      default: true
+    },
+    autoResize: {
+      type: Boolean,
+      default: true
+    },
+    chartData: {
+      type: Object,
+      required: true
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  // watch: {
+  //   chartData: {
+  //     deep: true,
+  //     handler(val) {
+  //       // this.setOptions(val)
+  //     }
+  //   }
+  // },
+  mounted() {
+    this.$nextTick(() => {
+      this.initChart()
+    })
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
+      this.renewOption(this.chartData)
+    },
+    renewOption(chart_data) {
+      var series = []
+      for (let i = 0; i < chart_data.legend.length; i++) {
+        series[i] = {
+          name: chart_data.legend[i], itemStyle: {
+            normal: {
+              color: chart_data.color[i],
+              lineStyle: {
+                color: chart_data.color[i],
+                width: 2
+              }
+            }
+          },
+          smooth: this.smooth,
+          type: 'line',
+          data: chart_data.dataY[i],
+          animationDuration: 2800,
+          animationEasing: 'cubicInOut'
+        }
+      }
+      this.setOptions(series)
+    },
+    setOptions(series) {
+      this.chart.setOption({
+        xAxis: {
+          data: this.chartData.dataX,
+          type: 'category',
+          axisLabel: {
+            // x轴文字的配置
+            show: true,
+            interval: 0// 使x轴文字显示全
+          }
+        },
+        grid: {
+          left: 10,
+          right: 10,
+          bottom: 20,
+          top: 30,
+          containLabel: true
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          },
+          padding: [5, 10]
+        },
+        yAxis: {
+          axisTick: {
+            show: false
+          }
+        },
+        legend: {
+          data: this.chartData.legend
+        },
+        series: series
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/emergen_cyrescue(应急救援)/info.vue b/src/views/emergen_cyrescue(应急救援)/info.vue
new file mode 100644
index 0000000..e69de29