diff --git a/web/ticket-route.html b/web/ticket-route.html
index 126c402..c2d6334 100644
--- a/web/ticket-route.html
+++ b/web/ticket-route.html
@@ -223,8 +223,13 @@
                             </div>
 
                             <!-- 可视化线路编辑-->
-                            <div class="visual-line-container">
-                                <svg width="100%" height="200"
+                            <div class="visual-line-container" ref="visualLineContainer"
+                                :class="{ 'is-panning': isPanning }"
+                                @mousedown="onPanStart"
+                                @mousemove="onPanMove"
+                                @mouseup="onPanEnd"
+                                @mouseleave="onPanEnd">
+                                <svg :style="{ minWidth: '100%', width: Math.max(100, 50 + selectedLine.stations.length * 120 + 50) + 'px' }" height="200"
                                     v-if="selectedLine.stations && selectedLine.stations.length > 0">
                                     <!--站点连接线-->
                                     <line x1="50" y1="100" :x2="50 + (selectedLine.stations.length - 1) * 120" y2="100"
@@ -602,7 +607,7 @@
     </div>
     <script src="/custom-dialog.js?v=11"></script>
     <script src="/public-status.js?v=14"></script>
-    <script src="ticket-route.js?v=5"></script>
+    <script src="ticket-route.js?v=6"></script>
     <script>
         document.addEventListener('DOMContentLoaded', () => {
             const isDomain = location.hostname.includes('fse-media.group');
diff --git a/web/ticket-route.js b/web/ticket-route.js
index 387be11..034e551 100644
--- a/web/ticket-route.js
+++ b/web/ticket-route.js
@@ -497,6 +497,33 @@ createApp({
             await saveDragResult();
         };
 
+        /* 画布平移*/
+        const visualLineContainer = ref(null);
+        const isPanning = ref(false);
+        const panStartX = ref(0);
+        const panScrollLeft = ref(0);
+
+        const onPanStart = (e) => {
+            if (e.button !== 0) return; 
+            if (e.target.closest && e.target.closest('.station-node')) return;
+            isPanning.value = true;
+            panStartX.value = e.clientX;
+            if (visualLineContainer.value) {
+                panScrollLeft.value = visualLineContainer.value.scrollLeft;
+            }
+        };
+
+        const onPanMove = (e) => {
+            if (!isPanning.value || !visualLineContainer.value) return;
+            e.preventDefault(); 
+            const dx = e.clientX - panStartX.value;
+            visualLineContainer.value.scrollLeft = panScrollLeft.value - dx;
+        };
+
+        const onPanEnd = () => {
+            isPanning.value = false;
+        };
+
         /* 订单管理 */
         const fetchOrders = async () => {
             try {
@@ -1032,6 +1059,7 @@ createApp({
             handleStationClick, isStationSelected,
             onStationDragStart, onStationDragOver, onStationDrop, draggingStationIndex,
             onStationTouchStart,
+            visualLineContainer, isPanning, onPanStart, onPanMove, onPanEnd,
             showStationModal, stationForm, stationFormOriginalCode, transferTargets, saveStationSettings, closeStationModal,
             showLineModal, lineForm, openLineModal, saveLineSettings, closeLineModal,