diff --git a/public/css/sichuanTibet.css b/public/css/sichuanTibet.css
index 856c989..356af84 100644
--- a/public/css/sichuanTibet.css
+++ b/public/css/sichuanTibet.css
@@ -10,7 +10,7 @@ body::-webkit-scrollbar{
     width: 1920px;
     height: 1080px;
     color: #ffffff;
-    /*background: url("/images/ai/background.png") no-repeat center/100% 100%;*/
+    /*background: url("../images/ai/background.png") no-repeat center/100% 100%;*/
 }
 .ai-max{
     position: relative;
@@ -22,7 +22,7 @@ body::-webkit-scrollbar{
 }
 .header{
     height: 70px;
-    background: rgba(0,0,0,0.5) url("/images/ai/head_bgd.png") no-repeat center/100% 100%;
+    background: rgba(0,0,0,0.5) url("../images/ai/head_bgd.png") no-repeat center/100% 100%;
     display: flex;
     font-size: 14px;
     position: absolute;
@@ -64,7 +64,7 @@ body::-webkit-scrollbar{
 .header-tab{
     height: 40px;
     width: 14%;
-    background: url("/images/ai/tab_btn.png") no-repeat center/100% 100%;
+    background: url("../images/ai/tab_btn.png") no-repeat center/100% 100%;
     text-align: center;
     line-height: 40px;
     cursor: pointer;
@@ -74,13 +74,13 @@ body::-webkit-scrollbar{
     color: #ffffff;
 }
 .header-tab.active{
-    background: url("/images/ai/tab_btn_sel.png") no-repeat center/100% 100%;
+    background: url("../images/ai/tab_btn_sel.png") no-repeat center/100% 100%;
     color: #ffffff;
 }
 .header-sel{
     width:29%;
     height: 40px;
-    background: url("/images/ai/tab_selcet.png") no-repeat left/100% 100%;
+    background: url("../images/ai/tab_selcet.png") no-repeat left/100% 100%;
     position: relative;
 }
 .header-select{
@@ -140,7 +140,7 @@ body::-webkit-scrollbar{
 .tunnel{
     height: 1000px;
     width: 100%;
-    background: url("/images/ai/whole_tunnel.png") no-repeat center/100% ;
+    background: url("../images/ai/whole_tunnel.png") no-repeat center/100% ;
 }
 .in-left{
     position: absolute;
@@ -163,7 +163,7 @@ body::-webkit-scrollbar{
 }
 .in-left-title{
     height: 30px;
-    background: url("/images/ai/mk_title.png") no-repeat center/100% 100%;
+    background: url("../images/ai/mk_title.png") no-repeat center/100% 100%;
     line-height: 30px;
     padding-left: 15px;
 }
@@ -184,7 +184,7 @@ body::-webkit-scrollbar{
 }
 .in-left-total{
     height: 200px;
-    background: url("/images/ai/eq_icon.png") no-repeat left/60px;
+    background: url("../images/ai/eq_icon.png") no-repeat left/60px;
 }
 .in-left-total-num{
     padding-top: 70px;
@@ -205,7 +205,7 @@ body::-webkit-scrollbar{
     height: 55px;
     line-height: 55px;
     padding-left: 45px;
-    background: url("/images/ai/bgd_zy.png") no-repeat center/100% 38px;
+    background: url("../images/ai/bgd_zy.png") no-repeat center/100% 38px;
 }
 .in-left-dist-zj span{
     color: #01bd11;
@@ -215,7 +215,7 @@ body::-webkit-scrollbar{
     height: 55px;
     line-height: 55px;
     padding-left: 45px;
-    background: url("/images/ai/bgd_zl.png") no-repeat center/100% 38px;
+    background: url("../images/ai/bgd_zl.png") no-repeat center/100% 38px;
 }
 .in-left-dist-zl span{
     color: #e4c700;
@@ -225,7 +225,7 @@ body::-webkit-scrollbar{
     height: 55px;
     line-height: 55px;
     padding-left: 45px;
-    background: url("/images/ai/bgd_fb.png") no-repeat center/100% 38px;
+    background: url("../images/ai/bgd_fb.png") no-repeat center/100% 38px;
 }
 .in-left-dist-fb span{
     color: #bb33ff;
@@ -248,21 +248,21 @@ body::-webkit-scrollbar{
     padding-left: 30px;
     line-height: 50px;
     height: 50px;
-    background: url("/images/ai/bgd_zy_1.png") no-repeat center/100% 30px;
+    background: url("../images/ai/bgd_zy_1.png") no-repeat center/100% 30px;
 }
 .in-left-top-type-zl{
     position: relative;
     padding-left: 30px;
     line-height: 50px;
     height: 50px;
-    background: url("/images/ai/bgd_zl_1.png") no-repeat center/100% 30px;
+    background: url("../images/ai/bgd_zl_1.png") no-repeat center/100% 30px;
 }
 .in-left-top-type-fb{
     position: relative;
     padding-left: 30px;
     line-height: 50px;
     height: 50px;
-    background: url("/images/ai/bgd_fb_1.png") no-repeat center/100% 30px;
+    background: url("../images/ai/bgd_fb_1.png") no-repeat center/100% 30px;
 }
 .in-left-square{
     width: 12px;
@@ -308,7 +308,7 @@ body::-webkit-scrollbar{
 }
 .in-right-title{
     height: 40px;
-    background: url("/images/ai/work_points.png") no-repeat center/100% 100%;
+    background: url("../images/ai/work_points.png") no-repeat center/100% 100%;
     text-align: center;
     line-height: 40px;
 }
@@ -340,16 +340,16 @@ body::-webkit-scrollbar{
     padding-left: 50px;
     line-height: 50px;
     cursor: pointer;
-    background: url("/images/ai/screen_bgd_d.png") no-repeat center/100% 35px;
+    background: url("../images/ai/screen_bgd_d.png") no-repeat center/100% 35px;
 }
 .in-right-screen-ul li:hover{
-    background: url("/images/ai/screen_bgd.png") no-repeat center/100% 35px;
+    background: url("../images/ai/screen_bgd.png") no-repeat center/100% 35px;
 }
 .in-right-screen-ul .active:hover{
-    background: url("/images/ai/screen_bgd_a.png") no-repeat center/100% 35px;
+    background: url("../images/ai/screen_bgd_a.png") no-repeat center/100% 35px;
 }
 .in-right-screen-ul .active{
-    background: url("/images/ai/screen_bgd_a.png") no-repeat center/100% 35px;
+    background: url("../images/ai/screen_bgd_a.png") no-repeat center/100% 35px;
 }
 
 
@@ -376,7 +376,7 @@ body::-webkit-scrollbar{
     position: absolute;
     top: 880px;
     padding: 10px 40px;
-    background: url("/images/ai/branch_btn_bgd.png") no-repeat center/100% 100%;
+    background: url("../images/ai/branch_btn_bgd.png") no-repeat center/100% 100%;
     color: #c8d7fe;
     cursor: pointer;
     z-index: 999;
@@ -439,7 +439,7 @@ body::-webkit-scrollbar{
     line-height: 40px;
     cursor: pointer;
     color: #9ea8bc;
-    background: url("/images/ai/branch_out_btn.png") no-repeat center/100% 100%;
+    background: url("../images/ai/branch_out_btn.png") no-repeat center/100% 100%;
 }
 .out-branch-btn:hover{
     color: #ffffff;
@@ -458,18 +458,18 @@ body::-webkit-scrollbar{
 }
 .out-branch-btn.active{
     color: #ffffff;
-    background: url("/images/ai/branch_out_btn_a.png") no-repeat center/100% 100%;
+    background: url("../images/ai/branch_out_btn_a.png") no-repeat center/100% 100%;
 }
 
 /*popup*/
 .popup-max{
     width: 300px;
-   /* background: url("/images/ai/popup_box.png") no-repeat top/100% 100%;*/
+   /* background: url("../images/ai/popup_box.png") no-repeat top/100% 100%;*/
     font-size: 14px;
     color: #ffffff;
 }
 .popup-new-max{
-    background: url("/images/ai/popup_box.png") no-repeat top/100% 100%;
+    background: url("../images/ai/popup_box.png") no-repeat top/100% 100%;
 }
 .popup-min{
     padding:5px 15px 20px;
@@ -557,7 +557,7 @@ body::-webkit-scrollbar{
     width: 120px;
     height: 35px;
     margin: 0 5px;
-    background: url("/images/ai/popup_btn_bgd.png") no-repeat center/100% 100%;
+    background: url("../images/ai/popup_btn_bgd.png") no-repeat center/100% 100%;
     border: 0;
     outline: 0;
     cursor: pointer;
@@ -589,13 +589,13 @@ body::-webkit-scrollbar{
 /*popup*/
 .popup-max{
     width: 360px;
-    background: url("/images/ai/popup_box.png") no-repeat top/100% 100%;
+    background: url("../images/ai/popup_box.png") no-repeat top/100% 100%;
     font-size: 14px;
 }
 
 .popup-max-two{
     width: 320px;
-    background: url("/images/ai/popup_box.png") no-repeat top/100% 100%;
+    background: url("../images/ai/popup_box.png") no-repeat top/100% 100%;
     font-size: 14px;
 }
 
@@ -659,23 +659,23 @@ body::-webkit-scrollbar{
 }
 .ai-video-survey{
     height: 150px;
-    background: url("/images/ai/bgd_video_survey.png") no-repeat center/100% 100%;
+    background: url("../images/ai/bgd_video_survey.png") no-repeat center/100% 100%;
 }
 .ai-warning-survey{
     height: 400px;
-    background: url("/images/ai/bgd_warning_survey.png") no-repeat center/100% 100%;
+    background: url("../images/ai/bgd_warning_survey.png") no-repeat center/100% 100%;
 }
 .ai-warning-distribution{
     height: 465px;
-    background: url("/images/ai/bgd_warning_distribution.png") no-repeat center/100% 100%;
+    background: url("../images/ai/bgd_warning_distribution.png") no-repeat center/100% 100%;
 }
 .ai-warning-list{
     height: 960px;
-    background: url("/images/one/3x1.png") no-repeat center/100% 100%;
+    background: url("../images/one/3x1.png") no-repeat center/100% 100%;
 }
 .ai-key-videos{
     height: 310px;
-    background: url("/images/ai/bgd_key_videos.png") no-repeat center/100% 100%;
+    background: url("../images/ai/bgd_key_videos.png") no-repeat center/100% 100%;
 }
 .ai-video-info{
     height: 650px;
@@ -705,7 +705,7 @@ body::-webkit-scrollbar{
     padding: 5px 0 10px;
 }
 .ai-survey-info-1{
-    background: url("/images/ai/survey_info_ren.png") no-repeat left/65px 65px
+    background: url("../images/ai/survey_info_ren.png") no-repeat left/65px 65px
 }
 .ai-survey-info-1 span{
     color:#88c9ff ;
@@ -713,7 +713,7 @@ body::-webkit-scrollbar{
     font-weight: bold;
 }
 .ai-survey-info-2{
-    background: url("/images/ai/survey_info_che.png") no-repeat left/65px 65px
+    background: url("../images/ai/survey_info_che.png") no-repeat left/65px 65px
 }
 .ai-survey-info-2 span{
     color:#61f2b9 ;
@@ -731,7 +731,7 @@ body::-webkit-scrollbar{
 }
 .ai-warning-list-min{
     height: 110px;
-    background: url("/images/ai/popup_btn_bgd.png") no-repeat center/100% 95px;
+    background: url("../images/ai/popup_btn_bgd.png") no-repeat center/100% 95px;
 }
 .ai-warning-list-info{
     padding:15px 20px;
@@ -769,7 +769,7 @@ body::-webkit-scrollbar{
 }
 .ai-warning-list-details-con div{
     color:#c8d7ff;
-    background: url("/images/ai/place.png") no-repeat left/12px;
+    background: url("../images/ai/place.png") no-repeat left/12px;
     padding-left: 15px;
 }
 
@@ -802,7 +802,7 @@ body::-webkit-scrollbar{
 .ai-key-videos-min{
     width: 275px;
     height: 240px;
-    background: #0f224a url("/images/ai/videos.png") no-repeat center/96px 70px;
+    background: #0f224a url("../images/ai/videos.png") no-repeat center/96px 70px;
     border-radius: 5px;
 }
 /*AI视频*/
@@ -820,11 +820,11 @@ body::-webkit-scrollbar{
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    background: url(/images/return_btn_bgd.png) no-repeat center/90% 100%;
+    background: url(../images/return_btn_bgd.png) no-repeat center/90% 100%;
 }
 .ai-video-info-return:hover{
     color: #cbdaff;
-    background: url("/images/dangerous_active.png") no-repeat center/90% 100%;
+    background: url("../images/dangerous_active.png") no-repeat center/90% 100%;
 }
 .ai-content-nav-max{
     width: calc(100% - 140px);
@@ -853,7 +853,7 @@ body::-webkit-scrollbar{
     min-width: 90px;
     line-height: 40px;
     cursor: pointer;
-    background:url("/images/ai/select_out.png") no-repeat center/100% 100%;
+    background:url("../images/ai/select_out.png") no-repeat center/100% 100%;
 }
 .ai-content-nav{
     padding: 0 10px;
@@ -861,7 +861,7 @@ body::-webkit-scrollbar{
     white-space:nowrap;
 }
 .ai-content-nav.active{
-    background:url("/images/ai/select_on.png") no-repeat center/100% 100%;
+    background:url("../images/ai/select_on.png") no-repeat center/100% 100%;
 }
 .ai-content-info-max{
     padding:5px;
@@ -876,7 +876,7 @@ body::-webkit-scrollbar{
 }
 .ai-content-videos{
     height: 265px;
-    background: #0f224a url("/images/ai/videos.png") no-repeat center/96px 70px;
+    background: #0f224a url("../images/ai/videos.png") no-repeat center/96px 70px;
 }
 
 
@@ -889,31 +889,31 @@ body::-webkit-scrollbar{
 }
 .af-device-monitor{
     height: 320px;
-    background: url("/images/ai/bgd_device_monitor.png") no-repeat center/100% 100%;
+    background: url("../images/ai/bgd_device_monitor.png") no-repeat center/100% 100%;
 }
 .af-monitor-list{
     height: 630px;
-    background: url("/images/ai/bgd_monitor_list.png") no-repeat center/100% 100%;
+    background: url("../images/ai/bgd_monitor_list.png") no-repeat center/100% 100%;
 }
 .af-warning-monitor{
     height: 450px;
-    background: url("/images/ai/bgd_warning_monitor.png") no-repeat center/100% 100%;
+    background: url("../images/ai/bgd_warning_monitor.png") no-repeat center/100% 100%;
 }
 .sf-base-data-small{
     height: 130px;
-    background: url("/images/ai/bgd_small_base.png") no-repeat center/100% 100%;
+    background: url("../images/ai/bgd_small_base.png") no-repeat center/100% 100%;
 }
 .sf-base-info{
     height: 300px;
-    background: url("/images/ai/bgd_equipment_survey.png") no-repeat center/100% 100%;
+    background: url("../images/ai/bgd_equipment_survey.png") no-repeat center/100% 100%;
 }
 .sf-base-data-big{
     height: 180px;
-    background: url("/images/ai/bgd_big_base.png") no-repeat center/100% 100%;
+    background: url("../images/ai/bgd_big_base.png") no-repeat center/100% 100%;
 }
 .sf-base-big-info{
     height: 300px;
-    background: url("/images/ai/bgd_real_time_warning.png") no-repeat center/100% 100%;
+    background: url("../images/ai/bgd_real_time_warning.png") no-repeat center/100% 100%;
 }
 .title-select-max{
     position: relative;
@@ -922,7 +922,7 @@ body::-webkit-scrollbar{
     color: #45e9ff;
     padding:0 15px;
     cursor: pointer;
-    background: url("/images/ai/down.png") no-repeat right/12px;
+    background: url("../images/ai/down.png") no-repeat right/12px;
 }
 .title-select-ul{
     list-style: none;
@@ -1019,16 +1019,16 @@ body::-webkit-scrollbar{
     padding: 15px 20px 15px 25px;
 }
 .sf-small-title-1{
-    background: url("/images/ai/icon_1.png") no-repeat left/20px;
+    background: url("../images/ai/icon_1.png") no-repeat left/20px;
 }
 .sf-small-title-2{
-    background: url("/images/ai/icon_2.png") no-repeat left/20px;
+    background: url("../images/ai/icon_2.png") no-repeat left/20px;
 }
 .sf-small-title-3{
-    background: url("/images/ai/icon_3.png") no-repeat left/20px;
+    background: url("../images/ai/icon_3.png") no-repeat left/20px;
 }
 .sf-small-title-4{
-    background: url("/images/ai/icon_4.png") no-repeat left/20px;
+    background: url("../images/ai/icon_4.png") no-repeat left/20px;
 }
 .sf-small-info-max{
     padding:0 10px;
@@ -1057,7 +1057,7 @@ body::-webkit-scrollbar{
 .sf-equipment-overview-bgd{
     height: 240px;
     width: 400px;
-    background: url("/images/ai/tower_crane.png") no-repeat center/100% 100%;
+    background: url("../images/ai/tower_crane.png") no-repeat center/100% 100%;
     position: relative;
     margin: auto;
 }
@@ -1098,7 +1098,7 @@ body::-webkit-scrollbar{
 .sf-hook{
     width: 16px;
     height: 30px;
-    background: url("/images/ai/drag_hook.png") no-repeat center/100% 100%;
+    background: url("../images/ai/drag_hook.png") no-repeat center/100% 100%;
 }
 .circular{
     position: absolute;
@@ -1106,12 +1106,12 @@ body::-webkit-scrollbar{
     height: 120px;
     bottom: 15px;
     right: 15px;
-    background: url("/images/ai/circular.png") no-repeat center/100% 100%;
+    background: url("../images/ai/circular.png") no-repeat center/100% 100%;
 }
 .needle{
     width: 100%;
     height: 100%;
-    background: url("/images/ai/needle.png") no-repeat center/100% 100%;
+    background: url("../images/ai/needle.png") no-repeat center/100% 100%;
     transform:rotate(0deg);
 }
 .dot-track{
@@ -1222,7 +1222,7 @@ body::-webkit-scrollbar{
     cursor: pointer;
 }
 .sf-table-body tr:nth-child(odd){
-    background: url("/images/ai/list_bgd.png") no-repeat left/100% 38px;
+    background: url("../images/ai/list_bgd.png") no-repeat left/100% 38px;
 }
 .sf-table-body td:nth-child(3){
     color: #2f8dff;
diff --git a/src/pages/toAIVideoProject.vue b/src/pages/toAIVideoProject.vue
index 40d0dd7..e4d1b61 100644
--- a/src/pages/toAIVideoProject.vue
+++ b/src/pages/toAIVideoProject.vue
@@ -7,7 +7,7 @@
                         <div class="labour-warning-title">
                             <div class="labour-warning-img">
                                 <div class="labour-warning-bgd">
-                                    <img src="/images/labour_warning_icon.png">
+                                    <img src="images/labour_warning_icon.png">
                                 </div>
                             </div>
                             <div class="labour-warning-data">
@@ -217,15 +217,15 @@ export default {
     mounted() {
         this.$bus.$on("projectChange", debounce(res => {
             this.projectInfo=res;
-            //this.initVideoMenu();
+            this.init();
         }));
         this.$bus.$on("loadProjects", debounce(prjs => {
             this.projectInfos = prjs;
-            //this.initVideoMenu();
+            this.init();
         }))
         this.$bus.$on("deptChange", debounce(dept => {
             this.dept = dept;
-            //this.initVideoMenu();
+            this.init();
         })); 
         if(this.$root.hasInitHeader){
             this.initMe();
@@ -336,7 +336,6 @@ export default {
             this.projectInfo=this.$root.project;
             this.dept=this.$root.dept;
             this.projectInfos=this.$root.projects;
-            //this.initVideoMenu();
         },
         init(){
                 this.getAlertorTypeList();