From 141f5538079e8892f84b059499bfdd39bd3d1ad3 Mon Sep 17 00:00:00 2001
From: 23688nl <329261658@qq.com>
Date: Thu, 1 Sep 2022 16:59:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=EF=BC=9A=20=E8=A1=A5?=
 =?UTF-8?q?=E5=85=85=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                       |  6 ++-
 src/components/Echarts/EEchartsBar.vue | 71 ++++++++++++++++++++++++++
 2 files changed, 76 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Echarts/EEchartsBar.vue

diff --git a/.env.development b/.env.development
index cd87f91e..85f0b6e0 100644
--- a/.env.development
+++ b/.env.development
@@ -11,8 +11,12 @@ VUE_CLI_BABEL_TRANSPILE_MODULES = true
 port= 9988
 
 # 服务端地址
+// 陈志荣 本地
  target = http://192.168.18.140:8899
 //target = http://192.168.18.139:8899
 // target = http://192.168.18.136:8899
-//target = http://192.168.10.241:30646
+
+// 测试端
+// target = http://192.168.10.241:32024
+// 开发端
 // target = http://192.168.10.241:30646
diff --git a/src/components/Echarts/EEchartsBar.vue b/src/components/Echarts/EEchartsBar.vue
new file mode 100644
index 00000000..ecd4bbc4
--- /dev/null
+++ b/src/components/Echarts/EEchartsBar.vue
@@ -0,0 +1,71 @@
+<template>
+  <div class="e-echarts-line">
+    <div :id="eId" :style="styles"></div>
+  </div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default {
+  name: "EEchartsBar",
+  props: {
+    eId: {
+      type: String
+    },
+    styles: {
+      type: String
+    },
+    colorList: {
+      type: [Array, String],
+      default: ""
+    },
+    option: {
+      stype: Object,
+      default: {}
+    }
+  },
+  data() {
+    return {
+      chart: null
+    };
+  },
+  created() {
+    this.chart = null;
+  },
+  mounted() {
+    this.drawBar();
+  },
+  methods: {
+    updateEchart() {
+      if (this.chart) {
+        this.chart = null;
+      }
+      this.drawBar();
+    },
+    drawBar() {
+      if (!this.chart) {
+        this.chart = echarts.init(document.getElementById(this.eId));
+      }
+      this.chart.setOption(this.option);
+    }
+  },
+  watch: {
+    option: {
+      handler(val) {
+        if (val) {
+          this.chart = null;
+          this.drawBar();
+        }
+      },
+      deep: true
+    }
+  }
+};
+</script>
+<style lang="scss">
+.e-echarts-line {
+  position: relative;
+  height: 100%;
+  top: 0px;
+  width: 100%;
+}
+</style>