sxyanzhu
/
jhbigscreen
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

提交代码

prv
姜玉琦 2023-10-14 19:00:13 +08:00
parent 9fd0564069
commit c96a6e83a8
2 changed files with 63 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

118
public/css/sichuanTibet.css
View File

@ -10,7 +10,7 @@ body::-webkit-scrollbar{
width: 1920px; width: 1920px;
height: 1080px; height: 1080px;
color: #ffffff; 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{ .ai-max{
position: relative; position: relative;
@ -22,7 +22,7 @@ body::-webkit-scrollbar{
} }
.header{ .header{
height: 70px; 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; display: flex;
font-size: 14px; font-size: 14px;
position: absolute; position: absolute;
@ -64,7 +64,7 @@ body::-webkit-scrollbar{
.header-tab{ .header-tab{
height: 40px; height: 40px;
width: 14%; 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; text-align: center;
line-height: 40px; line-height: 40px;
cursor: pointer; cursor: pointer;
@ -74,13 +74,13 @@ body::-webkit-scrollbar{
color: #ffffff; color: #ffffff;
} }
.header-tab.active{ .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; color: #ffffff;
} }
.header-sel{ .header-sel{
width:29%; width:29%;
height: 40px; 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; position: relative;
} }
.header-select{ .header-select{
@ -140,7 +140,7 @@ body::-webkit-scrollbar{
.tunnel{ .tunnel{
height: 1000px; height: 1000px;
width: 100%; 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{ .in-left{
position: absolute; position: absolute;
@ -163,7 +163,7 @@ body::-webkit-scrollbar{
} }
.in-left-title{ .in-left-title{
height: 30px; 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; line-height: 30px;
padding-left: 15px; padding-left: 15px;
} }
@ -184,7 +184,7 @@ body::-webkit-scrollbar{
} }
.in-left-total{ .in-left-total{
height: 200px; 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{ .in-left-total-num{
padding-top: 70px; padding-top: 70px;
@ -205,7 +205,7 @@ body::-webkit-scrollbar{
height: 55px; height: 55px;
line-height: 55px; line-height: 55px;
padding-left: 45px; 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{ .in-left-dist-zj span{
color: #01bd11; color: #01bd11;
@ -215,7 +215,7 @@ body::-webkit-scrollbar{
height: 55px; height: 55px;
line-height: 55px; line-height: 55px;
padding-left: 45px; 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{ .in-left-dist-zl span{
color: #e4c700; color: #e4c700;
@ -225,7 +225,7 @@ body::-webkit-scrollbar{
height: 55px; height: 55px;
line-height: 55px; line-height: 55px;
padding-left: 45px; 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{ .in-left-dist-fb span{
color: #bb33ff; color: #bb33ff;
@ -248,21 +248,21 @@ body::-webkit-scrollbar{
padding-left: 30px; padding-left: 30px;
line-height: 50px; line-height: 50px;
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{ .in-left-top-type-zl{
position: relative; position: relative;
padding-left: 30px; padding-left: 30px;
line-height: 50px; line-height: 50px;
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{ .in-left-top-type-fb{
position: relative; position: relative;
padding-left: 30px; padding-left: 30px;
line-height: 50px; line-height: 50px;
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{ .in-left-square{
width: 12px; width: 12px;
@ -308,7 +308,7 @@ body::-webkit-scrollbar{
} }
.in-right-title{ .in-right-title{
height: 40px; 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; text-align: center;
line-height: 40px; line-height: 40px;
} }
@ -340,16 +340,16 @@ body::-webkit-scrollbar{
padding-left: 50px; padding-left: 50px;
line-height: 50px; line-height: 50px;
cursor: pointer; 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{ .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{ .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{ .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; position: absolute;
top: 880px; top: 880px;
padding: 10px 40px; 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; color: #c8d7fe;
cursor: pointer; cursor: pointer;
z-index: 999; z-index: 999;
@ -439,7 +439,7 @@ body::-webkit-scrollbar{
line-height: 40px; line-height: 40px;
cursor: pointer; cursor: pointer;
color: #9ea8bc; 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{ .out-branch-btn:hover{
color: #ffffff; color: #ffffff;
@ -458,18 +458,18 @@ body::-webkit-scrollbar{
} }
.out-branch-btn.active{ .out-branch-btn.active{
color: #ffffff; 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*/
.popup-max{ .popup-max{
width: 300px; 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; font-size: 14px;
color: #ffffff; color: #ffffff;
} }
.popup-new-max{ .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{ .popup-min{
padding:5px 15px 20px; padding:5px 15px 20px;
@ -557,7 +557,7 @@ body::-webkit-scrollbar{
width: 120px; width: 120px;
height: 35px; height: 35px;
margin: 0 5px; 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; border: 0;
outline: 0; outline: 0;
cursor: pointer; cursor: pointer;
@ -589,13 +589,13 @@ body::-webkit-scrollbar{
/*popup*/ /*popup*/
.popup-max{ .popup-max{
width: 360px; 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; font-size: 14px;
} }
.popup-max-two{ .popup-max-two{
width: 320px; 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; font-size: 14px;
} }
@ -659,23 +659,23 @@ body::-webkit-scrollbar{
} }
.ai-video-survey{ .ai-video-survey{
height: 150px; 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{ .ai-warning-survey{
height: 400px; 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{ .ai-warning-distribution{
height: 465px; 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{ .ai-warning-list{
height: 960px; 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{ .ai-key-videos{
height: 310px; 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{ .ai-video-info{
height: 650px; height: 650px;
@ -705,7 +705,7 @@ body::-webkit-scrollbar{
padding: 5px 0 10px; padding: 5px 0 10px;
} }
.ai-survey-info-1{ .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{ .ai-survey-info-1 span{
color:#88c9ff ; color:#88c9ff ;
@ -713,7 +713,7 @@ body::-webkit-scrollbar{
font-weight: bold; font-weight: bold;
} }
.ai-survey-info-2{ .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{ .ai-survey-info-2 span{
color:#61f2b9 ; color:#61f2b9 ;
@ -731,7 +731,7 @@ body::-webkit-scrollbar{
} }
.ai-warning-list-min{ .ai-warning-list-min{
height: 110px; 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{ .ai-warning-list-info{
padding:15px 20px; padding:15px 20px;
@ -769,7 +769,7 @@ body::-webkit-scrollbar{
} }
.ai-warning-list-details-con div{ .ai-warning-list-details-con div{
color:#c8d7ff; 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; padding-left: 15px;
} }
@ -802,7 +802,7 @@ body::-webkit-scrollbar{
.ai-key-videos-min{ .ai-key-videos-min{
width: 275px; width: 275px;
height: 240px; 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; border-radius: 5px;
} }
/*AI视频*/ /*AI视频*/
@ -820,11 +820,11 @@ body::-webkit-scrollbar{
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; 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{ .ai-video-info-return:hover{
color: #cbdaff; 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{ .ai-content-nav-max{
width: calc(100% - 140px); width: calc(100% - 140px);
@ -853,7 +853,7 @@ body::-webkit-scrollbar{
min-width: 90px; min-width: 90px;
line-height: 40px; line-height: 40px;
cursor: pointer; 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{ .ai-content-nav{
padding: 0 10px; padding: 0 10px;
@ -861,7 +861,7 @@ body::-webkit-scrollbar{
white-space:nowrap; white-space:nowrap;
} }
.ai-content-nav.active{ .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{ .ai-content-info-max{
padding:5px; padding:5px;
@ -876,7 +876,7 @@ body::-webkit-scrollbar{
} }
.ai-content-videos{ .ai-content-videos{
height: 265px; 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{ .af-device-monitor{
height: 320px; 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{ .af-monitor-list{
height: 630px; 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{ .af-warning-monitor{
height: 450px; 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{ .sf-base-data-small{
height: 130px; 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{ .sf-base-info{
height: 300px; 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{ .sf-base-data-big{
height: 180px; 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{ .sf-base-big-info{
height: 300px; 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{ .title-select-max{
position: relative; position: relative;
@ -922,7 +922,7 @@ body::-webkit-scrollbar{
color: #45e9ff; color: #45e9ff;
padding:0 15px; padding:0 15px;
cursor: pointer; 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{ .title-select-ul{
list-style: none; list-style: none;
@ -1019,16 +1019,16 @@ body::-webkit-scrollbar{
padding: 15px 20px 15px 25px; padding: 15px 20px 15px 25px;
} }
.sf-small-title-1{ .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{ .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{ .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{ .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{ .sf-small-info-max{
padding:0 10px; padding:0 10px;
@ -1057,7 +1057,7 @@ body::-webkit-scrollbar{
.sf-equipment-overview-bgd{ .sf-equipment-overview-bgd{
height: 240px; height: 240px;
width: 400px; 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; position: relative;
margin: auto; margin: auto;
} }
@ -1098,7 +1098,7 @@ body::-webkit-scrollbar{
.sf-hook{ .sf-hook{
width: 16px; width: 16px;
height: 30px; 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{ .circular{
position: absolute; position: absolute;
@ -1106,12 +1106,12 @@ body::-webkit-scrollbar{
height: 120px; height: 120px;
bottom: 15px; bottom: 15px;
right: 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{ .needle{
width: 100%; width: 100%;
height: 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); transform:rotate(0deg);
} }
.dot-track{ .dot-track{
@ -1222,7 +1222,7 @@ body::-webkit-scrollbar{
cursor: pointer; cursor: pointer;
} }
.sf-table-body tr:nth-child(odd){ .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){ .sf-table-body td:nth-child(3){
color: #2f8dff; color: #2f8dff;

9
src/pages/toAIVideoProject.vue
View File

@ -7,7 +7,7 @@
<div class="labour-warning-title"> <div class="labour-warning-title">
<div class="labour-warning-img"> <div class="labour-warning-img">
<div class="labour-warning-bgd"> <div class="labour-warning-bgd">
<img src="/images/labour_warning_icon.png"> <img src="images/labour_warning_icon.png">
</div> </div>
</div> </div>
<div class="labour-warning-data"> <div class="labour-warning-data">
@ -217,15 +217,15 @@ export default {
mounted() { mounted() {
this.$bus.$on("projectChange", debounce(res => { this.$bus.$on("projectChange", debounce(res => {
this.projectInfo=res; this.projectInfo=res;
//this.initVideoMenu(); this.init();
})); }));
this.$bus.$on("loadProjects", debounce(prjs => { this.$bus.$on("loadProjects", debounce(prjs => {
this.projectInfos = prjs; this.projectInfos = prjs;
//this.initVideoMenu(); this.init();
})) }))
this.$bus.$on("deptChange", debounce(dept => { this.$bus.$on("deptChange", debounce(dept => {
this.dept = dept; this.dept = dept;
//this.initVideoMenu(); this.init();
})); }));
if(this.$root.hasInitHeader){ if(this.$root.hasInitHeader){
this.initMe(); this.initMe();
@ -336,7 +336,6 @@ export default {
this.projectInfo=this.$root.project; this.projectInfo=this.$root.project;
this.dept=this.$root.dept; this.dept=this.$root.dept;
this.projectInfos=this.$root.projects; this.projectInfos=this.$root.projects;
//this.initVideoMenu();
}, },
init(){ init(){
this.getAlertorTypeList(); this.getAlertorTypeList();