界面打包

train-web/src/pages/train/controller/DrawTrack.ts

@@ -1,5 +1,5 @@
 import {crtPath} from '../core/Utils'
-import {DirectionEnum, RouteItem, SectionStatusEnum, SelectionItem, SignalItem, SignalStateEnum, SwitchItem, TowardEnum} from "@/types/train-travel";
+import {DirectionEnum, RouteItem, SectionStatusEnum, SelectionItem, SignalItem, SwitchItem, TowardEnum} from "@/types/train-travel";
 import {LINE_DOWN, LINE_UP} from './Constant'
 import {useStoreSocket} from '@/store/socket'
 
@@ -125,7 +125,7 @@ export class DrawTrack {
       this.canvas.closePath()
       this.canvas.stroke();
       this.canvas.save();
-      if (!item.isSwitch && (item.name.indexOf("-") == -1 || item.name.split("-")[1] == "2")) {
+      if (!item.switch && (item.name.indexOf("-") == -1 || item.name.split("-")[1] == "2")) {
         this.canvas.font = '12px Arial';
         this.canvas.fillStyle = '#31355d';
         this.canvas.fillText(item.name.split("-")[0], Number(item.startKilometer) + Number(item.selectionLength) * 0.5, Y - 3);

train-web/src/pages/train/index.vue

@@ -8,7 +8,6 @@ import {DrawTrack} from './controller/DrawTrack'
 import {DrewTrain} from './controller/DrewTrain.ts'
 import {StoreTrain} from '@/store/modules/train.ts'
 import {useStoreSocket} from '@/store/socket'
-import {TrainItem} from "@/types/train-travel";
 
 const canvasRef = ref<HTMLCanvasElement>();
 const storeTrain = StoreTrain();

train-web/src/router/index.ts

@@ -25,45 +25,6 @@ const routes = [
                 component: () => import("@/pages/situation/index.vue")
             }
         ],
-    }, {
-        path: '/demo',
-        redirect: "/demo/hello",
-        children: [
-            {
-                path: '/demo/clothes',
-                component: () => import('@/pages/clothes/index.vue'),
-            }, {
-                path: '/demo/hello',
-                component: () => import('@/pages/demo/examples/HelloWorld.vue'),
-            }, {
-                path: '/demo/MatrixOfCanvas',
-                component: () => import('@/pages/demo/examples/MatrixOfCanvas.vue'),
-            }, {
-                path: '/demo/Camera',
-                component: () => import('@/pages/demo/examples/Camera.vue'),
-            }, {
-                path: '/demo/Img',
-                component: () => import('@/pages/demo/examples/Img.vue'),
-            }, {
-                path: '/demo/Img2D',
-                component: () => import('@/pages/demo/examples/Img2D.vue'),
-            }, {
-                path: '/demo/Group',
-                component: () => import('@/pages/demo/examples/Group.vue'),
-            }, {
-                path: '/demo/Scene',
-                component: () => import('@/pages/demo/examples/Scene.vue'),
-            }, {
-                path: '/demo/OrbitControler',
-                component: () => import('@/pages/demo/examples/OrbitControler.vue'),
-            }, {
-                path: '/demo/ImgControler',
-                component: () => import('@/pages/demo/examples/ImgControler.vue'),
-            }, {
-                path: '/demo/Text2D',
-                component: () => import('@/pages/demo/examples/Text2D.vue'),
-            }
-        ]
     }, {
         path: "/:pathMatch(.*)*",
         component: () => import("@/pages/404.vue"),

train-web/src/store/socket.ts

@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
 import SocketClient from "@/types/WebSocketClient";
-import { CommandEnum, RouteItem, SelectionItem, TrainItem } from '@/types/train-travel'
+import { CommandEnum, RouteItem, TrainItem } from '@/types/train-travel'
 
 interface WebSocketState {
   client: SocketClient<string> | null;
@@ -42,8 +42,8 @@ export const useStoreSocket = defineStore("websocket", {
               // 进路状态信息
               const routeMap: Map<number, RouteItem[]> = result.data as Map<number, RouteItem[]>;
               const routeList: RouteItem[] = Array.from(Object.values(routeMap)).flatMap(routeItems => routeItems);
-              const ids: number[] = routeList.map(routeItem => routeItem.id);
-              this.routeList = [...this.routeList.filter(item => !ids.includes(item.id)), ...routeList];
+              const ids: number[] = routeList.map(routeItem => routeItem.sectionId);
+              this.routeList = [...this.routeList.filter(item => !ids.includes(item.sectionId)), ...routeList];
               break;
             default:
               console.log("未知的消息类型：" + result.cmd + ", message: " + data);