diff --git a/ruoyi-ui/src/App.vue b/ruoyi-ui/src/App.vue
index cc8374da..d6ee8eb4 100644
--- a/ruoyi-ui/src/App.vue
+++ b/ruoyi-ui/src/App.vue
@@ -9,13 +9,15 @@
 <template>
   <div id="app">
     <router-view />
-    <websocket />
-    <!-- <websocket_phone /> -->
+    <websocket @newEvent="onNewEvent"/>
+    <WarningNotify ref="notifyShow" />
+      <!-- <websocket_phone /> -->
   </div>
 </template>
 
 <script>
 import websocket from "@/views/websocket";
+import WarningNotify from "@screen/components/WarningNotify.vue";
 // import websocket_phone from "@/views/websocket_phone";
 export default {
   name: "App",
@@ -29,6 +31,7 @@ export default {
   },
   components: {
     websocket,
+    WarningNotify
     // websocket_phone
   },
   watch: {
@@ -49,6 +52,11 @@ export default {
       },
     };
   },
+  methods:{
+    onNewEvent(para){
+      this.$refs["notifyShow"].showNotify(para);
+    }
+  }
 };
 </script>
 
diff --git a/ruoyi-ui/src/assets/iconfont/demo_index.html b/ruoyi-ui/src/assets/iconfont/demo_index.html
index 2d1ff5c8..b8d31f51 100644
--- a/ruoyi-ui/src/assets/iconfont/demo_index.html
+++ b/ruoyi-ui/src/assets/iconfont/demo_index.html
@@ -54,6 +54,90 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe833;</span>
+                <div class="name">感应</div>
+                <div class="code-name">&amp;#xe833;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe603;</span>
+                <div class="name">异常天气</div>
+                <div class="code-name">&amp;#xe603;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">施工建设</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe605;</span>
+                <div class="name">路障清除</div>
+                <div class="code-name">&amp;#xe605;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe607;</span>
+                <div class="name">车辆故障</div>
+                <div class="code-name">&amp;#xe607;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe608;</span>
+                <div class="name">服务区异常</div>
+                <div class="code-name">&amp;#xe608;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe609;</span>
+                <div class="name">设施设备隐患</div>
+                <div class="code-name">&amp;#xe609;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60a;</span>
+                <div class="name">交通管制</div>
+                <div class="code-name">&amp;#xe60a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60b;</span>
+                <div class="name">交通事故</div>
+                <div class="code-name">&amp;#xe60b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60c;</span>
+                <div class="name">交通拥堵</div>
+                <div class="code-name">&amp;#xe60c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60e;</span>
+                <div class="name">非法上路</div>
+                <div class="code-name">&amp;#xe60e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60f;</span>
+                <div class="name">非机动车</div>
+                <div class="code-name">&amp;#xe60f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe610;</span>
+                <div class="name">其他事件</div>
+                <div class="code-name">&amp;#xe610;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7ef;</span>
+                <div class="name">汽车</div>
+                <div class="code-name">&amp;#xe7ef;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe602;</span>
                 <div class="name">行人</div>
@@ -114,9 +198,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1715061600935') format('woff2'),
-       url('iconfont.woff?t=1715061600935') format('woff'),
-       url('iconfont.ttf?t=1715061600935') format('truetype');
+  src: url('iconfont.woff2?t=1715240266347') format('woff2'),
+       url('iconfont.woff?t=1715240266347') format('woff'),
+       url('iconfont.ttf?t=1715240266347') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -142,6 +226,132 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-signal"></span>
+            <div class="name">
+              感应
+            </div>
+            <div class="code-name">.icon-signal
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-abnormalWeather"></span>
+            <div class="name">
+              异常天气
+            </div>
+            <div class="code-name">.icon-abnormalWeather
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-construction"></span>
+            <div class="name">
+              施工建设
+            </div>
+            <div class="code-name">.icon-construction
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-barrierClear"></span>
+            <div class="name">
+              路障清除
+            </div>
+            <div class="code-name">.icon-barrierClear
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-vehicleBroken"></span>
+            <div class="name">
+              车辆故障
+            </div>
+            <div class="code-name">.icon-vehicleBroken
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-serviceAreaAbnormal"></span>
+            <div class="name">
+              服务区异常
+            </div>
+            <div class="code-name">.icon-serviceAreaAbnormal
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-equipmentTrouble"></span>
+            <div class="name">
+              设施设备隐患
+            </div>
+            <div class="code-name">.icon-equipmentTrouble
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-trafficControl"></span>
+            <div class="name">
+              交通管制
+            </div>
+            <div class="code-name">.icon-trafficControl
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-trafficAccident"></span>
+            <div class="name">
+              交通事故
+            </div>
+            <div class="code-name">.icon-trafficAccident
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-trafficJam"></span>
+            <div class="name">
+              交通拥堵
+            </div>
+            <div class="code-name">.icon-trafficJam
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-illegalVehicle"></span>
+            <div class="name">
+              非法上路
+            </div>
+            <div class="code-name">.icon-illegalVehicle
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-nonMotor"></span>
+            <div class="name">
+              非机动车
+            </div>
+            <div class="code-name">.icon-nonMotor
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-otherEvent"></span>
+            <div class="name">
+              其他事件
+            </div>
+            <div class="code-name">.icon-otherEvent
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-car"></span>
+            <div class="name">
+              汽车
+            </div>
+            <div class="code-name">.icon-car
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-pedestrian"></span>
             <div class="name">
@@ -232,6 +442,118 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-signal"></use>
+                </svg>
+                <div class="name">感应</div>
+                <div class="code-name">#icon-signal</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-abnormalWeather"></use>
+                </svg>
+                <div class="name">异常天气</div>
+                <div class="code-name">#icon-abnormalWeather</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-construction"></use>
+                </svg>
+                <div class="name">施工建设</div>
+                <div class="code-name">#icon-construction</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-barrierClear"></use>
+                </svg>
+                <div class="name">路障清除</div>
+                <div class="code-name">#icon-barrierClear</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-vehicleBroken"></use>
+                </svg>
+                <div class="name">车辆故障</div>
+                <div class="code-name">#icon-vehicleBroken</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-serviceAreaAbnormal"></use>
+                </svg>
+                <div class="name">服务区异常</div>
+                <div class="code-name">#icon-serviceAreaAbnormal</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-equipmentTrouble"></use>
+                </svg>
+                <div class="name">设施设备隐患</div>
+                <div class="code-name">#icon-equipmentTrouble</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-trafficControl"></use>
+                </svg>
+                <div class="name">交通管制</div>
+                <div class="code-name">#icon-trafficControl</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-trafficAccident"></use>
+                </svg>
+                <div class="name">交通事故</div>
+                <div class="code-name">#icon-trafficAccident</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-trafficJam"></use>
+                </svg>
+                <div class="name">交通拥堵</div>
+                <div class="code-name">#icon-trafficJam</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-illegalVehicle"></use>
+                </svg>
+                <div class="name">非法上路</div>
+                <div class="code-name">#icon-illegalVehicle</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-nonMotor"></use>
+                </svg>
+                <div class="name">非机动车</div>
+                <div class="code-name">#icon-nonMotor</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-otherEvent"></use>
+                </svg>
+                <div class="name">其他事件</div>
+                <div class="code-name">#icon-otherEvent</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-car"></use>
+                </svg>
+                <div class="name">汽车</div>
+                <div class="code-name">#icon-car</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-pedestrian"></use>
diff --git a/ruoyi-ui/src/assets/iconfont/iconfont.css b/ruoyi-ui/src/assets/iconfont/iconfont.css
index 6645fce4..240f362e 100644
--- a/ruoyi-ui/src/assets/iconfont/iconfont.css
+++ b/ruoyi-ui/src/assets/iconfont/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4466169 */
-  src: url('iconfont.woff2?t=1715061600935') format('woff2'),
-       url('iconfont.woff?t=1715061600935') format('woff'),
-       url('iconfont.ttf?t=1715061600935') format('truetype');
+  src: url('iconfont.woff2?t=1715240266347') format('woff2'),
+       url('iconfont.woff?t=1715240266347') format('woff'),
+       url('iconfont.ttf?t=1715240266347') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,62 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-signal:before {
+  content: "\e833";
+}
+
+.icon-abnormalWeather:before {
+  content: "\e603";
+}
+
+.icon-construction:before {
+  content: "\e604";
+}
+
+.icon-barrierClear:before {
+  content: "\e605";
+}
+
+.icon-vehicleBroken:before {
+  content: "\e607";
+}
+
+.icon-serviceAreaAbnormal:before {
+  content: "\e608";
+}
+
+.icon-equipmentTrouble:before {
+  content: "\e609";
+}
+
+.icon-trafficControl:before {
+  content: "\e60a";
+}
+
+.icon-trafficAccident:before {
+  content: "\e60b";
+}
+
+.icon-trafficJam:before {
+  content: "\e60c";
+}
+
+.icon-illegalVehicle:before {
+  content: "\e60e";
+}
+
+.icon-nonMotor:before {
+  content: "\e60f";
+}
+
+.icon-otherEvent:before {
+  content: "\e610";
+}
+
+.icon-car:before {
+  content: "\e7ef";
+}
+
 .icon-pedestrian:before {
   content: "\e602";
 }
diff --git a/ruoyi-ui/src/assets/iconfont/iconfont.js b/ruoyi-ui/src/assets/iconfont/iconfont.js
index a67ef640..edf6ca90 100644
--- a/ruoyi-ui/src/assets/iconfont/iconfont.js
+++ b/ruoyi-ui/src/assets/iconfont/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_4466169='<svg><symbol id="icon-pedestrian" viewBox="0 0 1024 1024"><path d="M453.7669545 593.57411555l-9.85998222-19.72110222-44.82161779 131.77287112a102.63893333 102.63893333 0 0 1-14.34168888 25.09937777l-89.64209779 126.84288a49.75047111 49.75047111 0 0 0-6.27484444 40.33877333 52.88846221 52.88846221 0 0 0 24.2028089 33.61450667 58.26673778 58.26673778 0 0 0 33.16736 10.30826668 55.57816889 55.57816889 0 0 0 12.10254222 0 53.78503111 53.78503111 0 0 0 35.4076444-25.54652445l84.71096891-125.49802667a313.74449776 313.74449776 0 0 0 26.44423112-51.54360892l24.65223112-68.5761422-6.72426667-3.58513777a181.97162668 181.97162668 0 0 1-69.02328888-73.50613334zM616.01861671 263.24536889a100.84693333 100.84693333 0 0 0 101.74236443-99.50208 101.74350222 101.74350222 0 0 0-203.48586665 0 100.84693333 100.84693333 0 0 0 101.74350222 99.50208z m95.01923557 437.44938666l-78.43612445-142.97770666-2.68970667-4.48284444-7.61856002-11.20483556 5.82542223-29.13280002 25.09937779-101.29521776a123.25660445 123.25660445 0 0 0-89.64096-146.56398222 100.84693333 100.84693333 0 0 0-30.47765333-4.92999111 69.02442667 69.02442667 0 0 0-54.23331555 16.13596444l-101.29408 96.36408889a102.63893333 102.63893333 0 0 0-14.34282668 21.06595556L304.96155004 516.48170667a44.82048 44.82048 0 0 0 23.30624 61.85301333 50.64704 50.64704 0 0 0 65.88643557-20.61653332l59.16444443-124.15431113 17.03139557-16.13596444-14.79111111 64.09443556c-14.79111111 54.68160001-7.61969778 134.46257779 108.01720888 196.76273778l3.58627556 2.24142222 34.51221333 62.30015999a980.22968889 980.22968889 0 0 1 36.30421334 173.45649779 50.19875555 50.19875555 0 0 0 22.4108089 35.40764444 60.95644445 60.95644445 0 0 0 34.06392887 10.30826666h7.17141333a58.71502222 58.71502222 0 0 0 37.64906667-19.71996444 56.4736 56.4736 0 0 0 11.65311999-44.82048l-21.96252444-151.49511112a170.31850667 170.31850667 0 0 0-17.92796443-45.26876444z m67.23128887-192.72817777a44.82048 44.82048 0 0 0-22.41080888-25.99594667l-89.64095999-44.82161778-23.30737778 95.02037334 69.02442666 36.75249778a44.82048 44.82048 0 0 0 22.85795555 6.72426668 51.54360889 51.54360889 0 0 0 44.82161778-67.23128891z"  ></path></symbol><symbol id="icon-guanbi" viewBox="0 0 1024 1024"><path d="M512 0.006C229.233 0.006 0.006 229.233 0.006 512S229.233 1023.993 512 1023.993 1023.994 794.767 1023.994 512 794.767 0.006 512 0.006z m0 962.549C263.563 962.555 61.445 760.437 61.445 512S263.563 61.445 512 61.445 962.555 263.563 962.555 512 760.437 962.555 512 962.555z" fill="#040000" ></path><path d="M707.498 273.063L512 468.561 316.502 273.063l-43.449 43.439L468.551 512 273.053 707.497l43.449 43.45L512 555.449l195.498 195.498 43.449-43.45L555.449 512l195.498-195.498z" fill="#040000" ></path></symbol><symbol id="icon-menu" viewBox="0 0 1024 1024"><path d="M512 747.52c-10.24 0-20.48-5.12-30.72-10.24l-414.72-256C51.2 476.16 40.96 460.8 40.96 445.44s10.24-30.72 25.6-40.96l414.72-256c15.36-10.24 40.96-10.24 56.32 0l414.72 256c15.36 10.24 25.6 25.6 25.6 40.96s-5.12 30.72-20.48 40.96l-414.72 256c-10.24 5.12-20.48 5.12-30.72 5.12zM117.76 445.44l394.24 240.64 394.24-240.64L512 204.8 117.76 445.44z m-20.48-10.24z"  ></path><path d="M512 936.96c-15.36 0-30.72-5.12-46.08-15.36l-378.88-230.4c-15.36-10.24-20.48-25.6-10.24-40.96s25.6-20.48 40.96-10.24L496.64 870.4c10.24 5.12 20.48 5.12 30.72 0l378.88-230.4c15.36-10.24 35.84-5.12 40.96 10.24s5.12 35.84-10.24 40.96L558.08 921.6c-15.36 10.24-30.72 15.36-46.08 15.36z"  ></path></symbol><symbol id="icon-menuactive" viewBox="0 0 1024 1024"><path d="M51.2 404.48c-10.24-5.12-10.24-15.36 0-25.6L501.76 102.4h20.48L972.8 378.88c10.24 5.12 10.24 20.48 0 25.6l-450.56 276.48c-5.12 5.12-15.36 5.12-20.48 0L51.2 404.48z" fill="#2c2c2c" ></path><path d="M512 906.24c-20.48 0-40.96-5.12-56.32-15.36l-378.88-230.4c-25.6-15.36-30.72-46.08-20.48-71.68 15.36-25.6 46.08-30.72 71.68-15.36l378.88 230.4h10.24l378.88-230.4c25.6-15.36 56.32-5.12 71.68 15.36 15.36 25.6 5.12 56.32-15.36 71.68l-378.88 230.4c-20.48 10.24-40.96 15.36-61.44 15.36z" fill="#2c2c2c" ></path></symbol><symbol id="icon-left" viewBox="0 0 1024 1024"><path d="M268.9 488.3L681.6 75.6C688.2 69 697.3 65 707.4 65c20.2 0 36.5 16.3 36.5 36.5 0 10.1-4.1 19.2-10.7 25.8l-391 391 378.5 378.5c6 6.2 9.7 14.7 9.7 24.1 0 19.2-15.5 34.7-34.7 34.7-9.4 0-17.9-3.7-24.1-9.7L279.2 553.4c-4.7-4.8-8.1-11.1-9.3-18 0.7 4.9-0.3 5.5-1 4.4-6.6-6.6-10.7-15.7-10.7-25.8 0.1-10 4.1-19.1 10.7-25.7z m0 0"  ></path></symbol><symbol id="icon-right" viewBox="0 0 1024 1024"><path d="M755.1 535.7L342.4 948.4C335.8 955 326.70000001 959 316.60000001 959c-20.2 0-36.5-16.3-36.50000001-36.5 0-10.1 4.1-19.2 10.7-25.8l391-391-378.49999999-378.5c-6-6.2-9.7-14.7-9.70000001-24.1 0-19.2 15.5-34.7 34.7-34.7 9.4 0 17.9 3.7 24.1 9.7L744.8 470.6c4.7 4.8 8.1 11.1 9.30000001 18-0.7-4.9 0.3-5.5 0.99999999-4.4 6.6 6.6 10.69999999 15.7 10.7 25.8-0.1 10-4.1 19.1-10.7 25.7z m0 0"  ></path></symbol><symbol id="icon-recent" viewBox="0 0 1024 1024"><path d="M504 1024C225.6 1024 0 798.4 0 520S225.6 16 504 16s504 225.6 504 504-225.6 504-504 504z m0-939.2C264 84.8 68.8 280 68.8 520c0 240.8 195.2 436 436 436s436-195.2 436-436c-0.8-240-196-435.2-436.8-435.2z"  ></path><path d="M452 572.8V221.6h71.2v280h237.6v71.2H452z"  ></path></symbol></svg>',function(n){var t=(t=document.getElementsByTagName("script"))[t.length-1],e=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var i,o,c,l,a,d=function(t,e){e.parentNode.insertBefore(t,e)};if(e&&!n.__iconfont__svg__cssinject__){n.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}i=function(){var t,e=document.createElement("div");e.innerHTML=n._iconfont_svg_string_4466169,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?d(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),i()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(c=i,l=n.document,a=!1,m(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,s())})}function s(){a||(a=!0,c())}function m(){try{l.documentElement.doScroll("left")}catch(t){return void setTimeout(m,50)}s()}}(window);
\ No newline at end of file
+window._iconfont_svg_string_4466169='<svg><symbol id="icon-signal" viewBox="0 0 1024 1024"><path d="M512 625.056c-64 0-112-48-112-112s48-112 112-112 112 48 112 112-48 112-112 112z m-172.8 96c-9.6 0-19.2-3.2-25.6-9.6-108.8-108.8-108.8-284.8 0-393.6 16-19.2 38.4-19.2 54.4-3.2s16 38.4 0 51.2c-76.8 76.8-76.8 208 0 291.2 16 16 16 38.4 0 51.2-9.6 9.6-16 12.8-28.8 12.8z m345.6 0c-9.6 0-19.2-3.2-25.6-9.6-16-16-16-38.4 0-51.2 76.8-76.8 76.8-208 0-291.2-16-16-16-38.4 0-51.2s38.4-16 51.2 0c108.8 108.8 108.8 284.8 0 393.6-9.6 6.4-16 9.6-25.6 9.6z" fill="#262626" ></path><path d="M220.8 839.456c-9.6 0-19.2-3.2-25.6-9.6-176-176-176-457.6 0-633.6 16-16 38.4-16 51.2 0 16 16 16 38.4 0 51.2-144 144-144 384 0 528 16 16 16 38.4 0 51.2-6.4 9.6-12.8 12.8-25.6 12.8z m582.4 0c-9.6 0-19.2-3.2-25.6-9.6-16-16-16-38.4 0-51.2 144-144 144-380.8 0-524.8-16-16-16-38.4 0-51.2 16-16 38.4-16 51.2 0 176 176 176 457.6 0 633.6-6.4 0-19.2 3.2-25.6 3.2z" fill="#262626" ></path></symbol><symbol id="icon-abnormalWeather" viewBox="0 0 1024 1024"><path d="M232 570.016L272 632.96l-40 105.024L192 632.96l40-62.976zM832 632.96l-40-62.976-40 62.976 40 105.024L832 632.96z m-460 21.024l40 62.976-40 105.024-40-105.024 40-62.976z m320 62.976l-40-62.976-40 62.976 40 105.024 40-105.024zM552 759.04L512 696l-40 63.008L512 864l40-104.992z m-44-147.008a191.68 191.68 0 0 0 84.48-19.616 201.088 201.088 0 0 0 68.608-55.264 115.072 115.072 0 0 0 110.24-4.64c16.64-9.984 30.816-24 41.28-40.928a131.84 131.84 0 0 0 10.784-115.296 126.08 126.08 0 0 0-32.928-48.544 118.08 118.08 0 0 0-50.496-27.232 114.464 114.464 0 0 0-56.768 0.16 205.696 205.696 0 0 0-73.44-79.456A192.768 192.768 0 0 0 508 192c-35.52 0-70.368 9.92-100.992 28.704a205.44 205.44 0 0 0-73.376 78.368 114.464 114.464 0 0 0-55.04 2.944 118.624 118.624 0 0 0-47.968 28.448 126.528 126.528 0 0 0-30.816 48 131.84 131.84 0 0 0 10.912 112c9.984 16.544 23.488 30.4 39.424 40.48a114.848 114.848 0 0 0 106.944 8.864 200.64 200.64 0 0 0 67.968 53.344c26.048 12.48 54.336 18.88 82.944 18.848z m-31.648-268.704c-2.272-15.232 6.816-33.6 19.84-41.888 10.24-6.4 22.048-5.6 32.256 0.96l2.784 1.76c11.904 7.328 18.4 21.504 16.384 35.84l-14.336 95.648h-43.104l-13.76-92.32h-0.064z m59.616 138.496c0 6.72-2.56 13.12-7.04 17.824a23.424 23.424 0 0 1-16.96 7.36 23.424 23.424 0 0 1-16.96-7.36 25.856 25.856 0 0 1-7.04-17.824c0-6.688 2.528-13.088 7.04-17.824a23.424 23.424 0 0 1 16.96-7.36c6.368 0 12.48 2.656 16.96 7.36 4.48 4.736 7.04 11.136 7.04 17.824z"  ></path></symbol><symbol id="icon-construction" viewBox="0 0 1024 1024"><path d="M450.15604822 870.00953773a60.94287909 60.94287909 0 0 1-42.15813279-16.44262681 56.30644012 56.30644012 0 0 1-17.82877874-40.24620009v-69.54657868c0.19119278-15.15207248 6.59617049-29.63496899 17.82877874-40.24619888 11.28040706-10.61123109 26.43247954-16.53822442 42.15813279-16.39482922h142.34344441c33.07644882 0 60.08250914 25.52431199 60.08250914 56.6410281v69.54657868c-0.19119278 15.15207248-6.59617049 29.63496899-17.87657755 40.24620009a60.8950803 60.8950803 0 0 1-42.20593159 16.39482922h-142.34344441zM15.81256734 942.18502508v-52.2435807h145.97611823v-466.22497177H100.17663052v-78.38927106h136.46424989C285.68197286 323.10097541 576.63044539 178.4632103 769.78352219 81.81497492l38.95564332 69.3075871-76.23834555 38.14307217v247.4519866h39.48142532c29.73056539 0 54.10771702 22.94320091 54.10771701 51.09642157v62.61582021a50.80963118 50.80963118 0 0 1-16.10804003 36.27893707c-10.13324671 9.55966715-23.80357086 14.86528208-37.99967698 14.8174845h-134.31332439a54.96808699 54.96808699 0 0 1-38.0474758-14.8174845 50.80963118 50.80963118 0 0 1-16.10803883-36.32673587v-62.61582022c0-28.05762306 24.37715164-51.04862276 54.15551463-51.04862276h39.43362772V216.94087046c-412.88202832 206.10642618-419.57379519 206.77560214-432.0013626 206.77560215H244.90999201v466.22497177h774.66763506V942.18502508h-1003.76505973z m888.81006121-72.17548735h-142.29564681a60.8950803 60.8950803 0 0 1-42.20593038-16.44262681 56.30644012 56.30644012 0 0 1-17.87657876-40.24620009v-69.54657868c0-31.11671732 27.05385791-56.6410281 60.08250914-56.6410281h142.29564681c33.02865002 0 60.03471034 25.52431199 60.03471034 56.6410281v69.54657868c-0.14339519 15.15207248-6.59617049 29.63496899-17.82877996 40.24620009a60.8950803 60.8950803 0 0 1-42.20593038 16.39482922z"  ></path></symbol><symbol id="icon-barrierClear" viewBox="0 0 1024 1024"><path d="M503.39629921 201.82132085c0-51.62220354 39.00344214-93.54134354 86.94517426-93.54134355 47.89393332 0 86.84957665 41.91914121 86.84957665 93.54134355s-38.95564455 93.54134354-86.84957665 93.54134474a80.97038094 80.97038094 0 0 1-33.26764282-6.97855727 86.37159348 86.37159348 0 0 1-28.20101826-20.26649463 94.3539159 94.3539159 0 0 1-18.88034269-30.39974256 100.08971643 100.08971643 0 0 1-6.59617049-35.89655028z m-200.08383526 112.80407421l77.8156915-6.83516206 1.62514352 23.89916725 1.29055554 15.24767008c2.91569906 40.05500609 34.89278513 69.92896546 71.41071379 66.72647721 17.68538476-1.67294233 33.93681878-10.85022269 45.31282223-25.52431198 11.37600345-14.6740893 16.92061119-33.60223081 15.39106528-52.67376629l-0.2389928-2.58110987a124.13227888 124.13227888 0 0 0-11.80618904-44.54804988 115.86316729 115.86316729 0 0 0-26.86266391-36.08774429 106.11230614 106.11230614 0 0 0-37.76068661-21.98723455 100.663296 100.663296 0 0 0-42.68391356-4.49304257h-4.2062534l-101.95385154 9.08168275c-50.76183359 4.39744739-44.93043545 84.79424876 5.87919573 80.39680258l6.69176687-0.62137838h0.0955964z m213.18057984 58.17057402l8.6037008 172.0262122c2.72450507 55.73286055 76.14274916 51.38321196 73.22705009-4.39744618l-8.4125068-172.074011c-2.72450507-55.73286055-76.19054797-51.28761435-73.41824409 4.44524498zM386.43377038 609.20654022l131.87560972-157.25652529 55.54166655-115.86316729-95.35767984-83.16910524-33.45883562-18.64135111L354.6478771 333.41014016 269.90142715 473.45926508l116.53234323 135.74727514zM34.01663798 872.47977646l66.67867964 79.39303623 193.58326116-197.5027254c50.09265642-50.76183359-18.21116553-128.72091906-66.82207361-79.3930362L34.01663798 872.47977646z m505.08501873 34.89278514l-16.25143402-178.86137428c-6.40497649-74.37421166-104.34376741-61.94664426-97.93879094 10.18104553l16.06024124 178.90917307 98.12998372-10.22884432z m268.435456-270.01280072c-9.84645754 7.02635486-47.22475615 48.03732731-53.82092663 49.85366361-6.40497649 1.76853872-47.12915975-7.26534766-60.27370193 17.82877996-0.38238678 0.57357957-0.57357957 1.43394953-1.09936155 2.38991709l-39.9116109-22.89540332-15.63005565-45.64741142-40.91537605-109.45818958c-21.50925138-50.61843839-88.23572859-16.53822442-66.43968683 34.22360917l17.68538354 47.32035255-104.67835539-69.54657868-19.35832708-42.73171358c-14.6262905-32.07268367-42.39712438-37.28270222-63.95417335-26.67147112a49.13669006 49.13669006 0 0 0-61.89884544-42.0625364l29.39597739-145.02015188c10.99361789-54.49010381-60.65608871-72.17548735-71.79310178-17.68538355l-26.67147112 131.7800121-3.44147983-2.19872308-14.8174845-9.79865873-14.62629172 33.88901997 25.2375216 16.8250148c-1.43394953 8.4603056-3.82386661 20.74447781-7.26534644 36.75692025l47.55934413 8.4603056-44.69144386 213.18057984c-14.43509772 70.83713422 81.11377613 96.74383299 96.07465581 23.75577205l31.59469928-153.81504546 84.93764396 187.08268829c29.63496899 64.9579385 118.53987355 18.64135111 88.04453581-48.3241177l-44.1656631-97.50860656 98.2733789 66.15289766 35.37076953 23.89916846 73.65723568 49.71026963c-21.0312682 76.19054797-56.88001968 221.54528783-56.88001968 221.54528784H989.98336202l-182.44624931-331.33806661v0.0477988z"  ></path></symbol><symbol id="icon-vehicleBroken" viewBox="0 0 1170 1024"><path d="M84.754042 903.996952h1060.083809v84.796953H84.70528v-84.845715zM950.375375 306.907429a48.030476 48.030476 0 0 0-55.832381-38.13181l-39.204571 7.41181a159.744 159.744 0 0 0-21.942857-14.726096L710.954423 60.17219c-24.722286-37.839238-78.555429-49.980952-100.352-45.83619L210.462232 90.063238c-21.699048 4.096-67.535238 35.254857-76.751238 79.433143l-40.71619 232.106667s-8.630857 10.24-15.116191 21.796571l-39.204571 7.41181A47.786667 47.786667 0 0 0 0.834804 486.64381a47.786667 47.786667 0 0 0 55.588571 38.180571l16.237715-3.072c1.755429 11.800381 4.096 25.35619 7.119238 41.301333 17.65181 93.622857 42.910476 123.367619 67.779047 130.681905l19.797334 6.680381 16.384 86.942476c5.36381 28.281905 13.653333 35.352381 40.71619 30.232381l60.562286-11.459047c27.014095-5.12 32.182857-14.823619 26.916571-43.056762l-16.432762-86.942477 449.487238-85.089523v0.097523l144.188953-37.888c20.48-15.847619 33.158095-52.662857 15.506285-146.432a1151.414857 1151.414857 0 0 0-8.387047-41.106285l16.237714-3.072a47.445333 47.445333 0 0 0 37.692953-37.156572 47.737905 47.737905 0 0 0 0.097523-18.627047zM205.390994 428.958476c-24.429714 4.583619-39.058286-39.789714-37.595428-57.002666 1.219048-14.531048 10.142476-92.16 14.336-131.657143 2.096762-13.750857 22.625524-48.225524 58.221714-52.662857l377.904762-71.533715c34.767238-8.874667 66.31619 15.701333 73.386667 27.696762 18.383238 35.206095 54.857143 104.252952 61.44 117.321143 7.460571 15.506286 9.947429 62.22019-29.988572 69.778286L205.439756 428.909714z m80.018286 198.704762a63.634286 63.634286 0 0 1-74.215619-51.053714 63.878095 63.878095 0 0 1 50.517333-74.654476 63.829333 63.829333 0 0 1 74.264381 51.053714 63.926857 63.926857 0 0 1-50.566095 74.605714z m451.047619-85.430857a63.683048 63.683048 0 0 1-74.215619-51.004952 64.024381 64.024381 0 0 1 50.517333-74.703239 63.780571 63.780571 0 0 1 74.264381 51.053715c6.582857 34.620952-16.091429 68.169143-50.517333 74.654476z m114.444191 139.654095a83.285333 83.285333 0 1 0 166.716952 0 83.626667 83.626667 0 0 0-83.382857-83.529143 83.285333 83.285333 0 0 0-83.382857 83.529143z"  ></path></symbol><symbol id="icon-serviceAreaAbnormal" viewBox="0 0 1024 1024"><path d="M723.332414 432.622345c8.545103-13.312 14.936276-23.940414 23.481379-37.217104 10.663724-18.608552 25.6-29.236966 42.725517-31.885241 8.474483-2.648276 19.173517-5.296552 25.56469-13.27669 4.272552-2.683586 6.426483-7.980138 8.545103-13.312 2.118621-5.296552 4.272552-13.27669 8.545104-18.573241 10.663724-23.940414 21.362759-47.845517 32.026483-69.102345 2.118621-2.648276 0-7.980138-2.118621-10.628414-2.118621-2.648276-4.272552 0-6.426483 2.648276l-2.11862 2.648276c-12.817655 18.608552-27.753931 39.90069-40.571587 58.473931-2.118621 2.648276-4.237241 5.296552-8.545103 2.648276-4.237241 0-4.237241-2.648276-2.118621-7.944828 2.118621-2.683586 2.118621-5.331862 4.237242-7.980138 12.817655-18.608552 25.63531-37.217103 38.452965-53.142069 2.118621-2.683586 2.118621-5.296552 0-10.628413-2.118621-2.683586-4.272552-2.683586-6.391172 0-4.272552 5.296552-6.426483 10.593103-10.699035 15.924965-10.663724 15.960276-21.327448 29.236966-29.872552 45.197242-2.118621 2.648276-8.545103 5.296552-10.663724 2.648275-2.118621-5.296552 0-5.296552 2.118621-10.628413 0 0 0-2.648276 2.118621-2.648276 10.699034-15.960276 23.481379-31.920552 34.180413-50.493793 2.118621-2.683586 4.237241-5.296552 6.391173-10.628414 0-2.683586-2.118621-2.683586-2.118621-5.296552-2.118621-2.683586-4.272552-2.683586-6.426483 0-12.782345 18.573241-25.6 37.181793-36.263724 58.438621-8.545103 13.27669-12.817655 15.924966-17.090207 13.27669-4.237241 0-4.237241-2.648276-2.11862-7.980138 2.118621-2.648276 4.237241-5.296552 4.237241-7.980138l38.452966-47.810207c4.237241-5.296552 4.237241-5.296552 0-10.628414 0 0 0-2.648276-2.118621-2.648276-2.153931-5.296552-4.307862-5.296552-8.580414 0 0 2.648276 0 5.296552-2.118621 5.296552-23.481379 23.905103-46.962759 45.197241-70.444137 69.102345-2.118621 0-2.118621 2.648276-2.118621 5.296551 0 15.960276-2.153931 29.236966-2.153931 45.197242 0 10.593103-2.118621 18.573241-6.391173 23.905103-8.545103 10.593103-14.971586 23.905103-23.481379 37.181793 8.509793 15.960276 19.208828 29.236966 29.872552 42.513655 0 2.683586 0 2.683586 0 0z m42.619586 108.791172c-100.31669-151.481379-130.189241-180.541793-230.541241-334.671448-2.118621 0-2.118621-2.648276-4.237242-2.648276h-8.474483c-6.426483 0-10.699034 5.296552-10.699034 13.27669v61.086896c0 2.683586 0 5.331862 2.118621 8.015449 27.753931 39.830069 55.507862 82.343724 83.261793 122.209103 6.391172 10.628414 14.936276 21.256828 21.362758 31.885241 4.237241-2.648276 6.391172-5.296552 10.663725-5.296551 4.237241-2.648276 8.545103-2.648276 12.817655-2.648276 6.391172 0 8.545103 2.648276 10.663724 7.944827 0 2.648276 2.118621 2.648276 2.118621 5.296552 51.23531 85.062621 29.907862 45.09131 81.143172 130.118621a34.957241 34.957241 0 0 0 17.054897 15.924965c10.699034 5.296552 7.062069-7.20331 17.725793-15.183448 6.426483-13.27669 3.566345-24.681931-4.943449-35.310345z"  ></path><path d="M660.409379 480.609103c-4.837517-8.086069-9.710345-13.488552-16.984276-21.53931l-2.436413 2.648276c-50.988138 70.161655-101.940966 143.006897-152.893793 213.097931-2.471724 2.718897-2.471724 5.402483-4.872828 8.121379v8.086069c4.837517 18.855724 16.948966 24.258207 31.532138 26.941793h9.710345c7.309241 0 12.146759-5.367172 14.583172-13.453241 19.42069-29.66069 41.242483-59.35669 60.663173-89.017379 24.293517-35.063172 48.551724-72.845241 75.246344-107.908414 2.471724-2.683586 2.471724-5.402483 0-8.121379-2.401103-5.367172-7.273931-10.769655-14.547862-18.855725zM405.53931 235.166897c-26.694621-24.293517-63.099586-35.063172-133.508413-35.063173H111.827862v21.53931c46.11531 0 50.988138 5.437793 50.988138 53.989518v366.839172c0 51.2-4.872828 53.918897-50.988138 53.918897v21.57462h162.639448v-21.53931c-55.825655 0-58.262069-5.402483-58.262069-53.954207v-156.460138h50.988138c65.536 0 182.024828-8.121379 182.024828-145.655172-2.401103-45.868138-16.948966-80.93131-43.678897-105.224828zM267.193379 459.034483H216.205241V270.230069c0-35.063172 2.436414-43.149241 14.547862-43.149241h34.003863c46.11531 0 77.682759 8.086069 97.103448 26.977103 19.42069 18.855724 29.131034 48.551724 29.131034 83.614897C393.357241 440.143448 330.222345 459.034483 267.158069 459.034483zM793.776552 521.110069c3.778207-6.779586 14.830345-6.779586 18.643862 0l106.990345 190.817103a10.699034 10.699034 0 0 1-9.286621 15.960276h-214.016a10.875586 10.875586 0 0 1-9.216-5.296551 10.804966 10.804966 0 0 1-0.105931-10.663725l106.990345-190.817103z m9.321931 141.594483a17.090207 17.090207 0 0 0-11.864276 4.766896 16.066207 16.066207 0 0 0 0 23.022345 17.090207 17.090207 0 0 0 23.763862 0 16.030897 16.030897 0 0 0 0-23.022345 17.090207 17.090207 0 0 0-11.899586-4.766896z m0-81.496276a17.302069 17.302069 0 0 0-11.864276 4.766896 16.34869 16.34869 0 0 0-4.943448 11.546483v32.556138c0 4.343172 1.765517 8.474483 4.943448 11.546483a17.090207 17.090207 0 0 0 23.763862 0 16.066207 16.066207 0 0 0 4.943448-11.511173v-32.591448a15.889655 15.889655 0 0 0-4.943448-11.546483 16.807724 16.807724 0 0 0-11.899586-4.766896z"  ></path></symbol><symbol id="icon-equipmentTrouble" viewBox="0 0 1024 1024"><path d="M701.220571 564.114286a22.345143 22.345143 0 0 1 16.530286 7.021714l1.28 1.353143 1.682286 1.572571 2.048 1.828572 2.267428 1.828571c6.838857 5.522286 16.713143 11.776 24.868572 11.776 8.228571 0 17.993143-6.180571 24.868571-11.593143l2.230857-1.865143 2.925715-2.486857 1.462857-1.536 0.548571-0.512a23.405714 23.405714 0 0 1 24.064-5.741714l1.462857 0.548571 0.585143 0.292572 40.96 22.747428 0.475429 0.292572a21.211429 21.211429 0 0 1 7.68 24.502857l-0.475429 1.243429a44.068571 44.068571 0 0 0-3.657143 15.542857c0 21.906286 17.334857 39.753143 38.875429 40.630857h3.328c7.826286 0 14.043429 6.802286 15.945143 16.969143 1.974857 10.678857 3.035429 21.540571 3.108571 32.365714-0.292571 10.971429-1.499429 21.833143-3.401143 32.548571-1.974857 9.874286-7.753143 16.310857-14.884571 16.932572h-2.816c-10.788571 0.073143-21.101714 4.388571-28.708571 12.032-7.570286 7.606857-11.776 17.92-11.702858 28.635428 0.292571 4.498286 1.170286 9.033143 2.706286 13.385143l0.841143 2.121143a21.357714 21.357714 0 0 1-6.070857 24.868572l-1.133714 0.877714-0.475429 0.292571-41.728 23.296-0.438857 0.146286a22.966857 22.966857 0 0 1-25.380572-5.485714l-0.512-0.621715-2.267428-2.267428-1.901714-1.828572c-6.912-6.217143-18.505143-14.738286-28.086858-14.738285-9.398857 0-21.76 8.96-29.001142 15.506285l-1.938286 1.974858a23.552 23.552 0 0 1-25.819429 7.533714l-1.28-0.548572-0.475428-0.146285-40.228572-22.564572-0.438857-0.329143a21.248 21.248 0 0 1-7.570286-24.466285l0.438858-1.28c2.121143-4.937143 3.328-10.24 3.584-15.579429a40.265143 40.265143 0 0 0-11.227429-28.050286 40.886857 40.886857 0 0 0-27.648-12.544H603.428571c-7.826286 0-14.043429-6.765714-15.945142-16.932571a210.285714 210.285714 0 0 1-3.401143-32.548571 211.382857 211.382857 0 0 1 3.401143-32.365715c1.974857-9.947429 7.753143-16.347429 14.884571-16.932571h2.816c10.788571-0.109714 21.101714-4.388571 28.672-12.068572a40.228571 40.228571 0 0 0 11.776-28.598857 46.701714 46.701714 0 0 0-2.742857-13.494857l-0.841143-2.121143a21.174857 21.174857 0 0 1 6.070857-24.832l1.133714-0.914285 0.475429-0.292572 42.496-23.478857 0.438857-0.146286a22.893714 22.893714 0 0 1 8.594286-1.755428z m-173.933714-446.537143c9.325714 5.412571 17.078857 13.092571 22.381714 22.454857l219.392 386.450286a68.534857 68.534857 0 0 0-19.017142 13.385143l0.804571 0.841142a67.510857 67.510857 0 0 0-47.652571-21.394285h-5.193143l-1.938286 0.146285-198.838857-349.988571L170.057143 735.890286H539.794286c0.731429 8.667429 1.901714 17.334857 3.510857 25.892571l0.365714 1.901714c2.377143 11.776 7.789714 22.784 15.725714 31.926858H170.057143a60.452571 60.452571 0 0 1-52.297143-29.732572 59.282286 59.282286 0 0 1 0-59.830857l327.533714-566.418286a59.648 59.648 0 0 1 36.388572-27.867428 60.379429 60.379429 0 0 1 45.568 5.888v-0.073143z m179.821714 561.664a59.209143 59.209143 0 0 0-12.580571 64.182857c9.106286 21.979429 30.427429 36.278857 54.125714 36.278857 32.292571 0 58.550857-26.331429 58.550857-58.88a58.624 58.624 0 0 0-36.205714-54.345143 58.441143 58.441143 0 0 0-63.817143 12.8h-0.073143z m-205.641142-92.745143a45.421714 45.421714 0 0 1 31.890285 13.129143 44.8 44.8 0 0 1 13.165715 31.670857 44.434286 44.434286 0 0 1-13.202286 31.634286 45.202286 45.202286 0 0 1-31.926857 13.092571c-11.958857 0-23.405714-4.754286-31.890286-13.165714a44.617143 44.617143 0 0 1 0.073143-63.268572c8.448-8.411429 19.931429-13.092571 31.890286-13.092571zM497.737143 310.125714a55.296 55.296 0 0 1 41.654857 19.017143 54.418286 54.418286 0 0 1 12.580571 43.776l-26.038857 170.934857a14.848 14.848 0 0 1-14.774857 12.8h-26.697143a15.067429 15.067429 0 0 1-14.884571-12.8l-26.038857-170.934857a54.198857 54.198857 0 0 1 12.653714-43.666286 54.966857 54.966857 0 0 1 41.618286-19.017142l-0.073143-0.109715z"  ></path></symbol><symbol id="icon-trafficControl" viewBox="0 0 1024 1024"><path d="M512.731429 68.242286c-235.593143 0-426.24 191.670857-426.24 426.203428S278.198857 921.746286 512.731429 921.746286c235.593143 0 427.300571-191.707429 427.300571-427.300572 0-235.593143-191.707429-426.203429-427.300571-426.203428z m0 792.466285c-201.325714 0-365.202286-163.84-365.202286-365.165714 0-78.189714 24.649143-149.942857 66.413714-208.822857l98.523429 98.486857-21.430857 54.637714-29.988572 27.830858v108.178285l27.867429 29.988572h8.557714v46.043428s4.278857 7.497143 8.557714 8.557715c3.218286 1.097143 28.891429 2.157714 43.885715 0 5.376-1.097143 9.654857-7.497143 10.752-8.557715v-46.08h172.397714l189.549714 188.489143a362.422857 362.422857 0 0 1-209.92 66.413714z m126.354285-331.995428l9.654857-46.043429c1.060571-4.278857 3.181714-7.497143 7.497143-7.497143h73.874286a7.314286 7.314286 0 0 1 7.497143 7.497143v46.08a7.314286 7.314286 0 0 1-7.497143 7.460572H646.582857c-4.278857 0-8.557714-3.218286-7.497143-7.497143z m-99.584-91.026286l-99.584-98.523428c78.153143-3.218286 130.633143-2.121143 235.593143 5.376l39.606857 97.426285a3395.364571 3395.364571 0 0 0-175.616-4.278857z m-153.161143 91.062857c1.097143 4.278857-3.181714 7.460571-7.497142 7.460572H295.314286a7.314286 7.314286 0 0 1-7.497143-7.497143v-46.043429a7.314286 7.314286 0 0 1 7.497143-7.497143h73.874285c4.315429 0 6.473143 3.218286 7.533715 7.497143l9.618285 46.08z m-76.032-86.784l17.152-41.764571 39.606858 39.643428c-18.176 0-36.388571 1.097143-56.758858 2.121143zM811.52 705.462857l-83.529143-82.468571v-17.115429h8.557714l27.830858-29.988571v-108.178286l-29.988572-27.830857-43.885714-113.517714s-44.982857-6.436571-92.123429-9.654858a1581.897143 1581.897143 0 0 0-174.555428 0h-8.557715l-118.857142-117.76a360.777143 360.777143 0 0 1 214.162285-69.632c201.325714 0 365.202286 163.84 365.202286 365.165715 2.121143 79.250286-22.491429 151.04-64.256 210.980571z"  ></path></symbol><symbol id="icon-trafficAccident" viewBox="0 0 1024 1024"><path d="M985.284923 574.936615c15.123692-10.358154 17.486769-30.129231 5.671385-44.228923l-11.34277-13.193846a27.214769 27.214769 0 0 0-42.535384 0l-157.459692 188.770462c-11.815385 14.099692-9.019077 16.935385 6.144 6.57723l199.522461-137.924923z m-16.068923 143.084308c2.835692-17.880615-9.452308-28.238769-26.939077-23.512615l-124.376615 35.76123c-17.486769 5.198769-17.014154 12.248615 0.472615 16.029539l109.686154 23.04a31.035077 31.035077 0 0 0 37.376-25.875692l3.780923-25.403077z m-148.952615-186.840615c-8.979692 15.990154-26.939077 39.069538-39.699693 52.224L592.344615 773.12c-12.760615 12.721231-36.391385 30.601846-52.460307 39.069538l-41.156923 7.995077a289.752615 289.752615 0 0 1-62.897231-17.408l-82.707692-35.800615c-16.541538-7.049846-34.067692-14.099692-38.321231-15.044923-4.253538-0.945231-30.247385 1.417846-48.246154 3.308308l-43.008-8.940308a303.576615 303.576615 0 0 1-52.499692-39.069539l-29.302154-29.184-46.828308-46.631384-4.726154-4.726154c-13.233231-12.681846-24.103385-23.512615-24.576-23.985231a60.297846 60.297846 0 0 1-4.726154-11.736615c-2.363077-6.144 11.815385-26.387692 21.267693-36.233846 9.452308-9.924923 7.089231-28.278154-5.671385-40.96l-15.596308-15.556923c-12.760615-12.721231-25.993846-30.129231-29.302153-38.124308-3.308308-7.995077 12.288-32.964923 20.322461-40.96 8.034462-7.995077 21.267692-17.408 29.302154-20.716308 8.034462-3.268923 36.903385 16.502154 49.624615 29.184l15.635693 15.556923a33.476923 33.476923 0 0 0 46.828307 0l261.474462-262.183384a33.122462 33.122462 0 0 0 0-46.592l-15.635692-15.556923c-12.760615-12.721231-25.993846-30.129231-29.302154-38.124308-3.308308-7.995077 11.815385-32.964923 19.37723-40.96 7.601231-7.995077 20.361846-17.408 27.923693-20.716308 7.561846-3.268923 36.864 16.502154 49.624615 29.184l15.596308 15.556923c12.8 12.681846 31.232 15.517538 40.684308 5.632 9.452308-9.846154 22.212923-19.298462 27.884307-21.661538 5.671385-2.363077 28.868923 14.572308 41.629539 27.332923l83.219692 83.771077c12.760615 12.721231 30.247385 36.706462 38.754462 52.263384l7.08923 41.865847-4.253538 40.487384c-0.472615 4.253538 9.019077 29.184 16.108308 45.686154l35.918769 83.771077a290.264615 290.264615 0 0 1 17.486769 63.054769l-6.616615 45.213539z m-256.748308-244.775385c5.198769 15.990154 23.630769 34.343385 40.684308 40.96 0 0 26.939077 9.846154 48.679384-11.303385 21.267692-21.661538 12.760615-47.064615 12.760616-47.064615-5.671385-16.935385-23.158154-36.233846-38.754462-42.850461-15.596308-6.577231-68.568615 44.268308-63.369846 60.258461z m-236.425846 275.810462c-21.267692-21.661538-47.261538-10.791385-47.261539-10.791385-17.053538 7.049846-35.446154 25.875692-41.156923 41.865846-5.671385 16.029538 26.466462 53.681231 43.992616 59.785846 0 0 25.048615 8.467692 46.316307-12.72123 21.267692-21.661538 19.377231-56.950154-1.890461-78.139077z m443.076923-68.68677c0.472615-6.616615-4.726154-25.442462-11.382154-42.377846l-32.137846-76.248615c-7.561846-16.502154-23.630769-19.771077-36.864-6.616616l-308.302769 308.775385c-12.760615 12.721231-9.924923 29.696 6.616615 36.745846l77.075692 30.601846c17.014154 7.089231 35.918769 12.721231 42.06277 12.721231 6.144 0 29.814154-18.392615 42.535384-31.113846l190.109539-189.676308c12.760615-12.681846 29.774769-36.233846 30.247384-42.811077z"  ></path></symbol><symbol id="icon-trafficJam" viewBox="0 0 1024 1024"><path d="M919.941157 558.488567s-64.965667-9.557121-126.745628-12.799716a1550.130886 1550.130886 0 0 0-243.82036 0c-65.022555 3.242595-126.745628 12.799716-126.745627 12.799716l-61.779961 156.839181-42.267505 38.399147v150.41088l39.024911 41.641741h12.970378v63.998578s6.542077 9.614009 13.027266 12.799715c3.242595 0 39.024911 3.185707 61.77996 0 6.485189 0 12.970378-9.614009 12.970379-12.799715v-63.998578h425.860759v63.998578s6.485189 12.799716 12.970378 12.799715c19.512455 3.185707 58.537366 0 61.77996 0 6.485189-3.185707 13.027266-12.799716 13.027266-12.799715v-63.998578h12.970379l39.02491-41.641741V753.783783l-42.267505-38.399147-61.77996-156.839181z m-438.831137 294.450345H364.092176c-6.485189 0-9.727784-6.371414-9.727784-9.614008V779.383214c0-6.371414 6.485189-9.557121 9.727784-9.557121h104.047465c6.485189 0 9.727784 6.371414 9.727784 9.557121l13.027266 63.998578c3.242595 3.242595-3.299482 9.670896-9.784671 9.670896zM386.847226 721.75605l55.237883-134.425457c195.067665-12.799716 260.09022-12.799716 455.100998 0l55.294771 134.425457a5556.498744 5556.498744 0 0 0-565.633652 0z m601.359081 57.570276v63.998578c0 6.428302-6.485189 9.670896-9.727784 9.670896h-117.017844c-6.485189 0-13.027266-6.428302-9.784672-9.670896L864.703273 779.383214c0-6.371414 6.485189-9.557121 9.727784-9.557121H978.478523c3.242595-3.242595 9.727784 3.185707 9.727784 9.557121zM377.176329 545.688851a55.749872 55.749872 0 0 1 38.968023-31.970845c16.269861-3.242595 71.507744-9.670896 130.04511-12.799715 51.995289-3.242595 107.29006-3.242595 162.527944-3.242595v-22.356836l-42.267505-35.270328L604.726828 283.323126S539.647386 273.65223 477.867425 270.466523a1550.073998 1550.073998 0 0 0-243.820359 0c-65.022555 3.185707-126.745628 12.799716-126.745628 12.799716L42.278883 440.10542 0.011378 478.447679v150.41088l39.02491 41.584853h12.970379v64.055466s6.542077 9.557121 13.027266 12.799715c3.242595 0 39.024911 3.185707 61.77996 0 6.485189 0 12.970378-9.670896 12.970378-12.799715v-64.055466h185.282994l52.052177-124.811448z m-250.305548-236.823181c195.010778-12.799716 260.033333-12.799716 455.100997 0l55.237884 134.425457a5557.124508 5557.124508 0 0 0-565.633653 0l55.294772-134.425457z m42.210617 265.665207H52.006667c-6.485189 0-9.727784-6.428302-9.727784-9.670896V500.975178c0-6.428302 6.485189-9.670896 9.727784-9.670896h104.047465c6.485189 0 9.727784 6.428302 9.727784 9.670896l13.027266 63.998578c0 6.371414-6.485189 9.614009-9.784671 9.614009zM477.867425 232.067376c65.022555 3.185707 126.802515 12.799716 130.04511 12.799716 12.970378 0 25.997644 9.614009 29.240239 22.413724l51.995289 134.425457h191.825071v63.998578s6.485189 12.799716 12.970378 12.799716c19.512455 3.185707 58.537366 0 61.779961 0 6.485189-3.185707 13.027266-12.799716 13.027266-12.799716V401.649386h12.970378l39.024911-41.641742V212.839359l-42.267505-38.399147L919.941157 17.657919S855.032377 8.04391 793.195529 4.801316a1550.130886 1550.130886 0 0 0-243.82036 0C484.352614 8.04391 422.686429 17.657919 422.686429 17.657919L360.849581 174.440212l-42.267505 38.399147v19.228017c51.995289-3.185707 107.29006 0 159.285349 0z m510.338882 3.185707V299.251661c0 6.428302-6.485189 9.670896-9.727784 9.670896h-117.017844c-6.485189 0-13.027266-6.428302-9.784672-9.670896l13.027266-63.998578c0-6.371414 6.485189-9.614009 9.727784-9.614008H978.478523c3.242595 0 9.727784 3.242595 9.727784 9.670896zM442.085109 43.25735c195.067665-12.856603 260.09022-12.856603 455.100998 0l55.294771 134.368569a5557.181396 5557.181396 0 0 0-565.633652 0L442.085109 43.25735z"  ></path></symbol><symbol id="icon-illegalVehicle" viewBox="0 0 2205 1024"><path d="M1811.144074 968.625231c-101.612308-0.708923-181.563077-81.92-179.751385-185.737846 1.575385-100.824615 87.670154-176.994462 182.980923-176.20677 90.190769 0.787692 179.042462 74.043077 179.593846 181.563077 0.393846 99.643077-82.786462 181.011692-182.744615 180.381539z m1.417846-103.187693a77.351385 77.351385 0 0 0 78.296615-76.169846V786.904615a78.375385 78.375385 0 0 0-77.981538-77.587692c-43.086769 0-79.005538 31.350154-79.005539 77.981539 0 52.381538 42.929231 80.344615 78.611693 78.139076z m-1429.346462-38.281846a40.172308 40.172308 0 0 1-39.148307-39.778461 40.96 40.96 0 0 1 41.117538-39.620923 41.432615 41.432615 0 0 1 38.203077 39.148307 40.566154 40.566154 0 0 1-40.172308 40.172308z"  ></path><path d="M1850.922535 788.795077a39.148308 39.148308 0 0 1-39.85723 38.360615 38.754462 38.754462 0 0 1-37.809231-39.620923v-0.787692a39.936 39.936 0 0 1 39.936-38.912 39.857231 39.857231 0 0 1 37.809231 40.96zM781.078843 150.843077c27.569231-1.496615 55.217231-2.835692 82.865231-4.096 23.000615-0.945231 32.295385 7.876923 32.531692 30.877538 0.315077 29.774769 0.472615 59.470769 0.472616 89.245539l43.95323 43.953231 46.316308-46.237539V175.182769c0-17.329231 7.089231-26.702769 22.291692-26.702769 30.562462 0.236308 61.124923 0.551385 91.608616 2.126769l65.378461-65.378461a1447.778462 1447.778462 0 0 0-175.970461-8.979693c-89.639385 0-179.2 3.150769-268.839385 5.986462l-9.137231 0.315077 68.529231 68.292923z m390.695385 637.085538l-230.793846-230.872615-230.872616 230.793846h461.745231z"  ></path><path d="M2196.089305 672.689231c-3.780923-32.059077-23.630769-51.830154-53.878154-62.227693a22.606769 22.606769 0 0 1-11.106462-11.027692c-40.329846-82.156308-103.660308-137.846154-189.991384-166.990769-76.721231-25.757538-153.836308-50.412308-230.321231-76.721231-24.260923-8.349538-49.939692-16.620308-70.262154-31.428923-79.635692-57.501538-159.901538-114.057846-246.075077-161.476923a1390.198154 1390.198154 0 0 0-38.596923-20.637538l-53.641846 53.799384c31.822769 15.438769 62.464 33.870769 93.184 51.987692 40.96 24.024615 80.659692 50.254769 120.280615 76.406154 7.798154 5.12 12.760615 14.336 19.140923 21.661539-9.452308 3.150769-18.668308 9.294769-28.278154 9.294769-81.132308 0.787692-162.422154 0.393846-243.63323 0.393846H1142.314535l-78.139077 78.139077 353.988924 353.988923h171.323076c6.774154-134.774154 104.054154-212.283077 205.036308-221.341538a210.550154 210.550154 0 0 1 137.216 34.658461c66.953846 44.110769 100.273231 107.913846 102.951385 187.707077 31.901538 0 61.755077 1.969231 91.214769-0.787692 16.147692-1.732923 31.586462-7.876923 44.583385-17.644308 32.295385-25.206154 29.932308-62.148923 25.678769-97.673846z m-1620.519385 3.465846l242.294154-242.294154-78.139077-78.139077h-83.495385c-69.159385 0-138.24 0.393846-207.163077-0.393846-7.719385 0-15.517538-5.828923-23.315692-8.979692 3.150769-7.640615 4.489846-17.171692 9.924923-22.685539a883.003077 883.003077 0 0 1 150.212923-121.856l-61.755077-61.755077c-73.728 49.939692-147.062154 100.352-221.026461 149.897846-30.011077 20.007385-58.683077 43.008-95.547077 50.963693-45.213538 9.688615-90.190769 20.48-135.246769 30.72-26.387692 6.065231-45.134769 34.422154-43.480616 60.809846 2.993231 43.795692 6.301538 87.748923 5.277539 131.544615-0.787692 27.569231-0.945231 57.344-23.552 79.872a29.932308 29.932308 0 0 0-7.24677 17.250462 580.450462 580.450462 0 0 0-3.150769 53.563077c-0.315077 34.343385 21.031385 65.851077 54.350769 70.104615 34.816 4.489846 70.577231 1.024 107.126154 1.024 3.150769-122.722462 95.153231-209.92 205.587693-219.372308a211.495385 211.495385 0 0 1 140.996923 38.203077c27.569231 18.589538 50.491077 43.008 67.347692 71.522462z"  ></path><path d="M512.948382 828.809846l395.027692-394.948923L512.948382 38.912l33.083076-33.004308 394.870154 394.948923L1335.929305 5.907692l33.083077 33.083077-394.948924 394.870154 394.948924 394.948923-33.083077 33.083077-394.948923-394.948923-394.948924 394.948923-33.083076-33.083077z"  ></path><path d="M451.508382 826.919385a76.957538 76.957538 0 0 1-67.66277 38.596923 76.8 76.8 0 0 1-78.217846-76.484923c0-45.056 34.264615-79.872 78.611692-79.714462a78.454154 78.454154 0 0 1 77.587693 77.666462v2.599384a76.642462 76.642462 0 0 1-8.034462 33.240616L552.726843 723.889231c-25.048615-65.378462-86.646154-112.167385-155.805538-116.578462A181.326769 181.326769 0 0 0 202.597612 784.541538a180.381538 180.381538 0 0 0 179.593846 183.926154 177.782154 177.782154 0 0 0 142.808616-68.135384l-73.412923-73.491693z"  ></path></symbol><symbol id="icon-nonMotor" viewBox="0 0 1024 1024"><path d="M511.906909 744.401455c-49.617455 0.325818-89.739636 35.84-89.739636 79.732363v119.668364c0 6.702545 1.303273 13.265455 3.118545 19.502545 1.815273 6.423273 4.701091 12.567273 8.238546 18.199273 0.977455 1.675636 1.815273 3.351273 3.025454 4.933818 1.303273 1.861818 2.978909 3.630545 4.608 5.445818 1.815273 2.048 3.537455 4.049455 5.585455 6.050909 1.396364 1.303273 3.118545 2.699636 4.608 3.909819 2.513455 2.141091 5.073455 4.096 7.912727 5.911272 1.396364 0.930909 2.839273 1.722182 4.189091 2.56 4.608 2.513455 9.309091 4.747636 14.242909 6.609455 4.282182 1.582545 8.797091 2.885818 13.498182 3.909818 0.744727 0.139636 1.396364 0.465455 2.234182 0.558546 5.632 1.117091 11.357091 1.768727 17.128727 1.861818h-0.325818c0.465455-0.046545 1.024 0.046545 1.582545 0.046545l1.582546-0.093091h-0.279273c11.217455-0.279273 22.341818-2.420364 32.907636-6.330182 1.210182-0.465455 2.420364-1.070545 3.677091-1.396363 3.630545-1.582545 7.121455-3.397818 10.472727-5.259637 1.489455-0.837818 2.932364-1.582545 4.282182-2.513454 2.792727-1.768727 5.445818-3.909818 7.912728-5.911273 1.582545-1.303273 3.118545-2.56 4.608-3.909818 2.001455-1.861818 3.770182-3.956364 5.585454-6.050909 1.489455-1.861818 3.258182-3.630545 4.608-5.492364 1.163636-1.536 1.861818-3.351273 2.932364-4.887272a72.145455 72.145455 0 0 0 11.450182-37.701819v-119.714909c0.093091-43.752727-40.029091-79.453091-89.646546-79.592727zM874.030545 31.045818c-1.303273 0-2.420364 0.093091-3.770181 0.232727l-11.450182 0.046546c-0.930909 0-1.675636-0.186182-2.56-0.186182-1.256727 0-2.327273 0.186182-3.351273 0.325818l-194.792727 2.56-56.878546 152.296728H422.632727L365.661091 34.024727 170.868364 31.464727C169.704727 31.325091 168.634182 31.185455 167.563636 31.185455c-0.837818 0-1.675636 0.186182-2.513454 0.186181H153.6a37.469091 37.469091 0 0 0-3.816727-0.279272 41.797818 41.797818 0 0 0-40.913455 42.356363v8.750546c0 23.272727 18.432 42.356364 40.96 42.356363 0.930909 0 1.861818 0 2.792727-0.139636h12.241455c0.884364 0 1.675636 0.325818 2.653091 0.325818 1.024 0 1.815273-0.186182 2.699636-0.325818h162.350546l55.249454 171.380364c-2.792727 4.608-5.306182 9.355636-7.540363 14.242909l-71.912728 0.186182a5.864727 5.864727 0 0 0-5.818181 6.050909v132.142545c-52.410182 77.498182-89.972364 233.984-89.972364 296.029091 0 83.874909 68.887273 217.041455 150.016 217.041455h33.605818a96.814545 96.814545 0 0 1-4.049454-26.763637v-132.933818c0-48.965818 36.072727-88.622545 80.384-88.622545h79.127272c44.311273 0 80.290909 39.656727 80.290909 88.622545v132.933818c0 9.262545-1.675636 18.152727-4.049454 26.763637h33.512727c81.175273 0 150.016-133.306182 150.016-216.99491 0-61.998545-37.608727-218.437818-90.018909-296.075636V316.322909a5.725091 5.725091 0 0 0-1.629091-4.189091 5.864727 5.864727 0 0 0-4.142545-1.861818l-71.866182-0.232727a126.045091 126.045091 0 0 0-7.633455-14.242909l55.342546-171.380364h162.304c0.837818 0 1.675636 0.325818 2.653091 0.325818 0.977455 0 1.815273-0.186182 2.746181-0.325818h12.101819a22.853818 22.853818 0 0 0 2.932363 0.139636c22.528 0 40.96-19.083636 40.96-42.356363v-8.750546c-0.186182-23.272727-18.618182-42.402909-41.146182-42.402909z m-362.123636 458.379637c-60.509091-0.325818-109.521455-51.2-109.521454-113.896728 0-62.603636 49.012364-113.570909 109.521454-113.850182 60.509091 0.325818 109.521455 51.2 109.521455 113.850182 0 62.696727-48.965818 113.570909-109.521455 113.896728z"  ></path></symbol><symbol id="icon-otherEvent" viewBox="0 0 1024 1024"><path d="M632.027429 444.562286l169.801142 325.046857c3.657143 8.228571 3.657143 12.324571 0 22.637714-9.142857 8.192-12.8 12.324571-21.906285 12.324572h-339.565715c-9.142857 0-12.8-4.132571-16.457142-12.324572-3.657143-8.265143-3.657143-12.361143 0-22.674286l169.801142-325.010285c7.314286-14.409143 29.220571-14.409143 38.326858 0zM768.950857 146.285714c14.628571 0 29.257143 10.276571 29.257143 26.733715v308.589714c0 22.601143-14.628571 32.914286-34.742857 32.914286-14.592 0-29.184-16.457143-29.184-32.914286v-263.314286H277.869714V738.742857h56.576c20.114286 0 34.706286 16.457143 34.706286 32.914286s-14.628571 32.914286-34.706286 32.914286H248.685714c-14.628571 0-29.220571-10.276571-29.220571-26.733715V189.44c0-16.457143 5.485714-37.010286 23.734857-43.190857h525.787429z m-158.829714 553.362286c-12.8 0-25.563429 12.361143-25.563429 26.770286 0 12.324571 12.8 26.697143 25.6 26.697143 12.763429 0 25.526857-12.324571 25.526857-26.697143-3.657143-12.361143-12.8-26.770286-25.563428-26.770286z m0-133.705143c-12.8 0-20.077714 8.228571-21.906286 18.505143v80.237714c0 12.324571 9.142857 22.637714 21.942857 22.637715 12.763429 0 20.041143-8.228571 21.869715-18.505143v-80.237715c0-14.409143-9.142857-22.637714-21.906286-22.637714z m-157.001143-117.248c20.114286 0 34.669714 16.457143 34.669714 39.094857 0 22.601143-14.592 39.058286-34.669714 39.058286h-82.176c-20.077714 0-34.669714-16.457143-34.669714-39.094857 0-22.601143 14.628571-39.058286 34.669714-39.058286h82.176z m136.923429-158.427428c20.114286 0 34.706286 16.457143 34.706285 39.131428 0 22.601143-14.628571 32.914286-34.706285 32.914286h-219.062858c-14.628571 0-29.257143-16.457143-29.257142-32.914286s14.628571-39.131429 29.257142-39.131428h219.062858z"  ></path></symbol><symbol id="icon-car" viewBox="0 0 1024 1024"><path d="M895.2832 399.93344h-79.03232c-3.60448 0.06144-7.168 1.024-10.30144 2.7648l-35.61472-107.08992c-11.3664-60.88704-54.35392-90.3168-107.13088-90.3168H328.4992c-60.6208 0-97.40288 39.44448-107.15136 90.25536l-35.71712 107.43808a21.97504 21.97504 0 0 0-10.93632-3.09248H95.68256a21.97504 21.97504 0 0 0-22.016 21.95456v19.0464c0 12.10368 9.85088 21.97504 22.016 21.97504l29.9008 5.12a137.56416 137.56416 0 0 0-14.80704 64.06144l-11.07968 126.3616c0 3.64544 0.26624 7.3728 0.7168 11.14112a42.1888 42.1888 0 0 0-0.7168 7.168v152.02304c0 21.64736 17.57184 39.15776 39.26016 39.15776H198.8608a39.19872 39.19872 0 0 0 39.28064-39.15776v-48.82432h515.39968v48.82432c0 21.64736 17.57184 39.15776 39.26016 39.15776h59.94496a39.19872 39.19872 0 0 0 39.26016-39.15776v-152.04352c0-2.39616-0.26624-4.79232-0.73728-7.14752 0.45056-3.76832 0.73728-7.49568 0.73728-11.1616l-11.10016-126.3616c0-24.59648-5.40672-45.6704-14.86848-64.14336l29.22496-4.95616a21.97504 21.97504 0 0 0 22.03648-21.97504v-19.0464a22.07744 22.07744 0 0 0-22.03648-21.97504z m-647.55712-22.46656l26.15296-69.46816 0.32768-1.6384c2.60096-14.00832 8.3968-16.54784 16.9984-27.36128h409.55904c8.68352 11.14112 14.09024 13.96736 16.44544 27.25888l26.60352 71.2704 9.74848 38.7072c-2.21184 28.32384-36.352 50.688-64.67584 50.688H302.65344c-28.38528 0-62.52544-22.36416-64.7168-50.70848l9.78944-38.74816z m18.30912 330.38336a59.392 59.392 0 1 1 5.18144-118.62016 59.392 59.392 0 0 1-5.18144 118.62016z m332.20608-43.76576a17.69472 17.69472 0 0 1-17.69472 17.63328H413.696a17.69472 17.69472 0 0 1-17.69472-17.6128v-49.58208c0-9.74848 7.94624-17.63328 17.69472-17.63328h166.85056c9.74848 0 17.69472 7.8848 17.69472 17.6128v49.58208z m127.26272 43.76576a59.392 59.392 0 0 1-59.4944-59.31008 59.392 59.392 0 0 1 59.4944-59.31008 59.392 59.392 0 0 1 59.47392 59.31008 59.43296 59.43296 0 0 1-59.47392 59.31008z" fill="#000000" ></path></symbol><symbol id="icon-pedestrian" viewBox="0 0 1024 1024"><path d="M453.7669545 593.57411555l-9.85998222-19.72110222-44.82161779 131.77287112a102.63893333 102.63893333 0 0 1-14.34168888 25.09937777l-89.64209779 126.84288a49.75047111 49.75047111 0 0 0-6.27484444 40.33877333 52.88846221 52.88846221 0 0 0 24.2028089 33.61450667 58.26673778 58.26673778 0 0 0 33.16736 10.30826668 55.57816889 55.57816889 0 0 0 12.10254222 0 53.78503111 53.78503111 0 0 0 35.4076444-25.54652445l84.71096891-125.49802667a313.74449776 313.74449776 0 0 0 26.44423112-51.54360892l24.65223112-68.5761422-6.72426667-3.58513777a181.97162668 181.97162668 0 0 1-69.02328888-73.50613334zM616.01861671 263.24536889a100.84693333 100.84693333 0 0 0 101.74236443-99.50208 101.74350222 101.74350222 0 0 0-203.48586665 0 100.84693333 100.84693333 0 0 0 101.74350222 99.50208z m95.01923557 437.44938666l-78.43612445-142.97770666-2.68970667-4.48284444-7.61856002-11.20483556 5.82542223-29.13280002 25.09937779-101.29521776a123.25660445 123.25660445 0 0 0-89.64096-146.56398222 100.84693333 100.84693333 0 0 0-30.47765333-4.92999111 69.02442667 69.02442667 0 0 0-54.23331555 16.13596444l-101.29408 96.36408889a102.63893333 102.63893333 0 0 0-14.34282668 21.06595556L304.96155004 516.48170667a44.82048 44.82048 0 0 0 23.30624 61.85301333 50.64704 50.64704 0 0 0 65.88643557-20.61653332l59.16444443-124.15431113 17.03139557-16.13596444-14.79111111 64.09443556c-14.79111111 54.68160001-7.61969778 134.46257779 108.01720888 196.76273778l3.58627556 2.24142222 34.51221333 62.30015999a980.22968889 980.22968889 0 0 1 36.30421334 173.45649779 50.19875555 50.19875555 0 0 0 22.4108089 35.40764444 60.95644445 60.95644445 0 0 0 34.06392887 10.30826666h7.17141333a58.71502222 58.71502222 0 0 0 37.64906667-19.71996444 56.4736 56.4736 0 0 0 11.65311999-44.82048l-21.96252444-151.49511112a170.31850667 170.31850667 0 0 0-17.92796443-45.26876444z m67.23128887-192.72817777a44.82048 44.82048 0 0 0-22.41080888-25.99594667l-89.64095999-44.82161778-23.30737778 95.02037334 69.02442666 36.75249778a44.82048 44.82048 0 0 0 22.85795555 6.72426668 51.54360889 51.54360889 0 0 0 44.82161778-67.23128891z"  ></path></symbol><symbol id="icon-guanbi" viewBox="0 0 1024 1024"><path d="M512 0.006C229.233 0.006 0.006 229.233 0.006 512S229.233 1023.993 512 1023.993 1023.994 794.767 1023.994 512 794.767 0.006 512 0.006z m0 962.549C263.563 962.555 61.445 760.437 61.445 512S263.563 61.445 512 61.445 962.555 263.563 962.555 512 760.437 962.555 512 962.555z" fill="#040000" ></path><path d="M707.498 273.063L512 468.561 316.502 273.063l-43.449 43.439L468.551 512 273.053 707.497l43.449 43.45L512 555.449l195.498 195.498 43.449-43.45L555.449 512l195.498-195.498z" fill="#040000" ></path></symbol><symbol id="icon-menu" viewBox="0 0 1024 1024"><path d="M512 747.52c-10.24 0-20.48-5.12-30.72-10.24l-414.72-256C51.2 476.16 40.96 460.8 40.96 445.44s10.24-30.72 25.6-40.96l414.72-256c15.36-10.24 40.96-10.24 56.32 0l414.72 256c15.36 10.24 25.6 25.6 25.6 40.96s-5.12 30.72-20.48 40.96l-414.72 256c-10.24 5.12-20.48 5.12-30.72 5.12zM117.76 445.44l394.24 240.64 394.24-240.64L512 204.8 117.76 445.44z m-20.48-10.24z"  ></path><path d="M512 936.96c-15.36 0-30.72-5.12-46.08-15.36l-378.88-230.4c-15.36-10.24-20.48-25.6-10.24-40.96s25.6-20.48 40.96-10.24L496.64 870.4c10.24 5.12 20.48 5.12 30.72 0l378.88-230.4c15.36-10.24 35.84-5.12 40.96 10.24s5.12 35.84-10.24 40.96L558.08 921.6c-15.36 10.24-30.72 15.36-46.08 15.36z"  ></path></symbol><symbol id="icon-menuactive" viewBox="0 0 1024 1024"><path d="M51.2 404.48c-10.24-5.12-10.24-15.36 0-25.6L501.76 102.4h20.48L972.8 378.88c10.24 5.12 10.24 20.48 0 25.6l-450.56 276.48c-5.12 5.12-15.36 5.12-20.48 0L51.2 404.48z" fill="#2c2c2c" ></path><path d="M512 906.24c-20.48 0-40.96-5.12-56.32-15.36l-378.88-230.4c-25.6-15.36-30.72-46.08-20.48-71.68 15.36-25.6 46.08-30.72 71.68-15.36l378.88 230.4h10.24l378.88-230.4c25.6-15.36 56.32-5.12 71.68 15.36 15.36 25.6 5.12 56.32-15.36 71.68l-378.88 230.4c-20.48 10.24-40.96 15.36-61.44 15.36z" fill="#2c2c2c" ></path></symbol><symbol id="icon-left" viewBox="0 0 1024 1024"><path d="M268.9 488.3L681.6 75.6C688.2 69 697.3 65 707.4 65c20.2 0 36.5 16.3 36.5 36.5 0 10.1-4.1 19.2-10.7 25.8l-391 391 378.5 378.5c6 6.2 9.7 14.7 9.7 24.1 0 19.2-15.5 34.7-34.7 34.7-9.4 0-17.9-3.7-24.1-9.7L279.2 553.4c-4.7-4.8-8.1-11.1-9.3-18 0.7 4.9-0.3 5.5-1 4.4-6.6-6.6-10.7-15.7-10.7-25.8 0.1-10 4.1-19.1 10.7-25.7z m0 0"  ></path></symbol><symbol id="icon-right" viewBox="0 0 1024 1024"><path d="M755.1 535.7L342.4 948.4C335.8 955 326.70000001 959 316.60000001 959c-20.2 0-36.5-16.3-36.50000001-36.5 0-10.1 4.1-19.2 10.7-25.8l391-391-378.49999999-378.5c-6-6.2-9.7-14.7-9.70000001-24.1 0-19.2 15.5-34.7 34.7-34.7 9.4 0 17.9 3.7 24.1 9.7L744.8 470.6c4.7 4.8 8.1 11.1 9.30000001 18-0.7-4.9 0.3-5.5 0.99999999-4.4 6.6 6.6 10.69999999 15.7 10.7 25.8-0.1 10-4.1 19.1-10.7 25.7z m0 0"  ></path></symbol><symbol id="icon-recent" viewBox="0 0 1024 1024"><path d="M504 1024C225.6 1024 0 798.4 0 520S225.6 16 504 16s504 225.6 504 504-225.6 504-504 504z m0-939.2C264 84.8 68.8 280 68.8 520c0 240.8 195.2 436 436 436s436-195.2 436-436c-0.8-240-196-435.2-436.8-435.2z"  ></path><path d="M452 572.8V221.6h71.2v280h237.6v71.2H452z"  ></path></symbol></svg>',function(a){var c=(c=document.getElementsByTagName("script"))[c.length-1],l=c.getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var t,h,o,e,i,m=function(c,l){l.parentNode.insertBefore(c,l)};if(l&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(c){console&&console.log(c)}}t=function(){var c,l=document.createElement("div");l.innerHTML=a._iconfont_svg_string_4466169,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(c=document.body).firstChild?m(l,c.firstChild):c.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(h=function(){document.removeEventListener("DOMContentLoaded",h,!1),t()},document.addEventListener("DOMContentLoaded",h,!1)):document.attachEvent&&(o=t,e=a.document,i=!1,v(),e.onreadystatechange=function(){"complete"==e.readyState&&(e.onreadystatechange=null,n())})}function n(){i||(i=!0,o())}function v(){try{e.documentElement.doScroll("left")}catch(c){return void setTimeout(v,50)}n()}}(window);
\ No newline at end of file
diff --git a/ruoyi-ui/src/assets/iconfont/iconfont.json b/ruoyi-ui/src/assets/iconfont/iconfont.json
index cc03ca14..f3e046ec 100644
--- a/ruoyi-ui/src/assets/iconfont/iconfont.json
+++ b/ruoyi-ui/src/assets/iconfont/iconfont.json
@@ -5,6 +5,104 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "30712929",
+      "name": "感应",
+      "font_class": "signal",
+      "unicode": "e833",
+      "unicode_decimal": 59443
+    },
+    {
+      "icon_id": "40248866",
+      "name": "异常天气",
+      "font_class": "abnormalWeather",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    },
+    {
+      "icon_id": "40248865",
+      "name": "施工建设",
+      "font_class": "construction",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "40248864",
+      "name": "路障清除",
+      "font_class": "barrierClear",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
+    {
+      "icon_id": "40248855",
+      "name": "车辆故障",
+      "font_class": "vehicleBroken",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "40248862",
+      "name": "服务区异常",
+      "font_class": "serviceAreaAbnormal",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "40248861",
+      "name": "设施设备隐患",
+      "font_class": "equipmentTrouble",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "40248854",
+      "name": "交通管制",
+      "font_class": "trafficControl",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "40248860",
+      "name": "交通事故",
+      "font_class": "trafficAccident",
+      "unicode": "e60b",
+      "unicode_decimal": 58891
+    },
+    {
+      "icon_id": "40248857",
+      "name": "交通拥堵",
+      "font_class": "trafficJam",
+      "unicode": "e60c",
+      "unicode_decimal": 58892
+    },
+    {
+      "icon_id": "40248859",
+      "name": "非法上路",
+      "font_class": "illegalVehicle",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
+      "icon_id": "40248858",
+      "name": "非机动车",
+      "font_class": "nonMotor",
+      "unicode": "e60f",
+      "unicode_decimal": 58895
+    },
+    {
+      "icon_id": "40248856",
+      "name": "其他事件",
+      "font_class": "otherEvent",
+      "unicode": "e610",
+      "unicode_decimal": 58896
+    },
+    {
+      "icon_id": "7791021",
+      "name": "汽车",
+      "font_class": "car",
+      "unicode": "e7ef",
+      "unicode_decimal": 59375
+    },
     {
       "icon_id": "28559895",
       "name": "行人",
diff --git a/ruoyi-ui/src/assets/iconfont/iconfont.ttf b/ruoyi-ui/src/assets/iconfont/iconfont.ttf
index fa4ca655..00c154e9 100644
Binary files a/ruoyi-ui/src/assets/iconfont/iconfont.ttf and b/ruoyi-ui/src/assets/iconfont/iconfont.ttf differ
diff --git a/ruoyi-ui/src/assets/iconfont/iconfont.woff b/ruoyi-ui/src/assets/iconfont/iconfont.woff
index a21f2538..4162a1cb 100644
Binary files a/ruoyi-ui/src/assets/iconfont/iconfont.woff and b/ruoyi-ui/src/assets/iconfont/iconfont.woff differ
diff --git a/ruoyi-ui/src/assets/iconfont/iconfont.woff2 b/ruoyi-ui/src/assets/iconfont/iconfont.woff2
index 848e2782..7e158b07 100644
Binary files a/ruoyi-ui/src/assets/iconfont/iconfont.woff2 and b/ruoyi-ui/src/assets/iconfont/iconfont.woff2 differ
diff --git a/ruoyi-ui/src/common/menuData.js b/ruoyi-ui/src/common/menuData.js
index 7b0a1767..89ccd0e4 100644
--- a/ruoyi-ui/src/common/menuData.js
+++ b/ruoyi-ui/src/common/menuData.js
@@ -36,12 +36,6 @@ export default [
         path: "/perception/trafficSituation",
         name: "perceptionTrafficSituation",
         component: "perception/trafficSituation/index.vue",
-      },
-      {
-        title: "网络拓扑",
-        name: "perceptionTopology",
-        path: "/perception/topology",
-        component: "perception/topology/index.vue"
       }
     ],
   },
@@ -119,6 +113,18 @@ export default [
             path: "/control/device/strategy",
             name: "controlDeviceStrategy",
             component: "control/device/strategy/index.vue",
+          },
+          {
+            title: "网络拓扑",
+            name: "controlDeviceTopology",
+            path: "/control/device/topology",
+            component: "control/device/topology/index.vue"
+          },
+          {
+            title: "设备管理",
+            name: "controlDeviceMange",
+            path: "/control/device/manage",
+            component: "control/device/manage/index.vue"
           }
         ],
       },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/HeaderMenu/EarlyWarning.vue b/ruoyi-ui/src/views/JiHeExpressway/components/HeaderMenu/EarlyWarning.vue
index 9e6908a7..e2f9fc52 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/HeaderMenu/EarlyWarning.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/HeaderMenu/EarlyWarning.vue
@@ -34,6 +34,6 @@ export default {
 
 <style lang="scss" scoped>
 .early_warning{
-
+  &:hover{ cursor: pointer;}
 }
 </style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/WarningNotify.vue b/ruoyi-ui/src/views/JiHeExpressway/components/WarningNotify.vue
new file mode 100644
index 00000000..7b513421
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/WarningNotify.vue
@@ -0,0 +1,308 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+import moment from "moment";
+export default {
+  name: "WarningNotify",
+  props: {
+   
+  },
+  provide() {
+    return {
+    }
+  },
+  data() {
+    return {
+      notifications: [],
+      notifyIndex: 0,
+    }
+  },
+  computed: {
+    
+  },
+  watch: {
+    
+  },
+  methods: {
+    //点击事件回调
+    closeNotify(para) {
+      // let type = para.type;
+      this.notifications[para.index].close();
+    },
+    showNotify(para){
+      let _this = this;
+      let eventType = ["trafficAccident", "vehicleBroken", "trafficControl", "trafficJam", "illegalVehicle", "barrierClear", "construction", "serviceAreaAbnormal", "equipmentTrouble", "abnormalWeather", "otherEvent"];
+      let obj = {
+        content: para.content.content,
+        time: para.subEvent == "0" ? para.content.event.occurrenceTime : para.content.event.warning_time,
+        // moment().format("yyyy-MM-DD hh:mm"),
+        type: para.subEvent == '1' ? "signal" : eventType[para.content.event.eventType*1-1],
+        level: ["danger", "info"][para.subEvent*1],
+        duration: para.subEvent == "0" ? 0 : 4000
+      }
+
+      _this.notifications[_this.notifyIndex] = _this.$notify({
+        title: '',
+        dangerouslyUseHTMLString: true,
+        duration: obj.duration,
+        customClass: 'notify_whole',
+        offset: 50,
+        showClose: false,
+        message: _this.$createElement(
+          "div",
+          { class: "notify_box " + obj.level },
+          [
+            _this.$createElement(
+              "div",
+              { class: 'nofify_head' },
+              [
+                _this.$createElement(
+                  "p",
+                  { class: "title" },
+                  [
+                    _this.$createElement(
+                      "i",
+                      { class: 'icon el-icon-warning' }
+                    ), _this.$createElement(
+                      "span",
+                      { class: 'text' },
+                      "告警"
+                    )
+                  ]
+                )
+                , _this.$createElement(
+                  "button",
+                  {
+                    class: 'btn_close el-icon-close',
+                    on: {
+                      click: _this.closeNotify.bind(_this, { type: obj.type, index: _this.notifyIndex }),
+                    },
+                  }
+                )
+              ]
+            ),
+            _this.$createElement(
+              "div",
+              { class: 'nofify_content' },
+              [
+                _this.$createElement(
+                  "span",
+                  { class: 'type_icon' },
+                  [
+                    _this.$createElement(
+                      "i",
+                      { class: 'iconfont icon-' + obj.type }
+                    )
+                  ]
+                ),
+
+                _this.$createElement(
+                  "div",
+                  { class: 'info' },
+                  [
+                    _this.$createElement(
+                      "p",
+                      { class: 'content' },
+                      obj.content
+                    )
+                    ,
+                    _this.$createElement(
+                      "p",
+                      { class: 'time' },
+                      obj.time
+                    )
+                  ]
+                ),
+
+              ]
+            ),
+
+          ]
+        ),
+      });
+      _this.notifyIndex++;
+    }
+  },
+  mounted() {
+  },
+};
+</script>
+
+<style lang="scss">
+.notify_whole {
+  padding: 0;
+  width: 420px !important;
+  // height: 120px !important;
+  margin-top: 40px !important;
+  background: none;
+  border: none;
+  border-radius: 0;
+}
+
+.el-notification__group {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+}
+
+.el-notification__content {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+}
+
+.notify_box {
+  width: 100%;
+  height: 100%;
+  border: 1px solid;
+
+  .nofify_head {
+    display: flex;
+    justify-content: space-between;
+    height: 44px;
+    align-items: center;
+    margin: 0 12px;
+
+    .title {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+
+      .icon {
+        font-size: 24px;
+      }
+
+      .text {
+        font-size: 17px;
+        margin-left: 4px;
+        font-weight: bold;
+      }
+    }
+
+    .btn_close {
+      background: none;
+      border: none;
+      cursor: pointer;
+      font-size: 20px;
+      text-align: center;
+    }
+  }
+
+  .nofify_content {
+    display: flex;
+    align-items: center;
+    padding: 20px 20px 16px 0;
+
+    .type_icon {
+      width: 80px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .iconfont {
+        font-size: 48px;
+        &.icon-illegalVehicle{ font-size: 30px;}
+      }
+    }
+
+    .info {
+      flex: 1;
+
+      .content {
+        color: #FFF;
+        font-size: 16px;
+        word-wrap: break-word;
+        white-space: wrap;
+      }
+
+      .time {
+        color: #FFF;
+        font-size: 14px;
+        opacity: 0.5;
+        text-align: right;
+        margin-top: 8px;
+      }
+    }
+  }
+}
+
+$infoColor: #3DE8FF;
+$dangerColor: #FF5F5F;
+
+.notify_box.info {
+  background-image: linear-gradient(180deg, rgba(14, 69, 92, 0.9) 0%, rgba(20, 89, 119, 0.9) 100%);
+  border-image: linear-gradient(180deg, rgba(78, 174, 204, 1), rgba(78, 174, 204, 0)) 2 2;
+
+  .nofify_head {
+    border-bottom: 1px solid #FFFFFF33;
+
+    .title {
+      .icon {
+        color: $infoColor;
+      }
+
+      .text {
+        color: $infoColor;
+      }
+    }
+
+    .btn_close {
+      color: $infoColor;
+    }
+  }
+
+  .nofify_content {
+    .type_icon {
+      .iconfont {
+        color: $infoColor;
+      }
+    }
+
+    .info {
+      .content {}
+
+      .time {}
+    }
+  }
+}
+
+.notify_box.danger {
+  background-image: linear-gradient(180deg, rgba(30, 0, 0, 0.9) 0%, rgba(111, 0, 0, 0.9) 100%);
+  border-image: linear-gradient(180deg, rgba(237, 147, 128, 1), rgba(239, 146, 157, 0)) 2 2;
+
+  .nofify_head {
+    border-bottom: 1px solid #FFFFFF33;
+
+    .title {
+      .icon {
+        color: $dangerColor;
+      }
+
+      .text {
+        color: $dangerColor;
+      }
+    }
+
+    .btn_close {
+      color: $dangerColor;
+    }
+  }
+
+  .nofify_content {
+    .type_icon {
+      .iconfont {
+        color: $dangerColor;
+      }
+    }
+
+    .info {
+      .content {}
+
+      .time {}
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/shareWith/message-active.svg b/ruoyi-ui/src/views/JiHeExpressway/images/shareWith/message-active.svg
index e07f38e9..53329e6a 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/images/shareWith/message-active.svg
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/shareWith/message-active.svg
@@ -1,9 +1,11 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="&#231;&#159;&#173;&#228;&#191;&#161;">
-<rect id="Rectangle 3688" width="22" height="22" rx="6" fill="#A2C847"/>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814973">
+<g id="&#195;&#167;&#194;&#159;&#194;&#173;&#195;&#164;&#194;&#191;&#194;&#161;-&#195;&#167;&#194;&#129;&#194;&#176;">
+<path id="Rectangle 3688" d="M11.6364 0H4.36364C1.95367 0 0 1.95367 0 4.36364V11.6364C0 14.0463 1.95367 16 4.36364 16H11.6364C14.0463 16 16 14.0463 16 11.6364V4.36364C16 1.95367 14.0463 0 11.6364 0Z" fill="#03C3FF"/>
 <g id="Group 1142814681">
-<path id="Vector 553" d="M6.5 16.5325V13.5H12.1408L7.28922 16.9404C6.95812 17.1751 6.5 16.9384 6.5 16.5325Z" fill="white"/>
-<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M5.5 5C4.67157 5 4 5.67157 4 6.5V13.5C4 14.3284 4.67157 15 5.5 15H16.5C17.3284 15 18 14.3284 18 13.5V6.5C18 5.67157 17.3284 5 16.5 5H5.5ZM7.5 11C8.05228 11 8.5 10.5523 8.5 10C8.5 9.44772 8.05228 9 7.5 9C6.94772 9 6.5 9.44772 6.5 10C6.5 10.5523 6.94772 11 7.5 11ZM12 10C12 10.5523 11.5523 11 11 11C10.4477 11 10 10.5523 10 10C10 9.44772 10.4477 9 11 9C11.5523 9 12 9.44772 12 10ZM14.5 11C15.0523 11 15.5 10.5523 15.5 10C15.5 9.44772 15.0523 9 14.5 9C13.9477 9 13.5 9.44772 13.5 10C13.5 10.5523 13.9477 11 14.5 11Z" fill="white"/>
+<path id="Vector 553" d="M4.72705 12.0228V9.81738H8.82945L5.30103 12.3195C5.06023 12.4902 4.72705 12.318 4.72705 12.0228Z" fill="white"/>
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M4.00009 3.63574C3.39759 3.63574 2.90918 4.12416 2.90918 4.72665V9.81756C2.90918 10.42 3.39759 10.9085 4.00009 10.9085H12.0001C12.6026 10.9085 13.091 10.42 13.091 9.81756V4.72665C13.091 4.12416 12.6026 3.63574 12.0001 3.63574H4.00009ZM5.45463 7.99938C5.85629 7.99938 6.18191 7.67378 6.18191 7.27211C6.18191 6.87045 5.85629 6.54483 5.45463 6.54483C5.05298 6.54483 4.72736 6.87045 4.72736 7.27211C4.72736 7.67378 5.05298 7.99938 5.45463 7.99938ZM8.72736 7.27211C8.72736 7.67378 8.40176 7.99938 8.00009 7.99938C7.59842 7.99938 7.27282 7.67378 7.27282 7.27211C7.27282 6.87045 7.59842 6.54483 8.00009 6.54483C8.40176 6.54483 8.72736 6.87045 8.72736 7.27211ZM10.5455 7.99938C10.9472 7.99938 11.2728 7.67378 11.2728 7.27211C11.2728 6.87045 10.9472 6.54483 10.5455 6.54483C10.1439 6.54483 9.81827 6.87045 9.81827 7.27211C9.81827 7.67378 10.1439 7.99938 10.5455 7.99938Z" fill="white"/>
+</g>
 </g>
 </g>
 </svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/shareWith/message-active2.svg b/ruoyi-ui/src/views/JiHeExpressway/images/shareWith/message-active2.svg
new file mode 100644
index 00000000..e07f38e9
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/shareWith/message-active2.svg
@@ -0,0 +1,9 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#159;&#173;&#228;&#191;&#161;">
+<rect id="Rectangle 3688" width="22" height="22" rx="6" fill="#A2C847"/>
+<g id="Group 1142814681">
+<path id="Vector 553" d="M6.5 16.5325V13.5H12.1408L7.28922 16.9404C6.95812 17.1751 6.5 16.9384 6.5 16.5325Z" fill="white"/>
+<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M5.5 5C4.67157 5 4 5.67157 4 6.5V13.5C4 14.3284 4.67157 15 5.5 15H16.5C17.3284 15 18 14.3284 18 13.5V6.5C18 5.67157 17.3284 5 16.5 5H5.5ZM7.5 11C8.05228 11 8.5 10.5523 8.5 10C8.5 9.44772 8.05228 9 7.5 9C6.94772 9 6.5 9.44772 6.5 10C6.5 10.5523 6.94772 11 7.5 11ZM12 10C12 10.5523 11.5523 11 11 11C10.4477 11 10 10.5523 10 10C10 9.44772 10.4477 9 11 9C11.5523 9 12 9.44772 12 10ZM14.5 11C15.0523 11 15.5 10.5523 15.5 10C15.5 9.44772 15.0523 9 14.5 9C13.9477 9 13.5 9.44772 13.5 10C13.5 10.5523 13.9477 11 14.5 11Z" fill="white"/>
+</g>
+</g>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/index.vue b/ruoyi-ui/src/views/JiHeExpressway/index.vue
index 7b4cd655..456f4ff9 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/index.vue
@@ -15,7 +15,7 @@ import HeaderMenu from "./components/HeaderMenu/index.vue";
 import Adaptation from "./components/Adaptation.vue";
 import getBoardBaseData from '@/common/getBoardBaseData'
 import { mapGetters } from "vuex";
-import moment from "moment";
+
 export default {
   name: "ji_ze_gao_su",
   components: {
@@ -25,8 +25,7 @@ export default {
   },
   data() {
     return {
-      notifications: [],
-      notifyIndex:0,
+      
       isShowContent:false,
       headerHeight:100,
       header: {
@@ -60,101 +59,6 @@ export default {
     }
   },
   mounted(){
-    
-    let _this = this;
-    document.onkeydown = function(e){
-
-      if(e.code == 'Space'){
-        let obj = {
-          content: "一个沙雕横穿马路导致堵车，他还不承认，不知道怎么办，请求指导，在线等。",
-          time:moment().format("yyyy-MM-DD hh:mm"),
-          type : "3",
-          level: ["info", "danger"][_this.notifyIndex%2]
-        }
-
-        _this.notifications[_this.notifyIndex] = _this.$notify({
-          title: '',
-          dangerouslyUseHTMLString: true,
-          duration: 0,
-          customClass: 'notify_whole',
-          offset: 50,
-          showClose: false,
-          message: _this.$createElement(
-            "div",
-            {class : "notify_box " + obj.level},
-            [
-              _this.$createElement(
-                "div",
-                { class: 'nofify_head' },
-                [
-                  _this.$createElement(
-                    "p",
-                    { class:"title"},
-                    [
-                      _this.$createElement(
-                        "i",
-                        { class: 'icon el-icon-warning' }
-                      ), _this.$createElement(
-                        "span",
-                        { class: 'text' },
-                        "告警"
-                      )
-                    ]
-                  )
-                  , _this.$createElement(
-                    "button",
-                    {
-                      class: 'btn_close el-icon-close',
-                      on: {
-                        click: _this.closeNotify.bind(_this, { type: obj.type, index: _this.notifyIndex }),
-                      },
-                    }
-                  )
-                ]
-              ),
-              _this.$createElement(
-                "div",
-                { class:'nofify_content'},
-                [
-                      _this.$createElement(
-                        "span",
-                        { class: 'type_icon' },
-                        [
-                          _this.$createElement(
-                            "i",
-                            { class: 'iconfont icon-pedestrian' }
-                          )
-                        ]
-                      ),
-                      
-                      _this.$createElement(
-                        "span",
-                        { class: 'info' },
-                        [
-                          _this.$createElement(
-                            "span",
-                            { class: 'content' },
-                            obj.content
-                          )
-                          ,
-                          _this.$createElement(
-                            "div",
-                            {class: 'time'},
-                            obj.time
-                          )
-                        ]
-                      ),
-                  
-                ]
-              ),
-              
-            ]
-          ),
-        });
-        _this.notifyIndex ++;
-      }
-    }
-
 
     // this.$store.commit("menu/resetRecent");
     getBoardBaseData().then(res => {
@@ -170,19 +74,7 @@ export default {
     this.calcHeaderScale();
   },
   methods: {
-    //点击事件回调
-    closeNotify(para) {
-      let type = para.type;
-      console.log("hahah");
-      console.log(type);
-      if (type === '2') {
-        console.log("自动关闭，流程。。");
-      }
-      if (type === '3') {
-        console.log("手动确认，流程。。");
-      }
-      this.notifications[para.index].close();
-    },
+    
     calcHeaderScale(){
       let winW = window.innerWidth;
       this.header.scale = winW / this.header.originW;
@@ -247,101 +139,3 @@ export default {
   }
 }
 </style>
-
-<style lang="scss">
-
-.notify_whole {
-  padding: 0;
-  width: 420px !important;
-  // height: 120px !important;
-  margin-top: 50px !important;
-  background: none;
-  border: none; border-radius: 0;
-}
-.el-notification__group {
-  width: 100%; height: 100%; margin: 0;
-}
-.el-notification__content {
-  width: 100%;
-    height: 100%;
-    margin: 0;
-}
-.notify_box{ width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(14, 69, 92, 0.9) 0%, rgba(20, 89, 119, 0.9) 100%); 
-  border: 1px solid; border-image: linear-gradient(180deg, rgba(78, 174, 204, 1), rgba(78, 174, 204, 0)) 2 2;
-    .nofify_head{ display: flex; justify-content: space-between; height: 44px; align-items: center; margin: 0 12px;
-      .title{ display: flex; justify-content: flex-start; align-items: center;
-        .icon { font-size: 24px;}
-        .text{ font-size: 17px; margin-left: 4px; font-weight: bold;}
-      }
-      .btn_close{ background: none; border: none;
-        cursor: pointer;
-        font-size: 20px;
-        text-align: center;
-        }
-    }
-    .nofify_content{
-      display: flex; align-items: center; padding: 20px 20px 16px 0;
-      .type_icon{ width: 80px; display: flex; align-items: center; justify-content: center;
-        .iconfont{ font-size: 48px;}
-      }
-      .info{ flex: 1;
-        .content{ color:#FFF; font-size: 16px; word-wrap: break-word; white-space: wrap;}
-        .time{ color: #FFF; font-size: 14px; opacity: 0.5; text-align: right; margin-top: 8px;}
-      }
-    }
-}
-
-$infoColor: #3DE8FF;
-$dangerColor: #FF5F5F;
-
-.notify_box.info {
-  background-image: linear-gradient(180deg, rgba(14, 69, 92, 0.9) 0%, rgba(20, 89, 119, 0.9) 100%);
-  border-image: linear-gradient(180deg, rgba(78, 174, 204, 1), rgba(78, 174, 204, 0)) 2 2;
-
-  .nofify_head { border-bottom: 1px solid #FFFFFF33;
-    .title {
-      .icon { color: $infoColor;}
-      .text {color: $infoColor; }
-    }
-
-    .btn_close {color: $infoColor;}
-  }
-
-  .nofify_content {
-    .type_icon { 
-      .iconfont{color: $infoColor;}
-    }
-
-    .info {
-      .content {}
-
-      .time {}
-    }
-  }
-}
-.notify_box.danger {
-  background-image: linear-gradient(180deg, rgba(30, 0, 0, 0.9) 0%, rgba(111, 0, 0, 0.9) 100%);
-  border-image: linear-gradient(180deg, rgba(237, 147, 128, 1), rgba(239, 146, 157, 0)) 2 2;
-
-  .nofify_head { border-bottom: 1px solid #FFFFFF33;
-    .title {
-      .icon { color: $dangerColor;}
-      .text {color: $dangerColor; }
-    }
-
-    .btn_close {color: $dangerColor;}
-  }
-
-  .nofify_content {
-    .type_icon { 
-      .iconfont{color: $dangerColor;}
-    }
-
-    .info {
-      .content {}
-
-      .time {}
-    }
-  }
-}
-</style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/components/DeviceControlDialog.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/components/DeviceControlDialog.vue
index 93b1ef0b..307c624d 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/components/DeviceControlDialog.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/components/DeviceControlDialog.vue
@@ -49,9 +49,6 @@ export default {
   computed: {
     modelVisible: {
       get() {
-        if(this.visible){
-          console.log('id',id)
-        }
         return this.visible;
       },
       set(val) {
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue
index 3da4843a..5d3ba978 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/PerceiveEvent/index.vue
@@ -5,8 +5,8 @@
       <div class="video-pic">
         <!-- <Video style="height: 100%; flex: 1" :showHeader="false" :url="dialogData.formData.videoList[0]"
           videoType="mp4" /> -->
-        <Carousel style="flex: 1; height: 100%;max-width: 350px;" :videos="dialogData.formData.videoList" />
-        <Carousel style="flex: 1; height: 100%;max-width: 300px;" :pictures="dialogData.formData.pictures" />
+        <Carousel style="flex: 1; height: 100%;max-width: 350px;" :videos="dialogData.videoList || []" />
+        <Carousel style="flex: 1; height: 100%;max-width: 300px;" :pictures="dialogData.pictures || []" />
       </div>
       <LineChart class="chart" />
       <Form class="form" v-loading="loading" v-model="data" ref="FormConfigRef" :formList="formList" column="1" />
@@ -188,7 +188,16 @@ export default {
       self.getDetails();
     });
   },
-  async mounted() { },
+  async mounted() {
+    
+    if (this.dialogData.otherConfig) {
+      const otherConfig = JSON.parse(this.dialogData.otherConfig);
+      this.dialogData.videoList = otherConfig.videoList
+      this.dialogData.pictures = otherConfig.pictures
+    }
+
+    console.log(1122, this.dialogData, 3344);
+  },
   beforeDestroy() {
     clearInterval(this.interval);
   },
@@ -300,8 +309,10 @@ export default {
             lane: data.lane?.split(",") || [],
           };
 
-          this.formList[5].options = { options:
-            WarningSubclassList[data.warningType] || []};
+          this.formList[5].options = {
+            options:
+              WarningSubclassList[data.warningType] || []
+          };
 
           setTimeout(() => {
             this.$refs.FormConfigRef.reset(true);
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue
index 7b231d2a..fea8dc43 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue
@@ -408,8 +408,7 @@ export default {
   },
   methods: {
     onHide(){
-      this.data['deviceType']=deviceTypeDefault;
-      changeHandle(this.data, this.formList);
+      // TODO
     },
     submitClick() {
       this.$refs.ControlComponent?.handleSubmit();
@@ -430,6 +429,10 @@ export default {
     },
     handleClick(type) {
       this.activeIcon = this.activeIcon === type ? null : type;
+      if(this.activeIcon){
+        this.data['deviceType']=deviceTypeDefault;
+        changeHandle(this.data, this.formList);
+      }
     },
     filterEnd(data) {
       this.activeIcon = null;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js
index c724281d..4b14cc68 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/buttonEvent.js
@@ -112,17 +112,21 @@ function resolveDataOptions(data, config, component, isDefault) {
     name: "",
     config: {
       markerClick: (extData, item) => {
-        const formData = (extData?.otherConfig && typeof extData?.otherConfig !== 'string')
-          ? JSON.parse(extData.otherConfig)
-          : null;
+        // 兼容不同的返回类型
+        let formData = extData.otherConfig;
+        try{
+          formData = JSON.parse(otherConfig)
+        }catch(e){
+          formData = null;
+        }
         // formData.pictures = ["https://pic1.zhimg.com/80/v2-c00beaae1f6e3c09a6d77c16c70002fe_1440w.webp?source=1def8aca","https://pic1.zhimg.com/80/v2-c56626621906417a453d262ac11f3385_1440w.webp?source=1def8aca"]
-        console.log(component, "DialogComponent");
+        // console.log(component, "DialogComponent",extData);
         this.dialogConfig = {
           component,
           data: {
             ...extData,
             formData,
-            parseOtherConfig: JSON.parse((extData.otherConfig && typeof extData.otherConfig !== 'string')|| "{}"),
+            parseOtherConfig: formData,
             _itemData: item,
           },
         };
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/manage/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/manage/index.vue
new file mode 100644
index 00000000..a609e984
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/manage/index.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class='developing'>
+    <p>功能开发中...</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'InDevelopment',
+  components: {
+  },
+  mounted() {
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+.developing {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  z-index: 6;
+  color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  p {
+    font-size: 24px;
+  }
+}
+</style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/index.vue
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/index.vue
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/index.vue
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/left-bg-action.png b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/left-bg-action.png
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/left-bg-action.png
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/left-bg-action.png
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/left-bg.png b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/left-bg.png
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/left-bg.png
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/left-bg.png
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/switch0.png b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/switch0.png
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/switch0.png
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/switch0.png
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/switch1.png b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/switch1.png
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/switch1.png
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/switch1.png
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t01-1.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t01-1.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t01-1.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t01-1.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t01-2.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t01-2.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t01-2.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t01-2.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t01-4.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t01-4.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t01-4.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t01-4.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t01-5.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t01-5.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t01-5.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t01-5.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t010.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t010.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t010.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t010.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t011.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t011.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t011.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t011.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t012.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t012.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t012.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t012.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t013.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t013.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t013.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t013.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t014.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t014.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t014.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t014.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t015.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t015.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t015.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t015.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t02-1.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t02-1.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t02-1.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t02-1.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t03.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t03.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t03.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t03.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t05.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t05.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t05.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t05.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t06.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t06.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t06.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t06.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t07.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t07.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t07.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t07.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t08.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t08.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t08.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t08.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t11-1.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t11-1.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t11-1.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t11-1.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t11-2.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t11-2.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t11-2.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t11-2.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t11-4.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t11-4.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t11-4.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t11-4.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t11-5.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t11-5.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t11-5.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t11-5.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t110.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t110.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t110.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t110.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t111.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t111.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t111.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t111.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t112.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t112.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t112.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t112.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t113.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t113.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t113.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t113.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t114.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t114.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t114.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t114.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t115.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t115.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t115.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t115.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t12-1.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t12-1.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t12-1.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t12-1.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t13.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t13.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t13.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t13.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t15.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t15.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t15.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t15.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t16.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t16.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t16.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t16.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t17.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t17.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t17.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t17.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t18.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t18.svg
similarity index 100%
rename from ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/t18.svg
rename to ruoyi-ui/src/views/JiHeExpressway/pages/control/device/topology/t18.svg
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/_index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/_index.vue
new file mode 100644
index 00000000..89ea269f
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/_index.vue
@@ -0,0 +1,185 @@
+<template>
+  <div class="TrafficFlow">
+    <section class="foot">
+      <div class="content">
+        <div class="content-l">
+          <RoadNetwork />
+          <LaneTolls />
+        </div>
+        <div class="content-l">
+          <VehicleTolls />
+          <TruckLaneTolls />
+        </div>
+        <RoadSectionTolls class="content-r" />
+      </div>
+    </section>
+    <section class="foot">
+      <div class="content" style="position: relative; top: -10px">
+        <AccessAnalysis class="content-m" />
+        <AuxiliaryFlowcharts class="content-rm" />
+      </div>
+    </section>
+    <section class="foot">
+      <div class="content">
+        <MonthlyAnalysis class="content-mi" />
+        <DaylyAnalysis class="content-mi" />
+      </div>
+    </section>
+  </div>
+</template>
+
+<script>
+import RoadNetwork from "./components/roadNetworkTraffic";
+import LaneTolls from "./components/laneTolls";
+import VehicleTolls from "./components/vehicleTolls";
+import TruckLaneTolls from "./components/truckLaneTolls";
+import RoadSectionTolls from "./components/RoadSectionTolls";
+import AccessAnalysis from "./components/accessAnalysis";
+import AuxiliaryFlowcharts from "./components/auxiliaryFlowcharts";
+import MonthlyAnalysis from "./components/monthlyAnalysis";
+import DaylyAnalysis from "./components/daylyAnalysis";
+
+export default {
+  name: "publicService",
+  components: {
+    RoadNetwork,
+    LaneTolls,
+    VehicleTolls,
+    TruckLaneTolls,
+    RoadSectionTolls,
+    AccessAnalysis,
+    AuxiliaryFlowcharts,
+    MonthlyAnalysis,
+    DaylyAnalysis,
+  },
+  data() {
+    return {
+      activeName: "first",
+    };
+  },
+  methods: {
+    changeTabs() {},
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-tabs__item {
+  display: inline-flex;
+  justify-content: center;
+  font-size: 16px;
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 500;
+  color: #ffffff;
+  min-width: 128px;
+  position: relative;
+  left: 10px;
+}
+
+::v-deep .el-tabs__active-bar {
+  min-width: 128px;
+}
+
+::v-deep .el-tabs__nav-wrap::after {
+  background-color: #133242;
+  opacity: 0.1;
+}
+
+.footTabs {
+  display: inline;
+  width: 100%;
+}
+
+.TrafficFlow {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  z-index: 6;
+  color: white;
+  padding-top: 15px;
+
+  .header-shot {
+    width: 98%;
+    margin: auto;
+    margin-top: 15px;
+    height: 160px;
+  }
+
+  .content {
+    width: 100%;
+    margin: auto;
+    display: flex;
+    flex: 1;
+    pointer-events: none;
+    margin-top: 0px;
+
+    > div {
+      pointer-events: auto;
+    }
+
+    .content-l {
+      width: calc(32.2%);
+      margin-right: 20px;
+      display: inline-flex;
+      flex-direction: column;
+
+      > div {
+        margin-bottom: 15px;
+      }
+    }
+
+    .content-r {
+      width: calc(33%);
+      display: inline-flex;
+    }
+
+    .content-rm {
+      width: calc(33%);
+      margin-right: 10px;
+    }
+
+    .content-mi {
+      width: calc(50%);
+
+      margin-right: 20px;
+    }
+
+    .content-mi:last-child {
+      margin-right: 10px;
+    }
+
+    .content-m {
+      display: inline-flex;
+      width: 66%;
+      margin-right: 20px;
+    }
+  }
+
+  .foot {
+    width: 98%;
+    margin: auto;
+    display: flex;
+    justify-content: space-between;
+    flex: 1;
+    pointer-events: none;
+    margin-top: 8px;
+    > div {
+      pointer-events: auto;
+    }
+
+    .foot-w {
+      width: 100%;
+    }
+
+    .foot-l {
+      width: 726px;
+    }
+    .foot-m {
+      width: 613px;
+    }
+    .foot-r {
+      width: 493px;
+    }
+  }
+}
+</style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/index.vue
index 89ea269f..afef2b62 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/chargeableOperations/index.vue
@@ -1,185 +1,67 @@
-<template>
-  <div class="TrafficFlow">
-    <section class="foot">
-      <div class="content">
-        <div class="content-l">
-          <RoadNetwork />
-          <LaneTolls />
-        </div>
-        <div class="content-l">
-          <VehicleTolls />
-          <TruckLaneTolls />
-        </div>
-        <RoadSectionTolls class="content-r" />
-      </div>
-    </section>
-    <section class="foot">
-      <div class="content" style="position: relative; top: -10px">
-        <AccessAnalysis class="content-m" />
-        <AuxiliaryFlowcharts class="content-rm" />
-      </div>
-    </section>
-    <section class="foot">
-      <div class="content">
-        <MonthlyAnalysis class="content-mi" />
-        <DaylyAnalysis class="content-mi" />
-      </div>
-    </section>
-  </div>
+<!-- <template>
+    <div>
+        <img class="img" src="@screen/images/digital/gisAndBim.jpg" />
+    </div>
 </template>
-
 <script>
-import RoadNetwork from "./components/roadNetworkTraffic";
-import LaneTolls from "./components/laneTolls";
-import VehicleTolls from "./components/vehicleTolls";
-import TruckLaneTolls from "./components/truckLaneTolls";
-import RoadSectionTolls from "./components/RoadSectionTolls";
-import AccessAnalysis from "./components/accessAnalysis";
-import AuxiliaryFlowcharts from "./components/auxiliaryFlowcharts";
-import MonthlyAnalysis from "./components/monthlyAnalysis";
-import DaylyAnalysis from "./components/daylyAnalysis";
 
-export default {
-  name: "publicService",
-  components: {
-    RoadNetwork,
-    LaneTolls,
-    VehicleTolls,
-    TruckLaneTolls,
-    RoadSectionTolls,
-    AccessAnalysis,
-    AuxiliaryFlowcharts,
-    MonthlyAnalysis,
-    DaylyAnalysis,
-  },
-  data() {
-    return {
-      activeName: "first",
-    };
-  },
-  methods: {
-    changeTabs() {},
-  },
-};
 </script>
-
-<style lang="scss" scoped>
-::v-deep .el-tabs__item {
-  display: inline-flex;
-  justify-content: center;
-  font-size: 16px;
-  font-family: PingFang SC, PingFang SC;
-  font-weight: 500;
-  color: #ffffff;
-  min-width: 128px;
-  position: relative;
-  left: 10px;
-}
-
-::v-deep .el-tabs__active-bar {
-  min-width: 128px;
-}
-
-::v-deep .el-tabs__nav-wrap::after {
-  background-color: #133242;
-  opacity: 0.1;
-}
-
-.footTabs {
-  display: inline;
-  width: 100%;
-}
-
-.TrafficFlow {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  z-index: 6;
-  color: white;
-  padding-top: 15px;
-
-  .header-shot {
-    width: 98%;
-    margin: auto;
-    margin-top: 15px;
-    height: 160px;
-  }
-
-  .content {
-    width: 100%;
-    margin: auto;
-    display: flex;
-    flex: 1;
-    pointer-events: none;
-    margin-top: 0px;
-
-    > div {
-      pointer-events: auto;
-    }
-
-    .content-l {
-      width: calc(32.2%);
-      margin-right: 20px;
-      display: inline-flex;
-      flex-direction: column;
-
-      > div {
-        margin-bottom: 15px;
-      }
+<style lang='scss' scoped>
+    .img {
+        height: 1030px;
+        width: 1920px;
     }
+</style> -->
+<template>
+    <div class='comp_box'>
+        <iframe class="iframe" :src="alarmUrl" frameborder="0"></iframe>
+    </div>
+</template>
 
-    .content-r {
-      width: calc(33%);
-      display: inline-flex;
-    }
-
-    .content-rm {
-      width: calc(33%);
-      margin-right: 10px;
-    }
-
-    .content-mi {
-      width: calc(50%);
-
-      margin-right: 20px;
-    }
+<script>
 
-    .content-mi:last-child {
-      margin-right: 10px;
-    }
+import { getConfigKey } from "@/api/system/config.js";
 
-    .content-m {
-      display: inline-flex;
-      width: 66%;
-      margin-right: 20px;
+export default {
+    name: 'InDevelopment',
+    components: {
+    },
+    props: {
+        text: {
+            type: String,
+            default: "暂无数据"
+        },
+        alarmUrl: {
+            type: String,
+            default: "",
+        }
+    },
+    mounted() {
+        // this.alarmUrl = "http://10.0.86.37:81/?HoveringMouse=true&LightMode=false";
+        getConfigKey("dc.gisAndBim").then((res) => {
+            this.alarmUrl = res.msg
+        });
     }
-  }
+}
+</script>
 
-  .foot {
-    width: 98%;
-    margin: auto;
+<style lang='scss' scoped>
+.comp_box {
+    // padding-top:160px;
+    width: 100%;
+    height: 100%;
+    color: #8A9EAA;
     display: flex;
-    justify-content: space-between;
-    flex: 1;
-    pointer-events: none;
-    margin-top: 8px;
-    > div {
-      pointer-events: auto;
-    }
-
-    .foot-w {
-      width: 100%;
-    }
-
-    .foot-l {
-      width: 726px;
-    }
-    .foot-m {
-      width: 613px;
-    }
-    .foot-r {
-      width: 493px;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+
+    .iframe {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
     }
-  }
 }
 </style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/index.vue
index 3c45b286..061b54d9 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/index.vue
@@ -22,18 +22,23 @@
     <!-- 内容 -->
     <div class="body">
       <Table :data="tableData" height="100%">
-        <el-table-column label="序号" type="index" :index="indexMethod" width="100" />
-        <ElTableColumn label="发布时间" prop="operTime" width="280">
+        <el-table-column label="序号" type="index" :index="indexMethod" width="100" align="center"
+          header-align="center" />
+        <ElTableColumn label="发布时间" prop="operTime" width="280" align="center" header-align="center">
           <template slot-scope="scope">
             {{ moment(scope.row.operTime).format("yyyy/MM/DD hh:mm") }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="设备ID" prop="dcDeviceId" width="120">
+        <ElTableColumn label="设备ID" prop="dcDeviceId" width="120" align="center" header-align="center">
           <template slot-scope="scope">
             {{ JSON.parse(scope.row.dcDeviceId).join("、") }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="设备名称" prop="dcDeviceName" />
+        <ElTableColumn label="设备名称" prop="dcDeviceName" align="center" header-align="center">
+          <template slot-scope="scope">
+            {{ scope.row.dcDeviceName.replace(/^\[/,'').replace(/\]$/,'') }}
+          </template>
+        </ElTableColumn>
         <ElTableColumn label="内容" prop="operParam" width="400" header-align="center">
           <template slot-scope="scope">
             <el-carousel direction="horizontal" :autoplay="false" indicator-position="inside" height="80px"
@@ -45,13 +50,18 @@
             </el-carousel>
           </template>
         </ElTableColumn>
-        <ElTableColumn label="状态" prop="status" width="140" :formatter="formatterStatus" />
-        <ElTableColumn label="用户名" prop="operName" width="160" />
-        <ElTableColumn label="用户IP" prop="operIp" width="200">
+        <ElTableColumn label="用户名" prop="operName" width="160" align="center" header-align="center" />
+        <ElTableColumn label="用户IP" prop="operIp" width="200" align="center" header-align="center">
           <template slot-scope="scope">
             {{ ["unknown"].includes(scope.row.operIp) ? "" : scope.row.operIp }}
           </template>
         </ElTableColumn>
+        <ElTableColumn label="发布结果" prop="status" width="140" align="center" header-align="center">
+          <template slot-scope="scope">
+            <i class="el-icon-success" style="font-size: 24px; color:#0c0;" v-if="scope.row.status == 1"></i>
+            <i class="el-icon-error" style="font-size: 24px; color:#BBB;" v-else></i>
+          </template>
+        </ElTableColumn>
       </Table>
     </div>
 
@@ -149,9 +159,6 @@ export default {
     formatterDirection(row, column) {
         return DirectionTypes[row.direction];
       },
-    formatterStatus(row, column) {
-      return ["失败", "成功"][row.releaseStatus];
-      },
     initData() {
       request({
         url: `/business/dcOperLog/list`,
diff --git a/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js b/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
index c77e90ab..5091a678 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
@@ -4,7 +4,15 @@
  * icon: 展示的图标
  */
 
-// 相机的状态
+function arrayToDic(arr) {
+  let obj = {};
+  arr.map((item) => {
+    obj[item.value] = item;
+  });
+  return obj;
+}
+
+// 相机状态
 export const CameraStatusEnum = {
   "-1": {
     color: "",
@@ -60,7 +68,7 @@ export const CameraDirectionEnumList = Object.keys(CameraDirectionEnum).map(
   }
 );
 
-// 设备的状态
+// 设备状态
 export const DeviceTypeEnum = {
   0: {
     text: "异常",
@@ -94,7 +102,8 @@ export const CameraControlTypeEnum = {
   },
 };
 
-//交通事件类型
+
+//交通事件主类
 export const EventTopics = {
   交通事故: 1,
   车辆故障: 2,
@@ -109,79 +118,73 @@ export const EventTopics = {
   其他事件: 11,
 };
 
-//路网设施类型
-// 1-收费站
-// 2-桥梁
-// 3-互通立交
-// 4-枢纽立交
-// 5-隧道
-// 6-服务区',
-// 7-停车区，
-// 8-清障驻点
-// 9-边坡
-export const RoadNFTopics = {
-  收费站: 1,
-  桥梁: 2,
-  枢纽立交: 4,
-  服务区: 6,
-  停车区: 7,
-  清障驻点: 8,
-  边坡: 9,
-};
-
-// 事件类型 eventType
-export const EventType = {
-  0: {
-    text: "待确认",
-  },
-  1: {
-    text: "处理中",
-  },
-  2: {
-    text: "已完成",
-  },
-};
-
-// 信息来源 warningSource
-export const InfoWarningSource = {
-  1: {
-    text: "视频AI",
-  },
-  2: {
-    text: "雷达识别",
-  },
-  3: {
-    text: "锥桶",
-  },
-  4: {
-    text: "护栏碰撞",
-  },
-  5: {
-    text: "扫码报警",
-  },
-  6: {
-    text: "非机预警",
-  },
-  // 7: {
-  //   text: "气象监测器",
-  // },
-};
+//交通事件主类  {1: "交通事故",... }
+export const trafficType = Object.keys(EventTopics).reduce((prev, now) => {
+  return { ...prev, [EventTopics[now]]: now };
+}, {});
 
-export const warningSourceMapping = {
-  1: "视频AI",
-  2: "雷达识别",
-  3: "锥桶",
-  4: "护栏碰撞",
-  5: "扫码报警",
-  6: "非机预警",
-  // 7: '气象监测器'
-};
+//交通事件主类 [{value:"", label:""},...]
+export const trafficKV = Object.keys(trafficType).map((key) => {
+  return {
+    value: key * 1,
+    label: trafficType[key],
+  };
+});
 
-export const warningStateMapping = {
-  1: "上报",
-  2: "已完成",
-  3: "已终止",
-  4: "自动结束",
+//交通事件子类
+export const EventSubclass = {
+  "1-1": "追尾",
+  "1-2": "侧翻",
+  "1-3": "撞护栏",
+  "1-4": "自燃",
+  "1-5": "其他事故",
+  "2-1": "车辆故障",
+  "3-1": "主线封闭限行",
+  "3-2": "收费站封闭和限行",
+  "3-3": "立交封闭和限行",
+  "3-4": "服务区封闭和限行",
+  "4-1": "道路拥堵",
+  "4-2": "立交拥堵",
+  "4-3": "收费站拥堵",
+  "4-4": "服务区拥堵",
+  "5-1": "行人",
+  "5-2": "非机动车",
+  "5-3": "摩托车",
+  "5-4": "其他",
+  "6-1": "烟雾",
+  "6-2": "倒伏树木",
+  "6-3": "撒落物",
+  "6-4": "动物",
+  "6-5": "其他",
+  "7-1": "道路养护施工",
+  "7-2": "收费站养护施工",
+  "7-3": "服务区养护施工",
+  "7-4": "枢纽立交匝道养护施工",
+  "7-5": "地方道路养护施工",
+  "7-6": "道路工程建设施工",
+  "7-7": "收费站工程建设施工",
+  "7-8": "服务区工程建设施工",
+  "7-9": "枢纽立交匝道工程建设施工",
+  "7-10": "地方道路工程建设施工",
+  "8-1": "封闭、暂停营业",
+  "8-2": "重要设施停用",
+  "8-3": "服务区其他异常",
+  "9-1": "摄像机",
+  "9-2": "护栏",
+  "9-3": "隔离栅",
+  "9-4": "情报板",
+  "9-5": "防炫板",
+  "9-6": "其他",
+  "10-1": "雨",
+  "10-2": "雪",
+  "10-3": "雾",
+  "10-4": "大风",
+  "10-5": "低温寒潮",
+  "10-6": "路面积雪",
+  "10-7": "路面结冰",
+  "10-8": "路面积水",
+  "10-9": "其他",
+  "11-1": "其他事件",
 };
 
 // 感知事件主类 warningType
@@ -200,80 +203,7 @@ export const WarningType = {
   99: "其他事件",
 };
 
-function arrayToDic(arr) {
-  let obj = {};
-  arr.map((item) => {
-    obj[item.value] = item;
-  });
-  return obj;
-}
-//设备Options
-export const deviceTypeOptions = [
-  {
-    value: 1,
-    label: "摄像机",
-  },
-  {
-    value: 2,
-    label: "可变信息标志",
-    timingControl: true,
-  },
-  {
-    value: 3,
-    label: "气象监测器",
-  },
-  {
-    value: 4,
-    label: "出口诱导灯",
-  },
-  {
-    value: 5,
-    label: "路段语音广播",
-    timingControl: true,
-  },
-  {
-    value: 6,
-    label: "护栏碰撞",
-  },
-  {
-    value: 7,
-    label: "毫米波雷达",
-  },
-  {
-    value: 8,
-    label: "合流区预警",
-  },
-  {
-    value: 9,
-    label: "智慧锥桶",
-  },
-  {
-    value: 10,
-    label: "激光疲劳唤醒",
-    timingControl: true,
-  },
-  {
-    value: 11,
-    label: "一类交通量调查站",
-  },
-  {
-    value: 12,
-    label: "行车诱导",
-    timingControl: true,
-  },
-  {
-    value: 13,
-    label: "智能设备箱",
-    // timingControl: true,
-  },
-  {
-    value: 14,
-    label: "光线在线监测",
-  },
-];
-
-export const deviceTypeDic = arrayToDic(deviceTypeOptions);
-
+//感知事件主类  [{ value: "", label: "" }, ...]
 export const WarningTypeList = Object.keys(WarningType).map((key) => {
   return {
     value: key * 1,
@@ -281,26 +211,7 @@ export const WarningTypeList = Object.keys(WarningType).map((key) => {
   };
 });
 
-// 交通事件主类  {1: "交通事故" } 格式
-export const trafficType = Object.keys(EventTopics).reduce((prev, now) => {
-  return { ...prev, [EventTopics[now]]: now };
-}, {});
-
-//激光疲劳唤醒工作模式
-export const awakerWorkModeDic = {
-  0: "激光关闭",
-  1: "常亮模式",
-  2: "间隔100ms闪烁模式",
-  3: "间隔200ms闪烁模式",
-  4: "间隔500ms闪烁模式",
-  5: "2次闪烁模式",
-  6: "SOS模式",
-  7: "自定义模式1",
-  8: "自定义模式2",
-  9: "自定义模式3",
-};
-
-// 感知事件主类的子类(上方) warningSubclass
+// 感知事件子类
 export const WarningSubclass = {
   1: {
     "1-1": "拥堵",
@@ -377,14 +288,6 @@ export const WarningSubclass = {
   },
 };
 
-//========= 交通事件 主类（key vulue） =========
-export const trafficKV = Object.keys(trafficType).map((key) => {
-  return {
-    value: key * 1,
-    label: trafficType[key],
-  };
-});
-
 //交通事件、感知事件 子类（key vulue）预案使用
 export const eventSubClassMap = {
   1: {
@@ -855,6 +758,162 @@ export const eventSubClassMap = {
   },
 };
 
+//路网设施类型
+// 1-收费站
+// 2-桥梁
+// 3-互通立交
+// 4-枢纽立交
+// 5-隧道
+// 6-服务区',
+// 7-停车区，
+// 8-清障驻点
+// 9-边坡
+export const RoadNFTopics = {
+  收费站: 1,
+  桥梁: 2,
+  枢纽立交: 4,
+  服务区: 6,
+  停车区: 7,
+  清障驻点: 8,
+  边坡: 9,
+};
+
+// 事件类型 eventType
+export const EventType = {
+  0: {
+    text: "待确认",
+  },
+  1: {
+    text: "处理中",
+  },
+  2: {
+    text: "已完成",
+  },
+};
+
+// 信息来源 warningSource
+export const InfoWarningSource = {
+  1: {
+    text: "视频AI",
+  },
+  2: {
+    text: "雷达识别",
+  },
+  3: {
+    text: "锥桶",
+  },
+  4: {
+    text: "护栏碰撞",
+  },
+  5: {
+    text: "扫码报警",
+  },
+  6: {
+    text: "非机预警",
+  },
+  // 7: {
+  //   text: "气象监测器",
+  // },
+};
+
+export const warningSourceMapping = {
+  1: "视频AI",
+  2: "雷达识别",
+  3: "锥桶",
+  4: "护栏碰撞",
+  5: "扫码报警",
+  6: "非机预警",
+  // 7: '气象监测器'
+};
+
+export const warningStateMapping = {
+  1: "上报",
+  2: "已完成",
+  3: "已终止",
+  4: "自动结束",
+};
+
+//设备Options
+export const deviceTypeOptions = [
+  {
+    value: 1,
+    label: "摄像机",
+  },
+  {
+    value: 2,
+    label: "可变信息标志",
+    timingControl: true,
+  },
+  {
+    value: 3,
+    label: "气象监测器",
+  },
+  {
+    value: 4,
+    label: "出口诱导灯",
+  },
+  {
+    value: 5,
+    label: "路段语音广播",
+    timingControl: true,
+  },
+  {
+    value: 6,
+    label: "护栏碰撞",
+  },
+  {
+    value: 7,
+    label: "毫米波雷达",
+  },
+  {
+    value: 8,
+    label: "合流区预警",
+  },
+  {
+    value: 9,
+    label: "智慧锥桶",
+  },
+  {
+    value: 10,
+    label: "激光疲劳唤醒",
+    timingControl: true,
+  },
+  {
+    value: 11,
+    label: "一类交通量调查站",
+  },
+  {
+    value: 12,
+    label: "行车诱导",
+    timingControl: true,
+  },
+  {
+    value: 13,
+    label: "智能设备箱",
+    // timingControl: true,
+  },
+  {
+    value: 14,
+    label: "光线在线监测",
+  },
+];
+
+export const deviceTypeDic = arrayToDic(deviceTypeOptions);
+
+//激光疲劳唤醒 工作模式
+export const awakerWorkModeDic = {
+  0: "激光关闭",
+  1: "常亮模式",
+  2: "间隔100ms闪烁模式",
+  3: "间隔200ms闪烁模式",
+  4: "间隔500ms闪烁模式",
+  5: "2次闪烁模式",
+  6: "SOS模式",
+  7: "自定义模式1",
+  8: "自定义模式2",
+  9: "自定义模式3",
+};
+
 //激光疲劳唤醒 工作模式
 export const gzmsMap = {
   SETMD0: "激光关闭",
@@ -1032,74 +1091,21 @@ export const DirectionTypes = {
   3: "济南方向",
   2: "双向",
 };
-export const EventSubclass = {
-  "1-1": "追尾",
-  "1-2": "侧翻",
-  "1-3": "撞护栏",
-  "1-4": "自燃",
-  "1-5": "其他事故",
-  "2-1": "车辆故障",
-  "3-1": "主线封闭限行",
-  "3-2": "收费站封闭和限行",
-  "3-3": "立交封闭和限行",
-  "3-4": "服务区封闭和限行",
-  "4-1": "道路拥堵",
-  "4-2": "立交拥堵",
-  "4-3": "收费站拥堵",
-  "4-4": "服务区拥堵",
-  "5-1": "行人",
-  "5-2": "非机动车",
-  "5-3": "摩托车",
-  "5-4": "其他",
-  "6-1": "烟雾",
-  "6-2": "倒伏树木",
-  "6-3": "撒落物",
-  "6-4": "动物",
-  "6-5": "其他",
-  "7-1": "道路养护施工",
-  "7-2": "收费站养护施工",
-  "7-3": "服务区养护施工",
-  "7-4": "枢纽立交匝道养护施工",
-  "7-5": "地方道路养护施工",
-  "7-6": "道路工程建设施工",
-  "7-7": "收费站工程建设施工",
-  "7-8": "服务区工程建设施工",
-  "7-9": "枢纽立交匝道工程建设施工",
-  "7-10": "地方道路工程建设施工",
-  "8-1": "封闭、暂停营业",
-  "8-2": "重要设施停用",
-  "8-3": "服务区其他异常",
-  "9-1": "摄像机",
-  "9-2": "护栏",
-  "9-3": "隔离栅",
-  "9-4": "情报板",
-  "9-5": "防炫板",
-  "9-6": "其他",
-  "10-1": "雨",
-  "10-2": "雪",
-  "10-3": "雾",
-  "10-4": "大风",
-  "10-5": "低温寒潮",
-  "10-6": "路面积雪",
-  "10-7": "路面结冰",
-  "10-8": "路面积水",
-  "10-9": "其他",
-  "11-1": "其他事件",
-};
+
+// 方向
 export const directionOptions = [
   { value: "1", label: "菏泽方向" },
   { value: "3", label: "济南方向" },
   { value: "2", label: "双向" },
 ];
 
-//行车诱导相关
-
+//行车诱导控制模式
 export const inducerModeDic = {
   "00": "手动模式",
   "01": "自动模式",
   "02": "万年历",
 };
-
+//行车诱导工作模式
 export const inducerWorkTypeDic = {
   "00": "不更新",
   "01": "常亮",
diff --git a/ruoyi-ui/src/views/websocket.vue b/ruoyi-ui/src/views/websocket.vue
index 1fafe36b..ab8ee3ca 100644
--- a/ruoyi-ui/src/views/websocket.vue
+++ b/ruoyi-ui/src/views/websocket.vue
@@ -32,6 +32,7 @@ export default {
       this.socket.initialize({
         // url: 'ws://' + location.hostname + ':' + port + path,
         url: 'wss://' + location.hostname + ':' + window.location.port  + '/ws' || 80 + '/ws',
+        // url: 'ws://10.168.77.128:7789/ws',
         // url: "ws://10.7.179.15" + ":" + port + path,
         // url: "ws://10.168.64.171" + ":" + port + path,
         //  url: 'ws://10.168.78.127'+ ':' + port + path,
@@ -40,8 +41,10 @@ export default {
         tokenSN: this.token,
         heartRate: interval,
       });
+
       this.socket.onopen = () => {};
       this.socket.onmessage = (message) => {
+
         // debugger
         message = JSON.parse(message);
         const method = message.method;
@@ -53,7 +56,11 @@ export default {
         const params = message.params;
         const subEvent = params.subEvent;
         const content = params.content;
-        var contentList = JSON.parse(content);
+        if(_.isString(content)){
+          var contentList = JSON.parse(content);
+        }else{
+          var contentList = content;
+        }
 
         switch (subEvent) {
           case "payment_webSocket_send":
@@ -92,7 +99,10 @@ export default {
             this.$nextTick(() => {
               this.$store.commit("EVENTUNTREATEDNUM", contentList);
             });
-
+            break;
+          case "0":
+          case "1":
+            this.$emit("newEvent", params);
             break;
           default:
         }
@@ -101,6 +111,62 @@ export default {
   },
   created() {},
   methods: {},
+  mounted(){
+    let _this = this;
+    if (process.env.NODE_ENV == "development"){
+      let et = 1;
+      document.onkeydown = function (e) {
+        let tp = _.sample(["0", "1", "0", "1", "0", "0", "0", "1", "0"]);
+          
+          if (e.code == 'Space') {
+            let params = {
+              "subEvent": tp,
+              "content": {
+                "event": {
+                  "id": "1555c6599eb14e3fb68d04e512182ee7",
+                  "deptId": 103,
+                  "stakeMark": "K059+289",
+                  "endStakeMark": "",
+                  "direction": "1",
+                  "userId": 1,
+                  "estimatedEndTime": "2024-04-11 00:00:00",
+                  "eventType": et,
+                  "eventSubclass": "3-2",
+                  "eventState": 0,
+                  "eventSource": 1,
+                  "inTunnel": 0,
+                  "roadId": 1,
+                  "occurrenceTime": "2024-04-10 16:56:02",
+                  "warning_time": "2024-04-10 16:56:02",
+                  "lang": "",
+                  "dcEventTrafficControl": {
+                    "controlType": 1,
+                    "controlCause": 1,
+                    "exitsInlets": 2,
+                    "facilityId": 11,
+                    "measure": 1,
+                    "classify": 1,
+                    "facilityIds": [
+                      11
+                    ]
+                  },
+                  "createTime": "2024-05-08 18:02:40"
+                },
+                "content": "菏泽方向 K059+289 发生收费站封闭和限行事件"
+              }
+            };
+            _this.$emit("newEvent", params);
+          }
+
+          if(tp == "0"){
+            et++;
+            if (et >= 12) {
+              et = 1;
+            }
+          }
+        }
+      }
+  }
 };
 </script>