提交代码
姜玉琦
parent
9fd0564069
commit
c96a6e83a8
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
Loading…
Reference in New Issue