feat(管理后台): 新增线路编辑器拖拽平移并修复代理下Socket连接问题

调整socket.io传输顺序优先使用轮询以适配代理服务器，新增可视化线路编辑器拖拽平移功能，修复多处CSS布局问题并更新静态资源缓存版本。
2026-06-21 11:21:09 +08:00
parent 7fea8807b8
commit b1cb84f736
5 changed files with 86 additions and 10 deletions
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="zh-CN">
 <!-- 充满未知和不稳定的票务系统！ -->

@@ -7,7 +7,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FSE铁路票务系统控制台</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
-    <link rel="stylesheet" href="style.css?v=13">
+    <link rel="stylesheet" href="style.css?v=14">
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <script src="/socket.io/socket.io.js"></script>
 </head>
@@ -293,8 +293,12 @@
                            </div>

                            <!-- 可视化线路编辑-->
-                            <div class="visual-line-container">
-                                <svg width="100%" height="200"
+                            <div class="visual-line-container"
+                                ref="visualLineViewport"
+                                :class="{ 'is-panning': lineViewportPan.active }"
+                                @mousedown="startLineViewportPan"
+                                @mousemove="moveLineViewportPan">
+                                <svg :width="lineEditorSvgWidth" height="200"
                                    v-if="selectedLine.stations && selectedLine.stations.length > 0">
                                    <!--站点连接线-->
                                    <line x1="50" y1="100" :x2="50 + (selectedLine.stations.length - 1) * 120" y2="100"
@@ -929,7 +933,7 @@
    </div>
    <script src="/custom-dialog.js?v=12"></script>
    <script src="/public-status.js?v=13"></script>
-    <script src="index.js?v=3"></script>
+    <script src="index.js?v=5"></script>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const isDomain = location.hostname.includes('fse-media.group');