diff --git a/ruoyi-ui/src/assets/iconfont/demo_index.html b/ruoyi-ui/src/assets/iconfont/demo_index.html
index 28fc1e31..2d1ff5c8 100644
--- a/ruoyi-ui/src/assets/iconfont/demo_index.html
+++ b/ruoyi-ui/src/assets/iconfont/demo_index.html
@@ -54,6 +54,12 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe602;</span>
+                <div class="name">行人</div>
+                <div class="code-name">&amp;#xe602;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe60d;</span>
                 <div class="name">关闭</div>
@@ -108,9 +114,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1710745723035') format('woff2'),
-       url('iconfont.woff?t=1710745723035') format('woff'),
-       url('iconfont.ttf?t=1710745723035') format('truetype');
+  src: url('iconfont.woff2?t=1715061600935') format('woff2'),
+       url('iconfont.woff?t=1715061600935') format('woff'),
+       url('iconfont.ttf?t=1715061600935') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -136,6 +142,15 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-pedestrian"></span>
+            <div class="name">
+              行人
+            </div>
+            <div class="code-name">.icon-pedestrian
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-guanbi"></span>
             <div class="name">
@@ -217,6 +232,14 @@
       <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-pedestrian"></use>
+                </svg>
+                <div class="name">行人</div>
+                <div class="code-name">#icon-pedestrian</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-guanbi"></use>
diff --git a/ruoyi-ui/src/assets/iconfont/iconfont.css b/ruoyi-ui/src/assets/iconfont/iconfont.css
index b93c0ab7..6645fce4 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=1710745723035') format('woff2'),
-       url('iconfont.woff?t=1710745723035') format('woff'),
-       url('iconfont.ttf?t=1710745723035') format('truetype');
+  src: url('iconfont.woff2?t=1715061600935') format('woff2'),
+       url('iconfont.woff?t=1715061600935') format('woff'),
+       url('iconfont.ttf?t=1715061600935') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-pedestrian:before {
+  content: "\e602";
+}
+
 .icon-guanbi:before {
   content: "\e60d";
 }
diff --git a/ruoyi-ui/src/assets/iconfont/iconfont.js b/ruoyi-ui/src/assets/iconfont/iconfont.js
index 3f366d4b..a67ef640 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-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 c,i,o,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)}}c=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(c,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),c()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(o=c,l=n.document,a=!1,m(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,s())})}function s(){a||(a=!0,o())}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-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
diff --git a/ruoyi-ui/src/assets/iconfont/iconfont.json b/ruoyi-ui/src/assets/iconfont/iconfont.json
index 7f0688f2..cc03ca14 100644
--- a/ruoyi-ui/src/assets/iconfont/iconfont.json
+++ b/ruoyi-ui/src/assets/iconfont/iconfont.json
@@ -5,6 +5,13 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "28559895",
+      "name": "行人",
+      "font_class": "pedestrian",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
     {
       "icon_id": "2718724",
       "name": "关闭",
diff --git a/ruoyi-ui/src/assets/iconfont/iconfont.ttf b/ruoyi-ui/src/assets/iconfont/iconfont.ttf
index aaa28364..fa4ca655 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 25ffc382..a21f2538 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 74776372..848e2782 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/views/JiHeExpressway/components/Dialog/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/Dialog/index.vue
index 525c2062..da63a7db 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/Dialog/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/Dialog/index.vue
@@ -10,7 +10,7 @@
           <div class="dialog-title">
             <img class="title-icon" src="@screen/images/dialog/title-icon.svg" />
             <span>{{ title }}</span>
-            <img class="icon-close" @click.stop="modelVisible = false" src="@screen/images/dialog/icon-close.svg" />
+            <img class="icon-close" @click.stop="close()" src="@screen/images/dialog/icon-close.svg" />
           </div>
 
           <div class="dialog-content">
@@ -86,6 +86,10 @@ export default {
     },
   },
   methods: {
+    close(){
+      console.log('------')
+      this.modelVisible = false
+    },
     updateDialogVisible(bool) {
       this.modelVisible = bool;
     },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
index 67d4a0be..6a77ffe0 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
@@ -1,18 +1,11 @@
 <template>
-  <BorderRadiusImage
-    class="RoadStateCard"
-    borderRadius="2px"
-    borderColor="linear-gradient(360deg, rgba(55, 231, 255, 0.3), rgba(55, 231, 255, 0))"
-    borderWidth="2px"
-  >
-    <div class="left">
+  <BorderRadiusImage class="RoadStateCard" borderRadius="2px"
+    borderColor="linear-gradient(360deg, rgba(55, 231, 255, 0.3), rgba(55, 231, 255, 0))" borderWidth="2px">
+    <div class="left" v-if="isShowLeft">
       <!-- <img :src="(cardData.pictures ? cardData.pictures[0] : null) || require(`./test.png`)"> -->
       <!-- <img :src="require(`./test.png`)"> -->
-      <ElImage
-        style="width: 212px; height: 159px"
-        :src="cardData.pictures ? cardData.pictures[0] : null"
-        :preview-src-list="cardData.pictures || []"
-      >
+      <ElImage style="width: 212px; height: 159px" :src="cardData.pictures ? cardData.pictures[0] : null"
+        :preview-src-list="cardData.pictures || []">
         <div slot="error">
           <i class="el-icon-picture-outline icon"></i>
         </div>
@@ -26,25 +19,14 @@
         </p>
       </div>
       <div class="controls">
-        <Button
-          :style="{ background: firstBtnColor, width: '50%' }"
-          @click.native="$emit('firstBtnClick', cardData.id)"
-          >{{ getFirstBtnText(cardData.state) }}</Button
-        >
-        <Button
-          v-if="cardData.state == 4"
-          :style="{ background: lastBtnColor, width: '50%' }"
-          @click.native="$emit('lastBtnClick', cardData.id)"
-          >{{ getLastBtnText(cardData.state) }}</Button
-        >
+        <Button :style="{ background: firstBtnColor, width: isShowLeft ? '50%' : '25%' }"
+          @click.native="$emit('firstBtnClick', cardData.id)">{{ getFirstBtnText(cardData.state) }}</Button>
+        <Button v-if="cardData.state == 4" :style="{ background: lastBtnColor, width: isShowLeft ? '50%' : '25%' }"
+          @click.native="$emit('lastBtnClick', cardData.id)">{{ getLastBtnText(cardData.state) }}</Button>
       </div>
     </div>
 
-    <img
-      v-if="cardData.state"
-      class="status"
-      :src="require(`./images/${statusMap[cardData.state]}.svg`)"
-    />
+    <img v-if="cardData.state" class="status" :src="require(`./images/${statusMap[cardData.state]}.svg`)" />
   </BorderRadiusImage>
 </template>
 
@@ -106,6 +88,10 @@ export default {
         },
       ],
     },
+    isShowLeft: {
+      type: Boolean,
+      default: true
+    }
   },
   data() {
     return {
@@ -180,7 +166,7 @@ export default {
       display: flex;
       flex-direction: column;
 
-      > p {
+      >p {
         font-size: 12px;
         color: #f4f4f4;
         line-height: 24px;
@@ -212,7 +198,7 @@ export default {
       display: flex;
       gap: 9px;
 
-      > div {
+      >div {
         // flex: 1;
       }
     }
diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue
index 6dc49afb..43dac124 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue
@@ -68,7 +68,12 @@ export default {
       const changeItem = find(this.urls, { iotDeviceId: this.cameraId });
       this.dialogData = { ...changeItem, parseOtherConfig: changeItem.otherConfig && JSON.parse(changeItem.otherConfig) };
       console.log(this.cameraId, this.dialogData)
-      this.showVideo();
+      this.player?.destroy();
+      const self = this;
+      setTimeout(() => {
+        self.showVideo();  
+      }, 500);
+      
     },
     async playVideo() {
       this.player?.destroy();
diff --git a/ruoyi-ui/src/views/JiHeExpressway/index.vue b/ruoyi-ui/src/views/JiHeExpressway/index.vue
index c1f020dc..7b4cd655 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="pageBox">
-    <HeaderMenu class="header" :style="headerStyle"/>
-     <!-- @onChange="handleChange" -->
+    <HeaderMenu class="header" :style="headerStyle" />
+    <!-- @onChange="handleChange" -->
     <Adaptation class="content" :headerHeight="headerHeight">
       <Transition name="fade">
         <router-view v-if="isShowContent" />
@@ -15,6 +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: {
@@ -24,6 +25,8 @@ export default {
   },
   data() {
     return {
+      notifications: [],
+      notifyIndex:0,
       isShowContent:false,
       headerHeight:100,
       header: {
@@ -57,6 +60,102 @@ 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 => {
       this.isShowContent = true;
@@ -71,6 +170,19 @@ 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;
@@ -135,3 +247,101 @@ 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 efaad632..93b1ef0b 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
@@ -38,7 +38,7 @@ export default {
   props: {
     visible: Boolean,
     deviceId: String,
-    id: String,
+    id: Number,
     deviceType: String,
   },
   data() {
@@ -49,6 +49,9 @@ 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/DrivingGuidance/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/index.vue
index 5a8efaf2..30a45fa7 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/index.vue
@@ -164,18 +164,23 @@ export default {
     handleClickTabs() { },
     requestURL(functionId = 52, options = {}) {
       return new Promise((resolve, reject) => {
-        request
-          .post(
-            `business/device/functions/${this.dialogData.iotDeviceId}/${functionId}`,
-            options
-          )
-          .then((result) => {
-            if (result.code != 200) return reject();
-            resolve(result.data[0]);
-          })
-          .catch((err) => {
-            reject();
-          });
+        if (!this.dialogData.iotDeviceId) {
+          reject();
+        } else {
+          request
+            .post(
+              `business/device/functions/${this.dialogData.iotDeviceId}/${functionId}`,
+              options
+            )
+            .then((result) => {
+              if (result.code != 200) return reject();
+              resolve(result.data[0]);
+            })
+            .catch((err) => {
+              reject();
+            });
+        }
+
       });
     },
   },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue
index 57ad41ac..335c20c1 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/MeteorologicalDetection/index.vue
@@ -139,7 +139,7 @@ export default {
         },
         {
           label: "水膜厚度(mm)",
-          key: "waterFilmlceSnowValue",
+          key: "waterFilmIceSnowValue",
         },
         {
           label: "大气压力(hPa)",
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/components/DialogBoard.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/components/DialogBoard.vue
new file mode 100644
index 00000000..503eedc9
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/components/DialogBoard.vue
@@ -0,0 +1,168 @@
+<template>
+  <Dialog v-if="data" v-model="visibleModel" :title="data.deviceName" width="600px">
+    <div v-for="(itm, indx) in selectedBdMsg" :key="indx" class="tplItem">
+                
+      <BoardPreview class="boardPreview" :boardWH="selectedSize" :tpl="itm"></BoardPreview>
+    </div>
+  </Dialog>
+</template>
+
+<script>
+import Dialog from "@screen/components/Dialog/index.vue";
+import Button from "@screen/components/Buttons/Button.vue";
+
+import BoardPreview from "@screen/components/infoBoard/BoardPreview.vue";
+import request from "@/utils/request";
+import { getBoardDeviceInfo } from "@/api/board/board";
+
+export default {
+  name: "DialogBoard",
+  components: {
+    Dialog,
+    Button,
+    BoardPreview,
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    data: {
+      type: Object,
+      default: null,
+    },
+  },
+  emit: ["close"],
+  data() {
+    return {
+      selectedBdMsg:[],
+      selectedSize:null
+    };
+  },
+  computed: {
+    visibleModel: {
+      get() {
+        if (this.visible) this.getData();
+        return this.visible;
+      },
+      set(bool) {
+        this.$emit("close", bool);
+      },
+    },
+  },
+  methods: {
+    getData() {
+      const deviceFrom = this.data;
+      if(deviceFrom.otherConfig){
+        this.selectedSize = JSON.parse(deviceFrom.otherConfig).screenSize
+        
+      }
+      if (!deviceFrom.iotDeviceId || deviceFrom.iotDeviceId.includes("null_")) {
+          this.$message.warning("设备未接入！");
+          return;
+        }
+        this.selectedBdMsg = [];
+        getBoardDeviceInfo(deviceFrom.iotDeviceId, deviceFrom.id)
+          .then((res) => {
+            this.selectedBdMsg = res.data["3A"].content;
+        
+          })
+          .catch((err) => { });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+
+.tplItem {
+          margin-right: 14px;
+          display: flex;
+          align-items: stretch;
+          padding-bottom: 10px;
+
+          .boardPreview {
+            border: 2px solid #004c64;
+            background-color: #133242;
+            // width: 560px;
+            // height:80px;
+            flex: 1;
+          }
+
+          .infoBtnBox {
+            width: 160px;
+            height: 80px;
+            display: flex;
+            margin-left: 10px;
+            /* // border: solid 1px #05afe3; */
+            border: 2px solid #004c64;
+            background-color: #133242;
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+
+            .btn {
+              background-repeat: no-repeat;
+              background-size: 100% 100%;
+              width: 40px;
+              height: 40px;
+
+              &.btnApply {
+                background-image: url(~@/assets/jihe/images/button/toLeft.svg);
+              }
+
+              &.btnEdit {
+                background-image: url(~@/assets/jihe/images/button/edit.svg);
+              }
+
+              &.btnDelete {
+                background-image: url(~@/assets/jihe/images/button/delete.svg);
+              }
+            }
+
+            i {
+              font-size: 24px;
+              color: #666;
+              padding-left: 4px;
+              cursor: pointer;
+              caret-color: rgba(0, 0, 0, 0);
+              user-select: none;
+            }
+
+            i:hover {
+              color: #05afe3;
+            }
+
+            .disabledClass {
+              pointer-events: none;
+              cursor: auto !important;
+              color: #ccc;
+            }
+          }
+        }
+
+        .tplItem.ghost_class {
+
+          .boardPreview,
+          .infoBtnBox {
+            border-color: #F00;
+          }
+        }
+
+        .tplItem.chosen_class {
+
+          .boardPreview,
+          .infoBtnBox {
+            border-color: #0A0;
+          }
+        }
+
+        .tplItem.drag_class {
+
+          .boardPreview,
+          .infoBtnBox {
+            border-color: #FF0;
+          }
+        }
+
+</style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/components/DialogCamera.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/components/DialogCamera.vue
new file mode 100644
index 00000000..843eb3e0
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/components/DialogCamera.vue
@@ -0,0 +1,64 @@
+<template>
+  <Dialog v-if="data" v-model="visibleModel" :title="data.deviceName" width="600px">
+    <Video  class="video-stream" :camId="data.iotDeviceId" />
+  </Dialog>
+</template>
+
+<script>
+import Dialog from "@screen/components/Dialog/index.vue";
+import Button from "@screen/components/Buttons/Button.vue";
+
+import Video from "@screen/components/Video/Video.vue"
+import request from "@/utils/request";
+import { getBoardDeviceInfo } from "@/api/board/board";
+
+export default {
+  name: "DialogCamera",
+  components: {
+    Dialog,
+    Button,
+    Video
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    data: {
+      type: Object,
+      default: null,
+    },
+  },
+  emit: ["close"],
+  data() {
+    return {
+      selectedBdMsg:[],
+      selectedSize:null
+    };
+  },
+  computed: {
+    visibleModel: {
+      get() {
+        if (this.visible) this.getData();
+        return this.visible;
+      },
+      set(bool) {
+        this.$emit("close", bool);
+      },
+    },
+  },
+  methods: {
+    getData() {
+     
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+ .video-stream {
+      width: 100%;
+      height: 100%;
+    }
+
+</style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/index.vue
index 69bf17be..f6d67e09 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/CrowdnessIndicatorRankings/index.vue
@@ -5,7 +5,7 @@
         ref="AMapContainerRef"
         v-if="delayLoad"
         @update:isGisCompleted="(data) => {
-          this.bindMap(data)
+          this.bindMap(data)  
         }
       "
         style="z-index: 9"
@@ -19,7 +19,7 @@
         @click="handleClick(item)"
       >
         <div
-          v-if="item.key === 'bar'"
+          v-if="['bar','level','camera'].indexOf(item.key) !== -1"
           class="label"
           slot="reference"
           :style="{
@@ -57,21 +57,36 @@
         </ElPopover>
       </div>
     </div>
+    <DialogBoard
+      :visible="dialogVisible"
+      @close="handledDialogBoard(false)"
+      :data="dialogData"
+    />
+    <DialogCamera
+      :visible="dialogVisibleCamera"
+      @close="handledDialogCamera(false)"
+      :data="dialogDataCamera"
+    />
   </Card>
 </template>
 
 <script>
 import Card from "@screen/components/Card2/Card.vue";
+import DialogBoard from "./components/DialogBoard.vue";
+import DialogCamera from "./components/DialogCamera.vue";
 import AMapContainer from "@screen/pages/Home/components/AMapContainer/index.vue";
 import { provideMixin } from "./../../mixin";
 import { getWeatherForecast } from "@/api/commandDispatch";
 import * as echarts from "echarts";
 import { StatChartOption } from "./charts";
+import request from "@/utils/request";
 
 export default {
   name: "CrowdnessIndicatorRankings",
   components: {
     Card,
+    DialogBoard,
+    DialogCamera,
     AMapContainer,
   },
   mixins: [provideMixin],
@@ -95,10 +110,6 @@ export default {
           key: "level",
           label: "情报板",
         },
-        // {
-        //   key: "car",
-        //   label: "天气",
-        // },
         {
           key: "pie",
           label: "断面车流量",
@@ -106,12 +117,34 @@ export default {
       ],
       delayLoad: true,
       weatherData: {},
+      markerBoard:[],
+      dialogVisible:false,
+      dialogData: null,
+      markerCamera:[],
+      dialogVisibleCamera:false,
+      dialogDataCamera: null,
     };
   },
   computed: {
     isActive() {
       return (item) => this.active.includes(item.key);
     },
+    modelVisible: {
+      get() {
+        return this.visible;
+      },
+      set(val) {
+        this.$emit("update:value", val);
+      },
+    },
+  },
+  watch: {
+    modelVisible: {
+      immediate: true,
+      handler(bool) {
+        if (!bool) return;
+      },
+    },
   },
   methods: {
     handleClick(item) {
@@ -129,8 +162,90 @@ export default {
         });
       } else if (item.key === "bar") {
         this.$refs.AMapContainerRef.showRoadConditions(findIndex === -1);
+      } else if (item.key === 'level'){
+        this.getBoard(findIndex === -1);
+      } else if (item.key === 'camera'){
+        this.getCamera(findIndex === -1);
+      }
+    },
+    getCamera(isShow){
+      if(isShow){
+        const self = this;
+        this.markerCamera = [];
+        request({
+          url: "/video/nearCamPileNum",
+          method: "get",
+          params: {
+            pileNum: this.detailData.stakeMark,
+          },
+        }).then(result=>{
+          if (result.code != 200) return Message.error(`查询失败!${result.msg}`);
+          const list = [...result.data.downCamera,...result.data.upCamera];
+          
+          const icon = require(`@screen/images/layer/路测设备/摄像机_active.svg`);
+          const icon_f = require(`@screen/images/layer/路测设备/摄像机_fault.svg`);
+          list.forEach(e => {
+            const p = new AMap.LngLat(parseFloat(e.longitude), parseFloat(e.latitude));
+            const m = this.addMarker(p,e.useState?icon:icon_f,e.useState,function(){
+              console.log(e,'-------------')
+              if(e.useState === 1){
+                self.dialogDataCamera = e;
+                self.dialogVisibleCamera = true;
+              } else {
+                self.$message.warning("设备未接入！！");
+              }
+            })
+            this.markerCamera.push(m)
+          });
+        })
+      } else {
+        this.markerCamera.forEach(e => {
+          e.setMap(null);
+          e = null;
+        });
+      }
+    },
+    handledDialogCamera(bool) {
+      this.dialogVisibleCamera = bool;
+    },
+    getBoard(isShow){
+      if(isShow){
+        const self = this;
+        this.markerBoard = [];
+        const fileData = new FormData(); // new formData对象        
+        fileData.append("stakeMark", this.detailData.stakeMark);
+        fileData.append("direction", this.detailData.direction ==='济南方向'?1:2);
+        request({
+          url: "/business/device/selectNearBoard",
+          method: "post",
+          data:fileData
+        }).then(result=>{
+          if (result.code != 200) return Message.error(`查询失败!${result.msg}`);
+          const icon = require(`@screen/images/layer/路测设备/情报板_active.svg`);
+          const icon_f = require(`@screen/images/layer/路测设备/情报板_fault.svg`);
+          result.data.forEach(e => {
+            const p = new AMap.LngLat(parseFloat(e.longitude), parseFloat(e.latitude));
+            const m = this.addMarker(p,e.useState?icon:icon_f,e.useState,function(){
+              if(e.useState === 1){
+                self.dialogData = e;
+                self.dialogVisible = true;
+              } else {
+                self.$message.warning("设备未接入！");
+              }
+            })
+            this.markerBoard.push(m)
+          });
+        })
+      } else {
+        this.markerBoard.forEach(e => {
+          e.setMap(null);
+          e = null;
+        });
       }
     },
+    handledDialogBoard(bool) {
+      this.dialogVisible = bool;
+    },
     getWeather() {
       getWeatherForecast(117.2, 36.65).then((res) => {
         this.weatherData =
@@ -138,24 +253,35 @@ export default {
         console.log("气象", res);
       });
     },
-
+    // 绑定地图事件
     bindMap(isLoaded){
       if(!isLoaded){
         return;
       }
+      const self = this;
+      setTimeout(() => {
       // 获取map接口
+        const {AMap,mapIns} = self.$refs.AMapContainerRef.getMapInstance();
+        const {longitude,dimension,eventName} = self.detailData;
+        const icon = require(`@screen/images/layer/事件专题/${eventName}_active.svg`);
+        const center = new AMap.LngLat(parseFloat(longitude), parseFloat(dimension));
+        self.addMarker(center,icon, 1);
+        mapIns.setZoomAndCenter(12, center);
+        // 
+        console.log(mapIns,AMap,'--------')
+        console.log(self.detailData,'############');  
+      }, 500);
+      
+    },
+    addMarker(position,icon, state, fn = null){
       const {AMap,mapIns} = this.$refs.AMapContainerRef.getMapInstance();
-      const {longitude,dimension,eventName} = this.detailData;
-      const icon = require(`@screen/images/layer/事件专题/${eventName}_active.svg`);
       const nowBg = require(`@screen/images/mapBg/active.svg`);
-
-      const center = new AMap.LngLat(parseFloat(longitude), parseFloat(dimension));
-      
+      const nowBg_f = require(`@screen/images/mapBg/fault.svg`);
       var marker = new AMap.Marker({
-        position:center,
+        position:position,
         content: `
           <div style="
-            background-image: url(${nowBg});
+            background-image: url(${state?nowBg:nowBg_f});
             background-size: 100% 100%;
             background-repeat: no-repeat;
             width: 51px;
@@ -176,11 +302,13 @@ export default {
       `,
         anchor: 'bottom-center',
       });
+      marker.on("click", (e) => {
+          if(fn){
+            fn(e)
+          }
+      })
       mapIns.add(marker);
-      mapIns.setZoomAndCenter(12, center);
-      // 
-      console.log(mapIns,AMap,'--------')
-      console.log(this.detailData,'############');
+      return marker;
     }
   },
   mounted() {
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/dispatch/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/dispatch/index.vue
index 7a2b35b8..af94e2d9 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/dispatch/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/dispatch/index.vue
@@ -9,51 +9,27 @@
         刷新
       </ButtonGradient>
 
-      <InputSearch
-        ref="searchComp"
-        style="width: 402px"
-        :formList="searchFormList"
-        :formConfigOptions="{ dFormData: { eventState: '0' } }"
-        @handleSearch="handleSearch"
-      />
+      <InputSearch ref="searchComp" style="width: 402px" :formList="searchFormList"
+        :formConfigOptions="{ dFormData: { eventState: '0' } }" @handleSearch="handleSearch" />
     </div>
 
     <!-- 内容 -->
     <div class="body">
-      <RoadStateCard
-        v-for="(item, index) in data"
-        :key="index"
-        :cardData="item"
-        @firstBtnClick="firstBtnClick"
-        @lastBtnClick="lastBtnClick"
-      />
+      <RoadStateCard v-for="(item, index) in data" :key="index" :cardData="item" :isShowLeft="false" @firstBtnClick="firstBtnClick"
+        @lastBtnClick="lastBtnClick" />
     </div>
 
     <!-- 分页 -->
     <div class="footer">
-      <Pagination
-        @current-change="initData"
-        @size-change="onSizeChange"
-        width="'100%'"
-        :page-sizes="[12, 16, 20, 30, 50]"
-        :page-size="searchData.pageSize"
-        :current-page.sync="searchData.pageNum"
-        layout="total, sizes, prev, pager, next"
-        :total="total"
-      >
+      <Pagination @current-change="initData" @size-change="onSizeChange" width="'100%'"
+        :page-sizes="[12, 16, 20, 30, 50]" :page-size="searchData.pageSize" :current-page.sync="searchData.pageNum"
+        layout="total, sizes, prev, pager, next" :total="total">
       </Pagination>
     </div>
 
-    <EventDetailDialog
-      :visible="eventDetailDialogVisible"
-      :formData="detailDialogFormData"
-      @update:value="handleClose"
-    />
-    <EventDispatchDialog
-      :visible="eventDispatchDialogVisible"
-      @update:value="handleClose"
-      :eventId="eventId"
-    />
+    <EventDetailDialog :visible="eventDetailDialogVisible" :formData="detailDialogFormData"
+      @update:value="handleClose" />
+    <EventDispatchDialog :visible="eventDispatchDialogVisible" @update:value="handleClose" :eventId="eventId" />
   </div>
 </template>
 
@@ -104,7 +80,7 @@ export default {
     this.initData();
   },
   methods: {
-    onRefreshForm(){
+    onRefreshForm() {
       this.searchData.pageNum = 1;
       this.$refs.searchComp.handleResetForm();
     },
@@ -205,8 +181,8 @@ export default {
     display: flex;
     // justify-content: flex-end;
     justify-content: space-between;
-    .refresh-btn {
-    }
+
+    .refresh-btn {}
   }
 
   .body {
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/emergencyProcessManagement/commonPhrases/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/emergencyProcessManagement/commonPhrases/index.vue
index 4a8ade16..20e94a80 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/emergencyProcessManagement/commonPhrases/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/emergencyProcessManagement/commonPhrases/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="modelVisible" title="配置常用语" width="880px">
+  <Dialog v-model="modelVisible" title="配置常用语" width="880px" top="8%">
     <!-- <Button style="margin: 10px 0 20px 20px; width: 100px;" @click.native="onAdd">添加</Button> -->
     <div class="header">
       <el-form ref="form" label-width="120px">
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue
index 2bc8b0fa..3ab3a6f7 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue
@@ -153,6 +153,7 @@ export default {
         cardData: { ...item, state },
         lastBtnColor: textColor,
         lastBtnText: text,
+        isShowLeft: this.activeName == '-1'
       };
     },
     queryData(flag) {
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/index.vue
index 477fc9f0..200a0273 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/datav/roadNet/index.vue
@@ -24,7 +24,7 @@
             <img class="arrow arrow_02" src="./img/arrowRight.svg" alt="">
             <img class="arrow arrow_03" src="./img/arrowRight.svg" alt="">
             <div class="manageTotal">
-                <h4 class="keep-ratio">济荷运管中心</h4>
+                <h4 class="keep-ratio">济菏运管中心</h4>
                 <p>内存：<em>20.79</em>/62.36GB CPU：<em>1.00</em>/12<br>存储：<em>25.68</em>/2328.93GB</p>
             </div>
             <ul class="manageDetail">
diff --git a/ruoyi-ui/vue.config.js b/ruoyi-ui/vue.config.js
index 77f27227..59319d90 100644
--- a/ruoyi-ui/vue.config.js
+++ b/ruoyi-ui/vue.config.js
@@ -52,8 +52,8 @@ module.exports = {
         // target: `http://10.0.81.204:8087`, //现场后台 刘文阁
         // target: `http://10.168.69.255:8087`, //正晨后台 连现场物联 刘文阁
         // target: `http://10.168.78.135:8087`,  //王钦
-        target: `http://10.168.66.196:8087`, //正晨后台 连现场物联 刘文阁2
-        // target: `http://10.168.68.42:8087`, //王思祥
+        // target: `http://10.168.66.196:8087`, //正晨后台 连现场物联 刘文阁2
+        target: `http://10.168.68.42:8087`, //王思祥
         // target: `http://10.168.72.174:8087`, //赵祥龙
         // target: `http://10.168.65.156:8097`, //孟
         // target: `http://10.168.56.165:8087`, //王家宝