From 2292025dcd2a42ecb93b0ad3015be58e7d1fa716 Mon Sep 17 00:00:00 2001
From: caill <815519168@qq.com>
Date: Wed, 29 Apr 2026 14:53:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dbug,=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/langs/en.js                  |   6 +-
 src/i18n/langs/zh.js                  |   6 +-
 src/main.js                           |   1 +
 src/pages/modules/build/index.vue     |   4 +-
 src/pages/modules/home.vue            |  11 +-
 src/pages/shells/index.vue            | 190 ++++++++-----
 src/pages/shells/websocket-status.vue | 392 ++++++++++++++++++++++++++
 src/style/common.styl                 |   8 +-
 src/style/iconfont.styl               |  21 --
 src/style/iconfont/iconfont.css       |  31 ++
 src/style/iconfont/iconfont.ttf       | Bin 2596 -> 3064 bytes
 src/style/iconfont/iconfont.woff      | Bin 1756 -> 1988 bytes
 src/style/iconfont/iconfont.woff2     | Bin 1316 -> 1516 bytes
 src/vuex/modules/data.js              |   9 +-
 14 files changed, 568 insertions(+), 111 deletions(-)
 create mode 100644 src/pages/shells/websocket-status.vue
 delete mode 100644 src/style/iconfont.styl
 create mode 100644 src/style/iconfont/iconfont.css

diff --git a/src/i18n/langs/en.js b/src/i18n/langs/en.js
index 80faee1..86a6603 100644
--- a/src/i18n/langs/en.js
+++ b/src/i18n/langs/en.js
@@ -158,5 +158,9 @@ module.exports = {
   calibrationsuccessful: 'Calibration Successful',
   calibrationfailed: 'Calibration Failed',
   calibrationresultabnormal: 'Calibration Result Abnormal',
-  calibrationprogramabnormal: 'Calibration Program Abnormal'
+  calibrationprogramabnormal: 'Calibration Program Abnormal',
+  service: 'Service',
+  vehicle: ' Vehicle',
+  scheduling: 'Scheduling',
+  taskscurrentlynotcarried: 'There are tasks in progress currently, so mapping cannot be carried out.'
 }
diff --git a/src/i18n/langs/zh.js b/src/i18n/langs/zh.js
index 11ba88b..df309d5 100644
--- a/src/i18n/langs/zh.js
+++ b/src/i18n/langs/zh.js
@@ -158,5 +158,9 @@ module.exports = {
   calibrationsuccessful: '标定成功',
   calibrationfailed: '标定失败',
   calibrationresultabnormal: '标定结果异常',
-  calibrationprogramabnormal: '标定程序异常'
+  calibrationprogramabnormal: '标定程序异常',
+  service: '服务',
+  vehicle: '车辆',
+  scheduling: '调度',
+  taskscurrentlynotcarried: '当前有任务正在进行，不能建图'
 }
diff --git a/src/main.js b/src/main.js
index fa61ed7..450d432 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,6 +5,7 @@ import store from './vuex/store'
 import './style/reset.css'
 import { Row, Col, Button, Icon, Dialog, Form, FormItem, Input, Select, Option, Table, TableColumn, Tabs, TabPane, Popover, Loading, MessageBox, Message, Progress, Upload, Menu, MenuItem } from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
+import './style/iconfont/iconfont.css'
 import './style/common.styl'
 import i18n from './i18n/i18n'
 import './config/rem.js'
diff --git a/src/pages/modules/build/index.vue b/src/pages/modules/build/index.vue
index 4e69607..b6e7747 100644
--- a/src/pages/modules/build/index.vue
+++ b/src/pages/modules/build/index.vue
@@ -234,7 +234,8 @@ export default {
         this.loading.close()
         this.$confirm(this.$t('Whetherdrivebackpoint'), this.$t('Prompt'), {
           confirmButtonText: this.$t('yes'),
-          cancelButtonText: this.$t('no')
+          cancelButtonText: this.$t('no'),
+          closeOnClickModal: false
         }).then(() => {
           this._sendAutoBack('0')
           this.backActive = false
@@ -567,6 +568,7 @@ export default {
         cancelButtonText: this.$t('Cancel')
       }).then(() => {
         this.tipShow = false
+        this.recordPath = true
       }).catch(() => {})
     }
   }
diff --git a/src/pages/modules/home.vue b/src/pages/modules/home.vue
index 2527a8f..8be0867 100644
--- a/src/pages/modules/home.vue
+++ b/src/pages/modules/home.vue
@@ -19,14 +19,14 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['userRole']),
+    ...mapGetters(['userRole', 'taskSeq']),
     nav () {
       return [
         { title: '操作', zh_title: '操作', en_title: 'Operate', router: '/index/device', icon: 'RF1', isVisible: true },
         { title: '建图', zh_title: '建图', en_title: 'Map - building', router: '/index/building', icon: 'RF2', isVisible: this.userRole === 1 },
         { title: '地图', zh_title: '地图', en_title: 'Map', router: '/index/map', icon: 'RF3', isVisible: true },
         { title: '重定位', zh_title: '重定位', en_title: 'Relocate', router: '/index/relocation', icon: 'RF4', isVisible: true },
-        { title: '一键标定', zh_title: '一键标定', en_title: 'One - Click Calibration', router: '/index/calibration', icon: 'RF7', isVisible: true }
+        { title: '一键标定', zh_title: '一键标定', en_title: 'One - Click Calibration', router: '/index/calibration', icon: 'RF7', isVisible: this.userRole === 1 }
       ]
     },
     visibleNav () {
@@ -36,6 +36,13 @@ export default {
   methods: {
     toPage (e) {
       if (e.router === '/index/building') {
+        if (this.taskSeq) {
+          this.$message({
+            type: 'info',
+            message: '当前有任务正在进行，不能建图'
+          })
+          return
+        }
         this.$confirm(this.$t('Donewmap'), this.$t('Prompt'), {
           confirmButtonText: this.$t('Confirm'),
           cancelButtonText: this.$t('Cancel')
diff --git a/src/pages/shells/index.vue b/src/pages/shells/index.vue
index 959923a..44cee5f 100644
--- a/src/pages/shells/index.vue
+++ b/src/pages/shells/index.vue
@@ -6,7 +6,7 @@
       </el-col>
       <el-col :span="20">
         <el-row type="flex" justify="end" align="middle">
-          <div class="warn_image" :class="['warn_image_0', 'warn_image_1', 'warn_image_2'][topInfo.anomalyLevel]" @click="$router.push('/index/warning')"></div>
+          <div class="warn_image" :class="['warn_image_0', 'warn_image_1', 'warn_image_2'][topInfo.anomalyLevel || 0]" @click="$router.push('/index/warning')"></div>
           <div v-if="JSON.stringify(topInfo) !== '{}'" class="state-item">{{ topInfo.isManual ? $t('ManualMode') : $t('AutomaticMode')}}</div>
           <div v-if="JSON.stringify(topInfo) !== '{}'" class="state-item">{{ topInfo.state }}</div>
           <div v-if="JSON.stringify(topInfo) !== '{}'" class="relative elec-qty-wrap" :class="{'elec-wraning': topInfo.batteryPower <= 40}">
@@ -35,7 +35,7 @@
       <div class="absolute hud_left hud_right"></div>
       <router-view></router-view>
     </el-row>
-    <div v-if="taskSeq.length > 0" class="task_wraper">
+    <div v-if="taskSeq.length > 0" class="task_wraper" :key="taskSeq.join(',')">
       <div class="task_content">
         <div class="step_item" v-for="(e, i) in taskSeq" :key="i" :class="{'step_actived': i <= currentStep - 1, 'step_active': i === currentStep}">
           <div v-show="i !== 0" class="step_arrow"><img src="../../images/new/arrow.png"></div>
@@ -45,20 +45,27 @@
     </div>
     <login-modal v-if="loginVisible" ref="loginModal"/>
     <config-modal v-if="configVisible" ref="configModal" @refreshWebsocket="refreshWebsocket"/>
-    <div v-if="connectionError" class="custom-connection-error" :class="{'show': connectionError, 'hide': !connectionError}">
-      <i class="el-icon-warning"></i>
-      <span>{{ connectionErrorMessage }}</span>
-    </div>
+    <!-- websocket连接状态 -->
+    <Websocket-status
+      v-if="isConnecting"
+      ref="WebsocketStatus"
+      :isConnecting="isConnecting"
+      :wsConnected="isConnected" 
+      :vehicleConnected="vehicleConnected" 
+      :rcsConnected="rcsConnected"
+    />
   </div>
 </template>
 
 <script>
+import WebsocketStatus from './websocket-status.vue'
 import LoginModal from './login-modal.vue'
 import ConfigModal from './config-modal.vue'
 import { mapGetters } from 'vuex'
 export default {
   name: 'ShellIndex',
   components: {
+    WebsocketStatus,
     LoginModal,
     ConfigModal
   },
@@ -66,8 +73,6 @@ export default {
     return {
       websocket: null, // WebSocket实例
       reconnectTimer: null, // 重连计时器
-      connectionError: false,
-      connectionErrorMessage: '',
       topInfo: {},
       // topInfo: {
       //   batteryPower: -1.0,
@@ -123,20 +128,36 @@ export default {
       taskSeq: [],
       currentStep: null,
       loginVisible: false,
-      configVisible: false
+      configVisible: false,
+      isInitializing: false,
+      isConnecting: false,
+      isConnected: false,
+      resizeTimer: null,
+      vehicleConnected: false,
+      rcsConnected: false
     }
   },
   computed: {
     ...mapGetters(['serverUrl', 'userRole']),
     exception () {
-      let str = ''
-      if (JSON.stringify(this.topInfo) !== '{}') {
-        str = this.topInfo.errorData.map((item, index) => `${index + 1}.${item[this.$langPre.computedProp('error_name')]};`).join('')
-      }
-      return str
+      if (JSON.stringify(this.topInfo) === '{}') return ''
+      if (!Array.isArray(this.topInfo.errorData)) return ''
+      return this.topInfo.errorData.map((item, index) => {
+        const name = item[this.$langPre.computedProp('error_name')]
+        return `${index + 1}.${name || ''};`
+      }).join('')
     }
   },
-  created () {
+  watch: {
+    exception(newVal) {
+      if (newVal !== '') {
+        this.$nextTick(() => {
+          this.checkTextOverflow()
+        })
+      }
+    }
+  },
+  mounted () {
     // this.$store.dispatch('setAgvObj', this.topInfo)
     // if (this.topInfo.task_seq) {
     //   this.taskSeq = this.topInfo.task_seq.split(',')
@@ -161,33 +182,33 @@ export default {
     //   clearInterval(generatePointsInterval);
     // });
     this.initWebSocket()
-  },
-  mounted () {
     this.checkTextOverflow()
-    window.addEventListener('resize', this.checkTextOverflow)
+    window.addEventListener('resize', this.handleResize)
   },
   beforeDestroy () {
-    window.removeEventListener('resize', this.checkTextOverflow)
-    this.closeWebSocket() // 组件销毁时关闭连接
+    window.removeEventListener('resize', this.handleResize)
+    this.closeWebSocket()
     if (this.reconnectTimer) clearTimeout(this.reconnectTimer)
+    if (this.$refs.scrollText) {
+      this.$refs.scrollText.style.animation = 'none'
+    }
+    if (this.resizeTimer) clearTimeout(this.resizeTimer)
   },
   methods: {
+    handleResize() {
+      // 防抖处理，避免频繁触发
+      if (this.resizeTimer) clearTimeout(this.resizeTimer)
+      this.resizeTimer = setTimeout(() => {
+        this.checkTextOverflow()
+      }, 200)
+    },
     refreshWebsocket () {
-      this.closeWebSocket()
-      if (this.reconnectTimer) clearTimeout(this.reconnectTimer)
-      this.initWebSocket()
-    },
-    showConnectionError (message) {
-      // 如果消息相同且已经显示，则不重复显示
-      if (this.connectionErrorMessage === message && this.connectionError) {
-        return
+      if (this.reconnectTimer) {
+        clearTimeout(this.reconnectTimer)
+        this.reconnectTimer = null
       }
-      this.connectionErrorMessage = message
-      this.connectionError = true
-    },
-    hideConnectionError () {
-      this.connectionError = false
-      this.connectionErrorMessage = ''
+      this.closeWebSocket()
+      this.initWebSocket()
     },
     // 滚动区域
     checkTextOverflow () {
@@ -221,49 +242,56 @@ export default {
     },
     // 初始化WebSocket连接
     initWebSocket () {
-      this.loading = this.$loading({
-        lock: true,
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.6)'
-      })
+      if (this.isInitializing) return
+      this.isInitializing = true
+      this.isConnecting = true
+
       if (this.reconnectTimer) clearTimeout(this.reconnectTimer)
       const wsHost = this.serverUrl.replace(/^https?:\/\//, '')
       const lang = this.$i18n.locale.slice(0, 2)
       const wsUrl = `ws://${wsHost}/webSocket/VehicleInfo/${this.userRole}?lang=${lang}`
       this.closeWebSocket()
-      this.websocket = new WebSocket(wsUrl)
-      this.websocket.onopen = () => {}
+
+      try {
+        this.websocket = new WebSocket(wsUrl)
+      } catch (err) {
+        console.error('WebSocket 创建失败:', err)
+        this.isInitializing = false
+        this.reconnectWebSocket()
+        return
+      }
+
+      this.websocket.onopen = () => {
+        this.isConnected = true
+        this.reconnectTimer && clearTimeout(this.reconnectTimer)
+        this.isInitializing = false
+      }
+
       this.websocket.onmessage = (event) => {
         try {
           const res = JSON.parse(event.data)
-          if (!res.data.rcsConnected && !res.data.vehicleConnected) {
-            this.showConnectionError(this.$t('Dispatchvehiclenotconnected'))
-            return
-          }
-          if (!res.data.rcsConnected && res.data.vehicleConnected) {
-            this.showConnectionError(this.$t('Dispatchnotconnected'))
-            return
-          }
-          if (!res.data.vehicleConnected && res.data.rcsConnected) {
-            this.showConnectionError(this.$t('Vehiclenotconnected'))
-            return
-          } 
-          if (res.data.rcsConnected && res.data.vehicleConnected) {
-            this.loading.close()
-            this.hideConnectionError()
+          if (res?.data?.vehicleConnected) this.vehicleConnected = res.data.vehicleConnected
+          if (res?.data?.rcsConnected) this.rcsConnected = res.data.rcsConnected
+
+          if (res?.data?.vehicleConnected && res?.data?.rcsConnected) {
+            this.isConnecting = false
+            this.isConnected = false
+            this.vehicleConnected = false
+            this.rcsConnected = false
             this.handleWebSocketMessage(res)
             return
           }
-          this.hideConnectionError()
         } catch (error) {
           console.error('WebSocket消息解析失败:', error)
         }
       }
+
       this.websocket.onerror = (error) => {
-        this.showConnectionError(this.$t('WebSocketerror') + ':', error)
+        console.error('WebSocket 创建错误:', error)
       }
+
       this.websocket.onclose = () => {
-        this.loading.close()
+        this.isInitializing = false
         this.topInfo = {}
         this.taskSeq = []
         this.currentStep = null
@@ -271,19 +299,26 @@ export default {
       }
     },
     handleWebSocketMessage (res) {
-      if (this.reconnectTimer) clearTimeout(this.reconnectTimer)
-      this.topInfo = res.data
-      if (this.topInfo.task_seq) {
-        this.taskSeq = this.topInfo.task_seq.split(',')
-        this.currentStep = this.topInfo.task_seq_index
-      } else {
-        this.taskSeq = []
-        this.currentStep = null
+      try {
+        if (this.reconnectTimer) clearTimeout(this.reconnectTimer)
+        this.topInfo = res.data
+        if (this.topInfo.task_seq) {
+          this.taskSeq = this.topInfo.task_seq.split(',')
+          this.currentStep = this.topInfo.task_seq_index
+        } else {
+          this.taskSeq = []
+          this.currentStep = null
+        }
+        if (this.$store && this.$store.dispatch) {
+          this.$store.dispatch('setAgvObj', this.topInfo)
+        }
+      } catch (err) {
+        console.error('处理消息出错', err)
       }
-      this.$store.dispatch('setAgvObj', this.topInfo)
     },
     closeWebSocket () {
       if (this.websocket) {
+        this.websocket.onclose = null
         this.websocket.close(1000, '正常关闭')
         this.websocket = null
       }
@@ -291,9 +326,8 @@ export default {
     reconnectWebSocket () {
       if (this.reconnectTimer) clearTimeout(this.reconnectTimer)
       this.reconnectTimer = setTimeout(() => {
-        this.showConnectionError(this.$t('AttreconnectWebSocket'))
         this.initWebSocket()
-      }, 3000) // 3秒后重连
+      }, 3000)
     }
   }
 }
@@ -434,15 +468,17 @@ export default {
     border-color #fb8f00
   .step_arrow
     img
+      top 2px
       left 0
-      animation: moveRight 3s linear infinite;
+      animation: moveRight 2s linear infinite;
+      will-change: transform;  /* 提示浏览器优化 */
 @keyframes moveRight {
-  from {
-    left: 0;
-  }
-  to {
-    left: calc(100% + 11px);
-  }
+  0% { transform: translateX(0); }
+  100% { transform: translateX(0.5rem); } /* 根据实际容器宽度调整 */
+}
+@keyframes scrollText {
+  0% { transform: translateX(0); }
+  100% { transform: translateX(-50%); } /* 根据实际滚动方向调整 */
 }
 .task_wraper-t
   _font(.2rem, .4rem, #fff, ,center)
diff --git a/src/pages/shells/websocket-status.vue b/src/pages/shells/websocket-status.vue
new file mode 100644
index 0000000..086b322
--- /dev/null
+++ b/src/pages/shells/websocket-status.vue
@@ -0,0 +1,392 @@
+<template>
+  <div class="show_modal">
+    <div class="connection-content">
+      <!-- 水平直线：左半部分 + 右半部分 -->
+      <div class="line-wrapper" :class="{ 'animated': isConnecting && !wsConnected, 'full-bright': wsConnected }"></div>
+
+      <!-- 服务器图标 -->
+      <div class="server-icon" :class="{ 'icon-active': wsConnected }">
+        <i class="iconfont icon-fuwuqi"></i>
+        <div class="icon-label">{{$t('service')}}</div>
+      </div>
+
+      <!-- 服务器到分支点的水平线 -->
+      <div class="line-wrapper line-wrapper2" :class="{ 'full-bright': isConnecting && wsConnected }"></div>
+
+      <!-- 分支区域：车辆（上）和调度（下） -->
+      <div class="branches">
+        <!-- 车辆分支 -->
+        <div class="branch-item branch-vehicle">
+          <div 
+            class="branch-line-vertical" 
+            :class="{ 
+              'animate-vertical': vehicleAnimActive && vehicleAnimPhase === 'vertical',
+              'full-bright': vehicleConnected || vehicleVerticalFull
+            }"
+            @animationend="handleVehicleVerticalEnd"
+          ></div>
+          <div 
+            class="branch-line-horizontal" 
+            :class="{ 
+              'animate-horizontal': vehicleAnimActive && vehicleAnimPhase === 'horizontal',
+              'full-bright': vehicleConnected || vehicleHorizontalFull
+            }"
+            @animationend="handleVehicleHorizontalEnd"
+          ></div>
+          <div class="branch-icon" :class="{ 'icon-active': vehicleConnected }">
+            <i class="iconfont icon-robot"></i>
+            <div class="icon-label">{{$t('vehicle')}}</div>
+          </div>
+        </div>
+        <!-- 调度分支 -->
+        <div class="branch-item branch-rcs">
+          <div 
+            class="branch-line-vertical_2" 
+            :class="{ 
+              'animate-vertical': rcsAnimActive && rcsAnimPhase === 'vertical',
+              'full-bright': rcsConnected || rcsVerticalFull
+            }"
+            @animationend="handleRcsVerticalEnd"
+          ></div>
+          <div 
+            class="branch-line-horizontal" 
+            :class="{ 
+              'animate-horizontal': rcsAnimActive && rcsAnimPhase === 'horizontal',
+              'full-bright': rcsConnected || rcsHorizontalFull
+            }"
+            @animationend="handleRcsHorizontalEnd"
+          ></div>
+          <div class="branch-icon" :class="{ 'icon-active': rcsConnected }">
+            <i class="iconfont icon-diaodu"></i>
+            <div class="icon-label">{{$t('scheduling')}}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WebSocketStatus',
+  props: {
+    isConnecting: { type: Boolean, default: false },
+    wsConnected: { type: Boolean, default: false },
+    vehicleConnected: { type: Boolean, default: false },
+    rcsConnected: { type: Boolean, default: false }
+  },
+  data() {
+    return {
+      vehicleAnimPhase: 'vertical',   // 'vertical' 或 'horizontal'
+      vehicleAnimActive: false,
+      vehicleVerticalFull: false,
+      vehicleHorizontalFull: false,
+      rcsAnimPhase: 'vertical',
+      rcsAnimActive: false,
+      rcsVerticalFull: false,
+      rcsHorizontalFull: false
+    }
+  },
+  computed: {
+    shouldAnimateVehicle() {
+      return this.isConnecting && this.wsConnected && !this.vehicleConnected
+    },
+    shouldAnimateRcs() {
+      return this.isConnecting && this.wsConnected && !this.rcsConnected
+    }
+  },
+  watch: {
+    shouldAnimateVehicle: {
+      handler(newVal) {
+        if (newVal && !this.vehicleConnected) {
+          // 启动动画序列，重置所有临时高亮标志
+          this.vehicleVerticalFull = false
+          this.vehicleHorizontalFull = false
+          this.vehicleAnimActive = true
+          this.vehicleAnimPhase = 'vertical'
+        } else {
+          // 停止动画，清除临时高亮
+          this.vehicleAnimActive = false
+          this.vehicleVerticalFull = false
+          this.vehicleHorizontalFull = false
+        }
+      },
+      immediate: true
+    },
+    shouldAnimateRcs: {
+      handler(newVal) {
+        if (newVal && !this.rcsConnected) {
+          this.rcsVerticalFull = false
+          this.rcsHorizontalFull = false
+          this.rcsAnimActive = true
+          this.rcsAnimPhase = 'vertical'
+        } else {
+          this.rcsAnimActive = false
+          this.rcsVerticalFull = false
+          this.rcsHorizontalFull = false
+        }
+      },
+      immediate: true
+    },
+    vehicleConnected(val) {
+      if (val) {
+        // 连接成功时停止动画并清除临时高亮
+        this.vehicleAnimActive = false
+        this.vehicleVerticalFull = false
+        this.vehicleHorizontalFull = false
+      }
+    },
+    rcsConnected(val) {
+      if (val) {
+        this.rcsAnimActive = false
+        this.rcsVerticalFull = false
+        this.rcsHorizontalFull = false
+      }
+    }
+  },
+  methods: {
+    handleVehicleVerticalEnd() {
+      if (!this.vehicleAnimActive) return
+      // 垂直动画结束：设置垂直线高亮，切换到水平动画
+      this.vehicleVerticalFull = true
+      this.vehicleAnimPhase = 'horizontal'
+    },
+    handleVehicleHorizontalEnd() {
+      if (!this.vehicleAnimActive) return
+      // 水平动画结束：设置水平线高亮
+      this.vehicleHorizontalFull = true
+      // 延迟重置（让高亮显示短暂时间后重置）
+      setTimeout(() => {
+        if (!this.vehicleAnimActive) return
+        // 重置所有高亮，重新开始垂直动画
+        this.vehicleVerticalFull = false
+        this.vehicleHorizontalFull = false
+        // 强制重新触发垂直动画：先清除phase再重新设置为vertical
+        this.vehicleAnimPhase = ''
+        this.$nextTick(() => {
+          if (this.vehicleAnimActive) {
+            this.vehicleAnimPhase = 'vertical'
+          }
+        })
+      }, 100) // 延迟100ms，使视觉上能看到水平线完成后的全亮状态
+    },
+    handleRcsVerticalEnd() {
+      if (!this.rcsAnimActive) return
+      this.rcsVerticalFull = true
+      this.rcsAnimPhase = 'horizontal'
+    },
+    handleRcsHorizontalEnd() {
+      if (!this.rcsAnimActive) return
+      this.rcsHorizontalFull = true
+      setTimeout(() => {
+        if (!this.rcsAnimActive) return
+        this.rcsVerticalFull = false
+        this.rcsHorizontalFull = false
+        this.rcsAnimPhase = ''
+        this.$nextTick(() => {
+          if (this.rcsAnimActive) {
+            this.rcsAnimPhase = 'vertical'
+          }
+        })
+      }, 100)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.show_modal {
+  display: flex;
+  justify-content: center;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.9);
+  z-index: 200;
+}
+.connection-content {
+  display: flex;
+  align-items: center;
+}
+
+/* 直线区域 */
+.line-wrapper {
+  position: relative;
+  display: flex;
+  width: 1.6rem;
+  height: 0.04rem;
+  background-color: #2c3e50;
+  border-radius: 0.02rem;
+  overflow: hidden;
+}
+
+/* 服务器图标 */
+.server-icon {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: #5a6e8a;
+  transition: color 0.3s ease;
+  margin: 0 .2rem;
+}
+.server-icon i {
+  font-size: .8rem;
+  line-height: .8rem;
+  padding: .3rem;
+  border-radius: 50%;
+  background-color: #c0c4cc;
+}
+.server-icon.icon-active i {
+  color: #fff;
+  background-color: #00d0fc;
+}
+.icon-label {
+  position: absolute;
+  font-size: .26rem;
+  bottom: -.4rem;
+  color: #c0c4cc;
+}
+
+/* 分支区域 */
+.branches {
+  display: flex;
+  flex-direction: column;
+  gap: .6rem;
+}
+.branch-item {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+/* 水平线段 */
+.branch-line-horizontal {
+  position: relative;
+  width: 1rem;
+  height: 0.04rem;
+  background-color: #2c3e50;
+}
+/* 垂直线段 */
+.branch-line-vertical {
+  position: absolute;
+  left: 0;
+  bottom: -.3rem;
+  width: 0.04rem;
+  height: calc(50% + .3rem);
+  background-color: #2c3e50;
+  transition: background-color 0.3s ease;
+}
+.branch-line-vertical_2 {
+  position: absolute;
+  left: 0;
+  top: -.3rem;
+  width: 0.04rem;
+  height: calc(50% + .3rem);
+  background-color: #2c3e50;
+  transition: background-color 0.3s ease;
+}
+
+/* 车辆分支垂直动画（单次，从下往上） */
+.branch-line-vertical.animate-vertical::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(0deg, #00d0fc 0%, #00d0fc 50%, #5a6e8a 50%, #5a6e8a 100%);
+  background-size: 100% 200%;
+  animation: progressMoveVertical 2s linear forwards;
+}
+/* 调度分支垂直动画（单次，从上往下，根据原样式保留） */
+.branch-line-vertical_2.animate-vertical::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(0deg, #5a6e8a 0%, #5a6e8a 50%, #00d0fc 50%, #00d0fc 100%);
+  background-size: 100% 200%;
+  animation: progressMoveUp 2s linear forwards;
+}
+/* 水平动画（单次，从左到右） */
+.branch-line-horizontal.animate-horizontal::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(90deg, #00d0fc 0%, #00d0fc 50%, #5a6e8a 50%, #5a6e8a 100%);
+  background-size: 200% 100%;
+  animation: progressMove 2s linear forwards;
+}
+
+/* 关键帧动画定义 */
+@keyframes progressMoveVertical {
+  0% { background-position: 0 0%; }
+  100% { background-position: 0 100%; }
+}
+@keyframes progressMoveUp {
+  0% { background-position: 0 100%; }
+  100% { background-position: 0 0%; }
+}
+@keyframes progressMove {
+  0% { background-position: 100% 0; }
+  100% { background-position: 0% 0; }
+}
+
+/* 全亮状态（覆盖动画） */
+.line-wrapper.full-bright,
+.line-wrapper2.full-bright,
+.branch-line-vertical.full-bright,
+.branch-line-vertical_2.full-bright,
+.branch-line-horizontal.full-bright {
+  background-color: #00d0fc;
+}
+.line-wrapper.full-bright::before,
+.line-wrapper2.full-bright::before,
+.branch-line-vertical.full-bright::before,
+.branch-line-vertical_2.full-bright::before,
+.branch-line-horizontal.full-bright::before {
+  display: none;
+}
+
+/* 主水平线无限循环动画（保持原有效果） */
+.line-wrapper.animated::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(90deg, #00d0fc 0%, #00d0fc 50%, #5a6e8a 50%, #5a6e8a 100%);
+  background-size: 200% 100%;
+  animation: progressMove 2s linear infinite;
+}
+
+/* 车辆/调度图标 */
+.branch-icon {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: #5a6e8a;
+  transition: color 0.3s ease;
+  margin: 0 .2rem;
+}
+.branch-icon i {
+  font-size: .8rem;
+  line-height: .8rem;
+  padding: .3rem;
+  border-radius: 50%;
+  background-color: #c0c4cc;
+}
+.branch-icon.icon-active i {
+  color: #fff;
+  background-color: #00d0fc;
+}
+</style>
\ No newline at end of file
diff --git a/src/style/common.styl b/src/style/common.styl
index 15f0b33..ea9cf34 100644
--- a/src/style/common.styl
+++ b/src/style/common.styl
@@ -1,10 +1,4 @@
 @import 'mixin.styl'
-@font-face {
-  font-family: 'iconfont';
-  src: url('iconfont/iconfont.woff2?t=1631676179964') format('woff2'),
-       url('iconfont/iconfont.woff?t=1631676179964') format('woff'),
-       url('iconfont/iconfont.ttf?t=1631676179964') format('truetype');
-}
 @font-face {
   font-family: "YouSheBiaoTiHei";
   src: url('font/YouSheBiaoTiHei.ttf') format('truetype');
@@ -236,6 +230,8 @@
 .el-message-box__message p
   font-size .2rem
   line-height: .22rem
+.el-message-box__btns button:nth-child(2)
+  margin-left 30px
 .el-progress-bar__inner,.el-progress-bar__outer
   border-radius 0
 .el-progress__text
diff --git a/src/style/iconfont.styl b/src/style/iconfont.styl
deleted file mode 100644
index 5f068b2..0000000
--- a/src/style/iconfont.styl
+++ /dev/null
@@ -1,21 +0,0 @@
-.icon_dropdown
-  &::before
-    content: '\e65b'
-.icon_eyeopen
-  &::before
-    content: '\ee33'
-.icon_eyeclose
-  &::before
-    content: '\ee34'
-.icon_admin
-  &::before
-    content: '\e7a3'
-.icon_close
-  color: #909399
-  &::before
-    content '\e659'
-.icon_radio
-  position relative
-  color #ffffff
-  &::before
-    content '\e608'
\ No newline at end of file
diff --git a/src/style/iconfont/iconfont.css b/src/style/iconfont/iconfont.css
new file mode 100644
index 0000000..5fdc2f0
--- /dev/null
+++ b/src/style/iconfont/iconfont.css
@@ -0,0 +1,31 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 5093318 */
+  src: url('iconfont.woff2?t=1776130387372') format('woff2'),
+       url('iconfont.woff?t=1776130387372') format('woff'),
+       url('iconfont.ttf?t=1776130387372') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-fuwuqi:before {
+  content: "\e6a4";
+}
+
+.icon-diaodu:before {
+  content: "\e6ac";
+}
+
+.icon-robot:before {
+  content: "\e661";
+}
+
+.icon-jiqiren:before {
+  content: "\e613";
+}
+
diff --git a/src/style/iconfont/iconfont.ttf b/src/style/iconfont/iconfont.ttf
index 88a47b86d5c7d601deaf1048607986efee52828f..4f5ca27583e4bfcb8df7f2870976cada2ddcb20d 100644
GIT binary patch
literal 3064
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
Zb+gu5-F0_bH(On4YxDWdPQ6LK{{ejo!65(u

delta 1419
zcmYjQO>7%g5T4m}cC+iB{M0}B-K6VyojN9Q>=!3-OdOinjRUFR0&P=BZIe1~<0L@-
zKq4;U0HQyl3Zk?(6mB53QV{~F5=5%h0~Zh?;($<2=><g`K<b4J^K7SL#`ETV^XBKx
zzVQ>!7tW85m)c*l0N^zMxR5Jmme+p2Ap!`sWZTUzynV6vuD20D{EK8^elGKRmviDr
z^4%ke&XYm@L;R5T4@kP^iz^##w4vBPX=z(n%4LKzVw7U{2-g=g8_Vc|Je@ZY?p(|i
z=i2JG<M#mM^Hemyy!6(}-;jL{KzT?Gvo{}j$7Mj;l6?2;!7sCQ@qfTd7be<!=L%&y
z(uX@15EBGzLEu&*9w);LShjThQmj2-TR&lF>j}0NHp^!K8z7c<LDDJ(Y=Q+|peS28
zi)Fud|Lp$E<Lv`>cnI(mML2p&NZv=xYl<Mz4QeP8pmhHYLBJB7b2?Lvk$A3(@ap?#
zD?*X5KT{FP0gtyU!uvUhRD|-v0jmhFP$oC5!B?o_r}#~!FYyQA9`{txCo3qHE|^p1
z?igMXK)7r6{oHAOE|hpAB{+N}zAp|#0~o;IBtVUB3^2oQuxQw$q01?GQFjQWxqVcK
zgxzH7*L#tTVpv0`1HBEp1DzU%N0IfSS1c+v)-Tx_rNI%qVs0hh&6b$0(LPeVep<2F
zl+;=(wRVj!saP%+%dPMwHe^$hn<2TuE)8-wEV9gIlDnV2UL3JE*pus5*OTQ1e~V>T
zbHl^A)ohG+d$=QhPw(DJS648~44pbQbjj&aP;$D%g9^G!;V2WoHS>5&wl~UV!7Rv)
zb{TJ(d5-Zm-X`3PcknZAH|I%nzj^aw+3yZ%JN*avIDxn$oP!tvLz0Pgzv1si2YTEd
znU_mcb{a+#NX6+Bj$&VlBafRtP#;DIqlWmkRa0Nf%s!gUysEZ)1a<sW%<9tAq_r=i
z*Erf+YP?!p>$0@AIV^glPo1!~yU;p(YC;u+7gfP}nGs#G2~N#A&0?zNQj=11{Zd_v
z;;37-SXS#CN=w~ReY2EQDQk?Crmb3KSZFYIp#vsh8qQG<VY)Wwax1dr<=t?mOO{#Z
zEpm2N9jT@28LPS)GM@;Y=4J5zV<5mpYBUz|IaT$TuM`>>ets%dHXKt`r!O?}Y$};f
zC*qN3e9bOblP?&FkEK6JkHsUwt|qs;$q2G|B0br~SUM8%1=Bq}=~t$DdZvUMx)u!%
zw7FcZ1HrK7KSFH-!KkKBYAvB|77Q4jMxckC2(@S(Euj-Ecs}6kFakl=O%{_)GWt#S
zOuft#(o%ibhr$Qo0Ptb77yZYn7Y~0xVF=gUmO#h9jU54t8`s?@-8b<)*N`8(hg@dK
z<AM9*%11&%Mgc{%U=2zrV=YMe)y!hHP?Mi~b8b<tfd1O->gBmhh0LN<RU3uOLZ+Xl
F>ObF44dVa+

diff --git a/src/style/iconfont/iconfont.woff b/src/style/iconfont/iconfont.woff
index 63b6a0f934357809456090439d1256d5056b5bac..a8201e6d7a002c69bc671bea4121236d8bbffc0e 100644
GIT binary patch
delta 1522
zcmV<O1r7S#4a5%=cTYw}00961000NX01E&B000a4krX|DC`o){ZDDW#00D>q003zK
z00FYjB%Y#YY<Xq?00Hy>00Ybb00o4*&qK&)Wnp9h00qDR001ul001^GCD)^9Xk}pl
z00r;>000~S001Nh-UEhcZFG1500s;I000gE000ye0001NZ)0Hq00tZY000aC000aE
zXaneNVR&#j000Ik0000V0000W0UQ9PZeeX@000I^0003%0007K5TiV>aBp*T000Mw
z0000w0000>wLSQalL!H4e+fTZ!`$${fq{Yf4g-*6U_?>G1ORvn4Ig-%?UBI^fG`L}
zA8j?J@#Y#1;VRxeIg>}{VvP#LgG2bqBk)5w05AaASd9X5BDfB7rTdxM{laE_Wg?Mu
z(OoaSTZ3=?N^CB|xB8}J=E$$P=k4u^UoYtO9{5M}3j7Ot2c!qBf9@P30001ZoOM*q
zZ{tK1e{Uuk$MHww_$!k(39)0ljhA+7$H}6F(pD=$_XAGN0R)E?r>?~AVK3ZrL<kTk
zB>n=VRN`;wg~KAmtvw(PD?Uy=@DDUu#!j-`!(zSnd%y9#c@w|iOh5y8F{KxD3~OM5
z3+vDUA0mih2T~Zpe{Fad0J|Qu4a-Tp$uKhpA?+I7Z0YFRX(T)l{(qdFT}`TrQl&X|
zuBLRn^4TPg$NfI}{`7Qq_Bu+BmFo54s|i9}*z8z5`!PNmkH`CcJSj#1z=Q+6AeY7W
zY>8k08GQ5lFK~U2S<Y=VmT@stPKJXp#zlJmG9MY`bd+Sme^P<jU=$7ftgsynb#yvd
zl#p8Jq_&f~R@y;l55pZy^Yy;u*}{B*wk6q~M9$~qI_Gtq3XJ9xoLt`1OjFCU9Pb&N
zU;Vve#$pDuXIMNHiiD8LW0k8+Vee}uHy0D~V})x>k&g2GUzWKgB$vECo8-F@fwL1b
zc1&)~#}+rae}NYU-!Is_Z-`*w^h~T1^$8`;qU=6n4rgUC`C$oPc_ooNf0e8f0QKcr
zx(NsH06v0G;UPSNr!ax9;XC+2=#aFLNp_kzEiAxdG1?aMyI%N?=%RqZ@HS=zY~vp0
z!bw62SLiYl@<g<#;CtIR90>)B?iXDSmWRzu9E*A3e_+^Mk+R6L+Ka62E1c#>GZ!u&
z5b$m}*2blu#Cg}_#Gg&C`Q?V?+`<R5X{|x*8u_>gKl6Zk{Er1*R8&%}lrCgd#Zeqz
zoyYNcFG=1@68yq1;`}$oQiKUD@Q#{ORaF16-?!I;U>F4Sc=O=UK1q7#yxy<#iCE=N
z3MvYnf7piyoAXnrHV?(#=+y9cqe14Uy)+`e@V;Vbh+17e?)Uo$`F<;l70b00?(<bd
zI7SGwAjrb}zP$LC{6uSTw@~XTd<EYE1Xio)axRL^B+tK=CksczXduW)Xfz6=aI}Xx
zO&r(JQS#k1adTm9%XK87EETsxN~16{mgRKxe`%We=5Cs#d$^6_vPn7$O-!+kzm3a^
zZX0daVSXfX$wO4%l%)YG4K9w4y^c)AMpf^Th7ngvQM;mk{>II!tVc~sdNtKzGHDur
zA^nw*p>DLWrXN0k{$#|cwnk0;Ntr1+HMO@&a$Po?`GsoMZfw?@h;8@i{(Xj|tf3?`
ze_6!}tE}5vUABYW;LewywAR>KN%OPz79(D(DgH0kWSu`d>a{m^?i!p_q(48{)O88p
zHuS9<+S)u#NQc@@gHW5-=Kqj}*=W?<{2Fc4J-f5(!+$Ud-Sl{zV_;-pU;yF_W%I}J
z{5D@1xLFuL;2E>$Wd!|y6$=A%7?8`sVZa0u1po~U32*>-oMT{QU|??e-@p*V!T<t5
zl92%wumS)_3j%I<oMT~NU|>PR009I56#xJL00000XaOby00P2zoMT{QU|?Wnn8m=$
z00K-v%msuD4FAD=1^^ib0mHLb1xx`km63^&nURH&m645sEv>Y?v@nw`B{MNUrIfWO
YKPkV2Ju9;?vnVx>fdK%loC<OP09dr7QUCw|

delta 1270
zcmV<S1PS}Z58MqDcTYw}00961000Ku01E&B000UkkrX|D9Z>{hZDDW#00D>q004Xd
z00Gu^+>QfhY<Xq?00IO600PAT00V3;uOkv@Wnp9h00hhc001ul001^56hzBtXk}pl
z00jI1000~S001Nh-UEneZFG1500kHT000gE000~u0001NZ)0Hq00k%j000mG000mI
zSOYd~VR&#j000Fz0000V0000W0TlpeZeeX@000G80003%0007K5TiV>aBp*T000J<
z0000)0001A^Z;T(lL!H4e{sAsVQ%=}z`($KhXF`3Frp}80sv|a45WCR?UBI^gfI*Q
zCnQ7&Q3^jO;|c)L$i1!^dNaSYz}YcS1shGIT{()h23jC0qmm%}2$;T_hMGtEnkPQ$
z2Ra&(bh65J>}5Vrc-&;}QPAo8n2Th6+tz<FuZDUrm&?|pW6jIzf7o_pb8P0=9c_{_
zIkv?zJETAM7a`PmoJ~^CPZL2Dp0`_ev)gt{%l?1@Timi+XxFxEr!8G-OO!2b4aAcs
zB#O{PK+|xsa1t~gJSZkc6NH<8fgU_~QxX%-UWosUi!-Gr&YQe9-<vNp^UZq*5E<+b
z<_j7^NC1-;fPLt<fBlO^c+Mc^v!DAl<$q!hDJ_7|<vIJ3t)M8f5Joo<8ZxXRwo(=@
zIhqcN%q78)7!ql|#uOZtq~?q);2JnO$Py%@h6J(>P7QDtl5AH9;W;i8<H`$R!GG^P
z+r*(*c%gf=DuhBpW3SQJdqZ8r?YM5|DRu6ANbnBwd^F6Je<=;Rc;mpM^wp#8LO2@s
z_FwONeFwkY&0eQc>GU>TM6_O>vESJ`8YeFopoA@h=(P+^)&$^W)hP?0Iwj10^S9ub
z565_a$KT;&VIGeCEsEg;P6!@@Q}{^p{x*q}x9vab^G-<&#}K;u*E41fxdd1oPs~VJ
zsVqpKsTxmjf2&`ubSTxywPo^wHONt*sZM`YE?Ml?pe{bxSU+FixGzp>jCgC=4Jx|m
z1#<;sNScffCH1O49T=aG0!ASxE(IqQ2v(MtM25K|GQlU9jK?8H)`Kh96?H}QxUu2g
zNL-L2y+EKBk%V|;cX*8RL~^Q&SAsgNbH67pPy#KXe-*Sw6gcFm)cQhrE=jdeBX8`R
z!4G!i0g(tA?BM~`;%PS+q*u!Sw*Z5d8Z|d>%Az=8=8Kiv?M5Guh@x!f7j87XR;yku
zTsOxQWz@6_)y39_)?&3_PmikVsAc17z15t?xK${ab}N%<-D_tuZRV|^m+az%qKp@9
zM^F7je-lN!q#I2=o}a;X+M2S`89bYh>xp=NmL$xCmA3H=N%**l$!uoYcj<Y=4Ql$6
zd4(i|Oekd`b&V*|Xz`eN*i!@P#GhCq9Z+Fky{W!~7s`AJX66<DP}30l3;M5_p8x;=
zc${NkWME(b;+<FDU5@9s`O3h}!T<sfsv6P}6ZHRsEDX%{KrROZ6G#*QWbzA=lkWu=
zMFRjw4FYg@oMT~NU|_+40Rh|q9RL6T00000765httN{uEmI1bSoMT{QU|?Wph-P46
z00AZ-<^n<nhW}tb0{{|60e!Pa2224toso%=nURH&m645+osolqExj}`FDa8XJ+&w`
gj~&7><VY&bPR+_p%wvO66`6@SiG~ae0D`Iyjc<ht8UO$Q

diff --git a/src/style/iconfont/iconfont.woff2 b/src/style/iconfont/iconfont.woff2
index e43073184e481ca4ea98fbdca4d8845347c7f465..b783d38b791f87eb4eac6e62b518bb22db3061d4 100644
GIT binary patch
delta 1506
zcmV<81s(dN3hWCQcTYw#00961000H-01E&B000a4000G^kr*C-G75_Xi5USl0we<z
z3k(1RAO(bH2TL113K7+#HIn@}jAN2ju@ZCfN_#Z+Js*0v@=a!vg_#7=6^Au)CIUGV
z3so+(zOHQD<f|nBw&vW}*a%gUwIh%IA&+g-$K5W*W<|A8?ZI;=iazc$lTc_2aYtJ-
z(b9K|eYI~9&!r=OIw})?-v<N$#}G_{G-K9+C>(n?9o>&?Fj$2INIH|fyLN1XO$>oG
z2nlRn1-mZ;xehWQU6ft|aBcAO<VOr6Hb8<*VO?m+_L*Dp*f-v9ZlY$|1n5UF#~TLg
zO8{g56u^L$Mabdi)LzgC2Lvu&wKBsL030?*kVai<(>I-e-`tc=C-%L0xSaynDF1j8
zKonRm6{u63?Bp!eoVYhZ02JJv5C8%9O;8UBz<uotZ~!F$`4^H7ixY-^4GL5!F1D?U
z1p*}%L*1&znBA_b?nCDLm?yx_xU5PjW|eR!Ye+`C`lO4x2`fIzAq?Vy`5aD8d_uK)
z!OT9PCHskg98axPWi7_7-a<r3fw7W69VdN*i##8OB$_fU=q3?N5(kCXmc)bEaZaF5
zz^Lx5t@Hc4*F=FT0Sv#{K33J!P#*{w`KSdSAou(*VP(sACi(K)Z<RwNUx%yQ2bjH_
zFY_9ASZ@%*trR1Q_X|OMvuEm^cVFG+uzG!KVfgodVQ_&f2UaE@ZhI)qtw-7)E!)FR
zm9<rVzev`^tG957({z&+$=A)-tT*CsYGK=rR%fkQ*R`7InrS+olNr`S=EKQH<BuFL
zfl42@stMt&+v3fOX+i1>I`ZRWwXzx^g59N$gc=?dYmyIV)wQm}IQI(vF2IDD)fC;#
z8tZ|7w{u0Hno!0#)Gn2Lr67C*5lK<gP=CM)UuEqIaMcti;oYh1`kb2n;JqWe`jA)G
z%MIM(6KKrjDNc3CpQZsr&tFLCF?+jcBo?Wf+^_df-mM#YEafyrLS*Kyh8}q9hm<Gb
zF{w4UMroC4m_PXEYsFb1ZDeYs7RoBt=DQPr?suSI=wnmTUU!RSMm+jF2mz6ZQ+Gn5
zMRH_>6;AG-eD~#duk4D>LDgOAS;UB7G}lP%pWJo%(<{3-&Fw!*UsTx}7SdSp3I7!D
z)Vp^77;=Z-*4+tD#FKFAX2=~fsLw1g-VUGY$K7{%r~0RySP(T_#|l1h&HjCLNN}%z
z@KiKwdT}8BQPwo?gdbMCV|&2WcyP!&_J=$Vj*99Leb{XgrtYnD*ge~hoC=Y>hDOA=
zj$p?);YoxNGgO(Wx&z(mvs=-Z&Y3xK#;6%1XJXT4zg<>u8))BdS4P-HYi5?RL$Ue&
zDZl2iv#7~tB-Z7fuX2R*kErcOC+>WI`;fZ7@b|`xZ*Hrk`C-?66SJP5Tm46@xrWSj
z*Sf#R$oK*a%U;UM%a}0A0Y^pN0QG;z)R#UR_Su1aj8^CqUsV)34$4d0-zp!hjmc(q
zkG-fy3I+?Rf4l9VtHDFqC&4*G7K9eyBmf|tqVG@x0O&i?kJ%3CU!_~9>j$=f9#)1%
zf4RXq;cuJx&n@_d&V4f|OQ#t6du*Sv6ajut?zPBSnQkO*RyC5E5mFiT&@vM6qZ#)5
z$$9X}I36$Bg<q@3n}CE2<N$>Y#Y9GpfDD0QpumQSz@cO2!2(_!1O;Js0HwH;0Rk8L
zK!OAJ1BDCE5*hVfkP*PQpumNH|A50F+VKQR2_r5MSw;!`4_45k9B&SaeWETCi)Gbc
zjLAYJ^i7v<eBgp{h#gYZL(U3Rq#5q~#c-Mk)<_OTZcNVW*tV+bO&US-<`R)*l)(RB
z1ue>(J!gO46LpzbL=wM=m{=1j9{Q$35Ff4uHR?)wrmBZb5(+3r(lEn8T{HkrLLI?c
zUE@$_smAoES;y9%O<`Tl{GRy%w)}_3v`k;GSE7UwnJ7?H`ITT#(lV0e7>QFpI~#1o
IWwQYQ0K#?5$^ZZW

delta 1304
zcmV+z1?T$g3#1AdcTYw#00961000Ff01E&B000Uk000Eokr*C-Rtkn}g<t_T0we<*
z3lIPVAO(bH2VWb-2ocqz^N{^aux%Zz9g12A8NaryO`D;OH^Kk+W9{7k-j_8@n@goJ
zBu!q4JDo%)L8*jD(-Jj_hPpqzXTCP4-VSz-NKPzHK)N~E+<MZ<gV+xG0{`F!z@}So
zKFoPrv61zC)xDH|6i>MjUjF}kRkH>KY+ic+kU6F%_9+^hKmnSo)7Cs*u%056xe9Z0
z1N4f_ukV6@DoYRv^o{sbCTKOwI-9`^lyJHQd99jtHD#b?nDHK#D7rNEpo6YJ8Nvnq
z766y=&+7;LXlg(p8aS8PtHvwg+*`G;{s^HU0PG3EE(8{T2Ot6l%$>}t^M3akAZdCI
z5UOpDQDO^#I)#A0tG&&8Tk!6{SAT_~L_p<^U)0@F5Jo!ge;y7>Ky@AD!%TvAH6KCn
zo`+!YUVxC`;{ZZ{e-t6YzrXZ;sWUZgJ5;F(=oI9&jBpe_RnjwDX<3B9eyXWGP+6W>
z)zC)@Xk1x;x_~RB4DUY%f~Q_hK5~SKs8J!Oa|Ok32+~NItkgt3eoQ=iq>gkeh-@<@
zmvdz@^}gyFAy+^eR8|LU9${Ej$>vkWHC0a`<PHc98a!e?BH1#w;P6qA;bT@Nj~Jzl
zIfln^CQp3mNSZiAIkWh(Kx)Lk8fFX{HU1}M%Q-@SNdv{Yo^?8A)KuhhF8p5NBXyE}
zBl}G3n3>f5V${PFIfrCkOT86+%434?oQyc1c01`Y#krYrH}0(WG}mh?@<RHZWEqpX
zPuwFPa36Ax`*kff<NMDzX_2S)x>k)+?t#7O#e1&z6eGooVF<hz%s9!w(IIWN?kPQ1
zb?C-_bjD3aV<SF@mX)?B@D7DuQIXEgjg1>a(;269PcdM#3&Xo9PY~%hrjz5JgqDYd
zsIHLm^59MiDB$L@@{rI@7-1?B3xw5rxAdwZPnaUH01|9~u-MGe`;wyiQnVPo>IwJ_
z3+trkD=a0ksqv_I)C#i_W7whh-nNwf^xCd}bi2-n;ScRQBPWkNjkG22_xw0))DqJi
z-4Kt)rAjP8u?fR%U-JK8VLYB2_9tdjvQu(=4d;#vGaR~I`cf<*Dbe!7S?7x>8*m%E
zFL~bO?5{*iUZT~nvo7;teN1asU%`CP*$;`93I80>E1G1VXzy_GNOW_%v4ucbI7z90
z05^o7tz85&Nbu&XwJ?a;O|WCxFbvLAyQR+nw5}qnkdS!!dE_h-1pszO&+k*q;C-a8
z`zsf5{rKy{67BGBYPIX$^VUz)Fx)z?1oORxaM#uRgPOvTm~KWOds};7Oi$*dAYM;d
zbvxj<^LN23YP&}#L6nk2hd^c+jKT<i-pMl%sj&iy!a7u$1^jr8ZfFGrIRjt<R%swQ
zU=#vv+<?&mSMg4kL!=MhL81fxL6v=)=EZ7E_%wZBRDv-?f5@~Y<LM+G_l`+hDsD==
zk(&%L@Exz3yC5Miv8DMWfrtUawt};|9hRkqnr)6+oK&O^UDvd|ilc4SIWQ`B!5AR=
z17zBg39+U8`|g;urQ(tJx04$o;`jhQIN*)IU(__J<w>SDpCkYgBbFJq6~NhaV(F$W
zK;1qsM=cJdGm>=(F0ss5wX?sry2v9y6`VU}T9C;Vm6TOTHLap38z#s|<H9n3614^9
OnW9mo_yws_`JE17dutj1

diff --git a/src/vuex/modules/data.js b/src/vuex/modules/data.js
index 44001e3..a0bcc16 100644
--- a/src/vuex/modules/data.js
+++ b/src/vuex/modules/data.js
@@ -8,7 +8,8 @@ const state = {
   autoLoopEnable: '0',
   autoBackEnable: '',
   autoBackFinish: '',
-  ready: ''
+  ready: '',
+  taskSeq: '',
 }
 
 const getters = {
@@ -19,7 +20,8 @@ const getters = {
   autoLoopEnable: state => state.autoLoopEnable,
   autoBackEnable: state => state.autoBackEnable,
   autoBackFinish: state => state.autoBackFinish,
-  ready: state => state.ready
+  ready: state => state.ready,
+  taskSeq: state => state.taskSeq
 }
 
 const actions = {
@@ -57,6 +59,9 @@ const mutations = {
     if (Object.prototype.hasOwnProperty.call(data, 'ready')) {
       state.ready = data.ready
     }
+    if (Object.prototype.hasOwnProperty.call(data, 'task_seq')) {
+      state.taskSeq = data.task_seq
+    }
   }
 }