引入图导出插件

src/hooks/chart/render.js

@@ -3,11 +3,13 @@
 import {onMounted,ref,nextTick,reactive} from 'vue'
 import {chartDefaultOpts,scatterXAxis,basicYAxis,basicXAxis,leadUnitEnMap,relevanceUnitEnMap} from './config'
 import Highcharts from 'highcharts/highstock';
+import HightchartsExport from 'highcharts/modules/exporting';
 import Boost from 'highcharts/modules/boost'
 import HighchartszhCN  from './highcahrts-zh_CN.js'
 import moment from 'moment'
 import _ from 'lodash';
 HighchartszhCN(Highcharts)
+HightchartsExport(Highcharts)
 Boost(Highcharts)
 
 

src/router/chartETA.js

@@ -6,7 +6,7 @@ export const chartETARoutes=[
         component: () => import("@/views/chartETA/List.vue"),
         meta: { 
             title: "ETA图库",
-            keepAlive:false,
+            keepAlive:true,
             hasBackTop:true,
         },
     },

src/views/chartETA/List.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup name="ChartETAList">
 //ETA图库页面
 import {ref,reactive,watch} from 'vue'
 import { useRouter } from 'vue-router'
@@ -326,7 +326,8 @@ getChartList()
                     @click-input="goSearch"
                 />
                 <div class="lang-icon icon" @click="changeLang">
-                    <img src="@/assets/imgs/chartETA/lang-icon.png" alt="">
+                    <img v-if="currentLang==='CN'" src="@/assets/imgs/chartETA/lang-icon.png" alt="">
+                    <img v-if="currentLang==='EN'" src="@/assets/imgs/chartETA/langEn-icon.png" alt="">
                 </div>
                 <div class="list-icon icon" @click="showCatalog">
                     <img src="@/assets/imgs/chartETA/list-icon.png" alt="">

src/views/chartETA/Search.vue

@@ -53,15 +53,13 @@ function handleSearch(){
 }
 
 function goDetail(item){
-
-    // const routerEl=router.resolve({
-    //     path:"/myETA/chartdetail",
-    //     query:{
-    //         code:item.UniqueCode,
-    //         iscommon:true
-    //     }
-    // })
-    // window.open(routerEl.href,'_blank')
+    router.push({
+        path:'/chartETA/chartdetail',
+        query:{
+            id:item.ChartInfoId,
+            chartType:item.ChartType
+        }
+    })
 }
 
 </script>