mirror of
https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi.git
synced 2025-06-16 19:19:57 +08:00
大数据视频监控模板
This commit is contained in:
郎大伟
parent
b00051703f
commit
2d65f131f4
560
智慧交通/大数据视频监控/css/BigData.css
Normal file
560
智慧交通/大数据视频监控/css/BigData.css
Normal file
@ -0,0 +1,560 @@
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
p{
|
||||
margin: 0 !important;
|
||||
}
|
||||
html{
|
||||
min-width: 1440px;
|
||||
min-height: 700px;
|
||||
}
|
||||
|
||||
body{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.data_bodey{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("../img/bg01.png");
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
|
||||
|
||||
}
|
||||
.index_tabs{
|
||||
width: 100%;
|
||||
height: 88%;
|
||||
position: absolute;
|
||||
}
|
||||
.dataLeft01{
|
||||
float: left;
|
||||
background-color: rgba(2,8,23,0.54);
|
||||
padding: 1px;
|
||||
border-radius: 10px;
|
||||
width: 99%;
|
||||
height: 40%;
|
||||
margin-left: 0.5%;
|
||||
margin-top: 3%;
|
||||
|
||||
|
||||
|
||||
}
|
||||
.dataLeft02{
|
||||
float: left;
|
||||
background-color: rgba(17,25,69,0.54);
|
||||
padding: 1px;
|
||||
border-radius: 10px;
|
||||
width: 44%;
|
||||
height: 53%;
|
||||
margin-left: 0.5%;
|
||||
margin-top: 0.2%;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.dataLeft03{
|
||||
float: left;
|
||||
background-color: rgba(2,8,23,0.54);
|
||||
padding: 1px;
|
||||
border-radius: 10px;
|
||||
width: 54.5%;
|
||||
height: 53%;
|
||||
margin-left: 0.5%;
|
||||
margin-top: 0.2%;
|
||||
|
||||
|
||||
|
||||
}
|
||||
.dataLeft03_up{
|
||||
float: left;
|
||||
background-color: rgba(17,25,69,0.54);
|
||||
padding: 1px;
|
||||
border-radius: 10px;
|
||||
width: 100%;
|
||||
height: 49.5%;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
.dataLeft03_upVideo{
|
||||
width: 33%;
|
||||
height: 98%;
|
||||
float: left;
|
||||
margin-top: 0.5%;
|
||||
}
|
||||
.dataLeft03_down01{
|
||||
float: left;
|
||||
background-color: rgba(17,25,69,0.54);
|
||||
padding: 1px;
|
||||
border-radius: 10px;
|
||||
width: 33%;
|
||||
height: 49.5%;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
.data_con01{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
border:1px solid #016ae0;
|
||||
border-radius: 10px;
|
||||
padding: 1px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.data_con02{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
border:2px solid #016ae0;
|
||||
border-radius: 10px;
|
||||
|
||||
}
|
||||
.dataLeft01Conent{
|
||||
width: 33%;
|
||||
height: 99%;
|
||||
float: left;
|
||||
margin-top: -1%;
|
||||
margin-right: 0.3%;
|
||||
|
||||
}
|
||||
.dataLeft01Conent01{
|
||||
width: 33%;
|
||||
height: 92%;
|
||||
float: left;
|
||||
margin-right: 0.3%;
|
||||
background-image: url("../img/con_bg.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
}
|
||||
.dataLeft01Conent02{
|
||||
width: 33%;
|
||||
height: 92%;
|
||||
float: left;
|
||||
margin-right: 0.3%;
|
||||
|
||||
|
||||
}
|
||||
.dataLeft01Conent01Up{
|
||||
width: 90%;
|
||||
height: 37%;
|
||||
float: left;
|
||||
margin-left: 5%;
|
||||
}
|
||||
.dataLeft01Conent01Up ul{
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
color: #ff3552;
|
||||
font-size: 2.2em;
|
||||
}
|
||||
.dataLeft01Conent01Up ul li{
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
padding-top: 2%;
|
||||
padding-bottom: 2%;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
.li_bg{
|
||||
background-image: url("../img/data_bg.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.dataLeft01Conent01Down{
|
||||
width: 90%;
|
||||
height: 58%;
|
||||
float: left;
|
||||
margin-left: 5%;
|
||||
}
|
||||
.dataLeft01Conent01DownLeft{
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
.dataLeft01Conent01DownLeft p{
|
||||
padding-top: 5%;
|
||||
padding-bottom: 15%;
|
||||
}
|
||||
.dataLeft01Conent01DownRight{
|
||||
width: 44%;
|
||||
height: 100%;
|
||||
float: right;
|
||||
}
|
||||
.dataLeft01Conent01DownRight p{
|
||||
padding-top: 8%;
|
||||
}
|
||||
.dataLeft01Conent01DownRight ul{
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
|
||||
|
||||
}
|
||||
.dataLeft01Conent01DownRight ul li{
|
||||
width: 30%;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
#pieChart{
|
||||
width: 100%;
|
||||
height: 88%;
|
||||
|
||||
margin-top: -3%;
|
||||
}
|
||||
.h3_color{
|
||||
font-size: 1.35em;
|
||||
color: #11f6e2;
|
||||
}
|
||||
.pLeftSpan{
|
||||
float: left;
|
||||
}
|
||||
.a_colo01{
|
||||
color: #ffffff;
|
||||
|
||||
}
|
||||
.a_colo01:hover{
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
}
|
||||
.a_colo02{
|
||||
color: #fe6d3a;
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.a_colo02:hover{
|
||||
text-decoration: none;
|
||||
color: #fe6d3a;
|
||||
}
|
||||
.pRightSpan{
|
||||
float: right;
|
||||
}
|
||||
.p_color01{
|
||||
color: #ffffff;
|
||||
padding-top: 2%;
|
||||
padding-bottom: 2%;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dataLeft01Conentup01{
|
||||
width: 54%;
|
||||
height: 30%;
|
||||
float: left;
|
||||
|
||||
|
||||
}
|
||||
.dataLeft01Conentup02{
|
||||
width: 45%;
|
||||
height: 35%;
|
||||
float: right;
|
||||
|
||||
|
||||
|
||||
}
|
||||
.dataLeft01Conentdown{
|
||||
width: 98%;
|
||||
height: 50%;
|
||||
float: left;
|
||||
|
||||
|
||||
|
||||
}
|
||||
.dataLeft01Conentup01Left{
|
||||
width: 98%;
|
||||
height: 100%;
|
||||
margin-right: 0.5%;
|
||||
|
||||
|
||||
}
|
||||
.dataLeft01Conentup01LeftMes{
|
||||
width: 48%;
|
||||
height: 47%;
|
||||
background-image: url("../img/leftbg01.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
float: left;
|
||||
margin-left: 2%;
|
||||
margin-top: 3%;
|
||||
|
||||
}
|
||||
.mesSpanLeft{
|
||||
width: 26%;
|
||||
height: 78%;
|
||||
float: left;
|
||||
margin-top: 3%;
|
||||
margin-left: 3%;
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
.mesSpanRight{
|
||||
width: 69%;
|
||||
height: 78%;
|
||||
float: right;
|
||||
|
||||
margin-right: 0.5%;
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
.mesP01{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 0.5em;
|
||||
color: #eeeeee;
|
||||
padding-top: 5% !important;
|
||||
|
||||
}
|
||||
.mesP02{
|
||||
padding-top: 0.5%;
|
||||
|
||||
|
||||
}
|
||||
.mesP02SpanR{
|
||||
float: right;
|
||||
padding-right: 2%;
|
||||
}
|
||||
.mesP02SpanR a{
|
||||
color: #00ffd2;
|
||||
}
|
||||
.mesP02SpanR a:hover{
|
||||
text-decoration: none;
|
||||
color: #00ffd2;
|
||||
}
|
||||
.a_red{
|
||||
color: red !important;
|
||||
}
|
||||
.a_red:hover{
|
||||
color: red;
|
||||
text-decoration: none;
|
||||
}
|
||||
.color01{
|
||||
font-size: 0.5em;
|
||||
color: #d1cf16;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
.mesSpanLeft img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.data_tit01{
|
||||
width: 18.84%;
|
||||
height: 6.6%;
|
||||
background-image: url("../img/tit01.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.data_tit02{
|
||||
width: 100%;
|
||||
height: 5.3%;
|
||||
|
||||
}
|
||||
.data_tit02_img{
|
||||
width: 38.31%;
|
||||
height: 100%;
|
||||
background-image: url("../img/tit02.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0 auto;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.data_map{
|
||||
width: 100%;
|
||||
height:85%;
|
||||
background-image: url("../img/map.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
display: none;
|
||||
}
|
||||
.data_tool{
|
||||
width: 100%;
|
||||
height: 9.7%;
|
||||
background-image: url("../img/tool_bg.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.data_tool ul{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.data_tool ul li{
|
||||
float: left;
|
||||
width: 7%;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
.data_tool ul li a{
|
||||
height: 100%;
|
||||
display:block;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.data_tool ul li a:hover{
|
||||
background-color: #05121e;
|
||||
padding: 2%;
|
||||
}
|
||||
.data_tool ul li img{
|
||||
/*margin-top: 20%;*/
|
||||
padding-top: 20%;
|
||||
padding-bottom: 18%;
|
||||
}
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
.li_img01{
|
||||
width: 40%;
|
||||
height: 58%;
|
||||
|
||||
}
|
||||
.li_img02{
|
||||
width: 52%;
|
||||
height: 43%;
|
||||
|
||||
}
|
||||
.li_img03{
|
||||
width: 48.2%;
|
||||
height: 50%;
|
||||
|
||||
}
|
||||
.li_img04{
|
||||
width: 48.2%;
|
||||
height: 58%;
|
||||
|
||||
}
|
||||
.li_img05{
|
||||
width: 48.2%;
|
||||
height: 46%;
|
||||
|
||||
}
|
||||
.li_img06{
|
||||
width: 44.8%;
|
||||
height: 51.9%;
|
||||
|
||||
}
|
||||
.li_img07{
|
||||
width: 44.8%;
|
||||
height: 53.8%;
|
||||
|
||||
}
|
||||
.li_img08{
|
||||
width: 46.5%;
|
||||
height: 55.7%;
|
||||
|
||||
}
|
||||
.li_img09{
|
||||
width: 55.1%;
|
||||
height: 46%;
|
||||
|
||||
}
|
||||
.li_img10{
|
||||
width: 56.9%;
|
||||
height: 58%;
|
||||
|
||||
}
|
||||
.li_img11 {
|
||||
width: 56.9%;
|
||||
height: 51.9%;
|
||||
}
|
||||
.tit02Diva{
|
||||
position: absolute;
|
||||
width: 30%;
|
||||
}
|
||||
.tit02Diva a{
|
||||
text-decoration: none;
|
||||
font-size: 0.5em;
|
||||
color: #ffffff;
|
||||
padding-right: 2%;
|
||||
padding-left: 2%;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.tit02Diva a:hover{
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
}
|
||||
.tit02Diva a:active{
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
|
||||
}
|
||||
.tit02Diva a:visited{
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
|
||||
}
|
||||
.i_crlie{
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
|
||||
background-image: url("../img/i01.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
display: inline-block;
|
||||
margin-left: 2%;
|
||||
}
|
||||
.i_crlieAction{
|
||||
background-image: url("../img/i02.png");
|
||||
}
|
||||
.titP{
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
font-size: 0.5em;
|
||||
width: 100%;
|
||||
|
||||
float: left;
|
||||
}
|
||||
.iframe{
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.weher01{
|
||||
font-size: 22px;
|
||||
color: #76cdff;
|
||||
margin-top: 3% !important;
|
||||
float: left;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.weberImg{
|
||||
width: 14%;
|
||||
height: 13%;
|
||||
float: left;
|
||||
margin-right: 1%;
|
||||
|
||||
}
|
||||
.webber02{
|
||||
font-size: 2.5em;
|
||||
color: #ffffff;
|
||||
font-weight: 800;
|
||||
float: left;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.weher03{
|
||||
font-size: 22px;
|
||||
color: #76cdff;
|
||||
margin-top: 3% !important;
|
||||
float: right;
|
||||
|
||||
}
|
||||
.weherChart{
|
||||
width: 98%;
|
||||
height: 65%;
|
||||
float: left;
|
||||
margin-left: 1%;
|
||||
margin-top: 5%;
|
||||
|
||||
|
||||
}
|
||||
820
智慧交通/大数据视频监控/css/Security_operation.css
Normal file
820
智慧交通/大数据视频监控/css/Security_operation.css
Normal file
@ -0,0 +1,820 @@
|
||||
/*table样式*/
|
||||
#table td,#table th,#table1 td,#table1 td,#table1 th,#table1 td,#table2 td,#table2 th,#table2 td{color: #fff !important;border:none !important;padding: 3px 8px !important;vertical-align: middle;font-size: 14px !important;}
|
||||
#table,#table1,#table2{border: none !important;}
|
||||
#table thead tr,#table1 thead tr,#table2 thead tr{background-image: -webkit-linear-gradient(left,rgba(96,133,255,0.6),rgba(48,69,126,0.6)) !important;}
|
||||
.fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner{padding: 0 8px !important;}
|
||||
.table-striped>tbody>tr{background-color: rgba(96,178,255,0.2) !important;font-size: 14px}
|
||||
.table-striped>tbody>tr td{background-color: rgba(96,178,255,0.2) !important;font-size: 14px}
|
||||
.table-striped>tbody>tr:nth-of-type(odd){font-size: 10px;background-color: rgba(96,178,255,0) !important;}
|
||||
.table-striped>tbody>tr:hover{background-color: rgba(156,207,255,0.1)}
|
||||
.dataAllBorder20 td{padding: 0 !important;font-size: 16px;line-height: 23px !important;margin: 0 !important;}
|
||||
.dataAllBorder20 .table{margin-bottom: 10px !important}
|
||||
.dataAllBorder02 .fixed-table-pagination div.pagination .pagination{ border: 1px #637ef5 solid;}
|
||||
.dataAllBorder02 .fixed-table-pagination .pagination a{color:#637ef5;}
|
||||
.dataAllBorder02 .fixed-table-pagination .pagination a{background-color: rgba(225,225,225,0);border-color: rgba(225,225,225,0)}
|
||||
.dataAllBorder02 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
|
||||
z-index: 2;
|
||||
color: #fff;
|
||||
cursor: default;
|
||||
background-color: #637ef5;
|
||||
border-color: #637ef5;
|
||||
}
|
||||
html{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.left_cage{
|
||||
width: 22%;
|
||||
height: 100%;
|
||||
margin-left: 0.3%;
|
||||
float: left;
|
||||
}
|
||||
.center_cage{
|
||||
width: 55.1%;
|
||||
height: 100%;
|
||||
margin-left: 0.3%;
|
||||
float: left;
|
||||
}
|
||||
.right_cage{
|
||||
width: 22%;
|
||||
height: 100%;
|
||||
margin-left: 0.3%;
|
||||
float: right;
|
||||
}
|
||||
.center_cage{
|
||||
|
||||
}
|
||||
.right_cage{
|
||||
|
||||
}
|
||||
.cage_cl{
|
||||
background-color: rgba(2,8,23,0.1);
|
||||
}
|
||||
.video_cage{
|
||||
padding: 4px;
|
||||
width: 100%;
|
||||
object-fit: fill;
|
||||
}
|
||||
.video {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.video_around{
|
||||
width: 49.5%;
|
||||
height: 49.5%;
|
||||
float: left;
|
||||
object-fit: fill;
|
||||
}
|
||||
.video_around:hover{
|
||||
border: #8bff62 2px solid;
|
||||
}
|
||||
.video_around_chose{
|
||||
border: #8bff62 2px solid;
|
||||
}
|
||||
.over_hide{
|
||||
overflow: hidden;
|
||||
}
|
||||
.message_scroll{
|
||||
border: rgba(12,122,200,0.5) 1px solid;
|
||||
background-color: rgba(20,66,125,0.12);
|
||||
height: 90px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.scroll_top{
|
||||
height: 25px;
|
||||
}
|
||||
.scroll_title{
|
||||
float: left;
|
||||
background-image: url("../img/pushmessage_class.png");
|
||||
background-repeat: no-repeat;
|
||||
width: 150px;
|
||||
line-height: 25px;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
.scroll_level{
|
||||
float: left;
|
||||
background-repeat: no-repeat;
|
||||
line-height: 25px;
|
||||
width: 56px;
|
||||
background-position-y:3px;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.scroll_level01{
|
||||
background-image:url("../img/pushmessage_level01.png");
|
||||
}
|
||||
.scroll_level02{
|
||||
background-image:url("../img/pushmessage_level02.png");
|
||||
}
|
||||
.scroll_level03{
|
||||
background-image:url("../img/pushmessage_level03.png");
|
||||
}
|
||||
.localize{
|
||||
display: block;
|
||||
line-height: 25px;
|
||||
margin-left: 8px;
|
||||
background-image: url("../img/pushmessage_localize_01.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position-y:3px;
|
||||
width: 14px;
|
||||
height: 25px;
|
||||
float: left;
|
||||
}
|
||||
.localize:hover{
|
||||
background-image: url("../img/pushmessage_localize_02.png");
|
||||
}
|
||||
.scroll_timer{
|
||||
color: #4a97da;
|
||||
font-size: 12px;
|
||||
line-height: 25px;
|
||||
text-align: right;
|
||||
display: block;
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.msg_cage{
|
||||
padding-left: 10px;
|
||||
padding-right: 6px;
|
||||
height: 18px;
|
||||
overflow: hidden;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.localize_title{
|
||||
color: #2c85d2;
|
||||
}
|
||||
.localize_msg{
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
}
|
||||
.scroll_tool_outbox{
|
||||
height: 30px;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
padding-bottom: 2px;
|
||||
border-radius:0px 0px 15px 15px;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
.scroll_tool_outbox_current{
|
||||
opacity: 1;
|
||||
}
|
||||
.scroll_tool_box{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: rgba(6,10,19,0.9);
|
||||
}
|
||||
.scroll_tool{
|
||||
color: #28cfa2;
|
||||
border: #28cfa2 1px solid;
|
||||
line-height: 20px;
|
||||
width: 90px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
float: right;
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
margin-top: 3px;
|
||||
margin-right: 8px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.map_title_box{
|
||||
height: 11%;
|
||||
width: 100%;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background-color: rgba(17,25,69,0.1);
|
||||
border-radius: 11px 11px 0px 0px;
|
||||
position: relative;
|
||||
}
|
||||
.map_title_innerbox{
|
||||
position: absolute;
|
||||
top: -4px;
|
||||
width: 100%;
|
||||
}
|
||||
.map_title{
|
||||
width: 358px;
|
||||
background-image: url("../img/first_title.png");
|
||||
background-repeat: no-repeat;
|
||||
margin:auto;
|
||||
height: 28px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
font-family: "Microsoft YaHei";
|
||||
font-weight: bold;
|
||||
}
|
||||
.map{
|
||||
width: 100%;
|
||||
height: 95%;
|
||||
background-repeat: no-repeat;
|
||||
background-position-x:-300px;
|
||||
background-position-y:-200px;
|
||||
border-radius: 0px 0px 8px 8px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
cursor:move;
|
||||
}
|
||||
/*.map2D{*/
|
||||
/*background-image: url("../images/2Dmap.png");*/
|
||||
/*}*/
|
||||
.display_box{
|
||||
width: 20%;
|
||||
height: 80%;
|
||||
border: rgba(1,57,144,0.9) 2px solid ;
|
||||
background-color: rgba(11,39,63,0.9);
|
||||
position: absolute;
|
||||
top: 6%;
|
||||
right: 0%;
|
||||
}
|
||||
.display_type_center_box{
|
||||
width: 100%;
|
||||
height: 94%;
|
||||
overflow: scroll;
|
||||
}
|
||||
.display_type_inner_box{
|
||||
margin-left: 10px;
|
||||
margin-top: 6px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.display_type_msg{
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.city_chose_box .display_type_center_box ul li{
|
||||
width: 50%;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
.city_chose_box .display_type_center_box ul li:hover{
|
||||
color: #72e3ff;
|
||||
}
|
||||
.display_type_chose{
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-top: 2px;
|
||||
margin-right: 6px;
|
||||
background-image: url("../img/chose_btn.png");
|
||||
}
|
||||
.display_type_chose_recent{
|
||||
background-position-x: -11px;
|
||||
}
|
||||
.display_type_funct_box{
|
||||
width: 100%;
|
||||
height: 6.4%;
|
||||
}
|
||||
.display_type_funct{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
color: #22d8ff;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
padding-top: 4px;
|
||||
background-color: #005c70;
|
||||
}
|
||||
.display_type_funct:hover{
|
||||
background-color: #00768f;
|
||||
color: white;
|
||||
}
|
||||
.trajectory_box{
|
||||
height: 26px;
|
||||
padding-left:1px;
|
||||
padding-right: 1px;
|
||||
position: absolute;
|
||||
bottom: 13%;
|
||||
left: 22%;
|
||||
background-color: white;
|
||||
}
|
||||
.trajectory_box input,.trajectory_box select,.trajectory_box button{
|
||||
float: left;margin: 1px 4px 0 0;
|
||||
}
|
||||
.trajectory_box button{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.trajectory{
|
||||
width:106px;
|
||||
line-height:20px;
|
||||
font-size: 12px;
|
||||
text-indent: 0.5em;
|
||||
}
|
||||
.ratio {
|
||||
display: inline-block;
|
||||
height: 24px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.playback{
|
||||
line-height: 20px;
|
||||
font-size: 12px;
|
||||
width: 34px;
|
||||
}
|
||||
.map_change_box{
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 1%;
|
||||
bottom: 10%;
|
||||
height: 38px;
|
||||
}
|
||||
.map_change{
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
width: 80px;
|
||||
height: 38px;
|
||||
box-shadow: black 0px 0px 3px;
|
||||
background-repeat: no-repeat;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.map_change:hover,.map_change_chose{
|
||||
box-shadow: #0078ff 0px 0px 3px;
|
||||
border: #0078ff 1px solid;
|
||||
}
|
||||
.map_change_chose{
|
||||
float: left;
|
||||
}
|
||||
.VM_map{
|
||||
background-image: url("../images/Vector_map.png");
|
||||
background-position-x: -53px;
|
||||
background-position-y: -20px;
|
||||
}
|
||||
.SCI_map{
|
||||
background-image: url("../images/Satellite_cloud_map.png");
|
||||
background-position: center;
|
||||
}
|
||||
.map_tool_outbox{
|
||||
width: 100%;
|
||||
background-image: url("../img/map_tool_bg.png");
|
||||
height:50px;
|
||||
cursor: auto;
|
||||
background-repeat: repeat-x;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
}
|
||||
.map_tool{
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 100%;
|
||||
margin-left: 8px;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
}
|
||||
.map_tool:hover{
|
||||
background-image:url("../img/map_tool_re.png");
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.map_tool_inner{
|
||||
display: block;
|
||||
width: 36px; height: 100%;
|
||||
background-image: url("../img/tool.png");
|
||||
background-repeat: no-repeat;
|
||||
margin-left: 2px;
|
||||
background-position-y: 7px;
|
||||
}
|
||||
|
||||
/*右侧*/
|
||||
.analysis{
|
||||
width: 100%;
|
||||
height: 20%;
|
||||
padding-top: 2%;
|
||||
text-align: left;
|
||||
text-indent: 0.7em;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
.data_show_box{
|
||||
height: 42%;
|
||||
width: 76%;
|
||||
margin: auto;
|
||||
text-decoration: none;
|
||||
}
|
||||
.data_cage{
|
||||
display: block;
|
||||
background-image: url("../img/data_bg.png");
|
||||
height: 100%;
|
||||
width: 16%;
|
||||
float: left;
|
||||
margin-left: 1px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 36px;
|
||||
font-family: data_Number;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.funct_number{
|
||||
color: #dbe9f1;
|
||||
}
|
||||
@font-face {
|
||||
font-family: data_Number; src: url("../fonts/data_Number.ttf");
|
||||
}
|
||||
.depart_number_box{
|
||||
height: 28%;
|
||||
}
|
||||
.depart_number_cage{
|
||||
width: 50%;
|
||||
float: left;
|
||||
height: 24px;
|
||||
padding-left: 4%;
|
||||
margin-top: 1%;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.depart_number_cage li{
|
||||
display:block;
|
||||
float: left;
|
||||
line-height: 24px
|
||||
}
|
||||
.depart_name{
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
.depart_number{
|
||||
font-family: data_Number;
|
||||
font-size: 24px;
|
||||
color: #10a4db;
|
||||
}
|
||||
.location_msg_box{
|
||||
height: 100%;
|
||||
}
|
||||
.location_msg_box li{
|
||||
float: left;
|
||||
color: #cdd6db;
|
||||
font-size: 12px;
|
||||
width: 50%;
|
||||
padding-left: 3%;
|
||||
margin-bottom: 1px;
|
||||
padding-top: 2%;
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
.location_msg01{
|
||||
background-color: rgba(0,0,0,0.1);
|
||||
}
|
||||
.location_msg02{
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
}
|
||||
.location_single{
|
||||
height: 16%;
|
||||
}
|
||||
.location_double{
|
||||
height: 26%;
|
||||
}
|
||||
|
||||
.danger_contain_box{
|
||||
width: 100%;
|
||||
height: 38%;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.danger_depart_box{
|
||||
height: 40%;
|
||||
}
|
||||
.danger_depart{
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
margin-bottom: 0px;
|
||||
padding-left: 4%;
|
||||
}
|
||||
.danger_depart01{
|
||||
/*background-image: url("../img/leftbg01.png");*/
|
||||
/*background-repeat: no-repeat;*/
|
||||
/*background-position: center;*/
|
||||
/*background-size: 78%;*/
|
||||
/*background-position-y:54% ;*/
|
||||
padding-top: 3%;
|
||||
}
|
||||
.danger_ico{
|
||||
height: 100%;
|
||||
background-size: 100%;
|
||||
width: 28%;
|
||||
background-repeat: no-repeat;
|
||||
float: left;
|
||||
}
|
||||
.data_name{
|
||||
color: white;
|
||||
font-weight: lighter;
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
width: 72%;
|
||||
text-indent: 0.1em;
|
||||
cursor: pointer;
|
||||
}
|
||||
.data{
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
font-family: data_Number;
|
||||
|
||||
}
|
||||
.data01{
|
||||
color: #fff000;
|
||||
float: left;
|
||||
width: 36%;
|
||||
text-indent: 0.1em;
|
||||
}
|
||||
.data02{
|
||||
color: #00ffd2;
|
||||
float: right;
|
||||
width: 36%;
|
||||
}
|
||||
.tab_msg_box{
|
||||
display: block;
|
||||
height: 11%;
|
||||
width: 30%;;
|
||||
position: absolute;
|
||||
top: 0%;
|
||||
padding-top: 0.4%;
|
||||
}
|
||||
.tab_msg{
|
||||
color: white;
|
||||
font-weight: lighter;
|
||||
text-indent: 1.5em;
|
||||
background-image: url("../img/i01.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 4.1% 59.5%;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.tab_msg_box li:active{
|
||||
color: #00b9ff;
|
||||
}
|
||||
.tab_msg_current{
|
||||
background-image: url("../img/i02.png");
|
||||
}
|
||||
/*右侧搜索选项隐藏*/
|
||||
.search_plate_box{
|
||||
width: 100%;
|
||||
padding:7px 10px 7px 0px;
|
||||
/*background-color: rgba(0,0,0,0.2);*/
|
||||
}
|
||||
.search_separate{
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
.search_title{
|
||||
line-height: 22px;
|
||||
font-size: 12px;
|
||||
color: white;
|
||||
width: 40%;
|
||||
float: left;
|
||||
text-align: right;
|
||||
}
|
||||
.search_input_box {
|
||||
width: 60%;
|
||||
float: left;
|
||||
}
|
||||
.search_chose_box{
|
||||
background-color: transparent;
|
||||
color: #6eafff;
|
||||
border: #00a0cc 1px solid;
|
||||
font-size: 12px;height: 22px;
|
||||
}
|
||||
.search_input{
|
||||
width: 100%;
|
||||
line-height: 20px;
|
||||
background-color: rgba(11,59,72,0.4);
|
||||
color: #6eafff;
|
||||
border: #00a0cc 1px solid;
|
||||
font-size: 12px;
|
||||
}
|
||||
.search_btn{
|
||||
display: block;
|
||||
width: 30%;
|
||||
height: 20%;
|
||||
color: white;
|
||||
background-color: #00a0cc;
|
||||
margin-left: 70%;
|
||||
border: rgba(153,187,255,0.6) 1px solid;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.search_btn:hover{
|
||||
background-color: #00b7e9
|
||||
}
|
||||
.search_sesult_box{
|
||||
height: 63%;
|
||||
overflow-y: auto;
|
||||
width: 100%;
|
||||
border-top: rgba(61,123,186,0.6) 2px solid;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
padding: 4px;
|
||||
}
|
||||
.search_result{
|
||||
border:rgba(61,123,186,0.6) 1px solid;
|
||||
padding-left: 6px;
|
||||
margin-bottom: 6px;
|
||||
height: 60px;
|
||||
}
|
||||
.search_result_add{
|
||||
color: #a1d3ff;
|
||||
font-size: 14px;
|
||||
width: 86%;
|
||||
float: left;
|
||||
line-height: 30px;
|
||||
}
|
||||
.danger_result{
|
||||
width: 70%;
|
||||
}
|
||||
.danger_level{
|
||||
width: 16%;
|
||||
text-align: center;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.level01{
|
||||
color: #7a09ff;
|
||||
}
|
||||
.level02{
|
||||
color: #ffd416;
|
||||
}
|
||||
.level03{
|
||||
color: #09ffc8;
|
||||
}
|
||||
.search_result_road{
|
||||
margin-top: 4px;
|
||||
color: #23f3ff;
|
||||
font-size: 12px;
|
||||
clear: left;
|
||||
line-height: 30px;
|
||||
}
|
||||
.search_result_car{
|
||||
margin-top: 4px;
|
||||
float: left;
|
||||
color: #23f3ff;
|
||||
font-size: 12px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.car_personal{
|
||||
width: 55%;
|
||||
}
|
||||
.car_time{
|
||||
width: 45%;
|
||||
}
|
||||
.search_location{
|
||||
display: block;
|
||||
float: left;
|
||||
width: 12px;
|
||||
height: 16px;
|
||||
background-image: url("../img/search_location.png");
|
||||
margin-top: 7px;
|
||||
margin-right: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.search_location:hover{
|
||||
background-position-x: -12px;
|
||||
}
|
||||
.search_eddit{
|
||||
display: block;
|
||||
float: left;
|
||||
width: 16px;
|
||||
height: 13px;
|
||||
background-image: url("../img/search_eddit.png");
|
||||
margin-top: 9px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.search_eddit:hover{
|
||||
background-position-x: -16px;
|
||||
}
|
||||
.search_guiji{
|
||||
display: block;
|
||||
float: left;
|
||||
width: 17px;
|
||||
height: 15px;
|
||||
background-image: url("../img/car_guiji.png");
|
||||
margin-top: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.search_guiji:hover{
|
||||
background-position-x: -17px;
|
||||
}
|
||||
.check_increase{
|
||||
height: 38%;
|
||||
}
|
||||
.check_increase_act{
|
||||
height: 70.6%;
|
||||
}
|
||||
/*翻页样式*/
|
||||
*{ margin:0; padding:0; list-style:none;}
|
||||
a{ text-decoration:none;}
|
||||
a:hover{ text-decoration:none;}
|
||||
.tcdPageCode,.chemistry_tcdPageCode,.enterprise_tcdPageCode,.car_tcdPageCode{text-align: left;color: #ccc;position: absolute;left:18px;bottom: 3px}
|
||||
.tcdPageCode a,.chemistry_tcdPageCode a,.enterprise_tcdPageCode a,.car_tcdPageCode a{display: inline-block;color: #428bca;height: 25px; line-height: 25px; padding: 0 10px;border: 1px solid #428bca; margin: 0 2px;border-radius: 4px;vertical-align: middle;}
|
||||
.tcdPageCode a:hover,.chemistry_tcdPageCode a:hover,.enterprise_tcdPageCode a:hover,.car_tcdPageCode a:hover{text-decoration: none;border: 1px solid #54afff;}
|
||||
.tcdPageCode span.current,.chemistry_tcdPageCode span.current,.enterprise_tcdPageCode span.current,.car_tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca; border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
|
||||
.tcdPageCode span.disabled,.chemistry_tcdPageCode span.disabled,.enterprise_tcdPageCode span.disabled,.car_tcdPageCode span.disabled{ display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px; color: #bfbfbf;background: rgba(66,139,202,0.4);border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
|
||||
|
||||
|
||||
|
||||
.total_chose_box{
|
||||
height: 60px;
|
||||
}
|
||||
.index_nav{
|
||||
/*height: 12%;*/
|
||||
}
|
||||
.chose_tltle{
|
||||
margin-left: 22px;
|
||||
display: block;
|
||||
float: left;
|
||||
color: white;
|
||||
}
|
||||
.year_chose{
|
||||
background-color: transparent;
|
||||
color: #72e3ff;
|
||||
border: #00c0ef 2px solid;
|
||||
width: 120px;
|
||||
text-indent:0.6em;
|
||||
border-radius: 5px;
|
||||
float: left;
|
||||
}
|
||||
.chose_text_in{
|
||||
background-color: transparent;
|
||||
color: #72e3ff;
|
||||
border: #00c0ef 2px solid;
|
||||
width: 120px;
|
||||
text-indent:0.6em;
|
||||
border-radius: 5px;
|
||||
float: left;
|
||||
}
|
||||
.chose_enter{
|
||||
background-color: #00c0ef;
|
||||
color: white;
|
||||
border: #00cdff 2px solid;
|
||||
width: 50px;
|
||||
border-radius: 5px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
#selLayer{
|
||||
width: 200px;
|
||||
display: block;
|
||||
height: 26px;
|
||||
background-color: transparent;
|
||||
color: #0b7ff3;
|
||||
border: #0b7ff3 2px solid;
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
border-radius: 5px;
|
||||
margin-top:2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
151
智慧交通/大数据视频监控/css/index.css
Normal file
151
智慧交通/大数据视频监控/css/index.css
Normal file
@ -0,0 +1,151 @@
|
||||
*,ul,li,p,div,span{margin: 0;padding: 0}
|
||||
body{font-family:"Microsoft Himalaya"}
|
||||
ul{list-style: none}
|
||||
.clear{clear: both}
|
||||
a{text-decoration: none}
|
||||
::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}/*滚动条的滑轨背景颜色*/
|
||||
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.05);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}/*滑块颜色*/
|
||||
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.2);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
|
||||
::-webkit-scrollbar{width: 16px;height: 16px;}/* 滑块整体设置*/
|
||||
::-webkit-scrollbar-track,
|
||||
::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
|
||||
::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
|
||||
::-webkit-scrollbar-thumb{min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
|
||||
::-webkit-scrollbar-corner{background: transparent;}/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
|
||||
.l_left{
|
||||
float: left;
|
||||
}
|
||||
.r_right{float: right}
|
||||
*{
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.inner{
|
||||
height: 100%;
|
||||
}
|
||||
.index_main{width: 2700px;height: 900px;background-image: url(../images/index_bg.png);background-repeat: no-repeat;background-position: center center;margin-top: -10px }
|
||||
|
||||
.index_nav ul li{font-size: 1em;color: #fff;opacity: 0.8;padding-top:8px;padding-left:10px;padding-right:10px;padding-bottom:5px;cursor: pointer;text-shadow:0 6px 8px #00225b }
|
||||
.index_nav ul .l_left{margin-left: 3%}
|
||||
.index_nav ul .r_right{margin-right: 3%}
|
||||
.index_nav ul li:hover{opacity: 1}
|
||||
|
||||
.index_left{background-color: rgba(2,8,23,0.54);width: 626px;height: 790px;margin: 39px 0 0 19px;border-radius: 10px;position: relative}
|
||||
.left_nav{position: absolute;top:1px;left:137px;width: 354px;height: 27px;}
|
||||
.left_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 788px}
|
||||
.left_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 784px;padding: 0 8px}
|
||||
.left_top{height: 33%}
|
||||
|
||||
.left_top_left{width: 50%;height: 70%;margin-top: 42px;color: #fff}
|
||||
.left_top_left p{line-height: 32px;font-size: 16px ;margin-left: 14px }
|
||||
@font-face {
|
||||
font-family: datamsg;
|
||||
src: url("../font/液晶数字.TTF")
|
||||
}
|
||||
.datamsg{font-family: datamsg}
|
||||
.left_top_left p span{font-weight: bold;color: #ff6e00;margin-right: 4px;font-size: 20px ;}
|
||||
.left_top_title{text-align: center;color: #fff;margin: 16px 0 0 20px;font-weight: bold;font-size: 12px}
|
||||
.left_top_middle .left_top_title{margin-left: 0}
|
||||
.left_top_middle{width: 22%;height: 50%;margin-top: 100px}
|
||||
.left_middle{height: 33%}
|
||||
.left_middle thead tr,.left_bot thead tr,.dataAllBorder20 thead tr{border: none !important;}
|
||||
.table-bordered{border: 1px #3490ba solid !important; }
|
||||
.left_middle th,.left_middle td,.left_bot th,.left_bot td,.dataAllBorder20 th,.dataAllBorder20 td{line-height: 21px !important;padding: 0 !important;text-align: center;font-size: 10px;;-webkit-transform:scale(0.8);border: none !important;color: #fff;}
|
||||
.left_middle thead,.left_bot thead,.dataAllBorder20 thead{background-color: #3490ba}
|
||||
.left_middle td,.left_bot td,.dataAllBorder20 td{line-height: 24px !important;color: #dedfe0}
|
||||
.left_middle tbody tr,.left_bot tbody tr,.dataAllBorder20 tbody tr{border-bottom: 1px #3490ba solid}
|
||||
.left_middle_title,.left_bot_title{text-align: center;color: #fff;margin: -1% 0 1% 0;font-weight: bold;font-size: 12px}
|
||||
.left_bot_title{margin-top: 0}
|
||||
.left_bot{height: 33%}
|
||||
|
||||
.index_middle{width: 1390px;height: 790px;;margin: 39px 9px 0 10px;position: relative;}
|
||||
.middle_top{width: 100%;height: 510px;background-color: rgba(17,25,69,0.54);border-radius: 10px;}
|
||||
.middle_nav{position: absolute;top:1px;left:512px;width: 356px;height: 27px;z-index: 9999}
|
||||
.middle_top_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 508px}
|
||||
.middle_top_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 504px;position: relative}
|
||||
.tabs{float: left;width: 100%;height: 24px;background-color: rgba(20,51,104,0.54);border-top-left-radius: 9px;border-top-right-radius: 9px}
|
||||
.tabs ul li{float: left;color: #d5d8df;margin-left: 14px;font-size: 14px;cursor: pointer}
|
||||
.tabs ul li>div{margin-right: 10px;width: 12px;height: 12px;margin-top:6px;border-radius: 50%;background-image: url(../images/tabs1_03.png);background-repeat: no-repeat;float: left}
|
||||
.tabs ul li>div>div{width: 8px;height: 8px;border-radius: 50%;margin:2px;background-image: url(../images/tabs2_09.png);background-repeat: no-repeat}
|
||||
/*.tabs ul li:hover .div{background-image: url(../images/tabs3_06.png)}*/
|
||||
.tabs ul li>div .tabs_active{background-image: url(../images/tabs3_06.png)}
|
||||
.tabs ul li>p{float: left;line-height: 24px;}
|
||||
.middle_map{margin: 0 5px 6px 5px;width: 1370px;height: 470px;;border-bottom-left-radius: 9px;border-bottom-right-radius: 9px}
|
||||
.middle_map img{width:1370px;height: 470px }
|
||||
.middle_top_bot{position: absolute;left:-5px;bottom: -5px;height: 60px;width: 1390px;;background-image: url(../images/middle_bot_bg_03.png);background-repeat: no-repeat}
|
||||
.middle_top_bot ul{padding:0 6px}
|
||||
.middle_top_bot ul li{width: 98px;height: 60px;float: left;cursor: pointer;}
|
||||
/*.middle_top_bot ul li:hover{background-image: url(../images/nav_bg_03.png);background-repeat: no-repeat}*/
|
||||
.middle_top_bot ul li.middle_top_bot_active{background-image: url(../images/nav_bg_03.png);background-repeat: no-repeat}
|
||||
.middle_top_bot ul li img{padding: 6px 23px 0 20px;}
|
||||
|
||||
.middle_bot{width: 100%;height: 270px;margin-top: 10px}
|
||||
.middle_bot_left{width: 454px;margin-right: 14px;height: 270px}
|
||||
.middle_bot_left_last{margin-right: 0}
|
||||
.middle_bot_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 268px}
|
||||
.middle_bot_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 264px;padding: 5px;background-color: rgba(17,25,69,0.54) }
|
||||
.middle_bot_left video {object-fit:fill; width:100%;height:100%;}
|
||||
|
||||
.index_right{background-color: rgba(2,8,23,0.54);width: 626px;height: 790px;margin: 39px 0 0 0;border-radius: 10px}
|
||||
.right_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 788px}
|
||||
.right_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 784px}
|
||||
.right_top video {object-fit:fill; width:100%;height:100%;}
|
||||
.right_top{width: 586px;height: 240px;margin: 11px 14px 0 14px}
|
||||
.right_top_first{margin-top:20px}
|
||||
|
||||
/*天气插件*/
|
||||
#demo { color:#009fff;overflow:hidden;margin: 0 auto}
|
||||
#demo i { background: no-repeat top left; display:inline-block; height:128px; line-height:128px; margin:0 auto 20px auto; font-size:70px; padding-left:300px; font-style:normal; text-align:center; font-weight:bold; }
|
||||
#demo i.icon-xiaoyu { background-image:url(../images/xiaoyu.png); background-position: 150px 0;}
|
||||
#demo i.icon-zhongyu { background-image:url(../images/zhongyu.png);background-position: 150px 0; }
|
||||
#demo i.icon-dayu { background-image:url(../images/dayu.png); background-position: 150px 0;}
|
||||
#demo i.icon-qing { background-image:url(../images/qing.png); background-position: 150px 0;}
|
||||
#demo i.icon-duoyun { background-image:url(../images/duoyun.png);background-position: 150px 0; }
|
||||
#demo i.icon-yin { background-image:url(../images/yin.png);background-position: 150px 0; }
|
||||
#demo p { background:rgba(0,0,0,.3); margin:0 auto; padding:20px 20px 20px 200px; border-radius:1000px; font-size:16px; }
|
||||
#demo p span { margin:0 15px;}
|
||||
|
||||
|
||||
/*游客分析*/
|
||||
.manage_left{
|
||||
width: 32.5%;
|
||||
height: 98%;
|
||||
background-color: rgba(2,8,23,0.54);
|
||||
/*margin-top:3%;*/
|
||||
margin-left:0.6%;
|
||||
border-radius: 10px;
|
||||
position: relative}
|
||||
.manage_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 100%}
|
||||
.manage_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 100%;padding-top: 5%}
|
||||
.manage_left_nav{position: absolute;top:1px;width: 42%;height: 3.5%;left:24%}
|
||||
.manage_left_top{height: 33%}
|
||||
.manage_top_left{width: 33.3%;height: 100%;}
|
||||
.manage_top_left p{text-align: center;color: #fff;font-size: 12px}
|
||||
.manage_top_middle{height: 33%;width: 100%;}
|
||||
.manage_top_middle p{text-align: center;color: #fff;font-size: 12px}
|
||||
|
||||
.manage_top_middle thead tr{border: none !important;}
|
||||
/*.manage_top_middle{border: 1px #3490ba solid !important; }*/
|
||||
.manage_top_middle th,.manage_top_middle td,.dataAllBorder20 td{line-height: 32px !important;padding: 0 !important;text-align: center;font-size: 14px;-webkit-transform:scale(0.8);border: 1px #3490ba solid !important;color: #fff;}
|
||||
.manage_top_middle thead{background-color: #3490ba}
|
||||
.manage_top_middle td{line-height: 32px !important;color: #dedfe0}
|
||||
.manage_top_middle tbody tr{border-bottom: 1px #3490ba solid}
|
||||
|
||||
/*管理员工分析*/
|
||||
.user_left{width: 32.5%;height: 99%;background-color: rgba(2,8,23,0.54);border-radius: 10px;position: relative;}
|
||||
.user_line1{border-radius: 10px;border: 1px #0174f5 solid;margin: 1px;height: 100%}
|
||||
.user_line2{margin: 1px;border-radius: 9px;border: 2px #0b7ff3 solid;height: 100%;padding: 24px 8px 0 8px}
|
||||
.user_left_nav{position: absolute;top:1px;left:29%;width: 354px;height: 27px;}
|
||||
.user_left_top{height: 33%}
|
||||
.user_top_left{width: 33.3%;height: 100%;}
|
||||
.user_top_left p{text-align: center;color: #fff;font-size: 12px}
|
||||
.user_top_middle{height: 33%;width: 100%}
|
||||
.user_top_middle p{text-align: center;color: #fff;font-size: 12px}
|
||||
|
||||
.user_top_middle thead tr{border: none !important;}
|
||||
/*.manage_top_middle{border: 1px #3490ba solid !important; }*/
|
||||
.user_top_middle th,.user_top_middle td{line-height: 32px !important;padding: 0 !important;text-align: center;font-size: 14px;-webkit-transform:scale(0.8);border: 1px #3490ba solid !important;color: #fff;}
|
||||
.user_top_middle thead{background-color: #3490ba}
|
||||
.user_top_middle td{line-height: 32px !important;color: #dedfe0}
|
||||
.user_top_middle tbody tr{border-bottom: 1px #3490ba solid}
|
||||
.user_right_left{width: 50%;height: 100%}
|
||||
261
智慧交通/大数据视频监控/css/index01.css
Normal file
261
智慧交通/大数据视频监控/css/index01.css
Normal file
@ -0,0 +1,261 @@
|
||||
.dataAll{
|
||||
width: 100%;
|
||||
height: 33%;
|
||||
background-color: rgba(2,8,23,0.1);
|
||||
float: left;
|
||||
border-radius: 10px;
|
||||
/*margin-top: 10px;*/
|
||||
/*margin-left: 10px;*/
|
||||
}
|
||||
.dataAllNo01{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(2,8,23,0.1);
|
||||
float: left;
|
||||
border-radius: 10px;
|
||||
/*margin-top: 10px;*/
|
||||
/*margin-left: 10px;*/
|
||||
}
|
||||
.dataAllNo02{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(2,8,23,0.1);
|
||||
float: left;
|
||||
border-radius: 10px;
|
||||
/*margin-top: 10px;*/
|
||||
/*margin-left: 10px;*/
|
||||
}
|
||||
.dataAll01{
|
||||
width: 100%;
|
||||
height: 66%;
|
||||
background-color: rgba(2,8,23,0.1);
|
||||
float: left;
|
||||
border-radius: 10px;
|
||||
/*margin-top: 10px;*/
|
||||
margin-left: 10px;
|
||||
}
|
||||
.dataAll02{
|
||||
width: 100%;
|
||||
height: 33%;
|
||||
background-color: rgba(2,8,23,0.1);
|
||||
float: left;
|
||||
border-radius: 10px;
|
||||
/*margin-top: 10px;*/
|
||||
margin-left: 10px;
|
||||
}
|
||||
.maginS{
|
||||
/*margin-top:13% !important;*/
|
||||
}
|
||||
.maginS01{
|
||||
/*margin-top:11% !important;*/
|
||||
}
|
||||
.dataAllBorder01{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 10px;
|
||||
border: 1px #0174f5 solid;
|
||||
padding: 1px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.dataAllBorder02{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
border:2px solid #016ae0;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.data_tit{
|
||||
width: 32%;
|
||||
height: 7%;
|
||||
background-image: url("../img/tit01s.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin:0 auto;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
.nav_active {
|
||||
border-bottom: 4px solid #4b8df8;
|
||||
/*box-shadow: -10px 0px 15px rgba(2,8,23,0.54) inset,*/
|
||||
/*0px -10px 15px rgba(2,8,23,0.54) inset,*/
|
||||
/*10px 0px 15px rgba(2,8,23,0.54) inset,*/
|
||||
/*0px 10px 15px rgba(2,8,23,0.54) inset;*/
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.data_tit1{
|
||||
width: 46%;
|
||||
height: 10%;
|
||||
background-image: url("../img/tit01s.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin:0 auto;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
.data_tit2{
|
||||
width: 36%;
|
||||
height: 5%;
|
||||
background-image: url("../img/tit01s.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin:0 auto;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
.data_tit3{
|
||||
width: 44%;
|
||||
height: 3%;
|
||||
background-image: url("../img/tit01s.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin:0 auto;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
.data_left01{
|
||||
float: left;
|
||||
width: 22%;
|
||||
height: 100%;
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
.data_chart{
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
height: 90%;
|
||||
padding-top: 2%;
|
||||
|
||||
}
|
||||
.data_chart01{
|
||||
width: 98%;
|
||||
margin-left: 2%;
|
||||
height: 50%;
|
||||
padding-top: 10px;
|
||||
|
||||
}
|
||||
.data_chart02{
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
height: 90%;
|
||||
padding-top: 2%;
|
||||
|
||||
}
|
||||
.data_chart03{
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
height: 92%;
|
||||
padding-top: 2%;
|
||||
|
||||
}
|
||||
.data_left02{
|
||||
float: left;
|
||||
width: 31%;
|
||||
height: 100%;
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
.data_left03{
|
||||
float: left;
|
||||
width: 26%;
|
||||
height: 99%;
|
||||
margin-left: 0.5%;
|
||||
|
||||
}
|
||||
.data_left04{
|
||||
float: left;
|
||||
width: 46%;
|
||||
height: 99%;
|
||||
margin-left: 0.5%;
|
||||
|
||||
}
|
||||
.data_left05{
|
||||
float: left;
|
||||
width: 49%;
|
||||
height: 49%;
|
||||
margin-left:0.6%;
|
||||
|
||||
|
||||
}
|
||||
.table_data01{
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
border-collapse: collapse;
|
||||
color: #ffffff;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.table_data01 tr td{
|
||||
border: 1px solid #5bc0de;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
text-indent: 10px;
|
||||
}
|
||||
.table_data02{
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
border-collapse: collapse;
|
||||
color: #ffffff;
|
||||
margin-top: 10px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #5bc0de;
|
||||
}
|
||||
.table_data02 tr td{
|
||||
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
text-indent: 10px;
|
||||
}
|
||||
.font01{
|
||||
font-size: 30px;
|
||||
color: #4cae4c;
|
||||
}
|
||||
.font02{
|
||||
font-size: 30px;
|
||||
color: #e9230d;
|
||||
}
|
||||
.font03{
|
||||
font-size: 30px;
|
||||
color: #e9a832;
|
||||
}
|
||||
.font04{
|
||||
|
||||
color: #a4e90f;
|
||||
font-size: 18px;
|
||||
}
|
||||
.font05{
|
||||
|
||||
color: #e92b23;
|
||||
font-size: 18px;
|
||||
}
|
||||
.font6{
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
|
||||
}
|
||||
.font07{
|
||||
font-size: 30px;
|
||||
|
||||
}
|
||||
.zhanleft01{
|
||||
width: 49%;
|
||||
height: 38%;
|
||||
float: left;
|
||||
margin-left: 1%;
|
||||
/*padding-top: 10px;*/
|
||||
display: inline-block;
|
||||
padding-top: 2%;
|
||||
|
||||
}
|
||||
.zhanleft02{
|
||||
width: 96%;
|
||||
height: 40%;
|
||||
margin-left: 2%;
|
||||
/*padding-top: 20px;*/
|
||||
float: left;
|
||||
padding-top: 7%;
|
||||
|
||||
|
||||
}
|
||||
48
智慧交通/大数据视频监控/css/lay_out_01.css
Normal file
48
智慧交通/大数据视频监控/css/lay_out_01.css
Normal file
@ -0,0 +1,48 @@
|
||||
|
||||
|
||||
/*全局*/
|
||||
body{
|
||||
background-color: #1a2129;
|
||||
}
|
||||
|
||||
|
||||
/*内容*/
|
||||
.condition_confix{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
890
智慧交通/大数据视频监控/css/table.css
Normal file
890
智慧交通/大数据视频监控/css/table.css
Normal file
@ -0,0 +1,890 @@
|
||||
/*all*/
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
.laydate_body .laydate_bottom{height: 30px !important;}
|
||||
*{
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-family:"微软雅黑";}
|
||||
::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}/*滚动条的滑轨背景颜色*/
|
||||
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.05);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}/*滑块颜色*/
|
||||
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.2);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
|
||||
::-webkit-scrollbar{width: 16px;height: 16px;}/* 滑块整体设置*/
|
||||
::-webkit-scrollbar-track,
|
||||
::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
|
||||
::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
|
||||
::-webkit-scrollbar-thumb{min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
|
||||
::-webkit-scrollbar-corner{background: transparent;}/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
.map_find{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
font-size: 13px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.map_find1{
|
||||
padding-top: 10px;
|
||||
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
font-size: 13px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.map_find label{
|
||||
margin-right: 5px;
|
||||
}
|
||||
.map_input{
|
||||
width: 220px;
|
||||
height: 24px;
|
||||
border-radius: 3px;
|
||||
border:1px solid #CCCCCC;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.find_but{
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 4px;
|
||||
background-color: #0D8BBD;
|
||||
color: #ffffff;
|
||||
border:none;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.find_but:active{
|
||||
background-color: #1c6a9e;
|
||||
}
|
||||
.map_con{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("../img/map01.png");
|
||||
position: absolute;
|
||||
}
|
||||
.map_tail{
|
||||
width: 600px;
|
||||
height: 350px;
|
||||
position:relative;
|
||||
margin: 0 auto;
|
||||
margin-top: 50px;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 5px 5px 3px #333;
|
||||
border-radius: 5px;
|
||||
|
||||
|
||||
}
|
||||
.map_h{
|
||||
padding-top: 10px;
|
||||
padding-bottom: 5px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
}
|
||||
.map_table{
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
border:none;
|
||||
font-size: 13px;
|
||||
color: #262626;
|
||||
}
|
||||
.map_mos{
|
||||
text-decoration: none;
|
||||
padding-top: 3px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 4px;
|
||||
color: #ffffff;
|
||||
background-color: #0D8BBD;
|
||||
border:none;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.map_mos:active{
|
||||
background-color: #00a0e9;
|
||||
}
|
||||
.map_video{
|
||||
text-decoration: none;
|
||||
padding-top: 3px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 4px;
|
||||
color: #ffffff;
|
||||
background-color: #00aa00;
|
||||
border:none;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.map_video:active{
|
||||
background-color: #00e765;
|
||||
}
|
||||
.map_p01{
|
||||
padding-top: 15px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
}
|
||||
.map_p02{
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
height: 170px;
|
||||
margin-top: 5px;
|
||||
|
||||
}
|
||||
.map_p02 img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.map_close{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
right: -5px;
|
||||
top:-5px;
|
||||
}
|
||||
.p_but{
|
||||
padding-top: 5px;
|
||||
padding-left: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.p_but a{
|
||||
margin-right: 10px;}
|
||||
#table,#table1,#table2{
|
||||
font-size: 12px !important;
|
||||
color: #475059 !important;
|
||||
/*border-top: none !important;*/
|
||||
/*margin-top: 6px !important;*/
|
||||
}
|
||||
#table a{
|
||||
margin-right: 10px;
|
||||
}
|
||||
#table th,#table1 th,#table2 th{
|
||||
border: 1px solid #ccc;
|
||||
|
||||
|
||||
}
|
||||
.add_i{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/table_add.png");
|
||||
top:3px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
.del_i{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/table_del.png");
|
||||
top:3px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.down_i{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/table_down.png");
|
||||
top:3px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.print_i{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/table_print.png");
|
||||
top:3px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.div_find{
|
||||
width: 100%;
|
||||
padding-bottom: 5px;
|
||||
padding-top: 5px;
|
||||
border-bottom: solid 1px #cccccc;
|
||||
top:5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.find_labela {
|
||||
width: 8%;
|
||||
text-align: right;
|
||||
font-size: 12px;
|
||||
display: inline-block;
|
||||
}
|
||||
.find_input{
|
||||
width: 18%;
|
||||
height: 28px;
|
||||
border:solid 1px #ccc;
|
||||
border-radius: 3px;
|
||||
|
||||
}
|
||||
.find_but{
|
||||
padding-left: 9px;
|
||||
padding-bottom: 4px;
|
||||
padding-top: 4px;
|
||||
padding-right: 8px;
|
||||
|
||||
background-color:#00a0e9;
|
||||
color: #ffffff;
|
||||
border-radius: 5px;
|
||||
border:none;
|
||||
margin-right: 10px;
|
||||
|
||||
|
||||
}
|
||||
.find_but:active{
|
||||
background-color: #00a0e9;
|
||||
border: none;}
|
||||
.find_but1{
|
||||
padding-left: 9px;
|
||||
padding-bottom: 4px;
|
||||
padding-top: 4px;
|
||||
padding-right: 8px;
|
||||
background-color:#2e8ded;
|
||||
color: #ffffff;
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
}
|
||||
.find_but1:active{
|
||||
background-color: #044588;
|
||||
}
|
||||
.find_span{
|
||||
float: right;
|
||||
margin-right: 15px;
|
||||
margin-top: 5px;
|
||||
|
||||
font-size: 13px;
|
||||
}
|
||||
.find_span a{
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
.find_span1{
|
||||
float: right;
|
||||
margin-right: 15px;
|
||||
margin-top: 5px;
|
||||
|
||||
font-size: 13px;
|
||||
display: none;
|
||||
}
|
||||
.find_span1 a{
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
.i_open{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/opne.png");
|
||||
top:2px;
|
||||
}
|
||||
.i_close{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/colse.png");
|
||||
top:2px;
|
||||
}
|
||||
.user_table{
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
border:none;
|
||||
font-size: 13px;
|
||||
}
|
||||
.user_table tr{
|
||||
height: 30px;
|
||||
|
||||
}
|
||||
.user_td{
|
||||
text-align: right;
|
||||
}
|
||||
.user_td1{
|
||||
width: 100px;
|
||||
}
|
||||
.user_rdio{
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
position: relative;
|
||||
top:3px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.rideo_label{
|
||||
margin-right: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.user_save{
|
||||
background-color: #00aa00;
|
||||
color: #ffffff;
|
||||
padding-bottom: 4px;
|
||||
padding-top: 3px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
border:none;
|
||||
border-radius: 3px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.user_save:active{
|
||||
background-color: #00ca6d;
|
||||
}
|
||||
.user_esc{
|
||||
background-color: #d58512;
|
||||
color: #ffffff;
|
||||
padding-bottom: 4px;
|
||||
padding-top: 3px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
border:none;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.user_esc:active{
|
||||
background-color: #985f0d;
|
||||
}
|
||||
.rose_text{
|
||||
width: 350px;
|
||||
height: 100px;
|
||||
resize: none;
|
||||
}
|
||||
.part_span{
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.part_table{
|
||||
float: left;
|
||||
width: 79%;
|
||||
height: 600px;
|
||||
border:1px solid #0D8BBD;
|
||||
margin-left: 2px;
|
||||
}
|
||||
.part_tree{
|
||||
float: right;
|
||||
width: 20%;
|
||||
height: 600px;
|
||||
border:1px solid #0D8BBD;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.part_tree ul{
|
||||
list-style: none;
|
||||
text-indent: 10px;
|
||||
}
|
||||
.tree_h{
|
||||
height: 40px;
|
||||
background-color: #EEEEEE;
|
||||
margin-top: 0px;
|
||||
line-height: 40px;
|
||||
text-indent: 5px;
|
||||
}
|
||||
.static_all{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
|
||||
}
|
||||
.static01{
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
height: 300px;
|
||||
|
||||
margin-top: 5px;
|
||||
}
|
||||
.static02{
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
height: 300px;
|
||||
|
||||
margin-top: 5px;
|
||||
}
|
||||
.static03{
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
height: 300px;
|
||||
|
||||
margin-top: 5px;
|
||||
}
|
||||
.alam_static{
|
||||
width: 98%;
|
||||
height: 350px;
|
||||
|
||||
|
||||
margin-left: 1%;
|
||||
margin-top: 5px;
|
||||
|
||||
}
|
||||
.alam_static1{
|
||||
|
||||
width: 100%;
|
||||
|
||||
background-color: #ffffff;
|
||||
|
||||
}
|
||||
.alstic_ledt{
|
||||
padding-top: 10px;
|
||||
width: 59%;
|
||||
height: 350px;
|
||||
float: left;
|
||||
}
|
||||
.alstic_right{
|
||||
padding-top: 10px;
|
||||
width: 39%;
|
||||
height: 350px;
|
||||
float: right;
|
||||
background-color: #ffffff;
|
||||
|
||||
|
||||
}
|
||||
.alstic_right p{
|
||||
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.spqn_red{
|
||||
color: #f11010;
|
||||
font-size: 20px;
|
||||
}
|
||||
.sque_red{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-color: #c23531;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
top:3px;
|
||||
}
|
||||
.span_margin{
|
||||
margin-left: 10px;
|
||||
}
|
||||
.sque_02{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-color: #d48265;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
top:3px;
|
||||
}
|
||||
.cloum_alam{
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
}
|
||||
.book_con01{
|
||||
width: 98%;
|
||||
border-radius: 6px;
|
||||
margin: 2% auto;
|
||||
background-color: #ffffff;
|
||||
padding-top: 2%;
|
||||
padding-bottom: 2%;
|
||||
font-size: 14px;
|
||||
box-shadow:-5px 0 5px #ccc, /*左边阴影*/
|
||||
5px 0 5px #ccc, /*右边阴影*/
|
||||
0 -5px 5px #ccc, /*顶部阴影*/
|
||||
0 5px 5px #ccc; /*底边阴影*/
|
||||
|
||||
|
||||
}
|
||||
.book_p{
|
||||
width: 94%;
|
||||
margin-left: 3%;
|
||||
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.book_titSpan{
|
||||
float: right;
|
||||
}
|
||||
.book_p label{
|
||||
color: #3665a9;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.book_input01{
|
||||
width: 100px;
|
||||
border-top:none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: 1px solid #a9c9f7;
|
||||
margin-right: 5px;
|
||||
height:30px;
|
||||
}
|
||||
.book_input02{
|
||||
width: 60px;
|
||||
border-top:none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: 1px solid #a9c9f7;
|
||||
margin-right: 5px;
|
||||
height:30px;
|
||||
}
|
||||
.book_input03{
|
||||
width: 97%;
|
||||
margin-left: 1%;
|
||||
height:30px;
|
||||
border:none;
|
||||
|
||||
}
|
||||
.book_h01{
|
||||
width: 94%;
|
||||
margin-left: 3%;
|
||||
padding-top: 15px;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
letter-spacing: 1px;
|
||||
font-size: 16px;
|
||||
|
||||
}
|
||||
.label_red{
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
color: #f50f35;
|
||||
}
|
||||
.book_table{
|
||||
width: 94%;
|
||||
margin-left: 3%;
|
||||
border-collapse:collapse;
|
||||
|
||||
|
||||
}
|
||||
.book_table tr{
|
||||
|
||||
border:1px solid #ccc;
|
||||
}
|
||||
.book_table td{
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
padding-left: 5px;
|
||||
|
||||
}
|
||||
.input_radio{
|
||||
position: relative;
|
||||
top:1px;
|
||||
margin-right: 5px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.textArae{
|
||||
width: 96%;
|
||||
margin-left: 1%;
|
||||
height: 350px;
|
||||
resize: none;
|
||||
|
||||
|
||||
}
|
||||
.textArae01{
|
||||
width: 96%;
|
||||
margin-left: 1%;
|
||||
height: 350px;
|
||||
resize: none;
|
||||
border:none;
|
||||
|
||||
|
||||
}
|
||||
.label_right{
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.td_label{
|
||||
color: #3665a9;
|
||||
|
||||
margin-right: 5px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 10px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
.book_input04{
|
||||
width: 20%;
|
||||
height: 30px;
|
||||
margin-left: 3%;
|
||||
|
||||
}
|
||||
.book_input05{
|
||||
width: 45%;
|
||||
height: 30px;
|
||||
margin-left: 3%;
|
||||
|
||||
}
|
||||
.book_foot{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.book_foot input{
|
||||
margin-right: 20px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.reead{
|
||||
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
.tr_color{
|
||||
background-color: #ECF4FB;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
.P_chart{
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
height: 500px;
|
||||
|
||||
}
|
||||
.p_static{
|
||||
padding-top: 15px;
|
||||
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
.static_span01{
|
||||
margin-right: 15px;
|
||||
margin-left: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.static_span02{
|
||||
margin-right: 15px;
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
}
|
||||
.static_tabel{
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 12px;
|
||||
}
|
||||
.static_tabel td{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border:1px solid #CCCCCC;
|
||||
text-align: center;
|
||||
}
|
||||
.td_red{
|
||||
color: red;
|
||||
}
|
||||
.td_blue{
|
||||
color: #1F547E;
|
||||
}
|
||||
.index_top{
|
||||
color: #ffffff;
|
||||
line-height: 60px;
|
||||
}
|
||||
.i_start {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/start.png");
|
||||
|
||||
margin-right: 5px;
|
||||
top:-2px;
|
||||
}
|
||||
|
||||
|
||||
*,h6,button,ul,li{padding: 0;margin: 0}
|
||||
|
||||
.layui-layer-title{background-color: #3c8dbc !important;font-weight:500;color:#fff !important; border:none !important;height: 36px !important;line-height: 36px !important;}
|
||||
.layui-layer-rim {border: 0 solid #8D8D8D !important;border-radius: 5px;box-shadow: 0 5px 15px rgba(0,0,0,.4)!important; }
|
||||
.notice_check{padding: 16px 15px;font-size: 12px}
|
||||
.notice_check p label{text-align: right;font-size: 12px;display: inline-block;width: 60px}
|
||||
.find_input{width: 198px;height: 30px;border:solid 1px #ccc;border-radius: 4px;}
|
||||
.notice_check .check_btn{height: 30px;border: none;margin-left: 5px;width: 65px;border-radius: 4px;background-color: #337ab7;color: #fff;padding-left: 18px;
|
||||
background-image: url(../img/1_03.png);background-repeat: no-repeat;background-position: 11px 8px}
|
||||
.check_btn01{height: 30px;border: none;margin-left: 5px;width: 65px;border-radius: 4px;background-color: #27a111;color: #fff;text-align: center;
|
||||
}
|
||||
.notice_check .check_btn1{height: 30px;border: none;margin-left: 5px;width: 65px;border-radius: 4px;background-color: #337ab7;color: #fff;text-align: center;}
|
||||
.notice_nav ul li{float: left}
|
||||
.notice_nav ul{border: 1px #ccc solid;border-radius: 2px}
|
||||
.notice_nav ul li a{display:inline-block;height: 28px;text-align:center;line-height:28px;color:#101010;border: none;width: 65px;border-right:1px #ccc solid;background-color: #fff;cursor: pointer}
|
||||
.notice_nav ul li:nth-child(4) a{border-right:none}
|
||||
.notice_nav ul li a:hover{background-color: #f5f5f5}
|
||||
.dropdown-menu {min-width: 120px !important;margin-top: 4px;font-size: 12px}
|
||||
.dropdown-menu li {padding:5px 15px;cursor: pointer}
|
||||
.dropdown-menu li:hover{background-color: #f5f5f6}
|
||||
.fixed-table-pagination{margin-top:0 !important;margin-bottom:0 !important;position: fixed !important;bottom:10px !important;left: 0 !important;width: 100%!important;border-top:1px #ccc solid}
|
||||
.pagination-detail{margin-top:0 !important;margin-bottom:0 !important;}
|
||||
.pagination{margin-top:3px !important;margin-bottom:5px !important;}
|
||||
|
||||
.l_left{float: left}
|
||||
.r_right{float: right}
|
||||
.notice_bot{position: fixed;bottom: 0;background-color: #ecf0f5;padding: 5px 0 5px 0;z-index:9999;border-top:1px #ccc solid;width: 100%;}
|
||||
.notice_bot>div{font-size: 12px;margin-left: 10px;color: #07141e;line-height: 28px}
|
||||
.notice_bot>div input{margin-right: 2px;vertical-align: middle}
|
||||
.div_form{margin:4% auto 0 auto;width: 90% }
|
||||
.div_form>div{margin: 5px}
|
||||
.but_p{margin-right: 10px}
|
||||
.but_p button{width: 58px;height: 28px;line-height: 28px;border: none;background-color: #5cb85c;color: #fff;border-radius: 4px;cursor: pointer}
|
||||
.but_p .but_close{background-color: #d9534f;margin-left: 10px}
|
||||
|
||||
.notice_nav a{height: 28px;line-height: 28px;padding: 0 12px;border-radius: 0;float: left;font-size: 13px}
|
||||
.notice_nav a:nth-child(1){border-top-left-radius: 4px;border-bottom-left-radius: 4px}
|
||||
.notice_nav a:nth-child(3){border-top-right-radius: 4px;border-bottom-right-radius: 4px}
|
||||
.notice_nav span{line-height: 26px;margin-right: 2px;color: #7a869d;font-size: 12px}
|
||||
|
||||
/*role*/
|
||||
*,p,button,ul,li{padding: 0;margin: 0}
|
||||
ul{list-style: none}
|
||||
.l_left{float: left}
|
||||
.r_right{float: right}
|
||||
.clear{clear: both}
|
||||
th{background-color: #e7f0f6 !important;}
|
||||
.layui-layer-title{background-color: #3c8dbc !important;font-weight:bold;color:#fff !important; border:none !important;height: 33px;line-height: 33px;}
|
||||
.layui-layer-rim {border: 0px solid #8D8D8D !important;border-radius: 5px;box-shadow: 0 5px 15px rgba(0,0,0,.4)!important; }
|
||||
|
||||
.notice_main{height: 100%;width: 100%;border: 1px #ccc solid;background-color: #fff;overflow: auto}
|
||||
.notice_check{padding: 16px 15px;font-size: 12px}
|
||||
.notice_check p label{text-align: right;font-size: 12px;display: inline-block;}
|
||||
.find_input{width: 20%;height: 30px;border:solid 1px #ccc;border-radius: 4px;}
|
||||
.find_input1{width: 64px;height: 30px;border:solid 1px #ccc;border-radius: 4px;}
|
||||
.notice_check .check_btn{height: 30px;border: none;margin-left: 5px;width: 65px;border-radius: 4px;background-color: #337ab7;color: #fff;padding-left: 18px;
|
||||
background-image: url(../img/1_03.png);background-repeat: no-repeat;background-position: 11px 8px}
|
||||
.dropdown-menu {min-width: 120px !important;margin-top: 4px;font-size: 12px}
|
||||
.dropdown-menu li {padding:5px 15px;cursor: pointer}
|
||||
.dropdown-menu li:hover{background-color: #f5f5f6}
|
||||
.fixed-table-pagination{position: fixed !important;bottom:0 !important;left: 0 !important;width: 100%!important;border-top:1px #ccc solid}
|
||||
.pagination-detail{margin-top:0 !important;margin-bottom:0 !important;}
|
||||
.pagination{margin-top:3px !important;margin-bottom:5px !important;}
|
||||
|
||||
.notice_nav a{height: 28px;line-height: 28px;padding: 0 12px;border-radius: 0;float: left;font-size: 13px}
|
||||
.notice_nav a:nth-child(1){border-top-left-radius: 4px;border-bottom-left-radius: 4px}
|
||||
.notice_nav a:nth-child(3){border-top-right-radius: 4px;border-bottom-right-radius: 4px}
|
||||
.notice_nav span{line-height: 26px;margin-right: 2px;color: #7a869d;font-size: 12px}
|
||||
|
||||
/*department*/
|
||||
*,h6,button{padding: 0;margin: 0}
|
||||
ul{list-style: none}
|
||||
.l_left{float: left}
|
||||
.r_right{float: right}
|
||||
.clear{clear: both}
|
||||
th{background-color: #e7f0f6 !important;}
|
||||
.nav_active{;background-image: url(../img/ccc_03.png);background-repeat: no-repeat;background-position: top left;background-color: #f5f5f5}
|
||||
.news_main{height: 98%;width: 100%}
|
||||
.layui-layer-title{background-color: #3c8dbc !important;font-weight:bold;color:#fff !important; border:none !important;height: 33px;line-height: 33px;}
|
||||
.news_main h6{font-weight: bold;padding-left: 10px;line-height: 31px;border-bottom: 1px #ccc solid}
|
||||
.news_left{width: 16%;height: 100%;border: 1px #ccc solid;margin-right: 0.5%;background-color: #fff}
|
||||
.news_right{width: 83.5%;height: 100%;border: 1px #ccc solid;background-color: #fff;overflow: auto}
|
||||
.department_table .fixed-table-pagination{left: 16.5% !important;width: 83.5% !important;}
|
||||
|
||||
h6{font-weight: bold;padding-left: 10px;line-height: 31px;border-bottom: 1px #ccc solid}
|
||||
|
||||
|
||||
.notice_check_last{padding:8px 15px 16px 15px !important}
|
||||
.notice_check .find_input,.notice_check_last .find_input{margin: 0 10px 0 2px}
|
||||
.notice_check_last .last_input{margin-right: 2px}
|
||||
|
||||
/*book01*/
|
||||
|
||||
.table_td{color: #3665a9;text-align: right;background-color: #f5f5f5;width: 90px}
|
||||
.table_td p{display: inline-block}
|
||||
.table_td span{color: red;width: 20px;display: inline-block;vertical-align:middle;text-align: center}
|
||||
.book_con01 td{text-align: right;color: #475059}
|
||||
.book_con01 .sex{text-align: left}
|
||||
.book_con01 td:nth-child(2n):hover,.book_con01 tr:hover{background-color: #fff !important;}
|
||||
|
||||
/*from*/
|
||||
*,a{margin: 0;padding: 0}
|
||||
.from_main{height: 98%;width: 100%;overflow: auto}
|
||||
ul{list-style: none}
|
||||
.l_left{float: left}
|
||||
.r_right{float: right}
|
||||
.clear{clear: both}
|
||||
*,th,td,table{padding: 0;margin: 0}
|
||||
td,th{text-align: center;font-size: 12px;color:#144490;vertical-align: middle !important; }
|
||||
#table td,#table th,#table1 td,#table1 th,#table2 td,#table2 th{color: #475059 !important;}
|
||||
thead th{background-color: #ECF4FB;border: #ccc 1px solid !important;}
|
||||
tbody tr:hover{background-color: #f3f3f3}
|
||||
|
||||
.news_check{padding: 16px 15px 16px 15px;border: 1px #ccc solid;margin-bottom: 4px;background-color: #fff;box-shadow: 2px 2px 5px #b1afaf;}
|
||||
.check_left input{height: 28px;width: 198px;border-radius: 4px;border: 1px #ccc solid}
|
||||
.check_left button{height: 28px;border: none;margin-left: 6px;width: 65px;border-radius: 4px;background-color: #337ab7;color: #fff;padding-left: 18px;
|
||||
background-image: url(../img/100_03.png);background-repeat: no-repeat;background-position: 11px 8px}
|
||||
.form_h1{line-height: 30px;text-align: center;font-size: 18px;font-weight: bold}
|
||||
.from_p{font-size: 12px;line-height: 24px}
|
||||
.top_btn{margin-left: 10px}
|
||||
.check_right span{line-height: 26px;margin-right: 2px;color: #7a869d;font-size: 12px}
|
||||
.top_btn a,.check_right a{height: 28px;line-height: 28px;padding: 0 12px;border-radius: 0;float: left;font-size: 13px}
|
||||
.top_btn a:nth-child(1),.check_right a:nth-child(1){border-top-left-radius: 4px;border-bottom-left-radius: 4px}
|
||||
.top_btn a:nth-child(4),.check_right a:nth-child(2){border-top-right-radius: 4px;border-bottom-right-radius: 4px}
|
||||
.top_btn .active{color: #333;background-color: #e6e6e6;border-color: #adadad;}
|
||||
|
||||
/*analysis*/
|
||||
.from_main{height: 98%;width: 100%;overflow: auto}
|
||||
ul{list-style: none}
|
||||
.l_left{float: left}
|
||||
.r_right{float: right}
|
||||
.clear{clear: both}
|
||||
*,th,td,table{padding: 0;margin: 0}
|
||||
.check_right ul li{float: left}
|
||||
.check_right ul{border: 1px #ccc solid;border-radius: 2px}
|
||||
.check_right ul li button{height: 28px;border: none;width: 65px;border-right:1px #ccc solid;background-color: #fff}
|
||||
.check_right ul li:nth-child(2) button{border-right:none}
|
||||
.check_right ul li button:hover{background-color: #ccc}
|
||||
.news_check{padding: 16px 15px 16px 15px;border: 1px #ccc solid;margin-bottom: 4px;background-color: #fff;box-shadow: 2px 2px 5px #b1afaf;}
|
||||
.check_left input{height: 28px;width: 198px;border-radius: 4px;border: 1px #ccc solid}
|
||||
.check_left button{height: 28px;border: none;margin-left: 6px;width: 65px;border-radius: 4px;background-color: #337ab7;color: #fff;padding-left: 18px;
|
||||
background-image: url(../img/1_03.png);background-repeat: no-repeat;background-position: 11px 8px}
|
||||
.e_chart{margin: 10px 0}
|
||||
.charts{width: 49.5%;border: 1px #ccc solid;border-radius: 4px;margin-right: 1%}
|
||||
.last_charts{margin-right: 0}
|
||||
.charts_last{width: 100%}
|
||||
.charts p{border-bottom: 1px #ccc solid;line-height: 28px;padding: 0 10px;font-size: 12px;background-color: #e7f0f6;font-weight: 800;color:#666}
|
||||
.charts span{color:#00a7d0}
|
||||
.check_right span{line-height: 26px;margin-right: 2px;color: #7a869d;font-size: 12px}
|
||||
.top_btn a,.check_right a{height: 28px;line-height: 28px;padding: 0 12px;border-radius: 0;float: left;font-size: 13px}
|
||||
.top_btn a:nth-child(1),.check_right a:nth-child(1){border-top-left-radius: 4px;border-bottom-left-radius: 4px}
|
||||
.top_btn a:nth-child(4),.check_right a:nth-child(2){border-top-right-radius: 4px;border-bottom-right-radius: 4px}
|
||||
.top_btn .active{color: #333;background-color: #e6e6e6;border-color: #adadad;}
|
||||
|
||||
.charts_last .fixed-table-pagination{position: static !important;border-top: none !important;}
|
||||
|
||||
.fixed-table-container tbody .selected td {
|
||||
background-color:#bbbbbb !important;
|
||||
}
|
||||
.ts{margin-left: 16px}
|
||||
.ts li{color: #bb8940;line-height: 24px;font-size: 12px;}
|
||||
.ts li span{margin-right: 16px}
|
||||
|
||||
|
||||
|
||||
/*good页面样式*/
|
||||
.good_pic label{float: left}
|
||||
.good_pic .good_pic_ul{float: left}
|
||||
.clear{clear: both}
|
||||
.goods_main{margin: 10px 0 0 30px}
|
||||
.goods_main label{line-height: 32px;font-size: 12px}
|
||||
.goods_main .l_left:nth-child(2){width: 80%;height: 100px}
|
||||
.goods_main .l_left textarea{width: 100%;height: 100px;border: 1px #ccc solid;border-radius: 4px;resize:none}
|
||||
.good_pic_ul ul li{float: left;margin-right: 10px;padding: 10px}
|
||||
.good_pic_ul ul{border: 1px #ccc solid;border-radius: 4px;margin: 4px 0 10px 0}
|
||||
.good_pic_ul ul li img{width: 80px;height: 80px}
|
||||
.goods_input{width: 30%;height: 32px;border-radius: 4px;border: none;border: 1px #ccc solid;margin-bottom: 10px}
|
||||
.goods_input1{width: 13.5%;height: 32px;border-radius: 4px;border: none;border: 1px #ccc solid;margin:0 1% 10px 1%}
|
||||
.good_btn{width: 80px;margin: 10px auto}
|
||||
.good_btn button{width: 58px;height: 28px;line-height: 28px;border: none; background-color: #5cb85c;color: #fff;border-radius: 4px; }
|
||||
.pic_li_div{position: relative}
|
||||
.pic_li_div .pic_btn{position: absolute;right: -2px;top: -4px;cursor: pointer}
|
||||
|
||||
/*department页面样式*/
|
||||
.department_main{padding: 10px 10px 0 10px}
|
||||
.department_main label{width: 80px;text-align: right;font-size: 12px}
|
||||
.department_main input{width: 40%;margin-right: 1%;height: 32px;border: 1px #ccc solid;background-color: #fff;border-radius: 4px;}
|
||||
.department_main textarea{resize: none;border: 1px #ccc solid;width: 89.5%;height: 200px;background-color: #fff;border-radius: 4px}
|
||||
.departments_btn{width: 60px;margin: 20px auto 0 auto;display: none}
|
||||
.departments_btn button{width: 58px;height: 28px;line-height: 28px;border: none; background-color: #5cb85c;color: #fff;border-radius: 4px; }
|
||||
.department_top{position: absolute;top:30px;right: 10px}
|
||||
.department_top button{height: 28px;line-height: 28px;border: none; background-color: #5cb85c;color: #fff;border-radius: 4px;padding: 0 6px}
|
||||
|
||||
|
||||
/*validate页面的css样式*/
|
||||
.validate_nav,.validate_main{margin: 20px 10px 0 10px}
|
||||
.validate_nav ul{border-bottom: 3px #3c8dbc solid}
|
||||
.validate_nav ul li{float: left;cursor: pointer;line-height: 40px;padding: 0 24px;font-size: 16px;font-weight: bold;background-color: #f5f5f5;margin-right: 10px;border: 2px #dddddd solid;border-bottom: none;border-top-left-radius: 4px;border-top-right-radius: 4px}
|
||||
.validate_nav ul .validate_nav_active{background-color: #228dcc;color: #fff;border-color: #5483d6}
|
||||
.validate_from{display: none;margin-left: 20px}
|
||||
.validate_from>div{margin: 0 0 20px 0}
|
||||
.validate_from>div.first{margin: 0 0 10px 0}
|
||||
.validate_from p{line-height: 32px;font-size: 16px;font-weight: 700;color: #666666}
|
||||
.validate_from select{height: 40px;width: 300px;border: 1px #ccc solid}
|
||||
.validate_from input{height: 40px;width: 400px;border: 1px #ccc solid}
|
||||
.validate_from button{height: 40px;padding: 0 34px;border: 1px #5483d6 solid;background-color: #228dcc;line-height: 40px;border-radius: 4px;color: #fff;margin-left: 6px}
|
||||
.validate_bot{border: 1px #fbf1d5 solid;background-color: #fffbf3}
|
||||
.validate_bot .ts li{font-size: 14px;line-height: 34px}
|
||||
886
智慧交通/大数据视频监控/css/table1.css
Normal file
886
智慧交通/大数据视频监控/css/table1.css
Normal file
@ -0,0 +1,886 @@
|
||||
/*all*/
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
.laydate_body .laydate_bottom{height: 30px !important;}
|
||||
.find_input2 .find_input2{width: 100px !important;}
|
||||
*{
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-family:"微软雅黑";}
|
||||
::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}/*滚动条的滑轨背景颜色*/
|
||||
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.05);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}/*滑块颜色*/
|
||||
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.2);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
|
||||
::-webkit-scrollbar{width: 16px;height: 16px;}/* 滑块整体设置*/
|
||||
::-webkit-scrollbar-track,
|
||||
::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
|
||||
::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
|
||||
::-webkit-scrollbar-thumb{min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
|
||||
::-webkit-scrollbar-corner{background: transparent;}/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
.map_find{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
font-size: 13px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.map_find1{
|
||||
padding-top: 10px;
|
||||
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
font-size: 13px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.map_find label{
|
||||
margin-right: 5px;
|
||||
}
|
||||
.map_input{
|
||||
width: 220px;
|
||||
height: 24px;
|
||||
border-radius: 3px;
|
||||
border:1px solid #CCCCCC;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.find_but{
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 4px;
|
||||
background-color: #0D8BBD;
|
||||
color: #ffffff;
|
||||
border:none;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.find_but:active{
|
||||
background-color: #1c6a9e;
|
||||
}
|
||||
.map_con{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("../img/map01.png");
|
||||
position: absolute;
|
||||
}
|
||||
.map_tail{
|
||||
width: 600px;
|
||||
height: 350px;
|
||||
position:relative;
|
||||
margin: 0 auto;
|
||||
margin-top: 50px;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 5px 5px 3px #333;
|
||||
border-radius: 5px;
|
||||
|
||||
|
||||
}
|
||||
.map_h{
|
||||
padding-top: 10px;
|
||||
padding-bottom: 5px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
}
|
||||
.map_table{
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
border:none;
|
||||
font-size: 13px;
|
||||
color: #262626;
|
||||
}
|
||||
.map_mos{
|
||||
text-decoration: none;
|
||||
padding-top: 3px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 4px;
|
||||
color: #ffffff;
|
||||
background-color: #0D8BBD;
|
||||
border:none;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.map_mos:active{
|
||||
background-color: #00a0e9;
|
||||
}
|
||||
.map_video{
|
||||
text-decoration: none;
|
||||
padding-top: 3px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 4px;
|
||||
color: #ffffff;
|
||||
background-color: #00aa00;
|
||||
border:none;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.map_video:active{
|
||||
background-color: #00e765;
|
||||
}
|
||||
.map_p01{
|
||||
padding-top: 15px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
}
|
||||
.map_p02{
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
height: 170px;
|
||||
margin-top: 5px;
|
||||
|
||||
}
|
||||
.map_p02 img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.map_close{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
right: -5px;
|
||||
top:-5px;
|
||||
}
|
||||
.p_but{
|
||||
padding-top: 5px;
|
||||
padding-left: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.p_but a{
|
||||
margin-right: 10px;}
|
||||
#table,#table1,#table2{
|
||||
font-size: 12px !important;
|
||||
color: #475059 !important;
|
||||
/*border-top: none !important;*/
|
||||
/*margin-top: 6px !important;*/
|
||||
}
|
||||
#table a{
|
||||
margin-right: 10px;
|
||||
}
|
||||
#table th,#table1 th,#table2 th{
|
||||
border: 1px solid #ccc;
|
||||
|
||||
|
||||
}
|
||||
.add_i{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/table_add.png");
|
||||
top:3px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
.del_i{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/table_del.png");
|
||||
top:3px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.down_i{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/table_down.png");
|
||||
top:3px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.print_i{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/table_print.png");
|
||||
top:3px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.div_find{
|
||||
width: 100%;
|
||||
padding-bottom: 5px;
|
||||
padding-top: 5px;
|
||||
border-bottom: solid 1px #cccccc;
|
||||
top:5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.find_labela {
|
||||
width: 8%;
|
||||
text-align: right;
|
||||
font-size: 12px;
|
||||
display: inline-block;
|
||||
}
|
||||
.find_input{
|
||||
width: 18%;
|
||||
height: 28px;
|
||||
border:solid 1px #ccc;
|
||||
border-radius: 3px;
|
||||
|
||||
}
|
||||
.find_but{
|
||||
padding-left: 9px;
|
||||
padding-bottom: 4px;
|
||||
padding-top: 4px;
|
||||
padding-right: 8px;
|
||||
|
||||
background-color:#00a0e9;
|
||||
color: #ffffff;
|
||||
border-radius: 5px;
|
||||
border:none;
|
||||
margin-right: 10px;
|
||||
|
||||
|
||||
}
|
||||
.find_but:active{
|
||||
background-color: #00a0e9;
|
||||
border: none;}
|
||||
.find_but1{
|
||||
padding-left: 9px;
|
||||
padding-bottom: 4px;
|
||||
padding-top: 4px;
|
||||
padding-right: 8px;
|
||||
background-color:#2e8ded;
|
||||
color: #ffffff;
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
}
|
||||
.find_but1:active{
|
||||
background-color: #044588;
|
||||
}
|
||||
.find_span{
|
||||
float: right;
|
||||
margin-right: 15px;
|
||||
margin-top: 5px;
|
||||
|
||||
font-size: 13px;
|
||||
}
|
||||
.find_span a{
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
.find_span1{
|
||||
float: right;
|
||||
margin-right: 15px;
|
||||
margin-top: 5px;
|
||||
|
||||
font-size: 13px;
|
||||
display: none;
|
||||
}
|
||||
.find_span1 a{
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
.i_open{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/opne.png");
|
||||
top:2px;
|
||||
}
|
||||
.i_close{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/colse.png");
|
||||
top:2px;
|
||||
}
|
||||
.user_table{
|
||||
width: 96%;
|
||||
margin-left: 2%;
|
||||
border:none;
|
||||
font-size: 13px;
|
||||
}
|
||||
.user_table tr{
|
||||
height: 30px;
|
||||
|
||||
}
|
||||
.user_td{
|
||||
text-align: right;
|
||||
}
|
||||
.user_td1{
|
||||
width: 100px;
|
||||
}
|
||||
.user_rdio{
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
position: relative;
|
||||
top:3px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.rideo_label{
|
||||
margin-right: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.user_save{
|
||||
background-color: #00aa00;
|
||||
color: #ffffff;
|
||||
padding-bottom: 4px;
|
||||
padding-top: 3px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
border:none;
|
||||
border-radius: 3px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.user_save:active{
|
||||
background-color: #00ca6d;
|
||||
}
|
||||
.user_esc{
|
||||
background-color: #d58512;
|
||||
color: #ffffff;
|
||||
padding-bottom: 4px;
|
||||
padding-top: 3px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
border:none;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.user_esc:active{
|
||||
background-color: #985f0d;
|
||||
}
|
||||
.rose_text{
|
||||
width: 350px;
|
||||
height: 100px;
|
||||
resize: none;
|
||||
}
|
||||
.part_span{
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.part_table{
|
||||
float: left;
|
||||
width: 79%;
|
||||
height: 600px;
|
||||
border:1px solid #0D8BBD;
|
||||
margin-left: 2px;
|
||||
}
|
||||
.part_tree{
|
||||
float: right;
|
||||
width: 20%;
|
||||
height: 600px;
|
||||
border:1px solid #0D8BBD;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.part_tree ul{
|
||||
list-style: none;
|
||||
text-indent: 10px;
|
||||
}
|
||||
.tree_h{
|
||||
height: 40px;
|
||||
background-color: #EEEEEE;
|
||||
margin-top: 0px;
|
||||
line-height: 40px;
|
||||
text-indent: 5px;
|
||||
}
|
||||
.static_all{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
|
||||
}
|
||||
.static01{
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
height: 300px;
|
||||
|
||||
margin-top: 5px;
|
||||
}
|
||||
.static02{
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
height: 300px;
|
||||
|
||||
margin-top: 5px;
|
||||
}
|
||||
.static03{
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
height: 300px;
|
||||
|
||||
margin-top: 5px;
|
||||
}
|
||||
.alam_static{
|
||||
width: 98%;
|
||||
height: 350px;
|
||||
|
||||
|
||||
margin-left: 1%;
|
||||
margin-top: 5px;
|
||||
|
||||
}
|
||||
.alam_static1{
|
||||
|
||||
width: 100%;
|
||||
|
||||
background-color: #ffffff;
|
||||
|
||||
}
|
||||
.alstic_ledt{
|
||||
padding-top: 10px;
|
||||
width: 59%;
|
||||
height: 350px;
|
||||
float: left;
|
||||
}
|
||||
.alstic_right{
|
||||
padding-top: 10px;
|
||||
width: 39%;
|
||||
height: 350px;
|
||||
float: right;
|
||||
background-color: #ffffff;
|
||||
|
||||
|
||||
}
|
||||
.alstic_right p{
|
||||
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.spqn_red{
|
||||
color: #f11010;
|
||||
font-size: 20px;
|
||||
}
|
||||
.sque_red{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-color: #c23531;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
top:3px;
|
||||
}
|
||||
.span_margin{
|
||||
margin-left: 10px;
|
||||
}
|
||||
.sque_02{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-color: #d48265;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
top:3px;
|
||||
}
|
||||
.cloum_alam{
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
}
|
||||
.book_con01{
|
||||
width: 98%;
|
||||
border-radius: 6px;
|
||||
margin: 2% auto;
|
||||
background-color: #ffffff;
|
||||
padding-top: 2%;
|
||||
padding-bottom: 2%;
|
||||
font-size: 14px;
|
||||
box-shadow:-5px 0 5px #ccc, /*左边阴影*/
|
||||
5px 0 5px #ccc, /*右边阴影*/
|
||||
0 -5px 5px #ccc, /*顶部阴影*/
|
||||
0 5px 5px #ccc; /*底边阴影*/
|
||||
|
||||
|
||||
}
|
||||
.book_p{
|
||||
width: 94%;
|
||||
margin-left: 3%;
|
||||
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.book_titSpan{
|
||||
float: right;
|
||||
}
|
||||
.book_p label{
|
||||
color: #3665a9;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.book_input01{
|
||||
width: 100px;
|
||||
border-top:none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: 1px solid #a9c9f7;
|
||||
margin-right: 5px;
|
||||
height:30px;
|
||||
}
|
||||
.book_input02{
|
||||
width: 60px;
|
||||
border-top:none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: 1px solid #a9c9f7;
|
||||
margin-right: 5px;
|
||||
height:30px;
|
||||
}
|
||||
.book_input03{
|
||||
width: 97%;
|
||||
margin-left: 1%;
|
||||
height:30px;
|
||||
border:none;
|
||||
|
||||
}
|
||||
.book_h01{
|
||||
width: 94%;
|
||||
margin-left: 3%;
|
||||
padding-top: 15px;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
letter-spacing: 1px;
|
||||
font-size: 16px;
|
||||
|
||||
}
|
||||
.label_red{
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
color: #f50f35;
|
||||
}
|
||||
.book_table{
|
||||
width: 94%;
|
||||
margin-left: 3%;
|
||||
border-collapse:collapse;
|
||||
|
||||
|
||||
}
|
||||
.book_table tr{
|
||||
|
||||
border:1px solid #ccc;
|
||||
}
|
||||
.book_table td{
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
padding-left: 5px;
|
||||
|
||||
}
|
||||
.input_radio{
|
||||
position: relative;
|
||||
top:1px;
|
||||
margin-right: 5px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.textArae{
|
||||
width: 96%;
|
||||
margin-left: 1%;
|
||||
height: 350px;
|
||||
resize: none;
|
||||
|
||||
|
||||
}
|
||||
.textArae01{
|
||||
width: 96%;
|
||||
margin-left: 1%;
|
||||
height: 350px;
|
||||
resize: none;
|
||||
border:none;
|
||||
|
||||
|
||||
}
|
||||
.label_right{
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.td_label{
|
||||
color: #3665a9;
|
||||
|
||||
margin-right: 5px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 10px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
.book_input04{
|
||||
width: 20%;
|
||||
height: 30px;
|
||||
margin-left: 3%;
|
||||
|
||||
}
|
||||
.book_input05{
|
||||
width: 45%;
|
||||
height: 30px;
|
||||
margin-left: 3%;
|
||||
|
||||
}
|
||||
.book_foot{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.book_foot input{
|
||||
margin-right: 20px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.reead{
|
||||
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
.tr_color{
|
||||
background-color: #ECF4FB;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
.P_chart{
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
height: 500px;
|
||||
|
||||
}
|
||||
.p_static{
|
||||
padding-top: 15px;
|
||||
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
.static_span01{
|
||||
margin-right: 15px;
|
||||
margin-left: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.static_span02{
|
||||
margin-right: 15px;
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
}
|
||||
.static_tabel{
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 12px;
|
||||
}
|
||||
.static_tabel td{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border:1px solid #CCCCCC;
|
||||
text-align: center;
|
||||
}
|
||||
.td_red{
|
||||
color: red;
|
||||
}
|
||||
.td_blue{
|
||||
color: #1F547E;
|
||||
}
|
||||
.index_top{
|
||||
color: #ffffff;
|
||||
line-height: 60px;
|
||||
}
|
||||
.i_start {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background-image: url("../img/start.png");
|
||||
|
||||
margin-right: 5px;
|
||||
top:-2px;
|
||||
}
|
||||
|
||||
|
||||
*,h6,button,ul,li{padding: 0;margin: 0}
|
||||
|
||||
.layui-layer-title{background-color: #3c8dbc !important;font-weight:500;color:#fff !important; border:none !important;height: 36px !important;line-height: 36px !important;}
|
||||
.layui-layer-rim {border: 0 solid #8D8D8D !important;border-radius: 5px;box-shadow: 0 5px 15px rgba(0,0,0,.4)!important; }
|
||||
.notice_check{padding: 16px 15px;font-size: 12px}
|
||||
.notice_check p label{text-align: right;font-size: 12px;display: inline-block;width: 60px}
|
||||
.find_input{width: 198px;height: 30px;border:solid 1px #ccc;border-radius: 4px;text-indent: 5px}
|
||||
.notice_check .check_btn{height: 30px;border: none;margin-left: 5px;width: 65px;border-radius: 4px;background-color: #337ab7;color: #fff;padding-left: 18px;
|
||||
background-image: url(../img/1_03.png);background-repeat: no-repeat;background-position: 11px 8px}
|
||||
.notice_nav ul li{float: left}
|
||||
.notice_nav ul{border: 1px #ccc solid;border-radius: 2px}
|
||||
.notice_nav ul li a{display:inline-block;height: 28px;text-align:center;line-height:28px;color:#101010;border: none;width: 65px;border-right:1px #ccc solid;background-color: #fff;cursor: pointer}
|
||||
.notice_nav ul li:nth-child(4) a{border-right:none}
|
||||
.notice_nav ul li a:hover{background-color: #f5f5f5}
|
||||
.dropdown-menu {min-width: 120px !important;margin-top: 4px;font-size: 12px}
|
||||
.dropdown-menu li {padding:5px 15px;cursor: pointer}
|
||||
.dropdown-menu li:hover{background-color: #f5f5f6}
|
||||
.fixed-table-pagination{margin-top:0 !important;margin-bottom:0 !important;position: fixed !important;bottom:10px !important;left: 0 !important;width: 100%!important;border-top:1px #ccc solid}
|
||||
.pagination-detail{margin-top:0 !important;margin-bottom:0 !important;}
|
||||
.pagination{margin-top:3px !important;margin-bottom:5px !important;}
|
||||
|
||||
.l_left{float: left}
|
||||
.r_right{float: right}
|
||||
.notice_bot{position: fixed;bottom: 0;background-color: #ecf0f5;padding: 5px 0 5px 0;z-index:9999;border-top:1px #ccc solid;width: 100%;}
|
||||
.notice_bot>div{font-size: 12px;margin-left: 10px;color: #07141e;line-height: 28px}
|
||||
.notice_bot>div input{margin-right: 2px;vertical-align: middle}
|
||||
.div_form{margin:4% auto 0 auto;width: 90% }
|
||||
.div_form>div{margin: 5px}
|
||||
.but_p{margin-right: 10px}
|
||||
.but_p button{width: 58px;height: 28px;line-height: 28px;border: none;background-color: #5cb85c;color: #fff;border-radius: 4px;cursor: pointer}
|
||||
.but_p .but_close{background-color: #d9534f;margin-left: 10px}
|
||||
|
||||
.notice_nav a{height: 28px;line-height: 28px;padding: 0 12px;border-radius: 0;float: left;font-size: 13px}
|
||||
.notice_nav a:nth-child(1){border-top-left-radius: 4px;border-bottom-left-radius: 4px}
|
||||
.notice_nav a:nth-child(3){border-top-right-radius: 4px;border-bottom-right-radius: 4px}
|
||||
.notice_nav span{line-height: 26px;margin-right: 2px;color: #7a869d;font-size: 12px}
|
||||
|
||||
/*role*/
|
||||
*,p,button,ul,li{padding: 0;margin: 0}
|
||||
ul{list-style: none}
|
||||
.l_left{float: left}
|
||||
.r_right{float: right}
|
||||
.clear{clear: both}
|
||||
th{background-color: #e7f0f6 !important;}
|
||||
.layui-layer-title{background-color: #3c8dbc !important;font-weight:bold;color:#fff !important; border:none !important;height: 33px;line-height: 33px;}
|
||||
.layui-layer-rim {border: 0px solid #8D8D8D !important;border-radius: 5px;box-shadow: 0 5px 15px rgba(0,0,0,.4)!important; }
|
||||
|
||||
.notice_main{height: 98%;width: 100%;border: 1px #ccc solid;background-color: #fff;overflow: auto}
|
||||
.notice_check{padding: 16px 15px;font-size: 12px}
|
||||
.notice_check p label{text-align: right;font-size: 12px;display: inline-block;}
|
||||
.find_input{width: 198px;height: 30px;border:solid 1px #ccc;border-radius: 4px;}
|
||||
.find_input1{width: 64px;height: 30px;border:solid 1px #ccc;border-radius: 4px;}
|
||||
.notice_check .check_btn{height: 30px;border: none;margin-left: 5px;width: 65px;border-radius: 4px;background-color: #337ab7;color: #fff;padding-left: 18px;
|
||||
background-image: url(../img/1_03.png);background-repeat: no-repeat;background-position: 11px 8px}
|
||||
.dropdown-menu {min-width: 120px !important;margin-top: 4px;font-size: 12px}
|
||||
.dropdown-menu li {padding:5px 15px;cursor: pointer}
|
||||
.dropdown-menu li:hover{background-color: #f5f5f6}
|
||||
.fixed-table-pagination{position: fixed !important;bottom:15px !important;left: 0 !important;width: 100%!important;border-top:1px #ccc solid}
|
||||
.pagination-detail{margin-top:0 !important;margin-bottom:0 !important;}
|
||||
.pagination{margin-top:3px !important;margin-bottom:5px !important;}
|
||||
|
||||
.notice_nav a{height: 28px;line-height: 28px;padding: 0 12px;border-radius: 0;float: left;font-size: 13px}
|
||||
.notice_nav a:nth-child(1){border-top-left-radius: 4px;border-bottom-left-radius: 4px}
|
||||
.notice_nav a:nth-child(3){border-top-right-radius: 4px;border-bottom-right-radius: 4px}
|
||||
.notice_nav span{line-height: 26px;margin-right: 2px;color: #7a869d;font-size: 12px}
|
||||
|
||||
/*department*/
|
||||
*,h6,button{padding: 0;margin: 0}
|
||||
ul{list-style: none}
|
||||
.l_left{float: left}
|
||||
.r_right{float: right}
|
||||
.clear{clear: both}
|
||||
th{background-color: #e7f0f6 !important;}
|
||||
.nav_active{;background-image: url(../img/ccc_03.png);background-repeat: no-repeat;background-position: top left;background-color: #f5f5f5}
|
||||
.news_main{height: 98%;width: 100%}
|
||||
.layui-layer-title{background-color: #3c8dbc !important;font-weight:bold;color:#fff !important; border:none !important;height: 33px;line-height: 33px;}
|
||||
.news_main h6{font-weight: bold;padding-left: 10px;line-height: 31px;border-bottom: 1px #ccc solid}
|
||||
.news_left{width: 16%;height: 100%;border: 1px #ccc solid;margin-right: 0.5%;background-color: #fff}
|
||||
.news_right{width: 83.5%;height: 100%;border: 1px #ccc solid;background-color: #fff;overflow: auto}
|
||||
.department_table .fixed-table-pagination{left: 16.5% !important;width: 83.5% !important;}
|
||||
|
||||
h6{font-weight: bold;padding-left: 10px;line-height: 31px;border-bottom: 1px #ccc solid}
|
||||
|
||||
|
||||
.notice_check_last{padding:8px 15px 16px 15px !important}
|
||||
.notice_check .find_input,.notice_check_last .find_input{margin: 0 10px 0 2px}
|
||||
.notice_check_last .last_input{margin-right: 2px}
|
||||
|
||||
/*book01*/
|
||||
|
||||
.table_td{color: #3665a9;text-align: right;background-color: #f5f5f5;width: 90px}
|
||||
.table_td p{display: inline-block}
|
||||
.table_td span{color: red;width: 20px;display: inline-block;vertical-align:middle;text-align: center}
|
||||
.book_con01 td{text-align: right;color: #475059}
|
||||
.book_con01 .sex{text-align: left}
|
||||
.book_con01 td:nth-child(2n):hover,.book_con01 tr:hover{background-color: #fff !important;}
|
||||
|
||||
/*from*/
|
||||
*,a{margin: 0;padding: 0}
|
||||
.from_main{height: 100%;width: 100%;overflow: auto}
|
||||
ul{list-style: none}
|
||||
.l_left{float: left}
|
||||
.r_right{float: right}
|
||||
.clear{clear: both}
|
||||
*,th,td,table{padding: 0;margin: 0}
|
||||
td,th{text-align: center;font-size: 12px;vertical-align: middle !important; }
|
||||
#table td,#table th,#table1 td,#table1 th,#table2 td,#table2 th{color: #475059 !important;}
|
||||
thead th{background-color: #ECF4FB;border: #ccc 1px solid !important;}
|
||||
tbody tr:hover{background-color: #f3f3f3}
|
||||
|
||||
.news_check{padding: 16px 15px 16px 15px;border: 1px #ccc solid;margin-bottom: 4px;background-color: #fff;}
|
||||
.check_left input{height: 28px;width: 198px;border-radius: 4px;border: 1px #ccc solid}
|
||||
.check_left button{height: 28px;border: none;margin-left: 6px;width: 65px;border-radius: 4px;background-color: #337ab7;color: #fff;padding-left: 18px;
|
||||
background-image: url(../img/100_03.png);background-repeat: no-repeat;background-position: 11px 8px}
|
||||
.form_h1{line-height: 30px;text-align: center;font-size: 18px;font-weight: bold}
|
||||
.from_p{font-size: 12px;line-height: 24px}
|
||||
.top_btn{margin-left: 10px}
|
||||
.check_right span{line-height: 26px;margin-right: 2px;color: #7a869d;font-size: 12px}
|
||||
.top_btn a,.check_right a{height: 28px;line-height: 28px;padding: 0 12px;border-radius: 0;float: left;font-size: 13px}
|
||||
.top_btn a:nth-child(1),.check_right a:nth-child(1){border-top-left-radius: 4px;border-bottom-left-radius: 4px}
|
||||
.top_btn a:nth-child(4),.check_right a:nth-child(2){border-top-right-radius: 4px;border-bottom-right-radius: 4px}
|
||||
.top_btn .active{color: #333;background-color: #e6e6e6;border-color: #adadad;}
|
||||
|
||||
/*analysis*/
|
||||
.from_main{height: 100%;width: 100%;overflow: auto}
|
||||
ul{list-style: none}
|
||||
.l_left{float: left}
|
||||
.r_right{float: right}
|
||||
.clear{clear: both}
|
||||
*,th,td,table{padding: 0;margin: 0}
|
||||
.check_right ul li{float: left}
|
||||
.check_right ul{border: 1px #ccc solid;border-radius: 2px}
|
||||
.check_right ul li button{height: 28px;border: none;width: 65px;border-right:1px #ccc solid;background-color: #fff}
|
||||
.check_right ul li:nth-child(2) button{border-right:none}
|
||||
.check_right ul li button:hover{background-color: #ccc}
|
||||
.news_check{padding: 16px 15px 16px 15px;border: 1px #ccc solid;margin-bottom: 4px;background-color: #fff;}
|
||||
.check_left input{height: 28px;width: 198px;border-radius: 4px;border: 1px #ccc solid}
|
||||
.check_left button{height: 28px;border: none;margin-left: 6px;width: 65px;border-radius: 4px;background-color: #337ab7;color: #fff;padding-left: 18px;
|
||||
background-image: url(../img/1_03.png);background-repeat: no-repeat;background-position: 11px 8px}
|
||||
.e_chart{margin: 10px 0}
|
||||
.charts{width: 49.5%;border: 1px #ccc solid;border-radius: 4px;margin-right: 1%}
|
||||
.last_charts{margin-right: 0}
|
||||
.charts_last{width: 100%}
|
||||
.charts p{border-bottom: 1px #ccc solid;line-height: 28px;padding: 0 10px;font-size: 12px;background-color: #e7f0f6;font-weight: 800;color:#666}
|
||||
.charts span{color:#00a7d0}
|
||||
.check_right span{line-height: 26px;margin-right: 2px;color: #7a869d;font-size: 12px}
|
||||
.top_btn a,.check_right a{height: 28px;line-height: 28px;padding: 0 12px;border-radius: 0;float: left;font-size: 13px}
|
||||
.top_btn a:nth-child(1),.check_right a:nth-child(1){border-top-left-radius: 4px;border-bottom-left-radius: 4px}
|
||||
.top_btn a:nth-child(4),.check_right a:nth-child(2){border-top-right-radius: 4px;border-bottom-right-radius: 4px}
|
||||
.top_btn .active{color: #333;background-color: #e6e6e6;border-color: #adadad;}
|
||||
|
||||
.charts_last .fixed-table-pagination{position: static !important;border-top: none !important;}
|
||||
|
||||
.fixed-table-container tbody .selected td {
|
||||
background-color:#bbbbbb !important;
|
||||
}
|
||||
.ts{margin-left: 16px}
|
||||
.ts li{color: #bb8940;line-height: 24px;font-size: 12px;}
|
||||
.ts li span{margin-right: 16px}
|
||||
|
||||
|
||||
|
||||
/*good页面样式*/
|
||||
.good_pic label{float: left}
|
||||
.good_pic .good_pic_ul{float: left}
|
||||
.clear{clear: both}
|
||||
.goods_main{margin: 10px 0 0 30px}
|
||||
.goods_main label{line-height: 32px;font-size: 12px}
|
||||
.goods_main .l_left:nth-child(2){width: 80%;height: 100px}
|
||||
.goods_main .l_left textarea{width: 100%;height: 100px;border: 1px #ccc solid;border-radius: 4px;resize:none}
|
||||
.good_pic_ul ul li{float: left;margin-right: 10px;padding: 10px}
|
||||
.good_pic_ul ul{border: 1px #ccc solid;border-radius: 4px;margin: 4px 0 10px 0}
|
||||
.good_pic_ul ul li img{width: 80px;height: 80px}
|
||||
.goods_input{width: 30%;height: 32px;border-radius: 4px;border: none;border: 1px #ccc solid;margin-bottom: 10px}
|
||||
.goods_input1{width: 13.5%;height: 32px;border-radius: 4px;border: none;border: 1px #ccc solid;margin:0 1% 10px 1%}
|
||||
.good_btn{width: 80px;margin: 10px auto}
|
||||
.good_btn button{width: 58px;height: 28px;line-height: 28px;border: none; background-color: #5cb85c;color: #fff;border-radius: 4px; }
|
||||
.pic_li_div{position: relative}
|
||||
.pic_li_div .pic_btn{position: absolute;right: -2px;top: -4px;cursor: pointer}
|
||||
.annyTable{
|
||||
width: 96%;
|
||||
border-collapse: collapse;
|
||||
border:1px solid #CCCCCC;
|
||||
margin:0 2% 2% 2%;
|
||||
}
|
||||
.annyTable td{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.first_td{font-weight: bold; background-color: #eeeeee;width: 12%}
|
||||
.annyTable tr:nth-child(1){
|
||||
font-weight: normal !important; background-color: #fff !important;
|
||||
}
|
||||
.annyTable01{
|
||||
margin: 10px 0.5%;
|
||||
width: 99%;
|
||||
border-collapse: collapse;
|
||||
|
||||
}
|
||||
.annyTable01 td{
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/cc.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/cc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/1_close.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/1_close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 601 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/1_open.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/1_open.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 580 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/2.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 570 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/3.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 762 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/4.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 399 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/5.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 710 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/6.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 432 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/7.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 534 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/8.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 529 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/9.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 467 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/cc.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/cc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/zclose.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/zclose.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 973 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/zopen.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/zopen.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 964 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/ztop.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/diy/ztop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/line_conn.gif
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/line_conn.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/loading.gif
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 381 B |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/zTreeStandard.gif
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/zTreeStandard.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/zTreeStandard.png
Normal file
BIN
智慧交通/大数据视频监控/css/zTreeStyle/img/zTreeStandard.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
97
智慧交通/大数据视频监控/css/zTreeStyle/zTreeStyle.css
Normal file
97
智慧交通/大数据视频监控/css/zTreeStyle/zTreeStyle.css
Normal file
@ -0,0 +1,97 @@
|
||||
/*-------------------------------------
|
||||
zTree Style
|
||||
|
||||
version: 3.4
|
||||
author: Hunter.z
|
||||
email: hunter.z@263.net
|
||||
website: http://code.google.com/p/jquerytree/
|
||||
|
||||
-------------------------------------*/
|
||||
|
||||
.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
|
||||
.ztree {margin:0; padding:5px 5px 5px 0; color:#333}
|
||||
.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
|
||||
.ztree li ul{ margin:0; padding:0 0 0 18px}
|
||||
.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
|
||||
|
||||
.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
|
||||
text-decoration:none; vertical-align:top; display: inline-block}
|
||||
.ztree li a:hover {text-decoration: none}
|
||||
.ztree li a.curSelectedNode {padding-top:0px; background-color:#fff; color:black; height:16px; border:1px #FFf solid; opacity:0.8;}
|
||||
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
|
||||
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
|
||||
opacity:0.8; filter:alpha(opacity=80)}
|
||||
.ztree li a.tmpTargetNode_prev {}
|
||||
.ztree li a.tmpTargetNode_next {}
|
||||
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
|
||||
font-size:12px; border:1px #7EC4CC solid; *border:0px}
|
||||
.ztree li span {line-height:16px; margin-right:2px}
|
||||
.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
|
||||
border:0 none; cursor: pointer;outline:none;
|
||||
background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
|
||||
background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
|
||||
|
||||
.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
|
||||
.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
|
||||
.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
|
||||
.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
|
||||
.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
|
||||
.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
|
||||
.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
|
||||
.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
|
||||
.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
|
||||
.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
|
||||
.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
|
||||
.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
|
||||
.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
|
||||
.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
|
||||
.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
|
||||
.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
|
||||
.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
|
||||
.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
|
||||
.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
|
||||
.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
|
||||
.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
|
||||
|
||||
.ztree li span.button.switch {width:18px; height:18px}
|
||||
.ztree li span.button.root_open{background-position:-92px -54px}
|
||||
.ztree li span.button.root_close{background-position:-74px -54px}
|
||||
.ztree li span.button.roots_open{background-position:-92px 0}
|
||||
.ztree li span.button.roots_close{background-position:-74px 0}
|
||||
.ztree li span.button.center_open{background-position:-92px -18px}
|
||||
.ztree li span.button.center_close{background-position:-74px -18px}
|
||||
.ztree li span.button.bottom_open{background-position:-92px -36px}
|
||||
.ztree li span.button.bottom_close{background-position:-74px -36px}
|
||||
.ztree li span.button.noline_open{background-position:-92px -72px}
|
||||
.ztree li span.button.noline_close{background-position:-74px -72px}
|
||||
.ztree li span.button.root_docu{ background:none;}
|
||||
.ztree li span.button.roots_docu{background-position:-56px 0}
|
||||
.ztree li span.button.center_docu{background-position:-56px -18px}
|
||||
.ztree li span.button.bottom_docu{background-position:-56px -36px}
|
||||
.ztree li span.button.noline_docu{ background:none;}
|
||||
|
||||
.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
|
||||
|
||||
.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
|
||||
|
||||
ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
|
||||
|
||||
span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
|
||||
background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
|
||||
background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
|
||||
|
||||
ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
|
||||
.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
|
||||
|
||||
/* level style*/
|
||||
/*.ztree li span.button.level0 {
|
||||
display:none;
|
||||
}
|
||||
.ztree li ul.level0 {
|
||||
padding:0;
|
||||
background:none;
|
||||
}*/
|
||||
BIN
智慧交通/大数据视频监控/fonts/data_number.ttf
Normal file
BIN
智慧交通/大数据视频监控/fonts/data_number.ttf
Normal file
Binary file not shown.
BIN
智慧交通/大数据视频监控/images/00.png
Normal file
BIN
智慧交通/大数据视频监控/images/00.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 153 KiB |
BIN
智慧交通/大数据视频监控/images/01.png
Normal file
BIN
智慧交通/大数据视频监控/images/01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
智慧交通/大数据视频监控/images/02.png
Normal file
BIN
智慧交通/大数据视频监控/images/02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
BIN
智慧交通/大数据视频监控/images/03.png
Normal file
BIN
智慧交通/大数据视频监控/images/03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
智慧交通/大数据视频监控/images/04.png
Normal file
BIN
智慧交通/大数据视频监控/images/04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
BIN
智慧交通/大数据视频监控/images/2Dmap.png
Normal file
BIN
智慧交通/大数据视频监控/images/2Dmap.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 424 KiB |
BIN
智慧交通/大数据视频监控/images/Satellite_cloud_map.png
Normal file
BIN
智慧交通/大数据视频监控/images/Satellite_cloud_map.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
智慧交通/大数据视频监控/images/Vector_map.png
Normal file
BIN
智慧交通/大数据视频监控/images/Vector_map.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
智慧交通/大数据视频监控/images/map.png
Normal file
BIN
智慧交通/大数据视频监控/images/map.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
智慧交通/大数据视频监控/images/mapIcon/MapLocation.png
Normal file
BIN
智慧交通/大数据视频监控/images/mapIcon/MapLocation.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
智慧交通/大数据视频监控/images/mapIcon/event.png
Normal file
BIN
智慧交通/大数据视频监控/images/mapIcon/event.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
智慧交通/大数据视频监控/images/mapIcon/huoche.png
Normal file
BIN
智慧交通/大数据视频监控/images/mapIcon/huoche.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
智慧交通/大数据视频监控/images/mapIcon/policeCar32.png
Normal file
BIN
智慧交通/大数据视频监控/images/mapIcon/policeCar32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
智慧交通/大数据视频监控/images/mapIcon/policeman32.png
Normal file
BIN
智慧交通/大数据视频监控/images/mapIcon/policeman32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
智慧交通/大数据视频监控/images/mapIcon/publicCamera.png
Normal file
BIN
智慧交通/大数据视频监控/images/mapIcon/publicCamera.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
智慧交通/大数据视频监控/images/mapIcon/枪机32.png
Normal file
BIN
智慧交通/大数据视频监控/images/mapIcon/枪机32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
智慧交通/大数据视频监控/images/mapIcon/球机32.png
Normal file
BIN
智慧交通/大数据视频监控/images/mapIcon/球机32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
智慧交通/大数据视频监控/img/1_03.png
Normal file
BIN
智慧交通/大数据视频监控/img/1_03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
智慧交通/大数据视频监控/img/bg.png
Normal file
BIN
智慧交通/大数据视频监控/img/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
智慧交通/大数据视频监控/img/bg01.png
Normal file
BIN
智慧交通/大数据视频监控/img/bg01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 726 KiB |
BIN
智慧交通/大数据视频监控/img/car_guiji.png
Normal file
BIN
智慧交通/大数据视频监控/img/car_guiji.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
智慧交通/大数据视频监控/img/chose_btn.png
Normal file
BIN
智慧交通/大数据视频监控/img/chose_btn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
智慧交通/大数据视频监控/img/data_bg - 副本 - 副本.png
Normal file
BIN
智慧交通/大数据视频监控/img/data_bg - 副本 - 副本.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
智慧交通/大数据视频监控/img/data_bg.png
Normal file
BIN
智慧交通/大数据视频监控/img/data_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
智慧交通/大数据视频监控/img/first_title.png
Normal file
BIN
智慧交通/大数据视频监控/img/first_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
智慧交通/大数据视频监控/img/i01.png
Normal file
BIN
智慧交通/大数据视频监控/img/i01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
智慧交通/大数据视频监控/img/i02.png
Normal file
BIN
智慧交通/大数据视频监控/img/i02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
智慧交通/大数据视频监控/img/images/pic_ico_01.png
Normal file
BIN
智慧交通/大数据视频监控/img/images/pic_ico_01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
智慧交通/大数据视频监控/img/images/pic_ico_02.png
Normal file
BIN
智慧交通/大数据视频监控/img/images/pic_ico_02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
智慧交通/大数据视频监控/img/images/pic_ico_03.png
Normal file
BIN
智慧交通/大数据视频监控/img/images/pic_ico_03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
智慧交通/大数据视频监控/img/left_nav.png
Normal file
BIN
智慧交通/大数据视频监控/img/left_nav.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
BIN
智慧交通/大数据视频监控/img/leftbg01.png
Normal file
BIN
智慧交通/大数据视频监控/img/leftbg01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
智慧交通/大数据视频监控/img/map_tool_bg.png
Normal file
BIN
智慧交通/大数据视频监控/img/map_tool_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
智慧交通/大数据视频监控/img/map_tool_re.png
Normal file
BIN
智慧交通/大数据视频监控/img/map_tool_re.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
智慧交通/大数据视频监控/img/pic0.png
Normal file
BIN
智慧交通/大数据视频监控/img/pic0.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
智慧交通/大数据视频监控/img/pic_ico.png
Normal file
BIN
智慧交通/大数据视频监控/img/pic_ico.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
智慧交通/大数据视频监控/img/pushmessage_class.png
Normal file
BIN
智慧交通/大数据视频监控/img/pushmessage_class.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
智慧交通/大数据视频监控/img/pushmessage_level01.png
Normal file
BIN
智慧交通/大数据视频监控/img/pushmessage_level01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
智慧交通/大数据视频监控/img/pushmessage_level02.png
Normal file
BIN
智慧交通/大数据视频监控/img/pushmessage_level02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
智慧交通/大数据视频监控/img/pushmessage_level03.png
Normal file
BIN
智慧交通/大数据视频监控/img/pushmessage_level03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
智慧交通/大数据视频监控/img/pushmessage_localize_01.png
Normal file
BIN
智慧交通/大数据视频监控/img/pushmessage_localize_01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
智慧交通/大数据视频监控/img/pushmessage_localize_02.png
Normal file
BIN
智慧交通/大数据视频监控/img/pushmessage_localize_02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
智慧交通/大数据视频监控/img/search_eddit.png
Normal file
BIN
智慧交通/大数据视频监控/img/search_eddit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
智慧交通/大数据视频监控/img/search_location.png
Normal file
BIN
智慧交通/大数据视频监控/img/search_location.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
智慧交通/大数据视频监控/img/second_title.png
Normal file
BIN
智慧交通/大数据视频监控/img/second_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
智慧交通/大数据视频监控/img/tit01s.png
Normal file
BIN
智慧交通/大数据视频监控/img/tit01s.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
智慧交通/大数据视频监控/img/tool.png
Normal file
BIN
智慧交通/大数据视频监控/img/tool.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
智慧交通/大数据视频监控/img/tool_bg.png
Normal file
BIN
智慧交通/大数据视频监控/img/tool_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
智慧交通/大数据视频监控/img/weher01.png
Normal file
BIN
智慧交通/大数据视频监控/img/weher01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
智慧交通/大数据视频监控/img/zoom_inon_01.png
Normal file
BIN
智慧交通/大数据视频监控/img/zoom_inon_01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
智慧交通/大数据视频监控/img/zoom_inon_02.png
Normal file
BIN
智慧交通/大数据视频监控/img/zoom_inon_02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
智慧交通/大数据视频监控/img/临时.png
Normal file
BIN
智慧交通/大数据视频监控/img/临时.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
1808
智慧交通/大数据视频监控/index.html
Normal file
1808
智慧交通/大数据视频监控/index.html
Normal file
File diff suppressed because it is too large
Load Diff
91
智慧交通/大数据视频监控/js/Home_page.js
Normal file
91
智慧交通/大数据视频监控/js/Home_page.js
Normal file
@ -0,0 +1,91 @@
|
||||
/**
|
||||
* Created by Administrator on 2017/10/26.
|
||||
*/
|
||||
|
||||
|
||||
// Xabin
|
||||
|
||||
|
||||
|
||||
|
||||
//应急事件处置
|
||||
$(".message_scroll").click(function () {
|
||||
EventClick();
|
||||
eventHandle();
|
||||
});
|
||||
|
||||
// 地图切换buttn-start
|
||||
$(".map_change").click(function () {
|
||||
$(this).addClass("map_change_chose");
|
||||
$(this).siblings().removeClass("map_change_chose")
|
||||
$(this).show()
|
||||
$(this).siblings().hide()
|
||||
})
|
||||
$(".map_change_box").mouseenter(function () {
|
||||
$(".map_change").show()
|
||||
}).mouseleave(function () {
|
||||
$(".map_change_chose").show()
|
||||
$(".map_change_chose").siblings().hide()
|
||||
})
|
||||
// 地图切换buttn-end
|
||||
$(".tab_msg").click(function () {
|
||||
$(this).addClass("tab_msg_current");
|
||||
$(this).siblings().removeClass("tab_msg_current")
|
||||
})
|
||||
$(".tab_msg01").click(function () {
|
||||
$(".table1").show()
|
||||
$(".table2").hide()
|
||||
})
|
||||
$(".tab_msg02").click(function () {
|
||||
$(".table2").show()
|
||||
$(".table1").hide()
|
||||
})
|
||||
$(".video_around").click(function () {
|
||||
$(this).siblings().removeClass("video_around_chose")
|
||||
$(this).addClass("video_around_chose")
|
||||
})
|
||||
$(".display_type_funct_sure").click(function () {
|
||||
$(".display_box").hide()
|
||||
})
|
||||
$(".display_type_btn").click(function () {
|
||||
$(".display_type_box").show()
|
||||
$(".city_chose_box").hide()
|
||||
})
|
||||
$(".city_chose_btn").click(function () {
|
||||
$(".city_chose_box").show()
|
||||
$(".display_type_box").hide()
|
||||
})
|
||||
//轮播推送隐藏功能
|
||||
$(".scroll_tool_outbox").mouseenter(function(){
|
||||
$(".scroll_tool_outbox").addClass("scroll_tool_outbox_current")
|
||||
});
|
||||
$(".scroll_tool_outbox").mouseleave(function(){
|
||||
$(".scroll_tool_outbox").removeClass("scroll_tool_outbox_current")
|
||||
})
|
||||
//轨迹回放功能激活
|
||||
$(".search_guiji").click(function () {
|
||||
$("#divRouteReview").show();
|
||||
});
|
||||
$(".close_playback").click(function () {
|
||||
$(".trajectory_box").hide();
|
||||
});
|
||||
$("#btnBuffer").click(function () {
|
||||
$("#divBufferSetting").show();
|
||||
});
|
||||
$(".total_chose_pl").click(function () {
|
||||
$(".total_chose_box").show()
|
||||
})
|
||||
$(".total_chose_fr").click(function () {
|
||||
$(".total_chose_box").hide()
|
||||
})
|
||||
// Xabin_end
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
507
智慧交通/大数据视频监控/js/MainMap.js
Normal file
507
智慧交通/大数据视频监控/js/MainMap.js
Normal file
@ -0,0 +1,507 @@
|
||||
|
||||
|
||||
var layer_vector, layer_image, layer_POI, map,layer_SC;
|
||||
var layer_RouteLine, layer_RoutePoi;
|
||||
var graphicLayer_RouteLine;
|
||||
var redColor, blueColor;
|
||||
var geoService;
|
||||
|
||||
var layerUrl_cd_vector = "http://125.70.9.221:8020/cdmap/rest/services/BASEMAP/Vector/MapServer";
|
||||
var layerUrl_cd_raster = "http://125.70.9.221:8020/cdmap/rest/services/BASEMAP/Raster/MapServer";
|
||||
var layerUrl_POI = "http://123.146.170.78:6080/arcgis/rest/services/SCPOI2/MapServer/1";
|
||||
var layerUrl_SC = "http://123.146.170.78:6080/arcgis/rest/services/SCPOI2/MapServer/";
|
||||
|
||||
|
||||
|
||||
dojoConfig = {
|
||||
parseOnLoad: true,
|
||||
packages: [{
|
||||
name: 'tdlib',
|
||||
location: this.location.pathname.replace(/\/[^/]+$/, "") + "/js/tdlib"
|
||||
}]
|
||||
};
|
||||
require(["esri/map", "tdlib/TDTLayer", "tdlib/TDTRasterLayer", "tdlib/TDTAnnoLayer", "esri/layers/FeatureLayer","esri/InfoTemplate",
|
||||
"esri/geometry/Point", "esri/layers/GraphicsLayer", "esri/Color","esri/layers/ArcGISDynamicMapServiceLayer", "dojo/domReady!"],
|
||||
function (Map, TDTLayer, TDTRasterLayer, TDTAnnoLayer, FeatureLayer, InfoTemplate, Point, GraphicsLayer, Color, ArcGISDynamicMapServiceLayer) {
|
||||
|
||||
var pt = new Point(104.06464933797728, 30.66198193058378);
|
||||
map = new Map("divMap", { logo: false, center: pt, zoom: 7 });
|
||||
|
||||
layer_vector = new TDTLayer();
|
||||
layer_vector.id = "tianDiTu_vec";
|
||||
layer_vector.visible = false;
|
||||
map.addLayer(layer_vector);
|
||||
layer_image = new TDTRasterLayer();
|
||||
layer_image.id = "tianDiTu_img";
|
||||
layer_image.visible = false;
|
||||
map.addLayer(layer_image);
|
||||
|
||||
layer_SC = new ArcGISDynamicMapServiceLayer(layerUrl_SC, {
|
||||
useMapImage: true,
|
||||
});
|
||||
layer_SC.setVisibleLayers([]);
|
||||
map.addLayer(layer_SC);
|
||||
|
||||
|
||||
var template_POI = {
|
||||
title: "${NAME}",
|
||||
content: "<table><tr>" +
|
||||
"<td><ul><li>名称：${NAME}</li><li>类型：${CTYPE}</li><li>区域：${CITY}-${DISTRICT}</li><li>电话：${TEL}</li><li>地址：${ADDRESS}</li></ul></td>" +
|
||||
"<td><img src='${PIC}' style='width:100%;height:100%' /></td></t></table>"
|
||||
};
|
||||
var infoTemplate_POI = new InfoTemplate(template_POI);
|
||||
|
||||
|
||||
layer_POI = new FeatureLayer(layerUrl_POI,{
|
||||
definitionExpression: "CTYPE='1'",
|
||||
infoTemplate: infoTemplate_POI,
|
||||
outFields: ["*"]
|
||||
});
|
||||
map.addLayer(layer_POI);
|
||||
|
||||
graphicLayer_RouteLine = new GraphicsLayer({ id: "graphicLayer_RouteLine" });
|
||||
map.addLayer(graphicLayer_RouteLine);
|
||||
map.on('click', function (event) {
|
||||
if (isSetBufferCenter) {
|
||||
$("#txtBufferX").val(event.mapPoint.x);
|
||||
$("#txtBufferY").val(event.mapPoint.y);
|
||||
showEventPoint(event.mapPoint.x, event.mapPoint.y);
|
||||
isSetBufferCenter = false;
|
||||
}
|
||||
//var txt = $("#txtCoord").val()+ '['+ event.mapPoint.x + ',' + event.mapPoint.y + ']'
|
||||
var txt = event.mapPoint.x + ',' + event.mapPoint.y;
|
||||
$("#txtCoord").val(txt);
|
||||
});
|
||||
|
||||
showLayer('vector');
|
||||
|
||||
|
||||
//初始化颜色
|
||||
redColor = new Color([255, 0, 0]);
|
||||
blueColor = new Color([0, 0, 255]);
|
||||
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
function showLayer(layerType) {
|
||||
|
||||
layer_image.setVisibility(false);
|
||||
layer_vector.setVisibility(false);
|
||||
|
||||
switch (layerType) {
|
||||
case 'vector':
|
||||
layer_vector.setVisibility(true);
|
||||
break;
|
||||
case 'image':
|
||||
layer_image.setVisibility(true);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
function addressQuery() {
|
||||
var queryValue = $("#txtQuery").val();
|
||||
var queryUrl = "http://www.scgis.net.cn/imap/imapserver/defaultrest/services/Newscnamesearch//Search?keyname=" + queryValue + "&typeCode=&DiQuKey=&QuXianKey=&isOnlyName=false&token=i44984NioeS2YQXAEi-NWImtfxFPNSx67E928s7whNAS9nH0uwTuO_YsKaxDdaxtdXi83flyMrcC9oG5S32Duw..&SearchEnvelope=&StartIndex=0&StopIndex=1000&ST=92916&callback=dojo.io.script.jsonp_dojoIoScript4._jsonpCallback";
|
||||
$.ajax({
|
||||
url: queryUrl,
|
||||
success: function (data) {
|
||||
data = data.replace('dojo.io.script.jsonp_dojoIoScript4._jsonpCallback(', '');
|
||||
data = data.replace(');', '');
|
||||
var result = eval('(' + data + ')');
|
||||
alert(result.message.features.length);
|
||||
var txt = "";
|
||||
map.graphics.clear();
|
||||
//for (i = 0; i < result.message.features.length; i++) {
|
||||
// txt += result.message.features[i].attributes[3] + ',';
|
||||
// var feature = result.message.features[i];
|
||||
// var attr = { name: feature.attributes[3], type: feature.attributes[4], address: feature.attributes[8], pic: feature.attributes[10] };
|
||||
// addPoint(feature.attributes[1], feature.attributes[2], view.spatialReference, attr);
|
||||
//}
|
||||
txt = JSON.stringify(result.message.columns);
|
||||
txt = txt + JSON.stringify(result.message.features);
|
||||
$("#txtCoord").val(txt);
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
//添加点位
|
||||
function addPointGraphic(x, y, pic) {
|
||||
require(["esri/symbols/PictureMarkerSymbol", "esri/symbols/TextSymbol", "esri/geometry/Point", "esri/graphic"], function (PictureMarkerSymbol, TextSymbol, Point, Graphic) {
|
||||
|
||||
var pt = new Point(x,y,map.spatialReference );
|
||||
|
||||
var symbol = new PictureMarkerSymbol(pic,32,32);
|
||||
|
||||
var ptGraphic = new Graphic(pt, symbol );
|
||||
|
||||
map.graphics.add(ptGraphic);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
//添加显示点
|
||||
function addPoint(x, y, spatialReference, attri) {
|
||||
|
||||
require(["esri/symbols/PictureMarkerSymbol", "esri/symbols/TextSymbol", "esri/geometry/Point", "esri/graphic", "esri/InfoTemplate"], function (PictureMarkerSymbol, TextSymbol, Point, Graphic, InfoTemplate) {
|
||||
|
||||
var pt = new Point({
|
||||
x: x,
|
||||
y: y,
|
||||
spatialReference: spatialReference
|
||||
});
|
||||
|
||||
var symbol = new PictureMarkerSymbol( "images/mapIcon/qiangji32.png",32,32);
|
||||
|
||||
var infoTemplate = new InfoTemplate("${NAME}","名称:${NAME}<br>类型:${TYPE}<br>地址:${ADDRESS}");
|
||||
|
||||
var polylineGraphic = new Graphic(pt,symbol, attri,infoTemplate);
|
||||
|
||||
map.graphics.add(polylineGraphic);
|
||||
|
||||
var textSymbol = new TextSymbol({
|
||||
color: "white",
|
||||
backgroundColor: "green",
|
||||
haloColor: "black",
|
||||
haloSize: "1px",
|
||||
text: attri.name,
|
||||
xoffset: 3,
|
||||
yoffset: 3,
|
||||
font: {
|
||||
size: 12,
|
||||
family: "sans-serif",
|
||||
weight: "bolder"
|
||||
}
|
||||
});
|
||||
var txtGraphic = new Graphic( pt, textSymbol );
|
||||
map.graphics.add(txtGraphic);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
//添加显示线
|
||||
function addLine(pts, spatialReference,color) {
|
||||
require(["esri/geometry/Polyline", "esri/symbols/SimpleLineSymbol", "esri/Color", "esri/graphic"], function (Polyline, SimpleLineSymbol, Color,Graphic) {
|
||||
var paths = [pts];
|
||||
|
||||
var line = new Polyline({
|
||||
paths: paths,
|
||||
spatialReference: spatialReference
|
||||
});
|
||||
|
||||
var symbol = new SimpleLineSymbol(
|
||||
SimpleLineSymbol.STYLE_SOLID,
|
||||
color,
|
||||
3
|
||||
);
|
||||
|
||||
var lineGraphic = new Graphic(line, symbol);
|
||||
|
||||
graphicLayer_RouteLine.add(lineGraphic);
|
||||
map.setExtent(line.getExtent().expand(3));
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
//专题图显示
|
||||
//仓库-1，加油站-2，派出所-3，危化品企业-4，学校-5，医疗卫生-6，应急避难场所-7
|
||||
$("#layerList li input").change(function (evt) {
|
||||
var where = "";
|
||||
var layerCheckes = $("#layerList li input");
|
||||
for (i = 0; i < layerCheckes.length; i++) {
|
||||
if (layerCheckes[i].checked) {
|
||||
where += layerCheckes[i].id.replace('zt_', '') + ",";
|
||||
}
|
||||
}
|
||||
if (where == "")
|
||||
where = "CTYPEID=-1";
|
||||
else
|
||||
where = "CTYPEID in (" + where.substring(0, where.length - 1) + ")";
|
||||
|
||||
layer_POI.setDefinitionExpression(where);
|
||||
});
|
||||
|
||||
//轨迹回放
|
||||
var timer_Route;
|
||||
var iPoint_Route;
|
||||
//实际行走险路
|
||||
var points_Route = [[104.12151233673112, 30.668625259399512], [104.11966697692887, 30.667809867858985], [104.11842243194596, 30.667251968383887], [104.1170062255861, 30.666822814941504], [104.11606208801285, 30.66639366149912], [104.1147746276857, 30.666050338745215], [104.11378757476822, 30.665792846679786], [104.11211387634293, 30.66519203186045], [104.11116973876969, 30.66493453979502], [104.11172763824479, 30.66347541809092], [104.11211387634293, 30.6624454498292], [104.11228553771988, 30.661329650879004], [104.11228553771988, 30.659870529174903], [104.11219970703141, 30.65866889953623], [104.11215679168721, 30.65656604766857], [104.11215679168721, 30.655192756652944], [104.11215679168721, 30.654162788391226], [104.11189929962178, 30.653347396850698], [104.11138431549092, 30.652188682556265], [104.11052600860616, 30.65055789947521], [104.10971061706567, 30.649141693115368], [104.10885231018091, 30.64759674072279], [104.10765068054224, 30.645708465576305], [104.10662071228052, 30.64459266662611], [104.10524742126489, 30.64313354492201], [104.10456077575708, 30.641416931152477], [104.10370246887231, 30.639700317382946], [104.10258666992212, 30.63832702636732], [104.1019000244143, 30.63661041259779], [104.10078422546411, 30.635237121582165], [104.1000975799563, 30.633949661255016], [104.09923927307153, 30.632490539550915], [104.09786598205591, 30.63085975646986], [104.09709350585962, 30.62940063476576], [104.09520523071315, 30.626654052734516], [104.09383193969752, 30.62528076171889], [104.09314529418971, 30.624250793457172], [104.09211532592799, 30.623907470703266], [104.09039871215846, 30.62356414794936], [104.08816711425807, 30.623392486572406], [104.08490554809596, 30.623220825195453], [104.08198730468776, 30.622877502441547], [104.08112899780299, 30.622877502441547], [104.08061401367213, 30.621160888672016], [104.08009902954127, 30.619100952148578], [104.07975570678737, 30.61704101562514], [104.07924072265651, 30.614723587036273], [104.07829658508327, 30.611891174316547], [104.07821075439479, 30.610689544677875], [104.0779532623294, 30.609402084350727], [104.07812492370635, 30.608200454712055], [104.07812492370635, 30.606998825073383], [104.07778160095245, 30.60528221130385], [104.07718078613311, 30.60356559753432], [104.07743827819854, 30.602707290649555], [104.0779532623294, 30.60184898376479], [104.07846824646026, 30.60081901550307], [104.07863990783721, 30.60030403137221], [104.07881156921417, 30.599445724487445], [104.07881156921417, 30.598415756225727], [104.07863990783721, 30.597729110717914], [104.0779532623294, 30.5970424652101]];
|
||||
|
||||
//规定运输线路
|
||||
var points_Route_Must = [[104.1214522489628, 30.668844129226763], [104.12299720135537, 30.669530774734575], [104.12454215374795, 30.670217420242388], [104.12625876751748, 30.671075727127153], [104.1284045347294, 30.672105695388872], [104.13106528607217, 30.673307325027544], [104.13312522259561, 30.674251462600786], [104.13381186810342, 30.674852277420122], [104.13484183636514, 30.675023938797075], [104.13655845013467, 30.673993970535356], [104.13776007977334, 30.67313566365059], [104.13930503216592, 30.672277356765825], [104.14102164593545, 30.671075727127153], [104.14308158245889, 30.670217420242388], [104.1452273496708, 30.66987409748848], [104.14754477825967, 30.670045758865434], [104.14969054547159, 30.67038908161934], [104.15179339733926, 30.670732404373236], [104.15320960369912, 30.670818235061713], [104.15522662487832, 30.67116155781562], [104.15702906933633, 30.67141904988105], [104.1576727994999, 30.67141904988105], [104.15883151379434, 30.671247388504096], [104.15977565136758, 30.670732404373236], [104.16037646618692, 30.66991701283271], [104.16059104290811, 30.668715383194037], [104.16054812756387, 30.667513753555365], [104.16020480480996, 30.665840055130072], [104.15788737622108, 30.660518552444522], [104.15582743969765, 30.655712033889834], [104.15514079418983, 30.650218869827334], [104.15376750317421, 30.648158933303897], [104.15239421215858, 30.644039060257022], [104.15102092114296, 30.64060583271796], [104.14964763012733, 30.637515927932803], [104.14690104809608, 30.633739377639834], [104.14621440258827, 30.630306150100772], [104.14346782055702, 30.62687292256171], [104.1469638285795, 30.63422600206069], [104.14559053756388, 30.631136097275533], [104.14490389205606, 30.628389515244283], [104.14353060104044, 30.625642933213033], [104.14215731002481, 30.62220970567397], [104.14215731002481, 30.61946312364272], [104.13838075973185, 30.616373218857564], [104.13700746871622, 30.612596668564596], [104.1359775004545, 30.610536732041158], [104.13391756393106, 30.608133472763814], [104.13151430465372, 30.60573021348647], [104.12842439986856, 30.605043567978658], [104.12430452682169, 30.60298363145522], [104.12155794479044, 30.601610340439596], [104.11881136275919, 30.60126701768569], [104.11606478072794, 30.599550403916158], [104.11091493941935, 30.599893726670064], [104.10782503463419, 30.599550403916158], [104.10507845260294, 30.598863758408346], [104.10164522506388, 30.59852043565444], [104.09855532027872, 30.59852043565444], [104.09546541549356, 30.59852043565444], [104.09271883346231, 30.59749046739272], [104.09065889693888, 30.59749046739272], [104.08859896041544, 30.59852043565444], [104.08585237838419, 30.59852043565444], [104.08310579635294, 30.599550403916158], [104.08035921432169, 30.599893726670064], [104.07932924605996, 30.600022472702776], [104.07872843124062, 30.60019413407973], [104.0788142619291, 30.599722065293108], [104.07868551589638, 30.598992504441057], [104.07864260055214, 30.598220028244768], [104.07847093917519, 30.597619213425432], [104.07799887038857, 30.597318806015764]];
|
||||
|
||||
function showRoute() {
|
||||
iPoint_Route = 0;
|
||||
map.graphics.clear();
|
||||
layer_POI.setDefinitionExpression("CTYPEID=-1");
|
||||
//绘制轨迹线
|
||||
addLine(points_Route, map.spatialReference,blueColor);
|
||||
|
||||
//绘制审批线路
|
||||
addLine(points_Route_Must, map.spatialReference, redColor);
|
||||
|
||||
//启动车辆
|
||||
timer_Route = setInterval(flashRoute, 2000);
|
||||
}
|
||||
|
||||
|
||||
//刷新轨迹位置
|
||||
function flashRoute() {
|
||||
map.graphics.clear();
|
||||
if (iPoint_Route < points_Route.length) {
|
||||
addPointGraphic(points_Route[iPoint_Route][0], points_Route[iPoint_Route][1], "images/mapIcon/huoche.png");
|
||||
iPoint_Route++;
|
||||
} else {
|
||||
clearInterval(timer_Route);
|
||||
}
|
||||
}
|
||||
|
||||
//全图
|
||||
function zoomFull() {
|
||||
require(["esri/geometry/Point"], function (Point) {
|
||||
var pt = new Point({
|
||||
x: 102.1750010681153,
|
||||
y: 29.958719635009814,
|
||||
spatialReference: map.spatialReference
|
||||
});
|
||||
map.centerAndZoom(pt, 5);
|
||||
});
|
||||
}
|
||||
|
||||
//放大
|
||||
function zoomOut() {
|
||||
var zm = map.getZoom() + 1;
|
||||
if (zm <20)
|
||||
map.setZoom(zm);
|
||||
}
|
||||
|
||||
//缩小
|
||||
function zoomIn() {
|
||||
var zm = map.getZoom() - 1;
|
||||
if (zm > 4)
|
||||
map.setZoom(zm);
|
||||
}
|
||||
|
||||
|
||||
|
||||
//-----------------------------------------城市定位------------------------------
|
||||
|
||||
$("#ulCity li").click(function () {
|
||||
cityLocation(this.innerText);
|
||||
});
|
||||
|
||||
var cityCenterData = [{ name: '成都市', coordX: 104.06464933797728, coordY: 30.66198193058378 },
|
||||
{ name: '德阳市', coordX: 104.39616182267683, coordY: 31.128626242838894 },
|
||||
{ name: '广汉市', coordX: 104.27720050416442, coordY: 30.98125495072465 },
|
||||
{ name: '什邡市', coordX: 104.16931136018156, coordY: 31.128094096761312 },
|
||||
{ name: '绵阳市', coordX: 104.71953866976015, coordY: 31.49196533513092 },
|
||||
{ name: '广元市', coordX: 105.8411551951016, coordY: 32.432445904973584 },
|
||||
{ name: '巴中市', coordX: 106.7548743597749, coordY: 31.857723620173256 },
|
||||
{ name: '达州市', coordX: 107.48052099925064, coordY: 31.219486720196677 },
|
||||
{ name: '自贡市', coordX: 104.77421082761674, coordY: 29.351811088249352 },
|
||||
{ name: '泸州市', coordX: 105.43799099601415, coordY: 28.875347847910863 },
|
||||
{ name: '宜宾市', coordX: 104.61442845147651, coordY: 28.77949224084179 },
|
||||
{ name: '乐山市', coordX: 103.76477383864666, coordY: 29.570748332166442 },
|
||||
{ name: '眉山市', coordX: 103.8388628847487, coordY: 30.057785987714666 },
|
||||
{ name: '雅安市', coordX: 103.01869917051499, coordY: 29.994477273989844 },
|
||||
{ name: '甘孜州', coordX: 101.96085326462626, coordY: 30.036053673370464 },
|
||||
{ name: '阿坝州', coordX: 102.22195024516553, coordY: 31.90058805220809 },
|
||||
{ name: '凉山州', coordX: 102.25959586068651, coordY: 27.883986689826066 },
|
||||
{ name: '攀枝花市', coordX: 101.70856287209915, coordY: 26.581591822882732 },
|
||||
{ name: '广安市', coordX: 106.6307129347292, coordY: 30.46058945850295 },
|
||||
{ name: '南充市', coordX: 106.09258885235211, coordY: 30.80133728127757 },
|
||||
{ name: '内江市', coordX: 105.05860193954454, coordY: 29.595999533171394 },
|
||||
{ name: '资阳市', coordX: 104.63823762986025, coordY: 30.12372097172833 },
|
||||
{ name: '遂宁市', coordX: 105.586908738787, coordY: 30.517752717983164 }]
|
||||
|
||||
|
||||
function cityLocation(cityName) {
|
||||
for (i = 0; i < cityCenterData.length; i++) {
|
||||
if (cityCenterData[i].name == cityName) {
|
||||
require(["esri/geometry/Point"], function (Point) {
|
||||
var pt = new Point({
|
||||
x: cityCenterData[i].coordX,
|
||||
y: cityCenterData[i].coordY,
|
||||
spatialReference: map.spatialReference
|
||||
});
|
||||
map.centerAndZoom(pt, 10);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//-----------------------------------------城市定位 END------------------------------
|
||||
|
||||
|
||||
//--------------------------------------热力图分析-------------------------------------
|
||||
|
||||
function showHeatMap() {
|
||||
require([
|
||||
"esri/InfoTemplate",
|
||||
"esri/layers/FeatureLayer",
|
||||
"esri/map",
|
||||
"esri/renderers/HeatmapRenderer",
|
||||
"dojo/domReady!"
|
||||
],function (InfoTemplate, FeatureLayer, Map, HeatmapRenderer) {
|
||||
|
||||
var infoTemplate = new InfoTemplate("${NAME}", "名称:${NAME}<br>类型:${TYPE}<br>地址:${ADDRESS}");
|
||||
|
||||
var heatmapFeatureLayerOptions = {
|
||||
mode: FeatureLayer.MODE_SNAPSHOT,
|
||||
infoTemplate: infoTemplate,
|
||||
outFields: ["*"],
|
||||
definitionExpression: layer_POI.getDefinitionExpression()
|
||||
};
|
||||
|
||||
var heatmapFeatureLayer = new FeatureLayer(layerUrl_POI, heatmapFeatureLayerOptions);
|
||||
var heatmapRenderer = new HeatmapRenderer();
|
||||
heatmapFeatureLayer.setRenderer(heatmapRenderer);
|
||||
map.addLayer(heatmapFeatureLayer);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
//--------------------------------------热力图分析 END-------------------------------------
|
||||
|
||||
|
||||
//--------------------------------------缓冲区分析-------------------------------------
|
||||
|
||||
var isSetBufferCenter = false;
|
||||
|
||||
function setBufferCenter() {
|
||||
isSetBufferCenter = true;
|
||||
}
|
||||
|
||||
function executeBuffer() {
|
||||
var dis = $("#txtBufferDis").val();
|
||||
var bufferX= $("#txtBufferX").val();
|
||||
var bufferY = $("#txtBufferY").val();
|
||||
bufferX = parseFloat(bufferX);
|
||||
bufferY = parseFloat(bufferY);
|
||||
dis = parseFloat(dis);
|
||||
bufferAnalyst(bufferX, bufferY, dis);
|
||||
}
|
||||
|
||||
function bufferAnalyst(ptX,ptY, bufferDistance) {
|
||||
|
||||
require(["esri/geometry/Point", "esri/tasks/BufferParameters", "esri/SpatialReference", "dojo/dom", "esri/tasks/GeometryService", "esri/geometry/normalizeUtils" ],
|
||||
function (Point, BufferParameters, SpatialReference, dom, GeometryService, normalizeUtils) {
|
||||
|
||||
if (geoService == null) {
|
||||
|
||||
geoService = "init";
|
||||
|
||||
esriConfig.defaults.geometryService = new GeometryService("http://123.146.170.78:6080/arcgis/rest/services/Utilities/Geometry/GeometryServer");
|
||||
// proxy 用于跨域
|
||||
esriConfig.defaults.io.proxyUrl = "/proxy/";
|
||||
esriConfig.defaults.io.alwaysUseProxy = false;
|
||||
}
|
||||
|
||||
|
||||
var params = new BufferParameters();
|
||||
var centerPoint = new Point(ptX, ptY, map.spatialReference);
|
||||
//params.geometries = [centerPoint];
|
||||
params.distances = [bufferDistance/100000];
|
||||
params.unit = 9102; //GeometryService.UNIT_SQUARE_FEET;
|
||||
params.bufferSpatialReference = map.spatialReference;
|
||||
params.outSpatialReference = map.spatialReference;
|
||||
|
||||
normalizeUtils.normalizeCentralMeridian([centerPoint]).then(function (normalizedGeometries) {
|
||||
var normalizedGeometry = normalizedGeometries[0];
|
||||
if (normalizedGeometry.type === "polygon") {
|
||||
|
||||
// 规范化多边形几何操作
|
||||
esriConfig.defaults.geometryService.simplify([normalizedGeometry], function (geometries) {
|
||||
params.geometries = geometries;
|
||||
|
||||
// 进行缓冲操作
|
||||
esriConfig.defaults.geometryService.buffer(params, showBuffResult);// ShowBuffer is callback function
|
||||
});
|
||||
} else {
|
||||
params.geometries = [normalizedGeometry];
|
||||
esriConfig.defaults.geometryService.buffer(params, showBuffResult);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function showBuffResult(bufferedGeometries) {
|
||||
|
||||
require(["esri/graphic", "esri/symbols/SimpleFillSymbol", "esri/symbols/SimpleLineSymbol", "esri/Color", "dojo/_base/array"], function (Graphic, SimpleFillSymbol, SimpleLineSymbol, Color, array) {
|
||||
// 设置缓冲区显示样式
|
||||
var symbol = new SimpleFillSymbol(
|
||||
SimpleFillSymbol.STYLE_SOLID,
|
||||
new SimpleLineSymbol(
|
||||
SimpleLineSymbol.STYLE_SOLID,
|
||||
new Color([255, 0, 0, 0.65]), 2),
|
||||
new Color([255, 0, 0, 0.35])
|
||||
);
|
||||
// dojo 数组遍历
|
||||
array.forEach(bufferedGeometries, function (geometry) {
|
||||
bufferGeometry = geometry;
|
||||
map.setExtent(geometry.getExtent().expand(3));
|
||||
// 显示地图绘制样式
|
||||
var graphic = new Graphic(geometry, symbol);
|
||||
map.graphics.add(graphic);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
//--------------------------------------缓冲区分析 END-------------------------------------
|
||||
|
||||
|
||||
//--------------------------------------应急事件处置-------------------------------------
|
||||
|
||||
function eventHandle() {
|
||||
require(["esri/geometry/Point", "esri/tasks/BufferParameters", "esri/SpatialReference", "dojo/dom", "esri/tasks/GeometryService", "esri/geometry/normalizeUtils" ],
|
||||
function (Point, BufferParameters, SpatialReference, dom, GeometryService, normalizeUtils) {
|
||||
showEventPoint(104.06464933797728, 30.66198193058378);
|
||||
var where = "CTYPEID in (11,12,13,14)";
|
||||
layer_POI.setDefinitionExpression(where);
|
||||
bufferAnalyst(104.06464933797728, 30.66198193058378, 1000);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
function showEventPoint(ptX, ptY) {
|
||||
require(["esri/symbols/PictureMarkerSymbol", "esri/graphic", "esri/geometry/Point"
|
||||
], function (PictureMarkerSymbol, Graphic, Point) {
|
||||
map.graphics.clear();
|
||||
var centerPoint = new Point(ptX, ptY, map.spatialReference);
|
||||
//定位点符号
|
||||
var symbol_Point = new PictureMarkerSymbol('images/mapIcon/event.png', 32, 32);
|
||||
map.graphics.add(new Graphic(centerPoint, symbol_Point));
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
//--------------------------------------应急事件处置 END-------------------------------------
|
||||
|
||||
|
||||
//-------------------------------------显示危化品生命周期-------------------------------
|
||||
|
||||
function showLife() {
|
||||
|
||||
clearAll();
|
||||
layer_SC.setVisibleLayers([0, 2]);
|
||||
require(["esri/geometry/Point"], function (Point) {
|
||||
var pt = new Point({
|
||||
x: 104.021,
|
||||
y: 30.661,
|
||||
spatialReference: map.spatialReference
|
||||
});
|
||||
map.centerAndZoom(pt, 10);
|
||||
});
|
||||
clearInterval(timer_Route);
|
||||
}
|
||||
|
||||
|
||||
function clearAll() {
|
||||
layer_SC.setVisibleLayers([]);
|
||||
layer_POI.setVisibility(false);
|
||||
map.graphics.clear();
|
||||
}
|
||||
556
智慧交通/大数据视频监控/js/artDialog/artDialog.js
Normal file
556
智慧交通/大数据视频监控/js/artDialog/artDialog.js
Normal file
@ -0,0 +1,556 @@
|
||||
/*!
|
||||
* artDialog 4.1.7
|
||||
* Date: 2013-03-03 08:04
|
||||
* http://code.google.com/p/artdialog/
|
||||
* (c) 2009-2012 TangBin, http://www.planeArt.cn
|
||||
*
|
||||
* This is licensed under the GNU LGPL, version 2.1 or later.
|
||||
* For details, see: http://creativecommons.org/licenses/LGPL/2.1/
|
||||
*/
|
||||
(function (e, t) {
|
||||
function h(e, t, n) {
|
||||
t = t || document, n = n || "*";
|
||||
var r = 0, i = 0, s = [], o = t.getElementsByTagName(n), u = o.length, a = new RegExp("(^|\\s)" + e + "(\\s|$)");
|
||||
for (; r < u; r++)a.test(o[r].className) && (s[i] = o[r], i++);
|
||||
return s
|
||||
}
|
||||
|
||||
function p(r) {
|
||||
var i = n.expando, s = r === e ? 0 : r[i];
|
||||
return s === t && (r[i] = s = ++n.uuid), s
|
||||
}
|
||||
|
||||
function d() {
|
||||
if (n.isReady)return;
|
||||
try {
|
||||
document.documentElement.doScroll("left")
|
||||
} catch (e) {
|
||||
setTimeout(d, 1);
|
||||
return
|
||||
}
|
||||
n.ready()
|
||||
}
|
||||
|
||||
function v(e) {
|
||||
return n.isWindow(e) ? e : e.nodeType === 9 ? e.defaultView || e.parentWindow : !1
|
||||
}
|
||||
|
||||
var n = e.art = function (e, t) {
|
||||
return new n.fn.init(e, t)
|
||||
}, r = !1, i = [], s, o = "opacity" in document.documentElement.style, u = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/, a = /[\n\t]/g, f = /alpha\([^)]*\)/i, l = /opacity=([^)]*)/, c = /^([+-]=)?([\d+-.]+)(.*)$/;
|
||||
return e.$ === t && (e.$ = n), n.fn = n.prototype = {
|
||||
constructor: n, ready: function (e) {
|
||||
return n.bindReady(), n.isReady ? e.call(document, n) : i && i.push(e), this
|
||||
}, hasClass: function (e) {
|
||||
var t = " " + e + " ";
|
||||
return (" " + this[0].className + " ").replace(a, " ").indexOf(t) > -1 ? !0 : !1
|
||||
}, addClass: function (e) {
|
||||
return this.hasClass(e) || (this[0].className += " " + e), this
|
||||
}, removeClass: function (e) {
|
||||
var t = this[0];
|
||||
return e ? this.hasClass(e) && (t.className = t.className.replace(e, " ")) : t.className = "", this
|
||||
}, css: function (e, r) {
|
||||
var i, s = this[0], o = arguments[0];
|
||||
if (typeof e == "string") {
|
||||
if (r === t)return n.css(s, e);
|
||||
e === "opacity" ? n.opacity.set(s, r) : s.style[e] = r
|
||||
} else for (i in o)i === "opacity" ? n.opacity.set(s, o[i]) : s.style[i] = o[i];
|
||||
return this
|
||||
}, show: function () {
|
||||
return this.css("display", "block")
|
||||
}, hide: function () {
|
||||
return this.css("display", "none")
|
||||
}, offset: function () {
|
||||
var e = this[0], t = e.getBoundingClientRect(), n = e.ownerDocument, r = n.body, i = n.documentElement, s = i.clientTop || r.clientTop || 0, o = i.clientLeft || r.clientLeft || 0, u = t.top + (self.pageYOffset || i.scrollTop) - s, a = t.left + (self.pageXOffset || i.scrollLeft) - o;
|
||||
return {left: a, top: u}
|
||||
}, html: function (e) {
|
||||
var r = this[0];
|
||||
return e === t ? r.innerHTML : (n.cleanData(r.getElementsByTagName("*")), r.innerHTML = e, this)
|
||||
}, remove: function () {
|
||||
var e = this[0];
|
||||
return n.cleanData(e.getElementsByTagName("*")), n.cleanData([e]), e.parentNode.removeChild(e), this
|
||||
}, bind: function (e, t) {
|
||||
return n.event.add(this[0], e, t), this
|
||||
}, unbind: function (e, t) {
|
||||
return n.event.remove(this[0], e, t), this
|
||||
}
|
||||
}, n.fn.init = function (e, t) {
|
||||
var r, i;
|
||||
t = t || document;
|
||||
if (!e)return this;
|
||||
if (e.nodeType)return this[0] = e, this;
|
||||
if (e === "body" && t.body)return this[0] = t.body, this;
|
||||
if (e === "head" || e === "html")return this[0] = t.getElementsByTagName(e)[0], this;
|
||||
if (typeof e == "string") {
|
||||
r = u.exec(e);
|
||||
if (r && r[2])return i = t.getElementById(r[2]), i && i.parentNode && (this[0] = i), this
|
||||
}
|
||||
return typeof e == "function" ? n(document).ready(e) : (this[0] = e, this)
|
||||
}, n.fn.init.prototype = n.fn, n.noop = function () {
|
||||
}, n.isWindow = function (e) {
|
||||
return e && typeof e == "object" && "setInterval" in e
|
||||
}, n.isArray = function (e) {
|
||||
return Object.prototype.toString.call(e) === "[object Array]"
|
||||
}, n.fn.find = function (e) {
|
||||
var t, r = this[0], i = e.split(".")[1];
|
||||
return i ? document.getElementsByClassName ? t = r.getElementsByClassName(i) : t = h(i, r) : t = r.getElementsByTagName(e), n(t[0])
|
||||
}, n.each = function (e, n) {
|
||||
var r, i = 0, s = e.length, o = s === t;
|
||||
if (o) {
|
||||
for (r in e)if (n.call(e[r], r, e[r]) === !1)break
|
||||
} else for (var u = e[0]; i < s && n.call(u, i, u) !== !1; u = e[++i]);
|
||||
return e
|
||||
}, n.data = function (e, r, i) {
|
||||
var s = n.cache, o = p(e);
|
||||
return r === t ? s[o] : (s[o] || (s[o] = {}), i !== t && (s[o][r] = i), s[o][r])
|
||||
}, n.removeData = function (e, t) {
|
||||
var r = !0, i = n.expando, s = n.cache, o = p(e), u = o && s[o];
|
||||
if (!u)return;
|
||||
if (t) {
|
||||
delete u[t];
|
||||
for (var a in u)r = !1;
|
||||
r && delete n.cache[o]
|
||||
} else delete s[o], e.removeAttribute ? e.removeAttribute(i) : e[i] = null
|
||||
}, n.uuid = 0, n.cache = {}, n.expando = "@cache" + +(new Date), n.event = {
|
||||
add: function (e, t, r) {
|
||||
var i, s, o = n.event, u = n.data(e, "@events") || n.data(e, "@events", {});
|
||||
i = u[t] = u[t] || {}, s = i.listeners = i.listeners || [], s.push(r), i.handler || (i.elem = e, i.handler = o.handler(i), e.addEventListener ? e.addEventListener(t, i.handler, !1) : e.attachEvent("on" + t, i.handler))
|
||||
}, remove: function (e, t, r) {
|
||||
var i, s, o, u = n.event, a = !0, f = n.data(e, "@events");
|
||||
if (!f)return;
|
||||
if (!t) {
|
||||
for (i in f)u.remove(e, i);
|
||||
return
|
||||
}
|
||||
s = f[t];
|
||||
if (!s)return;
|
||||
o = s.listeners;
|
||||
if (r)for (i = 0; i < o.length; i++)o[i] === r && o.splice(i--, 1); else s.listeners = [];
|
||||
if (s.listeners.length === 0) {
|
||||
e.removeEventListener ? e.removeEventListener(t, s.handler, !1) : e.detachEvent("on" + t, s.handler), delete f[t], s = n.data(e, "@events");
|
||||
for (var l in s)a = !1;
|
||||
a && n.removeData(e, "@events")
|
||||
}
|
||||
}, handler: function (t) {
|
||||
return function (r) {
|
||||
r = n.event.fix(r || e.event);
|
||||
for (var i = 0, s = t.listeners, o; o = s[i++];)o.call(t.elem, r) === !1 && (r.preventDefault(), r.stopPropagation())
|
||||
}
|
||||
}, fix: function (e) {
|
||||
if (e.target)return e;
|
||||
var t = {
|
||||
target: e.srcElement || document, preventDefault: function () {
|
||||
e.returnValue = !1
|
||||
}, stopPropagation: function () {
|
||||
e.cancelBubble = !0
|
||||
}
|
||||
};
|
||||
for (var n in e)t[n] = e[n];
|
||||
return t
|
||||
}
|
||||
}, n.cleanData = function (e) {
|
||||
var t = 0, r, i = e.length, s = n.event.remove, o = n.removeData;
|
||||
for (; t < i; t++)r = e[t], s(r), o(r)
|
||||
}, n.isReady = !1, n.ready = function () {
|
||||
if (!n.isReady) {
|
||||
if (!document.body)return setTimeout(n.ready, 13);
|
||||
n.isReady = !0;
|
||||
if (i) {
|
||||
var e, t = 0;
|
||||
while (e = i[t++])e.call(document, n);
|
||||
i = null
|
||||
}
|
||||
}
|
||||
}, n.bindReady = function () {
|
||||
if (r)return;
|
||||
r = !0;
|
||||
if (document.readyState === "complete")return n.ready();
|
||||
if (document.addEventListener)document.addEventListener("DOMContentLoaded", s, !1), e.addEventListener("load", n.ready, !1); else if (document.attachEvent) {
|
||||
document.attachEvent("onreadystatechange", s), e.attachEvent("onload", n.ready);
|
||||
var t = !1;
|
||||
try {
|
||||
t = e.frameElement == null
|
||||
} catch (i) {
|
||||
}
|
||||
document.documentElement.doScroll && t && d()
|
||||
}
|
||||
}, document.addEventListener ? s = function () {
|
||||
document.removeEventListener("DOMContentLoaded", s, !1), n.ready()
|
||||
} : document.attachEvent && (s = function () {
|
||||
document.readyState === "complete" && (document.detachEvent("onreadystatechange", s), n.ready())
|
||||
}), n.css = "defaultView" in document && "getComputedStyle" in document.defaultView ? function (e, t) {
|
||||
return document.defaultView.getComputedStyle(e, !1)[t]
|
||||
} : function (e, t) {
|
||||
var r = t === "opacity" ? n.opacity.get(e) : e.currentStyle[t];
|
||||
return r || ""
|
||||
}, n.opacity = {
|
||||
get: function (e) {
|
||||
return o ? document.defaultView.getComputedStyle(e, !1).opacity : l.test((e.currentStyle ? e.currentStyle.filter : e.style.filter) || "") ? parseFloat(RegExp.$1) / 100 + "" : 1
|
||||
}, set: function (e, t) {
|
||||
if (o)return e.style.opacity = t;
|
||||
var n = e.style;
|
||||
n.zoom = 1;
|
||||
var r = "alpha(opacity=" + t * 100 + ")", i = n.filter || "";
|
||||
n.filter = f.test(i) ? i.replace(f, r) : n.filter + " " + r
|
||||
}
|
||||
}, n.each(["Left", "Top"], function (e, t) {
|
||||
var r = "scroll" + t;
|
||||
n.fn[r] = function () {
|
||||
var t = this[0], n;
|
||||
return n = v(t), n ? "pageXOffset" in n ? n[e ? "pageYOffset" : "pageXOffset"] : n.document.documentElement[r] || n.document.body[r] : t[r]
|
||||
}
|
||||
}), n.each(["Height", "Width"], function (e, t) {
|
||||
var r = t.toLowerCase();
|
||||
n.fn[r] = function (e) {
|
||||
var r = this[0];
|
||||
return r ? n.isWindow(r) ? r.document.documentElement["client" + t] || r.document.body["client" + t] : r.nodeType === 9 ? Math.max(r.documentElement["client" + t], r.body["scroll" + t], r.documentElement["scroll" + t], r.body["offset" + t], r.documentElement["offset" + t]) : null : e == null ? null : this
|
||||
}
|
||||
}), n.ajax = function (t) {
|
||||
var r = e.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject("Microsoft.XMLHTTP"), i = t.url;
|
||||
if (t.cache === !1) {
|
||||
var s = +(new Date), o = i.replace(/([?&])_=[^&]*/, "$1_=" + s);
|
||||
i = o + (o === i ? (/\?/.test(i) ? "&" : "?") + "_=" + s : "")
|
||||
}
|
||||
r.onreadystatechange = function () {
|
||||
r.readyState === 4 && r.status === 200 && (t.success && t.success(r.responseText), r.onreadystatechange = n.noop)
|
||||
}, r.open("GET", i, 1), r.send(null)
|
||||
}, n.fn.animate = function (e, t, r, i) {
|
||||
t = t || 400, typeof r == "function" && (i = r), r = r && n.easing[r] ? r : "swing";
|
||||
var s = this[0], o, u, a, f, l, h, p = {
|
||||
speed: t, easing: r, callback: function () {
|
||||
o != null && (s.style.overflow = ""), i && i()
|
||||
}
|
||||
};
|
||||
return p.curAnim = {}, n.each(e, function (e, t) {
|
||||
p.curAnim[e] = t
|
||||
}), n.each(e, function (e, t) {
|
||||
u = new n.fx(s, p, e), a = c.exec(t), f = parseFloat(e === "opacity" || s.style && s.style[e] != null ? n.css(s, e) : s[e]), l = parseFloat(a[2]), h = a[3];
|
||||
if (e === "height" || e === "width")l = Math.max(0, l), o = [s.style.overflow, s.style.overflowX, s.style.overflowY];
|
||||
u.custom(f, l, h)
|
||||
}), o != null && (s.style.overflow = "hidden"), this
|
||||
}, n.timers = [], n.fx = function (e, t, n) {
|
||||
this.elem = e, this.options = t, this.prop = n
|
||||
}, n.fx.prototype = {
|
||||
custom: function (e, t, r) {
|
||||
function s() {
|
||||
return i.step()
|
||||
}
|
||||
|
||||
var i = this;
|
||||
i.startTime = n.fx.now(), i.start = e, i.end = t, i.unit = r, i.now = i.start, i.state = i.pos = 0, s.elem = i.elem, s(), n.timers.push(s), n.timerId || (n.timerId = setInterval(n.fx.tick, 13))
|
||||
}, step: function () {
|
||||
var e = this, t = n.fx.now(), r = !0;
|
||||
if (t >= e.options.speed + e.startTime) {
|
||||
e.now = e.end, e.state = e.pos = 1, e.update(), e.options.curAnim[e.prop] = !0;
|
||||
for (var i in e.options.curAnim)e.options.curAnim[i] !== !0 && (r = !1);
|
||||
return r && e.options.callback.call(e.elem), !1
|
||||
}
|
||||
var s = t - e.startTime;
|
||||
return e.state = s / e.options.speed, e.pos = n.easing[e.options.easing](e.state, s, 0, 1, e.options.speed), e.now = e.start + (e.end - e.start) * e.pos, e.update(), !0
|
||||
}, update: function () {
|
||||
var e = this;
|
||||
e.prop === "opacity" ? n.opacity.set(e.elem, e.now) : e.elem.style && e.elem.style[e.prop] != null ? e.elem.style[e.prop] = e.now + e.unit : e.elem[e.prop] = e.now
|
||||
}
|
||||
}, n.fx.now = function () {
|
||||
return +(new Date)
|
||||
}, n.easing = {
|
||||
linear: function (e, t, n, r) {
|
||||
return n + r * e
|
||||
}, swing: function (e, t, n, r) {
|
||||
return (-Math.cos(e * Math.PI) / 2 + .5) * r + n
|
||||
}
|
||||
}, n.fx.tick = function () {
|
||||
var e = n.timers;
|
||||
for (var t = 0; t < e.length; t++)!e[t]() && e.splice(t--, 1);
|
||||
!e.length && n.fx.stop()
|
||||
}, n.fx.stop = function () {
|
||||
clearInterval(n.timerId), n.timerId = null
|
||||
}, n.fn.stop = function () {
|
||||
var e = n.timers;
|
||||
for (var t = e.length - 1; t >= 0; t--)e[t].elem === this[0] && e.splice(t, 1);
|
||||
return this
|
||||
}, n
|
||||
})(window), function (e, t, n) {
|
||||
e.noop = e.noop || function () {
|
||||
};
|
||||
var r, i, s, o, u = 0, a = e(t), f = e(document), l = e("html"), c = document.documentElement, h = t.VBArray && !t.XMLHttpRequest, p = "createTouch" in document && !("onmousemove" in c) || /(iPhone|iPad|iPod)/i.test(navigator.userAgent), d = "artDialog" + +(new Date), v = function (t, i, s) {
|
||||
t = t || {};
|
||||
if (typeof t == "string" || t.nodeType === 1)t = {content: t, fixed: !p};
|
||||
var o, a = v.defaults, f = t.follow = this.nodeType === 1 && this || t.follow;
|
||||
for (var l in a)t[l] === n && (t[l] = a[l]);
|
||||
return e.each({
|
||||
ok: "yesFn",
|
||||
cancel: "noFn",
|
||||
close: "closeFn",
|
||||
init: "initFn",
|
||||
okVal: "yesText",
|
||||
cancelVal: "noText"
|
||||
}, function (e, r) {
|
||||
t[e] = t[e] !== n ? t[e] : t[r]
|
||||
}), typeof f == "string" && (f = e(f)[0]), t.id = f && f[d + "follow"] || t.id || d + u, o = v.list[t.id], f && o ? o.follow(f).zIndex().focus() : o ? o.zIndex().focus() : (p && (t.fixed = !1), e.isArray(t.button) || (t.button = t.button ? [t.button] : []), i !== n && (t.ok = i), s !== n && (t.cancel = s), t.ok && t.button.push({
|
||||
name: t.okVal,
|
||||
callback: t.ok,
|
||||
focus: !0
|
||||
}), t.cancel && t.button.push({
|
||||
name: t.cancelVal,
|
||||
callback: t.cancel
|
||||
}), v.defaults.zIndex = t.zIndex, u++, v.list[t.id] = r ? r._init(t) : new v.fn._init(t))
|
||||
};
|
||||
v.fn = v.prototype = {
|
||||
version: "4.1.7", closed: !0, _init: function (e) {
|
||||
var n = this, i, s = e.icon, o = s && (h ? {png: "icons/" + s + ".png"} : {backgroundImage: "url('" + e.path + "/skins/icons/" + s + ".png')"});
|
||||
return n.closed = !1, n.config = e, n.DOM = i = n.DOM || n._getDOM(), i.wrap.addClass(e.skin), i.close[e.cancel === !1 ? "hide" : "show"](), i.icon[0].style.display = s ? "" : "none", i.iconBg.css(o || {background: "none"}), i.se.css("cursor", e.resize ? "se-resize" : "auto"), i.title.css("cursor", e.drag ? "move" : "auto"), i.content.css("padding", e.padding), n[e.show ? "show" : "hide"](!0), n.button(e.button).title(e.title).content(e.content, !0).size(e.width, e.height).time(e.time), e.follow ? n.follow(e.follow) : n.position(e.left, e.top), n.zIndex().focus(), e.lock && n.lock(), n._addEvent(), n._ie6PngFix(), r = null, e.init && e.init.call(n, t), n
|
||||
}, content: function (e) {
|
||||
var t, r, i, s, o = this, u = o.DOM, a = u.wrap[0], f = a.offsetWidth, l = a.offsetHeight, c = parseInt(a.style.left), h = parseInt(a.style.top), p = a.style.width, d = u.content, v = d[0];
|
||||
return o._elemBack && o._elemBack(), a.style.width = "auto", e === n ? v : (typeof e == "string" ? d.html(e) : e && e.nodeType === 1 && (s = e.style.display, t = e.previousSibling, r = e.nextSibling, i = e.parentNode, o._elemBack = function () {
|
||||
t && t.parentNode ? t.parentNode.insertBefore(e, t.nextSibling) : r && r.parentNode ? r.parentNode.insertBefore(e, r) : i && i.appendChild(e), e.style.display = s, o._elemBack = null
|
||||
}, d.html(""), v.appendChild(e), e.style.display = "block"), arguments[1] || (o.config.follow ? o.follow(o.config.follow) : (f = a.offsetWidth - f, l = a.offsetHeight - l, c -= f / 2, h -= l / 2, a.style.left = Math.max(c, 0) + "px", a.style.top = Math.max(h, 0) + "px"), p && p !== "auto" && (a.style.width = a.offsetWidth + "px"), o._autoPositionType()), o._ie6SelectFix(), o._runScript(v), o)
|
||||
}, title: function (e) {
|
||||
var t = this.DOM, r = t.wrap, i = t.title, s = "aui_state_noTitle";
|
||||
return e === n ? i[0] : (e === !1 ? (i.hide().html(""), r.addClass(s)) : (i.show().html(e || ""), r.removeClass(s)), this)
|
||||
}, position: function (e, t) {
|
||||
var r = this, i = r.config, s = r.DOM.wrap[0], o = h ? !1 : i.fixed, u = h && r.config.fixed, l = f.scrollLeft(), c = f.scrollTop(), p = o ? 0 : l, d = o ? 0 : c, v = a.width(), m = a.height(), g = s.offsetWidth, y = s.offsetHeight, b = s.style;
|
||||
if (e || e === 0)r._left = e.toString().indexOf("%") !== -1 ? e : null, e = r._toNumber(e, v - g), typeof e == "number" ? (e = u ? e += l : e + p, b.left = Math.max(e, p) + "px") : typeof e == "string" && (b.left = e);
|
||||
if (t || t === 0)r._top = t.toString().indexOf("%") !== -1 ? t : null, t = r._toNumber(t, m - y), typeof t == "number" ? (t = u ? t += c : t + d, b.top = Math.max(t, d) + "px") : typeof t == "string" && (b.top = t);
|
||||
return e !== n && t !== n && (r._follow = null, r._autoPositionType()), r
|
||||
}, size: function (e, t) {
|
||||
var n, r, i, s, o = this, u = o.config, f = o.DOM, l = f.wrap, c = f.main, h = l[0].style, p = c[0].style;
|
||||
return e && (o._width = e.toString().indexOf("%") !== -1 ? e : null, n = a.width() - l[0].offsetWidth + c[0].offsetWidth, i = o._toNumber(e, n), e = i, typeof e == "number" ? (h.width = "auto", p.width = Math.max(o.config.minWidth, e) + "px", h.width = l[0].offsetWidth + "px") : typeof e == "string" && (p.width = e, e === "auto" && l.css("width", "auto"))), t && (o._height = t.toString().indexOf("%") !== -1 ? t : null, r = a.height() - l[0].offsetHeight + c[0].offsetHeight, s = o._toNumber(t, r), t = s, typeof t == "number" ? p.height = Math.max(o.config.minHeight, t) + "px" : typeof t == "string" && (p.height = t)), o._ie6SelectFix(), o
|
||||
}, follow: function (t) {
|
||||
var n, r = this, i = r.config;
|
||||
if (typeof t == "string" || t && t.nodeType === 1)n = e(t), t = n[0];
|
||||
if (!t || !t.offsetWidth && !t.offsetHeight)return r.position(r._left, r._top);
|
||||
var s = d + "follow", o = a.width(), u = a.height(), l = f.scrollLeft(), c = f.scrollTop(), p = n.offset(), v = t.offsetWidth, m = t.offsetHeight, g = h ? !1 : i.fixed, y = g ? p.left - l : p.left, b = g ? p.top - c : p.top, w = r.DOM.wrap[0], E = w.style, S = w.offsetWidth, x = w.offsetHeight, T = y - (S - v) / 2, N = b + m, C = g ? 0 : l, k = g ? 0 : c;
|
||||
return T = T < C ? y : T + S > o && y - S > C ? y - S + v : T, N = N + x > u + k && b - x > k ? b - x : N, E.left = T + "px", E.top = N + "px", r._follow && r._follow.removeAttribute(s), r._follow = t, t[s] = i.id, r._autoPositionType(), r
|
||||
}, button: function () {
|
||||
var t = this, r = arguments, i = t.DOM, s = i.buttons, o = s[0], u = "aui_state_highlight", a = t._listeners = t._listeners || {}, f = e.isArray(r[0]) ? r[0] : [].slice.call(r);
|
||||
return r[0] === n ? o : (e.each(f, function (n, r) {
|
||||
var i = r.name, s = !a[i], f = s ? document.createElement("button") : a[i].elem;
|
||||
a[i] || (a[i] = {}), r.callback && (a[i].callback = r.callback), r.className && (f.className = r.className), r.focus && (t._focus && t._focus.removeClass(u), t._focus = e(f).addClass(u), t.focus()), f.setAttribute("type", "button"), f[d + "callback"] = i, f.disabled = !!r.disabled, s && (f.innerHTML = i, a[i].elem = f, o.appendChild(f))
|
||||
}), s[0].style.display = f.length ? "" : "none", t._ie6SelectFix(), t)
|
||||
}, show: function () {
|
||||
return this.DOM.wrap.show(), !arguments[0] && this._lockMaskWrap && this._lockMaskWrap.show(), this
|
||||
}, hide: function () {
|
||||
return this.DOM.wrap.hide(), !arguments[0] && this._lockMaskWrap && this._lockMaskWrap.hide(), this
|
||||
}, close: function () {
|
||||
if (this.closed)return this;
|
||||
var e = this, n = e.DOM, i = n.wrap, s = v.list, o = e.config.close, u = e.config.follow;
|
||||
e.time();
|
||||
if (typeof o == "function" && o.call(e, t) === !1)return e;
|
||||
e.unlock(), e._elemBack && e._elemBack(), i[0].className = i[0].style.cssText = "", n.title.html(""), n.content.html(""), n.buttons.html(""), v.focus === e && (v.focus = null), u && u.removeAttribute(d + "follow"), delete s[e.config.id], e._removeEvent(), e.hide(!0)._setAbsolute();
|
||||
for (var a in e)e.hasOwnProperty(a) && a !== "DOM" && delete e[a];
|
||||
return r ? i.remove() : r = e, e
|
||||
}, time: function (e) {
|
||||
var t = this, n = t.config.cancelVal, r = t._timer;
|
||||
return r && clearTimeout(r), e && (t._timer = setTimeout(function () {
|
||||
t._click(n)
|
||||
}, 1e3 * e)), t
|
||||
}, focus: function () {
|
||||
try {
|
||||
if (this.config.focus) {
|
||||
var e = this._focus && this._focus[0] || this.DOM.close[0];
|
||||
e && e.focus()
|
||||
}
|
||||
} catch (t) {
|
||||
}
|
||||
return this
|
||||
}, zIndex: function () {
|
||||
var e = this, t = e.DOM, n = t.wrap, r = v.focus, i = v.defaults.zIndex++;
|
||||
return n.css("zIndex", i), e._lockMask && e._lockMask.css("zIndex", i - 1), r && r.DOM.wrap.removeClass("aui_state_focus"), v.focus = e, n.addClass("aui_state_focus"), e
|
||||
}, lock: function () {
|
||||
if (this._lock)return this;
|
||||
var t = this, n = v.defaults.zIndex - 1, r = t.DOM.wrap, i = t.config, s = f.width(), o = f.height(), u = t._lockMaskWrap || e(document.body.appendChild(document.createElement("div"))), a = t._lockMask || e(u[0].appendChild(document.createElement("div"))), l = "(document).documentElement", c = p ? "width:" + s + "px;height:" + o + "px" : "width:100%;height:100%", d = h ? "position:absolute;left:expression(" + l + ".scrollLeft);top:expression(" + l + ".scrollTop);width:expression(" + l + ".clientWidth);height:expression(" + l + ".clientHeight)" : "";
|
||||
return t.zIndex(), r.addClass("aui_state_lock"), u[0].style.cssText = c + ";position:fixed;z-index:" + n + ";top:0;left:0;overflow:hidden;" + d, a[0].style.cssText = "height:100%;background:" + i.background + ";filter:alpha(opacity=0);opacity:0", h && a.html('<iframe src="about:blank" style="width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;filter:alpha(opacity=0)"></iframe>'), a.stop(), a.bind("click", function () {
|
||||
t._reset()
|
||||
}).bind("dblclick", function () {
|
||||
t._click(t.config.cancelVal)
|
||||
}), i.duration === 0 ? a.css({opacity: i.opacity}) : a.animate({opacity: i.opacity}, i.duration), t._lockMaskWrap = u, t._lockMask = a, t._lock = !0, t
|
||||
}, unlock: function () {
|
||||
var e = this, t = e._lockMaskWrap, n = e._lockMask;
|
||||
if (!e._lock)return e;
|
||||
var i = t[0].style, s = function () {
|
||||
h && (i.removeExpression("width"), i.removeExpression("height"), i.removeExpression("left"), i.removeExpression("top")), i.cssText = "display:none", r && t.remove()
|
||||
};
|
||||
return n.stop().unbind(), e.DOM.wrap.removeClass("aui_state_lock"), e.config.duration ? n.animate({opacity: 0}, e.config.duration, s) : s(), e._lock = !1, e
|
||||
}, _getDOM: function () {
|
||||
var t = document.createElement("div"), n = document.body;
|
||||
t.style.cssText = "position:absolute;left:0;top:0", t.innerHTML = v._templates, n.insertBefore(t, n.firstChild);
|
||||
var r, i = 0, s = {wrap: e(t)}, o = t.getElementsByTagName("*"), u = o.length;
|
||||
for (; i < u; i++)r = o[i].className.split("aui_")[1], r && (s[r] = e(o[i]));
|
||||
return s
|
||||
}, _toNumber: function (e, t) {
|
||||
if (!e && e !== 0 || typeof e == "number")return e;
|
||||
var n = e.length - 1;
|
||||
return e.lastIndexOf("px") === n ? e = parseInt(e) : e.lastIndexOf("%") === n && (e = parseInt(t * e.split("%")[0] / 100)), e
|
||||
}, _ie6PngFix: h ? function () {
|
||||
var e = 0, t, n, r, i, s = v.defaults.path + "/skins/", o = this.DOM.wrap[0].getElementsByTagName("*");
|
||||
for (; e < o.length; e++)t = o[e], n = t.currentStyle.png, n && (r = s + n, i = t.runtimeStyle, i.backgroundImage = "none", i.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + r + "',sizingMethod='crop')")
|
||||
} : e.noop, _ie6SelectFix: h ? function () {
|
||||
var e = this.DOM.wrap, t = e[0], n = d + "iframeMask", r = e[n], i = t.offsetWidth, s = t.offsetHeight;
|
||||
i += "px", s += "px", r ? (r.style.width = i, r.style.height = s) : (r = t.appendChild(document.createElement("iframe")), e[n] = r, r.src = "about:blank", r.style.cssText = "position:absolute;z-index:-1;left:0;top:0;filter:alpha(opacity=0);width:" + i + ";height:" + s)
|
||||
} : e.noop, _runScript: function (e) {
|
||||
var t, n = 0, r = 0, i = e.getElementsByTagName("script"), s = i.length, o = [];
|
||||
for (; n < s; n++)i[n].type === "text/dialog" && (o[r] = i[n].innerHTML, r++);
|
||||
o.length && (o = o.join(""), t = new Function(o), t.call(this))
|
||||
}, _autoPositionType: function () {
|
||||
this[this.config.fixed ? "_setFixed" : "_setAbsolute"]()
|
||||
}, _setFixed: function () {
|
||||
return h && e(function () {
|
||||
var t = "backgroundAttachment";
|
||||
l.css(t) !== "fixed" && e("body").css(t) !== "fixed" && l.css({
|
||||
zoom: 1,
|
||||
backgroundImage: "url(about:blank)",
|
||||
backgroundAttachment: "fixed"
|
||||
})
|
||||
}), function () {
|
||||
var e = this.DOM.wrap, t = e[0].style;
|
||||
if (h) {
|
||||
var n = parseInt(e.css("left")), r = parseInt(e.css("top")), i = f.scrollLeft(), s = f.scrollTop(), o = "(document.documentElement)";
|
||||
this._setAbsolute(), t.setExpression("left", "eval(" + o + ".scrollLeft + " + (n - i) + ') + "px"'), t.setExpression("top", "eval(" + o + ".scrollTop + " + (r - s) + ') + "px"')
|
||||
} else t.position = "fixed"
|
||||
}
|
||||
}(), _setAbsolute: function () {
|
||||
var e = this.DOM.wrap[0].style;
|
||||
h && (e.removeExpression("left"), e.removeExpression("top")), e.position = "absolute"
|
||||
}, _click: function (e) {
|
||||
var n = this, r = n._listeners[e] && n._listeners[e].callback;
|
||||
return typeof r != "function" || r.call(n, t) !== !1 ? n.close() : n
|
||||
}, _reset: function (e) {
|
||||
var t, n = this, r = n._winSize || a.width() * a.height(), i = n._follow, s = n._width, o = n._height, u = n._left, f = n._top;
|
||||
if (e) {
|
||||
t = n._winSize = a.width() * a.height();
|
||||
if (r === t)return
|
||||
}
|
||||
(s || o) && n.size(s, o), i ? n.follow(i) : (u || f) && n.position(u, f)
|
||||
}, _addEvent: function () {
|
||||
var e, n = this, r = n.config, i = "CollectGarbage" in t, s = n.DOM;
|
||||
n._winResize = function () {
|
||||
e && clearTimeout(e), e = setTimeout(function () {
|
||||
n._reset(i)
|
||||
}, 40)
|
||||
}, a.bind("resize", n._winResize), s.wrap.bind("click", function (e) {
|
||||
var t = e.target, i;
|
||||
if (t.disabled)return !1;
|
||||
if (t === s.close[0])return n._click(r.cancelVal), !1;
|
||||
i = t[d + "callback"], i && n._click(i), n._ie6SelectFix()
|
||||
}).bind("mousedown", function () {
|
||||
n.zIndex()
|
||||
})
|
||||
}, _removeEvent: function () {
|
||||
var e = this, t = e.DOM;
|
||||
t.wrap.unbind(), a.unbind("resize", e._winResize)
|
||||
}
|
||||
}, v.fn._init.prototype = v.fn, e.fn.dialog = e.fn.artDialog = function () {
|
||||
var e = arguments;
|
||||
return this[this.live ? "live" : "bind"]("click", function () {
|
||||
return v.apply(this, e), !1
|
||||
}), this
|
||||
}, v.focus = null, v.get = function (e) {
|
||||
return e === n ? v.list : v.list[e]
|
||||
}, v.list = {}, f.bind("keydown", function (e) {
|
||||
var t = e.target, n = t.nodeName, r = /^INPUT|TEXTAREA$/, i = v.focus, s = e.keyCode;
|
||||
if (!i || !i.config.esc || r.test(n))return;
|
||||
s === 27 && i._click(i.config.cancelVal)
|
||||
}), o = t._artDialog_path || function (e, t, n) {
|
||||
for (t in e)e[t].src && e[t].src.indexOf("artDialog") !== -1 && (n = e[t]);
|
||||
return i = n || e[e.length - 1], n = i.src.replace(/\\/g, "/"), n.lastIndexOf("/") < 0 ? "." : n.substring(0, n.lastIndexOf("/"))
|
||||
}(document.getElementsByTagName("script")), s = i.src.split("skin=")[1];
|
||||
if (s) {
|
||||
var m = document.createElement("link");
|
||||
m.rel = "stylesheet", m.href = o + "/skins/" + s + ".css?" + v.fn.version, i.parentNode.insertBefore(m, i)
|
||||
}
|
||||
a.bind("load", function () {
|
||||
setTimeout(function () {
|
||||
if (u)return;
|
||||
v({left: "-9999em", time: 9, fixed: !1, lock: !1, focus: !1})
|
||||
}, 150)
|
||||
});
|
||||
try {
|
||||
document.execCommand("BackgroundImageCache", !1, !0)
|
||||
} catch (g) {
|
||||
}
|
||||
v._templates = '<div class="aui_outer"><table class="aui_border"><tbody><tr><td class="aui_nw"></td><td class="aui_n"></td><td class="aui_ne"></td></tr><tr><td class="aui_w"></td><td class="aui_c"><div class="aui_inner"><table class="aui_dialog"><tbody><tr><td colspan="2" class="aui_header"><div class="aui_titleBar"><div class="aui_title"></div><a class="aui_close" href="javascript:/*artDialog*/;">\u00d7</a></div></td></tr><tr><td class="aui_icon"><div class="aui_iconBg"></div></td><td class="aui_main"><div class="aui_content"></div></td></tr><tr><td colspan="2" class="aui_footer"><div class="aui_buttons"></div></td></tr></tbody></table></div></td><td class="aui_e"></td></tr><tr><td class="aui_sw"></td><td class="aui_s"></td><td class="aui_se"></td></tr></tbody></table></div>', v.defaults = {
|
||||
content: '<div class="aui_loading"><span>loading..</span></div>',
|
||||
title: "\u6d88\u606f",
|
||||
button: null,
|
||||
ok: null,
|
||||
cancel: null,
|
||||
init: null,
|
||||
close: null,
|
||||
okVal: "\u786e\u5b9a",
|
||||
cancelVal: "\u53d6\u6d88",
|
||||
width: "auto",
|
||||
height: "auto",
|
||||
minWidth: 96,
|
||||
minHeight: 32,
|
||||
padding: "20px 25px",
|
||||
skin: "",
|
||||
icon: null,
|
||||
time: null,
|
||||
esc: !0,
|
||||
focus: !0,
|
||||
show: !0,
|
||||
follow: null,
|
||||
path: o,
|
||||
lock: !1,
|
||||
background: "#000",
|
||||
opacity: .7,
|
||||
duration: 300,
|
||||
fixed: !1,
|
||||
left: "50%",
|
||||
top: "38.2%",
|
||||
zIndex: 1987,
|
||||
resize: !0,
|
||||
drag: !0
|
||||
}, t.artDialog = e.dialog = e.artDialog = v
|
||||
}(this.art || this.jQuery && (this.art = jQuery), this), function (e) {
|
||||
var t, n, r = e(window), i = e(document), s = document.documentElement, o = !("minWidth" in s.style), u = "onlosecapture" in s, a = "setCapture" in s;
|
||||
artDialog.dragEvent = function () {
|
||||
var e = this, t = function (t) {
|
||||
var n = e[t];
|
||||
e[t] = function () {
|
||||
return n.apply(e, arguments)
|
||||
}
|
||||
};
|
||||
t("start"), t("move"), t("end")
|
||||
}, artDialog.dragEvent.prototype = {
|
||||
onstart: e.noop, start: function (e) {
|
||||
return i.bind("mousemove", this.move).bind("mouseup", this.end), this._sClientX = e.clientX, this._sClientY = e.clientY, this.onstart(e.clientX, e.clientY), !1
|
||||
}, onmove: e.noop, move: function (e) {
|
||||
return this._mClientX = e.clientX, this._mClientY = e.clientY, this.onmove(e.clientX - this._sClientX, e.clientY - this._sClientY), !1
|
||||
}, onend: e.noop, end: function (e) {
|
||||
return i.unbind("mousemove", this.move).unbind("mouseup", this.end), this.onend(e.clientX, e.clientY), !1
|
||||
}
|
||||
}, n = function (e) {
|
||||
var n, s, f, l, c, h, p = artDialog.focus, d = p.DOM, v = d.wrap, m = d.title, g = d.main, y = "getSelection" in window ? function () {
|
||||
window.getSelection().removeAllRanges()
|
||||
} : function () {
|
||||
try {
|
||||
document.selection.empty()
|
||||
} catch (e) {
|
||||
}
|
||||
};
|
||||
t.onstart = function (e, n) {
|
||||
h ? (s = g[0].offsetWidth, f = g[0].offsetHeight) : (l = v[0].offsetLeft, c = v[0].offsetTop), i.bind("dblclick", t.end), !o && u ? m.bind("losecapture", t.end) : r.bind("blur", t.end), a && m[0].setCapture(), v.addClass("aui_state_drag"), p.focus()
|
||||
}, t.onmove = function (e, t) {
|
||||
if (h) {
|
||||
var r = v[0].style, i = g[0].style, o = e + s, u = t + f;
|
||||
r.width = "auto", i.width = Math.max(0, o) + "px", r.width = v[0].offsetWidth + "px", i.height = Math.max(0, u) + "px"
|
||||
} else {
|
||||
var i = v[0].style, a = Math.max(n.minX, Math.min(n.maxX, e + l)), d = Math.max(n.minY, Math.min(n.maxY, t + c));
|
||||
i.left = a + "px", i.top = d + "px"
|
||||
}
|
||||
y(), p._ie6SelectFix()
|
||||
}, t.onend = function (e, n) {
|
||||
i.unbind("dblclick", t.end), !o && u ? m.unbind("losecapture", t.end) : r.unbind("blur", t.end), a && m[0].releaseCapture(), o && !p.closed && p._autoPositionType(), v.removeClass("aui_state_drag")
|
||||
}, h = e.target === d.se[0] ? !0 : !1, n = function () {
|
||||
var e, t, n = p.DOM.wrap[0], s = n.style.position === "fixed", o = n.offsetWidth, u = n.offsetHeight, a = r.width(), f = r.height(), l = s ? 0 : i.scrollLeft(), c = s ? 0 : i.scrollTop(), e = a - o + l;
|
||||
return t = f - u + c, {minX: l, minY: c, maxX: e, maxY: t}
|
||||
}(), t.start(e)
|
||||
}, i.bind("mousedown", function (e) {
|
||||
var r = artDialog.focus;
|
||||
if (!r)return;
|
||||
var i = e.target, s = r.config, o = r.DOM;
|
||||
if (s.drag !== !1 && i === o.title[0] || s.resize !== !1 && i === o.se[0])return t = t || new artDialog.dragEvent, n(e), !1
|
||||
})
|
||||
}(this.art || this.jQuery && (this.art = jQuery))
|
||||
2078
智慧交通/大数据视频监控/js/artDialog/artDialog.source.js
Normal file
2078
智慧交通/大数据视频监控/js/artDialog/artDialog.source.js
Normal file
File diff suppressed because it is too large
Load Diff
10
智慧交通/大数据视频监控/js/artDialog/jquery.artDialog.js
Normal file
10
智慧交通/大数据视频监控/js/artDialog/jquery.artDialog.js
Normal file
File diff suppressed because one or more lines are too long
1261
智慧交通/大数据视频监控/js/artDialog/jquery.artDialog.source.js
Normal file
1261
智慧交通/大数据视频监控/js/artDialog/jquery.artDialog.source.js
Normal file
File diff suppressed because it is too large
Load Diff
10
智慧交通/大数据视频监控/js/artDialog/plugins/iframeTools.js
Normal file
10
智慧交通/大数据视频监控/js/artDialog/plugins/iframeTools.js
Normal file
@ -0,0 +1,10 @@
|
||||
/*!
|
||||
* artDialog iframeTools
|
||||
* Date: 2011-12-08 1:32
|
||||
* http://code.google.com/p/artdialog/
|
||||
* (c) 2009-2011 TangBin, http://www.planeArt.cn
|
||||
*
|
||||
* This is licensed under the GNU LGPL, version 2.1 or later.
|
||||
* For details, see: http://creativecommons.org/licenses/LGPL/2.1/
|
||||
*/
|
||||
eval(function(B,D,A,G,E,F){function C(A){return A<62?String.fromCharCode(A+=A<26?65:A<52?71:-4):A<63?'_':A<64?'$':C(A>>6)+C(A&63)}while(A>0)E[C(G--)]=D[--A];return B.replace(/[\w\$]+/g,function(A){return E[A]==F[A]?A:E[A]})}('(6(E,C,D,A){c B,X,W,J="@_.DATA",K="@_.OPEN",H="@_.OPENER",I=C.k=C.k||"@_.WINNAME"+(Bd Bo).Be(),F=C.VBArray&&!C.XMLHttpRequest;E(6(){!C.Bu&&7.BY==="B0"&&Br("9 Error: 7.BY === \\"B0\\"")});c G=D.d=6(){c W=C,X=6(A){f{c W=C[A].7;W.BE}u(X){v!V}v C[A].9&&W.BE("frameset").length===U};v X("d")?W=C.d:X("BB")&&(W=C.BB),W}();D.BB=G,B=G.9,W=6(){v B.BW.w},D.m=6(C,B){c W=D.d,X=W[J]||{};W[J]=X;b(B!==A)X[C]=B;else v X[C];v X},D.BQ=6(W){c X=D.d[J];X&&X[W]&&1 X[W]},D.through=X=6(){c X=B.BR(i,BJ);v G!==C&&(D.B4[X.0.Z]=X),X},G!==C&&E(C).BN("unload",6(){c A=D.B4,W;BO(c X BS A)A[X]&&(W=A[X].0,W&&(W.duration=U),A[X].s(),1 A[X])}),D.p=6(B,O,BZ){O=O||{};c N,L,M,Bc,T,S,R,Q,BF,P=D.d,Ba="8:BD;n:-Bb;d:-Bb;Bp:o U;Bf:transparent",BI="r:g%;x:g%;Bp:o U";b(BZ===!V){c BH=(Bd Bo).Be(),BG=B.replace(/([?&])W=[^&]*/,"$1_="+BH);B=BG+(BG===B?(/\\?/.test(B)?"&":"?")+"W="+BH:"")}c G=6(){c B,C,W=L.2.B2(".aui_loading"),A=N.0;M.addClass("Bi"),W&&W.hide();f{Q=T.$,R=E(Q.7),BF=Q.7.Bg}u(X){T.q.5=BI,A.z?N.z(A.z):N.8(A.n,A.d),O.j&&O.j.l(N,Q,P),O.j=By;v}B=A.r==="Bt"?R.r()+(F?U:parseInt(E(BF).Bv("marginLeft"))):A.r,C=A.x==="Bt"?R.x():A.x,setTimeout(6(){T.q.5=BI},U),N.Bk(B,C),A.z?N.z(A.z):N.8(A.n,A.d),O.j&&O.j.l(N,Q,P),O.j=By},I={w:W(),j:6(){N=i,L=N.h,Bc=L.BM,M=L.2,T=N.BK=P.7.Bn("BK"),T.Bx=B,T.k="Open"+N.0.Z,T.q.5=Ba,T.BX("frameborder",U,U),T.BX("allowTransparency",!U),S=E(T),N.2().B3(T),Q=T.$;f{Q.k=T.k,D.m(T.k+K,N),D.m(T.k+H,C)}u(X){}S.BN("BC",G)},s:6(){S.Bv("4","o").unbind("BC",G);b(O.s&&O.s.l(i,T.$,P)===!V)v!V;M.removeClass("Bi"),S[U].Bx="about:blank",S.remove();f{D.BQ(T.k+K),D.BQ(T.k+H)}u(X){}}};Bq O.Y=="6"&&(I.Y=6(){v O.Y.l(N,T.$,P)}),Bq O.y=="6"&&(I.y=6(){v O.y.l(N,T.$,P)}),1 O.2;BO(c J BS O)I[J]===A&&(I[J]=O[J]);v X(I)},D.p.Bw=D.m(I+K),D.BT=D.m(I+H)||C,D.p.origin=D.BT,D.s=6(){c X=D.m(I+K);v X&&X.s(),!V},G!=C&&E(7).BN("mousedown",6(){c X=D.p.Bw;X&&X.w()}),D.BC=6(C,D,B){B=B||!V;c G=D||{},H={w:W(),j:6(A){c W=i,X=W.0;E.ajax({url:C,success:6(X){W.2(X),G.j&&G.j.l(W,A)},cache:B})}};1 D.2;BO(c F BS G)H[F]===A&&(H[F]=G[F]);v X(H)},D.Br=6(B,A){v X({Z:"Alert",w:W(),BL:"warning",t:!U,BA:!U,2:B,Y:!U,s:A})},D.confirm=6(C,A,B){v X({Z:"Confirm",w:W(),BL:"Bm",t:!U,BA:!U,3:U.V,2:C,Y:6(X){v A.l(i,X)},y:6(X){v B&&B.l(i,X)}})},D.prompt=6(D,B,C){C=C||"";c A;v X({Z:"Prompt",w:W(),BL:"Bm",t:!U,BA:!U,3:U.V,2:["<e q=\\"margin-bottom:5px;font-Bk:12px\\">",D,"</e>","<e>","<Bl B1=\\"",C,"\\" q=\\"r:18em;Bh:6px 4px\\" />","</e>"].join(""),j:6(){A=i.h.2.B2("Bl")[U],A.select(),A.BP()},Y:6(X){v B&&B.l(i,A.B1,X)},y:!U})},D.tips=6(B,A){v X({Z:"Tips",w:W(),title:!V,y:!V,t:!U,BA:!V}).2("<e q=\\"Bh: U 1em;\\">"+B+"</e>").time(A||V.B6)},E(6(){c A=D.dragEvent;b(!A)v;c B=E(C),X=E(7),W=F?"BD":"t",H=A.prototype,I=7.Bn("e"),G=I.q;G.5="4:o;8:"+W+";n:U;d:U;r:g%;x:g%;"+"cursor:move;filter:alpha(3=U);3:U;Bf:#FFF",7.Bg.B3(I),H.Bj=H.Bs,H.BV=H.Bz,H.Bs=6(){c E=D.BP.h,C=E.BM[U],A=E.2[U].BE("BK")[U];H.Bj.BR(i,BJ),G.4="block",G.w=D.BW.w+B5,W==="BD"&&(G.r=B.r()+"a",G.x=B.x()+"a",G.n=X.scrollLeft()+"a",G.d=X.scrollTop()+"a"),A&&C.offsetWidth*C.offsetHeight>307200&&(C.q.BU="hidden")},H.Bz=6(){c X=D.BP;H.BV.BR(i,BJ),G.4="o",X&&(X.h.BM[U].q.BU="visible")}})})(i.art||i.Bu,i,i.9)','P|R|T|U|V|W|0|1|_|$|ok|id|px|if|var|top|div|try|100|DOM|this|init|name|call|data|left|none|open|style|width|close|fixed|catch|return|zIndex|height|cancel|follow|config|delete|content|opacity|display|cssText|function|document|position|artDialog|ARTDIALOG|contentWindow|lock|parent|load|absolute|getElementsByTagName|S|Y|Z|a|arguments|iframe|icon|main|bind|for|focus|removeData|apply|in|opener|visibility|_end|defaults|setAttribute|compatMode|O|Q|9999em|X|new|getTime|background|body|padding|aui_state_full|_start|size|input|question|createElement|Date|border|typeof|alert|start|auto|jQuery|css|api|src|null|end|BackCompat|value|find|appendChild|list|3|5'.split('|'),109,122,{},{}))
|
||||
468
智慧交通/大数据视频监控/js/artDialog/plugins/iframeTools.source.js
Normal file
468
智慧交通/大数据视频监控/js/artDialog/plugins/iframeTools.source.js
Normal file
@ -0,0 +1,468 @@
|
||||
/*!
|
||||
* artDialog iframeTools
|
||||
* Date: 2011-11-25 13:54
|
||||
* http://code.google.com/p/artdialog/
|
||||
* (c) 2009-2011 TangBin, http://www.planeArt.cn
|
||||
*
|
||||
* This is licensed under the GNU LGPL, version 2.1 or later.
|
||||
* For details, see: http://creativecommons.org/licenses/LGPL/2.1/
|
||||
*/
|
||||
|
||||
;(function ($, window, artDialog, undefined) {
|
||||
|
||||
var _topDialog, _proxyDialog, _zIndex,
|
||||
_data = '@ARTDIALOG.DATA',
|
||||
_open = '@ARTDIALOG.OPEN',
|
||||
_opener = '@ARTDIALOG.OPENER',
|
||||
_winName = window.name = window.name
|
||||
|| '@ARTDIALOG.WINNAME' + + new Date,
|
||||
_isIE6 = window.VBArray && !window.XMLHttpRequest;
|
||||
|
||||
$(function () {
|
||||
!window.jQuery && document.compatMode === 'BackCompat'
|
||||
// 不支持怪异模式，请用主流的XHTML1.0或者HTML5的DOCTYPE申明
|
||||
&& alert('artDialog Error: document.compatMode === "BackCompat"');
|
||||
});
|
||||
|
||||
|
||||
/** 获取 artDialog 可跨级调用的最高层的 window 对象 */
|
||||
var _top = artDialog.top = function () {
|
||||
var top = window,
|
||||
test = function (name) {
|
||||
try {
|
||||
var doc = window[name].document; // 跨域|无权限
|
||||
doc.getElementsByTagName; // chrome 本地安全限制
|
||||
} catch (e) {
|
||||
return false;
|
||||
};
|
||||
|
||||
return window[name].artDialog
|
||||
// 框架集无法显示第三方元素
|
||||
&& doc.getElementsByTagName('frameset').length === 0;
|
||||
};
|
||||
|
||||
if (test('top')) {
|
||||
top = window.top;
|
||||
} else if (test('parent')) {
|
||||
top = window.parent;
|
||||
};
|
||||
|
||||
return top;
|
||||
}();
|
||||
artDialog.parent = _top; // 兼容v4.1之前版本，未来版本将删除此
|
||||
|
||||
|
||||
_topDialog = _top.artDialog;
|
||||
|
||||
|
||||
// 获取顶层页面对话框叠加值
|
||||
_zIndex = function () {
|
||||
return _topDialog.defaults.zIndex;
|
||||
};
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* 跨框架数据共享接口
|
||||
* @see http://www.planeart.cn/?p=1554
|
||||
* @param {String} 存储的数据名
|
||||
* @param {Any} 将要存储的任意数据(无此项则返回被查询的数据)
|
||||
*/
|
||||
artDialog.data = function (name, value) {
|
||||
var top = artDialog.top,
|
||||
cache = top[_data] || {};
|
||||
top[_data] = cache;
|
||||
|
||||
if (value !== undefined) {
|
||||
cache[name] = value;
|
||||
} else {
|
||||
return cache[name];
|
||||
};
|
||||
return cache;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* 数据共享删除接口
|
||||
* @param {String} 删除的数据名
|
||||
*/
|
||||
artDialog.removeData = function (name) {
|
||||
var cache = artDialog.top[_data];
|
||||
if (cache && cache[name]) delete cache[name];
|
||||
};
|
||||
|
||||
|
||||
/** 跨框架普通对话框 */
|
||||
artDialog.through = _proxyDialog = function () {
|
||||
var api = _topDialog.apply(this, arguments);
|
||||
|
||||
// 缓存从当前 window（可能为iframe）调出所有跨框架对话框，
|
||||
// 以便让当前 window 卸载前去关闭这些对话框。
|
||||
// 因为iframe注销后也会从内存中删除其创建的对象，这样可以防止回调函数报错
|
||||
if (_top !== window) artDialog.list[api.config.id] = api;
|
||||
return api;
|
||||
};
|
||||
|
||||
// 框架页面卸载前关闭所有穿越的对话框
|
||||
_top !== window && $(window).bind('unload', function () {
|
||||
var list = artDialog.list, config;
|
||||
for (var i in list) {
|
||||
if (list[i]) {
|
||||
config = list[i].config;
|
||||
if (config) config.duration = 0; // 取消动画
|
||||
list[i].close();
|
||||
//delete list[i];
|
||||
};
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* 弹窗 (iframe)
|
||||
* @param {String} 地址
|
||||
* @param {Object} 配置参数. 这里传入的回调函数接收的第1个参数为iframe内部window对象
|
||||
* @param {Boolean} 是否允许缓存. 默认true
|
||||
*/
|
||||
artDialog.open = function (url, options, cache) {
|
||||
options = options || {};
|
||||
|
||||
var api, DOM,
|
||||
$content, $main, iframe, $iframe, $idoc, iwin, ibody,
|
||||
top = artDialog.top,
|
||||
initCss = 'position:absolute;left:-9999em;top:-9999em;border:none 0;background:transparent',
|
||||
loadCss = 'width:100%;height:100%;border:none 0';
|
||||
|
||||
if (cache === false) {
|
||||
var ts = + new Date,
|
||||
ret = url.replace(/([?&])_=[^&]*/, "$1_=" + ts );
|
||||
url = ret + ((ret === url) ? (/\?/.test(url) ? "&" : "?") + "_=" + ts : "");
|
||||
};
|
||||
|
||||
var load = function () {
|
||||
var iWidth, iHeight,
|
||||
loading = DOM.content.find('.aui_loading'),
|
||||
aConfig = api.config;
|
||||
|
||||
$content.addClass('aui_state_full');
|
||||
|
||||
loading && loading.hide();
|
||||
|
||||
try {
|
||||
iwin = iframe.contentWindow;
|
||||
$idoc = $(iwin.document);
|
||||
ibody = iwin.document.body;
|
||||
} catch (e) {// 跨域
|
||||
iframe.style.cssText = loadCss;
|
||||
|
||||
aConfig.follow
|
||||
? api.follow(aConfig.follow)
|
||||
: api.position(aConfig.left, aConfig.top);
|
||||
|
||||
options.init && options.init.call(api, iwin, top);
|
||||
options.init = null;
|
||||
return;
|
||||
};
|
||||
|
||||
// 获取iframe内部尺寸
|
||||
iWidth = aConfig.width === 'auto'
|
||||
? $idoc.width() + (_isIE6 ? 0 : parseInt($(ibody).css('marginLeft')))
|
||||
: aConfig.width;
|
||||
|
||||
iHeight = aConfig.height === 'auto'
|
||||
? $idoc.height()
|
||||
: aConfig.height;
|
||||
|
||||
// 适应iframe尺寸
|
||||
setTimeout(function () {
|
||||
iframe.style.cssText = loadCss;
|
||||
}, 0);// setTimeout: 防止IE6~7对话框样式渲染异常
|
||||
api.size(iWidth, iHeight);
|
||||
|
||||
// 调整对话框位置
|
||||
aConfig.follow
|
||||
? api.follow(aConfig.follow)
|
||||
: api.position(aConfig.left, aConfig.top);
|
||||
|
||||
options.init && options.init.call(api, iwin, top);
|
||||
options.init = null;
|
||||
};
|
||||
|
||||
var config = {
|
||||
zIndex: _zIndex(),
|
||||
init: function () {
|
||||
api = this;
|
||||
DOM = api.DOM;
|
||||
$main = DOM.main;
|
||||
$content = DOM.content;
|
||||
|
||||
iframe = api.iframe = top.document.createElement('iframe');
|
||||
iframe.src = url;
|
||||
iframe.name = 'Open' + api.config.id;
|
||||
iframe.style.cssText = initCss;
|
||||
iframe.setAttribute('frameborder', 0, 0);
|
||||
iframe.setAttribute('allowTransparency', true);
|
||||
|
||||
$iframe = $(iframe);
|
||||
api.content().appendChild(iframe);
|
||||
iwin = iframe.contentWindow;
|
||||
|
||||
try {
|
||||
iwin.name = iframe.name;
|
||||
artDialog.data(iframe.name + _open, api);
|
||||
artDialog.data(iframe.name + _opener, window);
|
||||
} catch (e) {};
|
||||
|
||||
$iframe.bind('load', load);
|
||||
},
|
||||
close: function () {
|
||||
$iframe.css('display', 'none').unbind('load', load);
|
||||
|
||||
if (options.close && options.close.call(this, iframe.contentWindow, top) === false) {
|
||||
return false;
|
||||
};
|
||||
$content.removeClass('aui_state_full');
|
||||
|
||||
// 重要！需要重置iframe地址，否则下次出现的对话框在IE6、7无法聚焦input
|
||||
// IE删除iframe后，iframe仍然会留在内存中出现上述问题，置换src是最容易解决的方法
|
||||
$iframe[0].src = 'about:blank';
|
||||
$iframe.remove();
|
||||
|
||||
try {
|
||||
artDialog.removeData(iframe.name + _open);
|
||||
artDialog.removeData(iframe.name + _opener);
|
||||
} catch (e) {};
|
||||
}
|
||||
};
|
||||
|
||||
// 回调函数第一个参数指向iframe内部window对象
|
||||
if (typeof options.ok === 'function') config.ok = function () {
|
||||
return options.ok.call(api, iframe.contentWindow, top);
|
||||
};
|
||||
if (typeof options.cancel === 'function') config.cancel = function () {
|
||||
return options.cancel.call(api, iframe.contentWindow, top);
|
||||
};
|
||||
|
||||
delete options.content;
|
||||
|
||||
for (var i in options) {
|
||||
if (config[i] === undefined) config[i] = options[i];
|
||||
};
|
||||
|
||||
return _proxyDialog(config);
|
||||
};
|
||||
|
||||
|
||||
/** 引用open方法扩展方法(在open打开的iframe内部私有方法) */
|
||||
artDialog.open.api = artDialog.data(_winName + _open);
|
||||
|
||||
|
||||
/** 引用open方法触发来源页面window(在open打开的iframe内部私有方法) */
|
||||
artDialog.opener = artDialog.data(_winName + _opener) || window;
|
||||
artDialog.open.origin = artDialog.opener; // 兼容v4.1之前版本，未来版本将删除此
|
||||
|
||||
/** artDialog.open 打开的iframe页面里关闭对话框快捷方法 */
|
||||
artDialog.close = function () {
|
||||
var api = artDialog.data(_winName + _open);
|
||||
api && api.close();
|
||||
return false;
|
||||
};
|
||||
|
||||
// 点击iframe内容切换叠加高度
|
||||
_top != window && $(document).bind('mousedown', function () {
|
||||
var api = artDialog.open.api;
|
||||
api && api.zIndex();
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Ajax填充内容
|
||||
* @param {String} 地址
|
||||
* @param {Object} 配置参数
|
||||
* @param {Boolean} 是否允许缓存. 默认true
|
||||
*/
|
||||
artDialog.load = function(url, options, cache){
|
||||
cache = cache || false;
|
||||
var opt = options || {};
|
||||
|
||||
var config = {
|
||||
zIndex: _zIndex(),
|
||||
init: function(here){
|
||||
var api = this,
|
||||
aConfig = api.config;
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
success: function (content) {
|
||||
api.content(content);
|
||||
opt.init && opt.init.call(api, here);
|
||||
},
|
||||
cache: cache
|
||||
});
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
delete options.content;
|
||||
|
||||
for (var i in opt) {
|
||||
if (config[i] === undefined) config[i] = opt[i];
|
||||
};
|
||||
|
||||
return _proxyDialog(config);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* 警告
|
||||
* @param {String} 消息内容
|
||||
*/
|
||||
artDialog.alert = function (content, callback) {
|
||||
return _proxyDialog({
|
||||
id: 'Alert',
|
||||
zIndex: _zIndex(),
|
||||
icon: 'warning',
|
||||
fixed: true,
|
||||
lock: true,
|
||||
content: content,
|
||||
ok: true,
|
||||
close: callback
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* 确认
|
||||
* @param {String} 消息内容
|
||||
* @param {Function} 确定按钮回调函数
|
||||
* @param {Function} 取消按钮回调函数
|
||||
*/
|
||||
artDialog.confirm = function (content, yes, no) {
|
||||
return _proxyDialog({
|
||||
id: 'Confirm',
|
||||
zIndex: _zIndex(),
|
||||
icon: 'question',
|
||||
fixed: true,
|
||||
lock: true,
|
||||
opacity: .1,
|
||||
content: content,
|
||||
ok: function (here) {
|
||||
return yes.call(this, here);
|
||||
},
|
||||
cancel: function (here) {
|
||||
return no && no.call(this, here);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* 提问
|
||||
* @param {String} 提问内容
|
||||
* @param {Function} 回调函数. 接收参数：输入值
|
||||
* @param {String} 默认值
|
||||
*/
|
||||
artDialog.prompt = function (content, yes, value) {
|
||||
value = value || '';
|
||||
var input;
|
||||
|
||||
return _proxyDialog({
|
||||
id: 'Prompt',
|
||||
zIndex: _zIndex(),
|
||||
icon: 'question',
|
||||
fixed: true,
|
||||
lock: true,
|
||||
opacity: .1,
|
||||
content: [
|
||||
'<div style="margin-bottom:5px;font-size:12px">',
|
||||
content,
|
||||
'</div>',
|
||||
'<div>',
|
||||
'<input value="',
|
||||
value,
|
||||
'" style="width:18em;padding:6px 4px" />',
|
||||
'</div>'
|
||||
].join(''),
|
||||
init: function () {
|
||||
input = this.DOM.content.find('input')[0];
|
||||
input.select();
|
||||
input.focus();
|
||||
},
|
||||
ok: function (here) {
|
||||
return yes && yes.call(this, input.value, here);
|
||||
},
|
||||
cancel: true
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* 短暂提示
|
||||
* @param {String} 提示内容
|
||||
* @param {Number} 显示时间 (默认1.5秒)
|
||||
*/
|
||||
artDialog.tips = function (content, time) {
|
||||
return _proxyDialog({
|
||||
id: 'Tips',
|
||||
zIndex: _zIndex(),
|
||||
title: false,
|
||||
cancel: false,
|
||||
fixed: true,
|
||||
lock: false
|
||||
})
|
||||
.content('<div style="padding: 0 1em;">' + content + '</div>')
|
||||
.time(time || 1.5);
|
||||
};
|
||||
|
||||
|
||||
// 增强artDialog拖拽体验
|
||||
// - 防止鼠标落入iframe导致不流畅
|
||||
// - 对超大对话框拖动优化
|
||||
$(function () {
|
||||
var event = artDialog.dragEvent;
|
||||
if (!event) return;
|
||||
|
||||
var $window = $(window),
|
||||
$document = $(document),
|
||||
positionType = _isIE6 ? 'absolute' : 'fixed',
|
||||
dragEvent = event.prototype,
|
||||
mask = document.createElement('div'),
|
||||
style = mask.style;
|
||||
|
||||
style.cssText = 'display:none;position:' + positionType + ';left:0;top:0;width:100%;height:100%;'
|
||||
+ 'cursor:move;filter:alpha(opacity=0);opacity:0;background:#FFF';
|
||||
|
||||
document.body.appendChild(mask);
|
||||
dragEvent._start = dragEvent.start;
|
||||
dragEvent._end = dragEvent.end;
|
||||
|
||||
dragEvent.start = function () {
|
||||
var DOM = artDialog.focus.DOM,
|
||||
main = DOM.main[0],
|
||||
iframe = DOM.content[0].getElementsByTagName('iframe')[0];
|
||||
|
||||
dragEvent._start.apply(this, arguments);
|
||||
style.display = 'block';
|
||||
style.zIndex = artDialog.defaults.zIndex + 3;
|
||||
|
||||
if (positionType === 'absolute') {
|
||||
style.width = $window.width() + 'px';
|
||||
style.height = $window.height() + 'px';
|
||||
style.left = $document.scrollLeft() + 'px';
|
||||
style.top = $document.scrollTop() + 'px';
|
||||
};
|
||||
|
||||
if (iframe && main.offsetWidth * main.offsetHeight > 307200) {
|
||||
main.style.visibility = 'hidden';
|
||||
};
|
||||
};
|
||||
|
||||
dragEvent.end = function () {
|
||||
var dialog = artDialog.focus;
|
||||
dragEvent._end.apply(this, arguments);
|
||||
style.display = 'none';
|
||||
if (dialog) dialog.DOM.main[0].style.visibility = 'visible';
|
||||
};
|
||||
});
|
||||
|
||||
})(this.art || this.jQuery, this, this.artDialog);
|
||||
|
||||
61
智慧交通/大数据视频监控/js/artDialog/skins/aero.css
Normal file
61
智慧交通/大数据视频监控/js/artDialog/skins/aero.css
Normal file
@ -0,0 +1,61 @@
|
||||
@charset "utf-8";
|
||||
/*
|
||||
* artDialog skin
|
||||
* http://code.google.com/p/artdialog/
|
||||
* (c) 2009-2011 TangBin, http://www.planeArt.cn
|
||||
*
|
||||
* This is licensed under the GNU LGPL, version 2.1 or later.
|
||||
* For details, see: http://creativecommons.org/licenses/LGPL/2.1/
|
||||
*/
|
||||
|
||||
/* common start */
|
||||
body { _margin:0; _height:100%; /*IE6 BUG*/ }
|
||||
.aui_outer { text-align:left; }
|
||||
table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; }
|
||||
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
|
||||
.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
|
||||
.aui_title { overflow:hidden; text-overflow: ellipsis; }
|
||||
.aui_state_noTitle .aui_title { display:none; }
|
||||
.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
|
||||
.aui_close:hover { text-decoration:none; }
|
||||
.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; }
|
||||
.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; }
|
||||
.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
|
||||
.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; }
|
||||
.aui_icon { vertical-align: middle; }
|
||||
.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; }
|
||||
.aui_buttons { padding:8px; text-align:right; white-space:nowrap; }
|
||||
.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
|
||||
.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; }
|
||||
.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
|
||||
.aui_buttons button:hover { color:#000; border-color:#666; }
|
||||
.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
|
||||
.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
|
||||
button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
|
||||
button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; }
|
||||
button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
|
||||
/* common end */
|
||||
|
||||
.aui_inner { background:#FFF; }
|
||||
.aui_titleBar { width:100%; height:0; position:relative; bottom:30px; _bottom:0; _margin-top:-30px; }
|
||||
.aui_title { height:29px; line-height:29px; padding:0 16px 0 0; _padding:0; color:#FFF; font-weight:700; text-shadow:1px 1px 0 rgba(0, 0, 0, .9); }
|
||||
.aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close { background-image:url(aero/aero_s.png); background-repeat:no-repeat; }
|
||||
.aui_nw { width:14px; height:34px; background-position: 0 0; _png:aero/ie6/aui_nw.png; }
|
||||
.aui_ne { width:14px; height:34px; background-position: -14px 0; _png:aero/ie6/aui_ne.png; }
|
||||
.aui_sw { width:14px; height:14px; background-position: 0 -34px; _png:aero/ie6/aui_sw.png; }
|
||||
.aui_se { width:14px; height:14px; background-position: -14px -34px; _png:aero/ie6/aui_se.png; }
|
||||
.aui_close { top:7px; right:0; _z-index:1; width:13px; height:13px; _font-size:0; _line-height:0; text-indent:-9999em; background-position:left -96px; _background:url(aero/ie6/aui_close.png); }
|
||||
.aui_close:hover { background-position:right -96px; _background:url(aero/ie6/aui_close.hover.png); }
|
||||
.aui_n, .aui_s { background-repeat:repeat-x; }
|
||||
.aui_n { background-position: 0 -48px; _png:aero/ie6/aui_n.png; }
|
||||
.aui_s { background-position: 0 -82px; _png:aero/ie6/aui_s.png; }
|
||||
.aui_w, .aui_e { background-image:url(aero/aero_s2.png); background-repeat:repeat-y; }
|
||||
.aui_w { background-position:left top; _png:aero/ie6/aui_w.png; }
|
||||
.aui_e { background-position: right bottom; _png:aero/ie6/aui_e.png; }
|
||||
.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; }
|
||||
.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; }
|
||||
.aui_state_noTitle .aui_outer { box-shadow:none; }
|
||||
.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; }
|
||||
.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; }
|
||||
.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; }
|
||||
.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; }
|
||||
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/aero_s.png
Normal file
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/aero_s.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/aero_s2.png
Normal file
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/aero_s2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 188 B |
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_close.hover.png
Normal file
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_close.hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 190 B |
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_close.png
Normal file
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 190 B |
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_e.png
Normal file
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_e.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_n.png
Normal file
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_n.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_ne.png
Normal file
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_ne.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 601 B |
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_nw.png
Normal file
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_nw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 528 B |
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_s.png
Normal file
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_s.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 971 B |
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_se.png
Normal file
BIN
智慧交通/大数据视频监控/js/artDialog/skins/aero/ie6/aui_se.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 471 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user