From 6da78f667c6314148a871c07748d42895b65d79c Mon Sep 17 00:00:00 2001
From: wanshenmean <cathay_xy@163.com>
Date: 星期三, 28 一月 2026 15:22:33 +0800
Subject: [PATCH] 前端webpack更改vite
---
Code/WCS/WIDESEAWCS_Client/src/views/charts/chart.vue | 18 +++++++++++++++---
1 files changed, 15 insertions(+), 3 deletions(-)
diff --git a/Code/WCS/WIDESEAWCS_Client/src/views/charts/chart.vue b/Code/WCS/WIDESEAWCS_Client/src/views/charts/chart.vue
index 3b0695a..20383d7 100644
--- a/Code/WCS/WIDESEAWCS_Client/src/views/charts/chart.vue
+++ b/Code/WCS/WIDESEAWCS_Client/src/views/charts/chart.vue
@@ -37,13 +37,23 @@
</div>
</template>
<script>
-let echarts = require("echarts");
import options from "./chartOptions";
+let echarts = null;
let $bar;
let $pie;
let $line;
+
+async function loadEcharts() {
+ if (!echarts) {
+ const module = await import("echarts");
+ echarts = module.default || module;
+ }
+ return echarts;
+}
+
export default {
- mounted() {
+ async mounted() {
+ echarts = await loadEcharts();
$bar = echarts.init(document.getElementById("bar-0001"));
$bar.setOption(this.options.bar);
},
@@ -52,15 +62,17 @@
this.width = document.documentElement.clientWidth - 240;
},
methods: {
- tabClick(name) {
+ async tabClick(name) {
if (name.props.name == "pie") {
if (!$pie) {
+ echarts = await loadEcharts();
$pie = echarts.init(document.getElementById("pie-0001"));
$pie.setOption(this.options.pie);
}
} else if (name.props.name == "line") {
if (!$line) {
+ echarts = await loadEcharts();
$line = echarts.init(document.getElementById("line-0001"));
$line.setOption(this.options.line);
--
Gitblit v1.9.3