package.json

@@ -10,14 +10,11 @@
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
     "axios": "^1.13.6",
-    "china-map-geojson": "^1.0.4",
     "core-js": "^3.8.3",
     "echarts": "^5.6.0",
-    "echarts-gl": "^2.0.9",
     "element-ui": "^2.15.14",
     "konva": "^10.2.0",
     "swiper": "^5.4.5",
-    "three": "^0.183.1",
     "vue": "^2.6.14",
     "vue-awesome-swiper": "^4.1.1",
     "vue-router": "^3.6.5",

src/components/TongzhouTrafficMap.vue

@@ -36,7 +36,7 @@
         </div>
       </div>
     </div>
-    <div class="legend-show-btn" v-if="(!mode || mode === '路口') && !legendVisible" @click="toggleLegend" :style="legendShowBtnStyle">
+    <div class="legend-show-btn" v-if="(!mode || mode === '路口') && !legendVisible" @click="toggleLegend" :style="legendShowBtnStyle" title="显示图例">
       <div class="legend-show-icon">☰</div>
     </div>
 
@@ -1960,8 +1960,8 @@ export default {
   position: absolute;
   bottom: 30px;
   right: 20px;
-  background: rgba(5, 22, 45, 0.9);
-  border: 1px solid #1e4d8e;
+  background: rgba(30, 86, 168, 0.92);
+  border: 1px solid #5892ff;
   width: 40px;
   height: 40px;
   border-radius: 6px 0 0 6px;
@@ -1970,16 +1970,18 @@ export default {
   align-items: center;
   cursor: pointer;
   z-index: 99;
+  box-shadow: 0 0 12px rgba(88, 146, 255, 0.7);
   transition: all 0.3s ease-in-out;
 }
 
 .legend-show-btn:hover {
-  background: rgba(10, 30, 60, 0.9);
-  border-color: #3a75c4;
+  background: rgba(58, 117, 196, 0.95);
+  border-color: #8db4ff;
+  box-shadow: 0 0 16px rgba(88, 146, 255, 0.9);
 }
 
 .legend-show-icon {
-  color: #8da6c7;
+  color: #ffffff;
   font-size: 18px;
   transition: color 0.3s;
 }

src/router/index.js

@@ -1,14 +1,17 @@
 import Vue from "vue";
 import Router from "vue-router";
 
+// 登录页是首个落地页，同步加载以保证首屏即时呈现；
+// 其余页面按需懒加载，拆分为独立 chunk，避免首屏下载全站代码。
 import Login from "@/views/Login.vue";
-import Home from "@/views/Home.vue";
-import Main from "@/views/Main.vue";
-import StatusMonitoring from "@/views/StatusMonitoring.vue";
-import SpecialSituationMonitoring from "@/views/SpecialSituationMonitoring.vue";
-import DataAnalysis from "@/views/DataAnalysis.vue";
-import TrunkCoordination from "@/views/TrunkCoordination.vue";
-import NotFound from "@/views/NotFound.vue";
+
+const Main = () => import(/* webpackChunkName: "main" */ "@/views/Main.vue");
+const Home = () => import(/* webpackChunkName: "home" */ "@/views/Home.vue");
+const DataAnalysis = () => import(/* webpackChunkName: "watch" */ "@/views/DataAnalysis.vue");
+const StatusMonitoring = () => import(/* webpackChunkName: "surve" */ "@/views/StatusMonitoring.vue");
+const SpecialSituationMonitoring = () => import(/* webpackChunkName: "security" */ "@/views/SpecialSituationMonitoring.vue");
+const TrunkCoordination = () => import(/* webpackChunkName: "trunk" */ "@/views/TrunkCoordination.vue");
+const NotFound = () => import(/* webpackChunkName: "not-found" */ "@/views/NotFound.vue");
 
 Vue.use(Router);
 
@@ -25,4 +28,4 @@ export default new Router({
     { path: "/trunk", component: TrunkCoordination },
     { path: "*", component: NotFound },
   ]
-});
+});

vue.config.js

@@ -5,6 +5,7 @@ const { defineConfig } = require('@vue/cli-service')
 const BRAND_TITLE = process.env.VUE_APP_BRAND_TITLE || '交通信号控制平台—灵•智'
 
 module.exports = defineConfig({
+  productionSourceMap: false,
   transpileDependencies: true,
   lintOnSave: false,
   chainWebpack: config => {