新增综合分析平台模板
160
智慧政务/综合分析平台/css/Datacages_Homeindex.css
Normal file
@ -0,0 +1,160 @@
|
||||
/*全局控制栏*/
|
||||
body{ background-color: #020712; margin: 0; font-family: "Microsoft YaHei"; font-weight: lighter; background-image: url("../images/Homebodybg.png");
|
||||
background-repeat: no-repeat; background-position: center; background-position-y: -120px;}
|
||||
a{ text-decoration: none; color: white;}
|
||||
.l_left{float: left}
|
||||
.clear{clear: both}
|
||||
img{border: none}
|
||||
|
||||
/*标题*/
|
||||
.Hometitlebox{ width: 686px; height: 69px; margin: auto; background-image: url("../img/Hometitlebg.png"); background-repeat: no-repeat; background-position: center; text-align: center; font-weight: bold;
|
||||
font-size: 18px; line-height: 69px;}
|
||||
|
||||
/*动效栏*/
|
||||
.flasheffectoutbox{ width: 1000px; height: 500px;margin: auto; margin-top: 100px; background-image: url("../images/chain_bg.png"); background-repeat: no-repeat; background-position: center;position: relative}
|
||||
.circleeffectclass{ border-radius: 50%; border: rgba(0,168,255,0.6) 1px solid; cursor: pointer; position: absolute;}
|
||||
.effectposition{ position: absolute;}
|
||||
.acrossremindeffectout{ background-color: rgba(0,126,255,0.05); border-radius: 50%;}
|
||||
.acrossremindeffectoutho{ background-color: rgba(0,126,255,0.15);}
|
||||
.acrossremindeffectin{ background-color: rgba(0,126,255,0.3); border-radius: 50%; margin: auto;}
|
||||
.acrossremindeffectinho{ background-color: rgba(0,126,255,0.45);}
|
||||
.stagetitle{color: #00e4ff; top: 104px; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: lighter; display: block;width: 116px; text-align: center; position: absolute;left: -10%;}
|
||||
.stagearoundtitle{left: -25%;top:85px;}
|
||||
|
||||
.line{position: absolute;transform-origin:left;animation-iteration-count:infinite}
|
||||
.line2{z-index: 1;left: 330px;top: 183px;width: 0;height: 3px;transform: rotate(21deg);animation: mm2 4s ;
|
||||
animation-delay:2s;animation-iteration-count:infinite;
|
||||
background-image: url("../images/linght_ef.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 100%;
|
||||
}
|
||||
.line3{z-index: 1;left: 262px;top: 351px;width: 0;height: 3px;transform: rotate(-25deg);animation: mm 5s ;
|
||||
animation-delay:4s;animation-iteration-count:infinite;
|
||||
background-image: url("../images/linght_ef.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 100%;
|
||||
|
||||
}
|
||||
.line4{z-index: 1;left: 638px;top: 141px;width: 0;height: 3px;transform: rotate(-211deg);animation: mm4 3s ;
|
||||
animation-delay:3s;animation-iteration-count:infinite;
|
||||
background-image: url("../images/linght_ef.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 100%;
|
||||
}
|
||||
.line5{z-index: 1;left: 679px;top: 289px;width: 0;height: 3px;transform: rotate(-172deg);animation: mm5 5s ;animation-delay:1s;
|
||||
animation-iteration-count:infinite;
|
||||
background-image: url("../images/linght_ef.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 100%;
|
||||
}
|
||||
.line6{z-index: 1;left: 537px;top: 373px;width: 0;height: 3px;transform: rotate(-116deg);animation: mm6 4s ;animation-delay:0s;
|
||||
animation-iteration-count:infinite;
|
||||
background-image: url("../images/linght_ef.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 100%;
|
||||
}
|
||||
|
||||
@keyframes mm{
|
||||
0%{width: 0}
|
||||
100%{width: 194px}
|
||||
}
|
||||
@keyframes mm2{
|
||||
0%{width: 0}
|
||||
100%{width: 113px}
|
||||
}
|
||||
@keyframes mm4{
|
||||
0%{width: 0}
|
||||
100%{width: 140px}
|
||||
}
|
||||
@keyframes mm5{
|
||||
0%{width: 0}
|
||||
100%{width: 158px}
|
||||
}
|
||||
@keyframes mm6{
|
||||
0%{width: 0}
|
||||
100%{width: 94px}
|
||||
}
|
||||
/*主动效*/
|
||||
.maineffectoutbox{border: rgba(0,168,255,0.6) 3px solid; width: 94px; height: 94px;top: 194px;left: 430px;}
|
||||
.maindataeffect{ animation: scrolleffect 6.5s infinite linear;}
|
||||
.maindataspecialeffectct{animation: maindataspecialeffect 0.6s forwards;}
|
||||
@keyframes scrolleffect {
|
||||
0%{transfrom: rotate(0deg);}
|
||||
25%{transform: rotate(90deg);}
|
||||
50%{transform: rotate(180deg);}
|
||||
75%{transform: rotate(270deg);}
|
||||
100%{transform: rotate(360deg);}
|
||||
}
|
||||
@keyframes maindataspecialeffect {
|
||||
0%{transform: rotate(0deg);}
|
||||
100%{transform: rotate(360deg);}
|
||||
}
|
||||
|
||||
/*卫星动效*/
|
||||
.aroundfunctioneffect{ width: 76px; height: 76px;}
|
||||
.acrossremindeffectoutard{width: 60px; height: 60px; margin: 8px;}
|
||||
.acrossremindeffectinard{width: 54px; height: 54px; margin: 3px;}
|
||||
.arounddataeffect01{ animation: scrolleffectarround01 linear infinite 4s forwards;}
|
||||
.arounddataeffect02{ animation: scrolleffectarround01 linear infinite 3.8s forwards;}
|
||||
.arounddataeffect03{ animation: scrolleffectarround01 linear infinite 4.2s forwards;}
|
||||
|
||||
@keyframes scrolleffectarround01 {
|
||||
0%{transfrom: rotate(0deg);}
|
||||
25%{transform: rotate(-90deg);}
|
||||
50%{transform: rotate(-180deg);}
|
||||
75%{transform: rotate(-270deg);}
|
||||
100%{transform: rotate(-360deg);}
|
||||
}
|
||||
|
||||
/*修饰卫星*/
|
||||
.decarround01{ width: 37px; height: 37px; cursor: auto;}
|
||||
.decarroundin01{ width: 33px; height: 33px; margin: 2px;background-color: rgba(0,126,255,0.8);}
|
||||
.decarroundin01:hover{ background-color: rgba(0,126,255,0.9);}
|
||||
.decarround02{ width: 27px; height: 27px; cursor: auto;}
|
||||
.decarroundin02{ width: 23px; height: 23px; margin: 2px;background-color: rgba(0,126,255,0.7);}
|
||||
.decarroundin02:hover{ background-color: rgba(0,126,255,0.8);}
|
||||
|
||||
/*悬浮信息*/
|
||||
.fltoutbox{width: 282px; position: absolute; background-repeat: no-repeat; background-position: center; background-position-y: 0px;}
|
||||
.leftbox{ left: 2%; top: 6%; background-image: url("../img/fltleftbg.png");}
|
||||
.rightbox{ right: 2%; top: 6%; background-image: url("../img/fltrightbg.png");}
|
||||
.analyzedatashowtitle{ line-height: 44px; color: #dfdede; font-size: 14px; margin-left: 16px; display: block;font-weight: bold}
|
||||
.analyzemsgbgbox{ background-color: rgba(0,168,255,0.2); width: 280px; height: 260px; position: relative;}
|
||||
.fltdecarround{width: 8px;height: 8px; position: absolute;}
|
||||
.fltdecarroundtop{ top:-1px; border-top: #00a8ff 3px solid;}
|
||||
.fltdecarroundright{ right:-1px; border-right: #00a8ff 3px solid;}
|
||||
.fltdecarroundbottom{ bottom:-1px; border-bottom: #00a8ff 3px solid;}
|
||||
.fltdecarroundleft{ left:-1px; border-left: #00a8ff 3px solid;}
|
||||
|
||||
/*弹出信息*/
|
||||
.analyzepopupbox{ width: 1000px;height: 680px; background-color: rgba(0,8,12,0.75);position: fixed; top: 100px; overflow-y: scroll;}
|
||||
.popupboxtitlebox{ height: 30px;width: 1000px; background-color: #64a6d4; position: fixed;top: 100px;z-index: 100;}
|
||||
.popupboxtitlemsg{font-size: 16px; color: white; font-weight: bold; line-height: 30px; margin-left: 10px;}
|
||||
.popupboxclose{ width: 16px; height: 16px; background-image: url("../img/popupboxclosebtn01.png"); float: right; margin-right: 9px; margin-top: 6px; cursor: pointer;}
|
||||
.popupboxclose:hover{ background-image: url("../img/popupboxclosebtn02.png");}
|
||||
|
||||
.popupboxmsgoutbox{ height: 314px; width: 980px; margin: auto;border-bottom: #00b6cc 2px solid;}
|
||||
.popupboxmsgboxhlf{ padding-top: 20px; float: left; width: 479px; margin-left: 10px;}
|
||||
.popupboxmsgboxcrs{ padding-top: 20px;}
|
||||
.popupboxmsgtitle{font-size: 14px; font-weight: bold; color: #00e4ff;}
|
||||
.popupboxdata{ color: #fffc00;}
|
||||
|
||||
.popuofunxtionbox{width: 1000px; margin: auto; position: relative; display: none;}
|
||||
|
||||
|
||||
|
||||
/*版权*/
|
||||
.copyrigntoutbox{position: absolute; bottom: 10px; left: 37%;}
|
||||
.copyrigntmsg{ display: block; color: white; font-size: 12px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
26
智慧政务/综合分析平台/css/ProgressBarWars.css
Normal file
@ -0,0 +1,26 @@
|
||||
.barControl {margin: 0 auto;}
|
||||
.barContro_space {padding:1px;border-radius: 5px; border:1px #ffaa00 solid;}
|
||||
.barContro_space1 {padding:1px;border-radius: 5px; border:1px #00d8ff solid;}
|
||||
.barContro_space2 {padding:1px;border-radius: 5px; border:1px #56a4ff solid;}
|
||||
.barContro_space3 {padding:1px;border-radius: 5px; border:1px #56ff6a solid;}
|
||||
.barContro_space4 {padding:1px;border-radius: 13px; border:1px #ffea00 solid;}
|
||||
.barContro_space5 {padding:1px;border-radius: 5px; border:1px #40e315 solid;}
|
||||
.barContro_space6 {padding:1px;border-radius: 5px; border:1px #15e3ac solid;}
|
||||
.barContro_space7 {padding:1px;border-radius: 5px; border:1px #1f9cff solid;}
|
||||
.barContro_space8 {padding:1px;border-radius: 5px; border:1px #c97802 solid;}
|
||||
.barContro_space9 {padding:1px;border-radius: 5px; border:1px #72ff00 solid;}
|
||||
.barContro_space10 {padding:1px;border-radius: 5px; border:1px #ef4503 solid;}
|
||||
.vader{border-radius: 4px;display: block;width: 0%;background-color: #ffaa00;}
|
||||
.vader1{border-radius: 4px;display: block;width: 0%;background-color: #00d8ff;}
|
||||
.vader2{border-radius: 4px;display: block;width: 0%;background-color: #56a4ff;}
|
||||
.vader3{border-radius: 4px;display: block;width: 0%;background-color: #56ff6a;}
|
||||
.vader4{border-radius: 13px;display: block;width: 0%;background-color: #ffea00;}
|
||||
.vader5{border-radius: 4px;display: block;width: 0%;background-color: #40e315;}
|
||||
.vader6{border-radius: 4px;display: block;width: 0%;background-color: #15e3ac;}
|
||||
.vader7{border-radius: 4px;display: block;width: 0%;background-color: #1f9cff;}
|
||||
.vader8{border-radius: 4px;display: block;width: 0%;background-color: #c97802;}
|
||||
.vader9{border-radius: 4px;display: block;width: 0%;background-color: #72ff00;}
|
||||
.vader10{border-radius: 4px;display: block;width: 0%;background-color: #ef4503;}
|
||||
/*.vader1{border-radius: 2px;display: block;width: 0%;box-shadow:0px 0px 10px 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #FD4275, 0 0 1px #FD4275;background-color: #aeff00;}*/
|
||||
/*.vader2{border-radius: 2px;display: block;width: 0%;box-shadow:0px 0px 10px 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #FD4275, 0 0 1px #FD4275;background-color: #aeff00;}*/
|
||||
|
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/diy/1_close.png
Normal file
After Width: | Height: | Size: 601 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/diy/1_open.png
Normal file
After Width: | Height: | Size: 580 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/diy/2.png
Normal file
After Width: | Height: | Size: 570 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/diy/3.png
Normal file
After Width: | Height: | Size: 762 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/diy/4.png
Normal file
After Width: | Height: | Size: 399 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/diy/5.png
Normal file
After Width: | Height: | Size: 710 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/diy/6.png
Normal file
After Width: | Height: | Size: 432 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/diy/7.png
Normal file
After Width: | Height: | Size: 534 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/diy/8.png
Normal file
After Width: | Height: | Size: 529 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/diy/9.png
Normal file
After Width: | Height: | Size: 467 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/line_conn.gif
Normal file
After Width: | Height: | Size: 45 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/loading.gif
Normal file
After Width: | Height: | Size: 381 B |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/zTreeStandard.gif
Normal file
After Width: | Height: | Size: 5.4 KiB |
BIN
智慧政务/综合分析平台/css/zTreeStyle/img/zTreeStandard.png
Normal file
After Width: | Height: | Size: 11 KiB |
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; color:#00bed6}
|
||||
.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:#00bed6; background-color: transparent;
|
||||
text-decoration:none; vertical-align:top; display: inline-block}
|
||||
.ztree li a:hover {text-decoration:underline}
|
||||
.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
智慧政务/综合分析平台/images/Homebodybg.png
Normal file
After Width: | Height: | Size: 1.4 MiB |
BIN
智慧政务/综合分析平台/images/chain_bg.png
Normal file
After Width: | Height: | Size: 46 KiB |
BIN
智慧政务/综合分析平台/images/linght_ef.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
智慧政务/综合分析平台/img/12319rexian.png
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
智慧政务/综合分析平台/img/Hometitlebg.png
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
智慧政务/综合分析平台/img/aroundeffect.png
Normal file
After Width: | Height: | Size: 21 KiB |
BIN
智慧政务/综合分析平台/img/baixingpaiAPP.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
智慧政务/综合分析平台/img/fltleftbg.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
智慧政务/综合分析平台/img/fltrightbg.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
智慧政务/综合分析平台/img/maindataeffect.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
智慧政务/综合分析平台/img/maindataicon.png
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
智慧政务/综合分析平台/img/maindataspecialeffect.png
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
智慧政务/综合分析平台/img/next.png
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
智慧政务/综合分析平台/img/popupboxclosebtn01.png
Normal file
After Width: | Height: | Size: 19 KiB |
BIN
智慧政务/综合分析平台/img/popupboxclosebtn02.png
Normal file
After Width: | Height: | Size: 19 KiB |
BIN
智慧政务/综合分析平台/img/pre.png
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
智慧政务/综合分析平台/img/xingzhengshenpi.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
智慧政务/综合分析平台/img/zhatuyunshu.png
Normal file
After Width: | Height: | Size: 21 KiB |
BIN
智慧政务/综合分析平台/img/zonghezhifa.png
Normal file
After Width: | Height: | Size: 21 KiB |
23
智慧政务/综合分析平台/js/Datecages_Homeindex.js
Normal file
@ -0,0 +1,23 @@
|
||||
/**
|
||||
* Created by MinDah on 2016/9/14.
|
||||
*/
|
||||
|
||||
$(function(){
|
||||
$(".acrossremindeffecindex").mouseenter(function(){
|
||||
$(this).siblings(".acrossremindeffectout").addClass("acrossremindeffectoutho")
|
||||
$(this).siblings(".maindataspecialeffect").addClass("maindataspecialeffectct")
|
||||
}).mouseleave(function(){
|
||||
$(".acrossremindeffectout").removeClass("acrossremindeffectoutho")
|
||||
$(".acrossremindeffectin").removeClass("acrossremindeffectinho")
|
||||
$(this).siblings(".maindataspecialeffect").removeClass("maindataspecialeffectct")
|
||||
})
|
||||
|
||||
$(".popupboxclose").click(function(){
|
||||
$(".popuofunxtionbox").hide();
|
||||
})
|
||||
$(".aroundfunctioneffect").click(function(){
|
||||
$(".popuofunxtionbox").show();
|
||||
})
|
||||
|
||||
|
||||
})
|
410
智慧政务/综合分析平台/js/ProgressBarWars.js
Normal file
@ -0,0 +1,410 @@
|
||||
$.fn.extend({ProgressBarWars: function(opciones) {
|
||||
var ProgressBarWars=this;
|
||||
var theidProgressBarWars=$(ProgressBarWars).attr("id");
|
||||
var styleUnique = Date.now();
|
||||
var StringStyle="";
|
||||
|
||||
defaults = {
|
||||
porcentaje:"100",
|
||||
tiempo:1000,
|
||||
color:"",
|
||||
estilo:"yoda",
|
||||
tamanio:"30%",
|
||||
alto:"6px"
|
||||
}
|
||||
|
||||
var opciones = $.extend({}, defaults, opciones);
|
||||
if(opciones.color!='')
|
||||
{
|
||||
StringStyle="<style>.color"+styleUnique+"{ border-radius: 6px;display: block; width: 0%; box-shadow:0px 0px 10px 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+";background-color: #fff;}</style>";opciones.estilo="color"+styleUnique;}
|
||||
$(ProgressBarWars).before(StringStyle);
|
||||
if(opciones.flag){
|
||||
$(ProgressBarWars).append('<span class="barControl" style="width:'+opciones.tamanio+';"><div class="barContro_space"><span class="'+opciones.estilo+'" style="height: '+opciones.alto+';" id="bar'+theidProgressBarWars+'"></span></div></span>');
|
||||
}
|
||||
$("#bar"+theidProgressBarWars).animate({width: opciones.porcentaje+"%"},opciones.tiempo);
|
||||
|
||||
|
||||
this.mover = function(ntamanio) {
|
||||
$("#bar"+$(this).attr("id")).animate({width:ntamanio+"%"},opciones.tiempo);
|
||||
};
|
||||
return this;
|
||||
}
|
||||
});
|
||||
$.fn.extend({ProgressBarWars1: function(opciones) {
|
||||
var ProgressBarWars=this;
|
||||
var theidProgressBarWars=$(ProgressBarWars).attr("id");
|
||||
var styleUnique = Date.now();
|
||||
var StringStyle="";
|
||||
|
||||
defaults = {
|
||||
porcentaje:"100",
|
||||
tiempo:1000,
|
||||
color:"",
|
||||
estilo:"yoda",
|
||||
tamanio:"30%",
|
||||
alto:"6px"
|
||||
}
|
||||
|
||||
var opciones = $.extend({}, defaults, opciones);
|
||||
if(opciones.color!='')
|
||||
{
|
||||
StringStyle="<style>.color"+styleUnique+"{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+";background-color: #fff;}</style>";opciones.estilo="color"+styleUnique;}
|
||||
$(ProgressBarWars).before(StringStyle);
|
||||
if(opciones.flag){
|
||||
$(ProgressBarWars).append('<span class="barControl" style="width:'+opciones.tamanio+';"><div class="barContro_space1"><span class="'+opciones.estilo+'" style="height: '+opciones.alto+';" id="bar'+theidProgressBarWars+'"></span></div></span>');
|
||||
}
|
||||
$("#bar"+theidProgressBarWars).animate({width: opciones.porcentaje+"%"},opciones.tiempo);
|
||||
|
||||
|
||||
this.mover = function(ntamanio) {
|
||||
$("#bar"+$(this).attr("id")).animate({width:ntamanio+"%"},opciones.tiempo);
|
||||
};
|
||||
return this;
|
||||
}
|
||||
});
|
||||
$.fn.extend({ProgressBarWars2: function(opciones) {
|
||||
var ProgressBarWars=this;
|
||||
var theidProgressBarWars=$(ProgressBarWars).attr("id");
|
||||
var styleUnique = Date.now();
|
||||
var StringStyle="";
|
||||
|
||||
defaults = {
|
||||
porcentaje:"100",
|
||||
tiempo:1000,
|
||||
color:"",
|
||||
estilo:"yoda",
|
||||
tamanio:"30%",
|
||||
alto:"6px"
|
||||
}
|
||||
|
||||
var opciones = $.extend({}, defaults, opciones);
|
||||
if(opciones.color!='')
|
||||
{
|
||||
StringStyle="<style>.color"+styleUnique+"{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+";background-color: #fff;}</style>";opciones.estilo="color"+styleUnique;}
|
||||
$(ProgressBarWars).before(StringStyle);
|
||||
if(opciones.flag){
|
||||
$(ProgressBarWars).append('<span class="barControl" style="width:'+opciones.tamanio+';"><div class="barContro_space2"><span class="'+opciones.estilo+'" style="height: '+opciones.alto+';" id="bar'+theidProgressBarWars+'"></span></div></span>');
|
||||
}
|
||||
$("#bar"+theidProgressBarWars).animate({width: opciones.porcentaje+"%"},opciones.tiempo);
|
||||
|
||||
|
||||
this.mover = function(ntamanio) {
|
||||
$("#bar"+$(this).attr("id")).animate({width:ntamanio+"%"},opciones.tiempo);
|
||||
};
|
||||
return this;
|
||||
}
|
||||
});
|
||||
$.fn.extend({ProgressBarWars3: function(opciones) {
|
||||
var ProgressBarWars=this;
|
||||
var theidProgressBarWars=$(ProgressBarWars).attr("id");
|
||||
var styleUnique = Date.now();
|
||||
var StringStyle="";
|
||||
|
||||
defaults = {
|
||||
porcentaje:"100",
|
||||
tiempo:1000,
|
||||
color:"",
|
||||
estilo:"yoda",
|
||||
tamanio:"30%",
|
||||
alto:"6px"
|
||||
}
|
||||
|
||||
var opciones = $.extend({}, defaults, opciones);
|
||||
if(opciones.color!='')
|
||||
{
|
||||
StringStyle="<style>.color"+styleUnique+"{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+";background-color: #fff;}</style>";opciones.estilo="color"+styleUnique;}
|
||||
$(ProgressBarWars).before(StringStyle);
|
||||
if(opciones.flag){
|
||||
$(ProgressBarWars).append('<span class="barControl" style="width:'+opciones.tamanio+';"><div class="barContro_space3"><span class="'+opciones.estilo+'" style="height: '+opciones.alto+';" id="bar'+theidProgressBarWars+'"></span></div></span>');
|
||||
}
|
||||
$("#bar"+theidProgressBarWars).animate({width: opciones.porcentaje+"%"},opciones.tiempo);
|
||||
|
||||
|
||||
this.mover = function(ntamanio) {
|
||||
$("#bar"+$(this).attr("id")).animate({width:ntamanio+"%"},opciones.tiempo);
|
||||
};
|
||||
return this;
|
||||
}
|
||||
});
|
||||
$.fn.extend({ProgressBarWars4: function(opciones) {
|
||||
var ProgressBarWars=this;
|
||||
var theidProgressBarWars=$(ProgressBarWars).attr("id");
|
||||
var styleUnique = Date.now();
|
||||
var StringStyle="";
|
||||
|
||||
defaults = {
|
||||
porcentaje:"100",
|
||||
tiempo:1000,
|
||||
color:"",
|
||||
estilo:"yoda",
|
||||
tamanio:"30%",
|
||||
alto:"6px"
|
||||
}
|
||||
|
||||
var opciones = $.extend({}, defaults, opciones);
|
||||
if(opciones.color!='')
|
||||
{
|
||||
StringStyle="<style>.color"+styleUnique+"{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+";background-color: #fff;}</style>";opciones.estilo="color"+styleUnique;}
|
||||
$(ProgressBarWars).before(StringStyle);
|
||||
if(opciones.flag){
|
||||
$(ProgressBarWars).append('<span class="barControl" style="width:'+opciones.tamanio+';"><div class="barContro_space4"><span class="'+opciones.estilo+'" style="height: '+opciones.alto+';" id="bar'+theidProgressBarWars+'"></span></div></span>');
|
||||
}
|
||||
$("#bar"+theidProgressBarWars).animate({width: opciones.porcentaje+"%"},opciones.tiempo);
|
||||
|
||||
|
||||
this.mover = function(ntamanio) {
|
||||
$("#bar"+$(this).attr("id")).animate({width:ntamanio+"%"},opciones.tiempo);
|
||||
};
|
||||
return this;
|
||||
}
|
||||
});
|
||||
|
||||
$.fn.extend({ProgressBarWars5: function(opciones) {
|
||||
var ProgressBarWars=this;
|
||||
var theidProgressBarWars=$(ProgressBarWars).attr("id");
|
||||
var styleUnique = Date.now();
|
||||
var StringStyle="";
|
||||
|
||||
defaults = {
|
||||
porcentaje:"100",
|
||||
tiempo:1000,
|
||||
color:"",
|
||||
estilo:"yoda",
|
||||
tamanio:"30%",
|
||||
alto:"6px"
|
||||
}
|
||||
|
||||
var opciones = $.extend({}, defaults, opciones);
|
||||
if(opciones.color!='')
|
||||
{
|
||||
StringStyle="<style>.color"+styleUnique+"{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+";background-color: #fff;}</style>";opciones.estilo="color"+styleUnique;}
|
||||
$(ProgressBarWars).before(StringStyle);
|
||||
if(opciones.flag){
|
||||
$(ProgressBarWars).append('<span class="barControl" style="width:'+opciones.tamanio+';"><div class="barContro_space5"><span class="'+opciones.estilo+'" style="height: '+opciones.alto+';" id="bar'+theidProgressBarWars+'"></span></div></span>');
|
||||
}
|
||||
$("#bar"+theidProgressBarWars).animate({width: opciones.porcentaje+"%"},opciones.tiempo);
|
||||
|
||||
|
||||
this.mover = function(ntamanio) {
|
||||
$("#bar"+$(this).attr("id")).animate({width:ntamanio+"%"},opciones.tiempo);
|
||||
};
|
||||
return this;
|
||||
}
|
||||
});
|
||||
$.fn.extend({ProgressBarWars6: function(opciones) {
|
||||
var ProgressBarWars=this;
|
||||
var theidProgressBarWars=$(ProgressBarWars).attr("id");
|
||||
var styleUnique = Date.now();
|
||||
var StringStyle="";
|
||||
|
||||
defaults = {
|
||||
porcentaje:"100",
|
||||
tiempo:1000,
|
||||
color:"",
|
||||
estilo:"yoda",
|
||||
tamanio:"30%",
|
||||
alto:"6px"
|
||||
}
|
||||
|
||||
var opciones = $.extend({}, defaults, opciones);
|
||||
if(opciones.color!='')
|
||||
{
|
||||
StringStyle="<style>.color"+styleUnique+"{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+";background-color: #fff;}</style>";opciones.estilo="color"+styleUnique;}
|
||||
$(ProgressBarWars).before(StringStyle);
|
||||
if(opciones.flag){
|
||||
$(ProgressBarWars).append('<span class="barControl" style="width:'+opciones.tamanio+';"><div class="barContro_space6"><span class="'+opciones.estilo+'" style="height: '+opciones.alto+';" id="bar'+theidProgressBarWars+'"></span></div></span>');
|
||||
}
|
||||
$("#bar"+theidProgressBarWars).animate({width: opciones.porcentaje+"%"},opciones.tiempo);
|
||||
|
||||
|
||||
this.mover = function(ntamanio) {
|
||||
$("#bar"+$(this).attr("id")).animate({width:ntamanio+"%"},opciones.tiempo);
|
||||
};
|
||||
return this;
|
||||
}
|
||||
});
|
||||
$.fn.extend({ProgressBarWars7: function(opciones) {
|
||||
var ProgressBarWars=this;
|
||||
var theidProgressBarWars=$(ProgressBarWars).attr("id");
|
||||
var styleUnique = Date.now();
|
||||
var StringStyle="";
|
||||
|
||||
defaults = {
|
||||
porcentaje:"100",
|
||||
tiempo:1000,
|
||||
color:"",
|
||||
estilo:"yoda",
|
||||
tamanio:"30%",
|
||||
alto:"6px"
|
||||
}
|
||||
|
||||
var opciones = $.extend({}, defaults, opciones);
|
||||
if(opciones.color!='')
|
||||
{
|
||||
StringStyle="<style>.color"+styleUnique+"{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+";background-color: #fff;}</style>";opciones.estilo="color"+styleUnique;}
|
||||
$(ProgressBarWars).before(StringStyle);
|
||||
if(opciones.flag){
|
||||
$(ProgressBarWars).append('<span class="barControl" style="width:'+opciones.tamanio+';"><div class="barContro_space7"><span class="'+opciones.estilo+'" style="height: '+opciones.alto+';" id="bar'+theidProgressBarWars+'"></span></div></span>');
|
||||
}
|
||||
$("#bar"+theidProgressBarWars).animate({width: opciones.porcentaje+"%"},opciones.tiempo);
|
||||
|
||||
|
||||
this.mover = function(ntamanio) {
|
||||
$("#bar"+$(this).attr("id")).animate({width:ntamanio+"%"},opciones.tiempo);
|
||||
};
|
||||
return this;
|
||||
}
|
||||
});
|
||||
$.fn.extend({ProgressBarWars8: function(opciones) {
|
||||
var ProgressBarWars=this;
|
||||
var theidProgressBarWars=$(ProgressBarWars).attr("id");
|
||||
var styleUnique = Date.now();
|
||||
var StringStyle="";
|
||||
|
||||
defaults = {
|
||||
porcentaje:"100",
|
||||
tiempo:1000,
|
||||
color:"",
|
||||
estilo:"yoda",
|
||||
tamanio:"30%",
|
||||
alto:"6px"
|
||||
}
|
||||
|
||||
var opciones = $.extend({}, defaults, opciones);
|
||||
if(opciones.color!='')
|
||||
{
|
||||
StringStyle="<style>.color"+styleUnique+"{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+";background-color: #fff;}</style>";opciones.estilo="color"+styleUnique;}
|
||||
$(ProgressBarWars).before(StringStyle);
|
||||
if(opciones.flag){
|
||||
$(ProgressBarWars).append('<span class="barControl" style="width:'+opciones.tamanio+';"><div class="barContro_space8"><span class="'+opciones.estilo+'" style="height: '+opciones.alto+';" id="bar'+theidProgressBarWars+'"></span></div></span>');
|
||||
}
|
||||
$("#bar"+theidProgressBarWars).animate({width: opciones.porcentaje+"%"},opciones.tiempo);
|
||||
|
||||
|
||||
this.mover = function(ntamanio) {
|
||||
$("#bar"+$(this).attr("id")).animate({width:ntamanio+"%"},opciones.tiempo);
|
||||
};
|
||||
return this;
|
||||
}
|
||||
});
|
||||
$.fn.extend({ProgressBarWars9: function(opciones) {
|
||||
var ProgressBarWars=this;
|
||||
var theidProgressBarWars=$(ProgressBarWars).attr("id");
|
||||
var styleUnique = Date.now();
|
||||
var StringStyle="";
|
||||
|
||||
defaults = {
|
||||
porcentaje:"100",
|
||||
tiempo:1000,
|
||||
color:"",
|
||||
estilo:"yoda",
|
||||
tamanio:"30%",
|
||||
alto:"6px"
|
||||
}
|
||||
|
||||
var opciones = $.extend({}, defaults, opciones);
|
||||
if(opciones.color!='')
|
||||
{
|
||||
StringStyle="<style>.color"+styleUnique+"{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+";background-color: #fff;}</style>";opciones.estilo="color"+styleUnique;}
|
||||
$(ProgressBarWars).before(StringStyle);
|
||||
if(opciones.flag){
|
||||
$(ProgressBarWars).append('<span class="barControl" style="width:'+opciones.tamanio+';"><div class="barContro_space9"><span class="'+opciones.estilo+'" style="height: '+opciones.alto+';" id="bar'+theidProgressBarWars+'"></span></div></span>');
|
||||
}
|
||||
$("#bar"+theidProgressBarWars).animate({width: opciones.porcentaje+"%"},opciones.tiempo);
|
||||
|
||||
|
||||
this.mover = function(ntamanio) {
|
||||
$("#bar"+$(this).attr("id")).animate({width:ntamanio+"%"},opciones.tiempo);
|
||||
};
|
||||
return this;
|
||||
}
|
||||
});
|
||||
$.fn.extend({ProgressBarWars10: function(opciones) {
|
||||
var ProgressBarWars=this;
|
||||
var theidProgressBarWars=$(ProgressBarWars).attr("id");
|
||||
var styleUnique = Date.now();
|
||||
var StringStyle="";
|
||||
|
||||
defaults = {
|
||||
porcentaje:"100",
|
||||
tiempo:1000,
|
||||
color:"",
|
||||
estilo:"yoda",
|
||||
tamanio:"30%",
|
||||
alto:"6px"
|
||||
}
|
||||
|
||||
var opciones = $.extend({}, defaults, opciones);
|
||||
if(opciones.color!='')
|
||||
{
|
||||
StringStyle="<style>.color"+styleUnique+"{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+", 0 0 1px "+opciones.color+";background-color: #fff;}</style>";opciones.estilo="color"+styleUnique;}
|
||||
$(ProgressBarWars).before(StringStyle);
|
||||
if(opciones.flag){
|
||||
$(ProgressBarWars).append('<span class="barControl" style="width:'+opciones.tamanio+';"><div class="barContro_space10"><span class="'+opciones.estilo+'" style="height: '+opciones.alto+';" id="bar'+theidProgressBarWars+'"></span></div></span>');
|
||||
}
|
||||
$("#bar"+theidProgressBarWars).animate({width: opciones.porcentaje+"%"},opciones.tiempo);
|
||||
|
||||
|
||||
this.mover = function(ntamanio) {
|
||||
$("#bar"+$(this).attr("id")).animate({width:ntamanio+"%"},opciones.tiempo);
|
||||
};
|
||||
return this;
|
||||
}
|
||||
});
|
||||
(function($){
|
||||
$.fn.extend({
|
||||
Scroll:function(opt,callback){
|
||||
//参数初始化
|
||||
if(!opt) var opt={};
|
||||
var _btnUp = $("#"+ opt.up);//Shawphy:向上按钮
|
||||
var _btnDown = $("#"+ opt.down);//Shawphy:向下按钮
|
||||
var timerID;
|
||||
var _this=this.eq(0).find("ul:first");
|
||||
var lineH=_this.find("li:first").height(), //获取行高
|
||||
line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), //每次滚动的行数,默认为一屏,即父容器高度
|
||||
speed=opt.speed?parseInt(opt.speed,10):500; //卷动速度,数值越大,速度越慢(毫秒)
|
||||
timer=opt.timer //?parseInt(opt.timer,10):3000; //滚动的时间间隔(毫秒)
|
||||
if(line==0) line=1;
|
||||
var upHeight=0-line*lineH;
|
||||
//滚动函数
|
||||
var scrollUp=function(){
|
||||
_btnUp.unbind("click",scrollUp); //Shawphy:取消向上按钮的函数绑定
|
||||
_this.animate({
|
||||
marginTop:upHeight
|
||||
},speed,function(){
|
||||
for(i=1;i<=line;i++){
|
||||
_this.find("li:first").appendTo(_this);
|
||||
}
|
||||
_this.css({marginTop:0});
|
||||
_btnUp.bind("click",scrollUp); //Shawphy:绑定向上按钮的点击事件
|
||||
});
|
||||
|
||||
}
|
||||
//Shawphy:向下翻页函数
|
||||
//var scrollDown=function(){
|
||||
// _btnDown.unbind("click",scrollDown);
|
||||
// for(i=1;i<=line;i++){
|
||||
// _this.find("li:last").show().prependTo(_this);
|
||||
// }
|
||||
// _this.css({marginTop:upHeight});
|
||||
// _this.animate({
|
||||
// marginTop:0
|
||||
// },speed,function(){
|
||||
// _btnDown.bind("click",scrollDown);
|
||||
// });
|
||||
//}
|
||||
//Shawphy:自动播放
|
||||
var autoPlay = function(){
|
||||
if(timer)timerID = window.setInterval(scrollUp,timer);
|
||||
};
|
||||
var autoStop = function(){
|
||||
if(timer)window.clearInterval(timerID);
|
||||
};
|
||||
//鼠标事件绑定
|
||||
_this.hover(autoStop,autoPlay).mouseout();
|
||||
_btnUp.css("cursor","pointer").click( scrollUp ).hover(autoStop,autoPlay);//Shawphy:向上向下鼠标事件绑定
|
||||
_btnDown.css("cursor","pointer").click( scrollDown ).hover(autoStop,autoPlay);
|
||||
|
||||
}
|
||||
})
|
||||
})(jQuery);
|
1672
智慧政务/综合分析平台/js/demo/jquery.ztree.core-3.5.js
Normal file
35
智慧政务/综合分析平台/js/echarts-all.js
Normal file
4
智慧政务/综合分析平台/js/jquery-2.2.0.min.js
vendored
Normal file
2
智慧政务/综合分析平台/js/jquery.js
vendored
Normal file
626
智慧政务/综合分析平台/js/jquery.ztree.excheck-3.5.js
Normal file
@ -0,0 +1,626 @@
|
||||
/*
|
||||
* JQuery zTree excheck 3.5.14
|
||||
* http://zTree.me/
|
||||
*
|
||||
* Copyright (c) 2010 Hunter.z
|
||||
*
|
||||
* Licensed same as jquery - MIT License
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
* email: hunter.z@263.net
|
||||
* Date: 2013-06-28
|
||||
*/
|
||||
(function($){
|
||||
//default consts of excheck
|
||||
var _consts = {
|
||||
event: {
|
||||
CHECK: "ztree_check"
|
||||
},
|
||||
id: {
|
||||
CHECK: "_check"
|
||||
},
|
||||
checkbox: {
|
||||
STYLE: "checkbox",
|
||||
DEFAULT: "chk",
|
||||
DISABLED: "disable",
|
||||
FALSE: "false",
|
||||
TRUE: "true",
|
||||
FULL: "full",
|
||||
PART: "part",
|
||||
FOCUS: "focus"
|
||||
},
|
||||
radio: {
|
||||
STYLE: "radio",
|
||||
TYPE_ALL: "all",
|
||||
TYPE_LEVEL: "level"
|
||||
}
|
||||
},
|
||||
//default setting of excheck
|
||||
_setting = {
|
||||
check: {
|
||||
enable: false,
|
||||
autoCheckTrigger: false,
|
||||
chkStyle: _consts.checkbox.STYLE,
|
||||
nocheckInherit: false,
|
||||
chkDisabledInherit: false,
|
||||
radioType: _consts.radio.TYPE_LEVEL,
|
||||
chkboxType: {
|
||||
"Y": "ps",
|
||||
"N": "ps"
|
||||
}
|
||||
},
|
||||
data: {
|
||||
key: {
|
||||
checked: "checked"
|
||||
}
|
||||
},
|
||||
callback: {
|
||||
beforeCheck:null,
|
||||
onCheck:null
|
||||
}
|
||||
},
|
||||
//default root of excheck
|
||||
_initRoot = function (setting) {
|
||||
var r = data.getRoot(setting);
|
||||
r.radioCheckedList = [];
|
||||
},
|
||||
//default cache of excheck
|
||||
_initCache = function(treeId) {},
|
||||
//default bind event of excheck
|
||||
_bindEvent = function(setting) {
|
||||
var o = setting.treeObj,
|
||||
c = consts.event;
|
||||
o.bind(c.CHECK, function (event, srcEvent, treeId, node) {
|
||||
tools.apply(setting.callback.onCheck, [!!srcEvent?srcEvent : event, treeId, node]);
|
||||
});
|
||||
},
|
||||
_unbindEvent = function(setting) {
|
||||
var o = setting.treeObj,
|
||||
c = consts.event;
|
||||
o.unbind(c.CHECK);
|
||||
},
|
||||
//default event proxy of excheck
|
||||
_eventProxy = function(e) {
|
||||
var target = e.target,
|
||||
setting = data.getSetting(e.data.treeId),
|
||||
tId = "", node = null,
|
||||
nodeEventType = "", treeEventType = "",
|
||||
nodeEventCallback = null, treeEventCallback = null;
|
||||
|
||||
if (tools.eqs(e.type, "mouseover")) {
|
||||
if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
|
||||
tId = tools.getNodeMainDom(target).id;
|
||||
nodeEventType = "mouseoverCheck";
|
||||
}
|
||||
} else if (tools.eqs(e.type, "mouseout")) {
|
||||
if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
|
||||
tId = tools.getNodeMainDom(target).id;
|
||||
nodeEventType = "mouseoutCheck";
|
||||
}
|
||||
} else if (tools.eqs(e.type, "click")) {
|
||||
if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
|
||||
tId = tools.getNodeMainDom(target).id;
|
||||
nodeEventType = "checkNode";
|
||||
}
|
||||
}
|
||||
if (tId.length>0) {
|
||||
node = data.getNodeCache(setting, tId);
|
||||
switch (nodeEventType) {
|
||||
case "checkNode" :
|
||||
nodeEventCallback = _handler.onCheckNode;
|
||||
break;
|
||||
case "mouseoverCheck" :
|
||||
nodeEventCallback = _handler.onMouseoverCheck;
|
||||
break;
|
||||
case "mouseoutCheck" :
|
||||
nodeEventCallback = _handler.onMouseoutCheck;
|
||||
break;
|
||||
}
|
||||
}
|
||||
var proxyResult = {
|
||||
stop: nodeEventType === "checkNode",
|
||||
node: node,
|
||||
nodeEventType: nodeEventType,
|
||||
nodeEventCallback: nodeEventCallback,
|
||||
treeEventType: treeEventType,
|
||||
treeEventCallback: treeEventCallback
|
||||
};
|
||||
return proxyResult
|
||||
},
|
||||
//default init node of excheck
|
||||
_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
|
||||
if (!n) return;
|
||||
var checkedKey = setting.data.key.checked;
|
||||
if (typeof n[checkedKey] == "string") n[checkedKey] = tools.eqs(n[checkedKey], "true");
|
||||
n[checkedKey] = !!n[checkedKey];
|
||||
n.checkedOld = n[checkedKey];
|
||||
if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true");
|
||||
n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck);
|
||||
if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true");
|
||||
n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled);
|
||||
if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true");
|
||||
n.halfCheck = !!n.halfCheck;
|
||||
n.check_Child_State = -1;
|
||||
n.check_Focus = false;
|
||||
n.getCheckStatus = function() {return data.getCheckStatus(setting, n);};
|
||||
|
||||
if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && n[checkedKey] ) {
|
||||
var r = data.getRoot(setting);
|
||||
r.radioCheckedList.push(n);
|
||||
}
|
||||
},
|
||||
//add dom for check
|
||||
_beforeA = function(setting, node, html) {
|
||||
var checkedKey = setting.data.key.checked;
|
||||
if (setting.check.enable) {
|
||||
data.makeChkFlag(setting, node);
|
||||
html.push("<span ID='", node.tId, consts.id.CHECK, "' class='", view.makeChkClass(setting, node), "' treeNode", consts.id.CHECK, (node.nocheck === true?" style='display:none;'":""),"></span>");
|
||||
}
|
||||
},
|
||||
//update zTreeObj, add method of check
|
||||
_zTreeTools = function(setting, zTreeTools) {
|
||||
zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) {
|
||||
var checkedKey = setting.data.key.checked;
|
||||
if (node.chkDisabled === true) return;
|
||||
if (checked !== true && checked !== false) {
|
||||
checked = !node[checkedKey];
|
||||
}
|
||||
callbackFlag = !!callbackFlag;
|
||||
|
||||
if (node[checkedKey] === checked && !checkTypeFlag) {
|
||||
return;
|
||||
} else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [setting.treeId, node], true) == false) {
|
||||
return;
|
||||
}
|
||||
if (tools.uCanDo(this.setting) && setting.check.enable && node.nocheck !== true) {
|
||||
node[checkedKey] = checked;
|
||||
var checkObj = $$(node, consts.id.CHECK, setting);
|
||||
if (checkTypeFlag || setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(setting, node);
|
||||
view.setChkClass(setting, checkObj, node);
|
||||
view.repairParentChkClassWithSelf(setting, node);
|
||||
if (callbackFlag) {
|
||||
setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
zTreeTools.checkAllNodes = function(checked) {
|
||||
view.repairAllChk(setting, !!checked);
|
||||
}
|
||||
|
||||
zTreeTools.getCheckedNodes = function(checked) {
|
||||
var childKey = setting.data.key.children;
|
||||
checked = (checked !== false);
|
||||
return data.getTreeCheckedNodes(setting, data.getRoot(setting)[childKey], checked);
|
||||
}
|
||||
|
||||
zTreeTools.getChangeCheckedNodes = function() {
|
||||
var childKey = setting.data.key.children;
|
||||
return data.getTreeChangeCheckedNodes(setting, data.getRoot(setting)[childKey]);
|
||||
}
|
||||
|
||||
zTreeTools.setChkDisabled = function(node, disabled, inheritParent, inheritChildren) {
|
||||
disabled = !!disabled;
|
||||
inheritParent = !!inheritParent;
|
||||
inheritChildren = !!inheritChildren;
|
||||
view.repairSonChkDisabled(setting, node, disabled, inheritChildren);
|
||||
view.repairParentChkDisabled(setting, node.getParentNode(), disabled, inheritParent);
|
||||
}
|
||||
|
||||
var _updateNode = zTreeTools.updateNode;
|
||||
zTreeTools.updateNode = function(node, checkTypeFlag) {
|
||||
if (_updateNode) _updateNode.apply(zTreeTools, arguments);
|
||||
if (!node || !setting.check.enable) return;
|
||||
var nObj = $$(node, setting);
|
||||
if (nObj.get(0) && tools.uCanDo(setting)) {
|
||||
var checkObj = $$(node, consts.id.CHECK, setting);
|
||||
if (checkTypeFlag == true || setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(setting, node);
|
||||
view.setChkClass(setting, checkObj, node);
|
||||
view.repairParentChkClassWithSelf(setting, node);
|
||||
}
|
||||
}
|
||||
},
|
||||
//method of operate data
|
||||
_data = {
|
||||
getRadioCheckedList: function(setting) {
|
||||
var checkedList = data.getRoot(setting).radioCheckedList;
|
||||
for (var i=0, j=checkedList.length; i<j; i++) {
|
||||
if(!data.getNodeCache(setting, checkedList[i].tId)) {
|
||||
checkedList.splice(i, 1);
|
||||
i--; j--;
|
||||
}
|
||||
}
|
||||
return checkedList;
|
||||
},
|
||||
getCheckStatus: function(setting, node) {
|
||||
if (!setting.check.enable || node.nocheck || node.chkDisabled) return null;
|
||||
var checkedKey = setting.data.key.checked,
|
||||
r = {
|
||||
checked: node[checkedKey],
|
||||
half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (node[checkedKey] ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0)))
|
||||
};
|
||||
return r;
|
||||
},
|
||||
getTreeCheckedNodes: function(setting, nodes, checked, results) {
|
||||
if (!nodes) return [];
|
||||
var childKey = setting.data.key.children,
|
||||
checkedKey = setting.data.key.checked,
|
||||
onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL);
|
||||
results = !results ? [] : results;
|
||||
for (var i = 0, l = nodes.length; i < l; i++) {
|
||||
if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] == checked) {
|
||||
results.push(nodes[i]);
|
||||
if(onlyOne) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
data.getTreeCheckedNodes(setting, nodes[i][childKey], checked, results);
|
||||
if(onlyOne && results.length > 0) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
return results;
|
||||
},
|
||||
getTreeChangeCheckedNodes: function(setting, nodes, results) {
|
||||
if (!nodes) return [];
|
||||
var childKey = setting.data.key.children,
|
||||
checkedKey = setting.data.key.checked;
|
||||
results = !results ? [] : results;
|
||||
for (var i = 0, l = nodes.length; i < l; i++) {
|
||||
if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] != nodes[i].checkedOld) {
|
||||
results.push(nodes[i]);
|
||||
}
|
||||
data.getTreeChangeCheckedNodes(setting, nodes[i][childKey], results);
|
||||
}
|
||||
return results;
|
||||
},
|
||||
makeChkFlag: function(setting, node) {
|
||||
if (!node) return;
|
||||
var childKey = setting.data.key.children,
|
||||
checkedKey = setting.data.key.checked,
|
||||
chkFlag = -1;
|
||||
if (node[childKey]) {
|
||||
for (var i = 0, l = node[childKey].length; i < l; i++) {
|
||||
var cNode = node[childKey][i];
|
||||
var tmp = -1;
|
||||
if (setting.check.chkStyle == consts.radio.STYLE) {
|
||||
if (cNode.nocheck === true || cNode.chkDisabled === true) {
|
||||
tmp = cNode.check_Child_State;
|
||||
} else if (cNode.halfCheck === true) {
|
||||
tmp = 2;
|
||||
} else if (cNode[checkedKey]) {
|
||||
tmp = 2;
|
||||
} else {
|
||||
tmp = cNode.check_Child_State > 0 ? 2:0;
|
||||
}
|
||||
if (tmp == 2) {
|
||||
chkFlag = 2; break;
|
||||
} else if (tmp == 0){
|
||||
chkFlag = 0;
|
||||
}
|
||||
} else if (setting.check.chkStyle == consts.checkbox.STYLE) {
|
||||
if (cNode.nocheck === true || cNode.chkDisabled === true) {
|
||||
tmp = cNode.check_Child_State;
|
||||
} else if (cNode.halfCheck === true) {
|
||||
tmp = 1;
|
||||
} else if (cNode[checkedKey] ) {
|
||||
tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1;
|
||||
} else {
|
||||
tmp = (cNode.check_Child_State > 0) ? 1 : 0;
|
||||
}
|
||||
if (tmp === 1) {
|
||||
chkFlag = 1; break;
|
||||
} else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) {
|
||||
chkFlag = 1; break;
|
||||
} else if (chkFlag === 2 && tmp > -1 && tmp < 2) {
|
||||
chkFlag = 1; break;
|
||||
} else if (tmp > -1) {
|
||||
chkFlag = tmp;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
node.check_Child_State = chkFlag;
|
||||
}
|
||||
},
|
||||
//method of event proxy
|
||||
_event = {
|
||||
|
||||
},
|
||||
//method of event handler
|
||||
_handler = {
|
||||
onCheckNode: function (event, node) {
|
||||
if (node.chkDisabled === true) return false;
|
||||
var setting = data.getSetting(event.data.treeId),
|
||||
checkedKey = setting.data.key.checked;
|
||||
if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true;
|
||||
node[checkedKey] = !node[checkedKey];
|
||||
view.checkNodeRelation(setting, node);
|
||||
var checkObj = $$(node, consts.id.CHECK, setting);
|
||||
view.setChkClass(setting, checkObj, node);
|
||||
view.repairParentChkClassWithSelf(setting, node);
|
||||
setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]);
|
||||
return true;
|
||||
},
|
||||
onMouseoverCheck: function(event, node) {
|
||||
if (node.chkDisabled === true) return false;
|
||||
var setting = data.getSetting(event.data.treeId),
|
||||
checkObj = $$(node, consts.id.CHECK, setting);
|
||||
node.check_Focus = true;
|
||||
view.setChkClass(setting, checkObj, node);
|
||||
return true;
|
||||
},
|
||||
onMouseoutCheck: function(event, node) {
|
||||
if (node.chkDisabled === true) return false;
|
||||
var setting = data.getSetting(event.data.treeId),
|
||||
checkObj = $$(node, consts.id.CHECK, setting);
|
||||
node.check_Focus = false;
|
||||
view.setChkClass(setting, checkObj, node);
|
||||
return true;
|
||||
}
|
||||
},
|
||||
//method of tools for zTree
|
||||
_tools = {
|
||||
|
||||
},
|
||||
//method of operate ztree dom
|
||||
_view = {
|
||||
checkNodeRelation: function(setting, node) {
|
||||
var pNode, i, l,
|
||||
childKey = setting.data.key.children,
|
||||
checkedKey = setting.data.key.checked,
|
||||
r = consts.radio;
|
||||
if (setting.check.chkStyle == r.STYLE) {
|
||||
var checkedList = data.getRadioCheckedList(setting);
|
||||
if (node[checkedKey]) {
|
||||
if (setting.check.radioType == r.TYPE_ALL) {
|
||||
for (i = checkedList.length-1; i >= 0; i--) {
|
||||
pNode = checkedList[i];
|
||||
pNode[checkedKey] = false;
|
||||
checkedList.splice(i, 1);
|
||||
|
||||
view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
|
||||
if (pNode.parentTId != node.parentTId) {
|
||||
view.repairParentChkClassWithSelf(setting, pNode);
|
||||
}
|
||||
}
|
||||
checkedList.push(node);
|
||||
} else {
|
||||
var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
|
||||
for (i = 0, l = parentNode[childKey].length; i < l; i++) {
|
||||
pNode = parentNode[childKey][i];
|
||||
if (pNode[checkedKey] && pNode != node) {
|
||||
pNode[checkedKey] = false;
|
||||
view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (setting.check.radioType == r.TYPE_ALL) {
|
||||
for (i = 0, l = checkedList.length; i < l; i++) {
|
||||
if (node == checkedList[i]) {
|
||||
checkedList.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
} else {
|
||||
if (node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.Y.indexOf("s") > -1)) {
|
||||
view.setSonNodeCheckBox(setting, node, true);
|
||||
}
|
||||
if (!node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.N.indexOf("s") > -1)) {
|
||||
view.setSonNodeCheckBox(setting, node, false);
|
||||
}
|
||||
if (node[checkedKey] && setting.check.chkboxType.Y.indexOf("p") > -1) {
|
||||
view.setParentNodeCheckBox(setting, node, true);
|
||||
}
|
||||
if (!node[checkedKey] && setting.check.chkboxType.N.indexOf("p") > -1) {
|
||||
view.setParentNodeCheckBox(setting, node, false);
|
||||
}
|
||||
}
|
||||
},
|
||||
makeChkClass: function(setting, node) {
|
||||
var checkedKey = setting.data.key.checked,
|
||||
c = consts.checkbox, r = consts.radio,
|
||||
fullStyle = "";
|
||||
if (node.chkDisabled === true) {
|
||||
fullStyle = c.DISABLED;
|
||||
} else if (node.halfCheck) {
|
||||
fullStyle = c.PART;
|
||||
} else if (setting.check.chkStyle == r.STYLE) {
|
||||
fullStyle = (node.check_Child_State < 1)? c.FULL:c.PART;
|
||||
} else {
|
||||
fullStyle = node[checkedKey] ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL:c.PART) : ((node.check_Child_State < 1)? c.FULL:c.PART);
|
||||
}
|
||||
var chkName = setting.check.chkStyle + "_" + (node[checkedKey] ? c.TRUE : c.FALSE) + "_" + fullStyle;
|
||||
chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName;
|
||||
return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName;
|
||||
},
|
||||
repairAllChk: function(setting, checked) {
|
||||
if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) {
|
||||
var checkedKey = setting.data.key.checked,
|
||||
childKey = setting.data.key.children,
|
||||
root = data.getRoot(setting);
|
||||
for (var i = 0, l = root[childKey].length; i<l ; i++) {
|
||||
var node = root[childKey][i];
|
||||
if (node.nocheck !== true && node.chkDisabled !== true) {
|
||||
node[checkedKey] = checked;
|
||||
}
|
||||
view.setSonNodeCheckBox(setting, node, checked);
|
||||
}
|
||||
}
|
||||
},
|
||||
repairChkClass: function(setting, node) {
|
||||
if (!node) return;
|
||||
data.makeChkFlag(setting, node);
|
||||
if (node.nocheck !== true) {
|
||||
var checkObj = $$(node, consts.id.CHECK, setting);
|
||||
view.setChkClass(setting, checkObj, node);
|
||||
}
|
||||
},
|
||||
repairParentChkClass: function(setting, node) {
|
||||
if (!node || !node.parentTId) return;
|
||||
var pNode = node.getParentNode();
|
||||
view.repairChkClass(setting, pNode);
|
||||
view.repairParentChkClass(setting, pNode);
|
||||
},
|
||||
repairParentChkClassWithSelf: function(setting, node) {
|
||||
if (!node) return;
|
||||
var childKey = setting.data.key.children;
|
||||
if (node[childKey] && node[childKey].length > 0) {
|
||||
view.repairParentChkClass(setting, node[childKey][0]);
|
||||
} else {
|
||||
view.repairParentChkClass(setting, node);
|
||||
}
|
||||
},
|
||||
repairSonChkDisabled: function(setting, node, chkDisabled, inherit) {
|
||||
if (!node) return;
|
||||
var childKey = setting.data.key.children;
|
||||
if (node.chkDisabled != chkDisabled) {
|
||||
node.chkDisabled = chkDisabled;
|
||||
}
|
||||
view.repairChkClass(setting, node);
|
||||
if (node[childKey] && inherit) {
|
||||
for (var i = 0, l = node[childKey].length; i < l; i++) {
|
||||
var sNode = node[childKey][i];
|
||||
view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit);
|
||||
}
|
||||
}
|
||||
},
|
||||
repairParentChkDisabled: function(setting, node, chkDisabled, inherit) {
|
||||
if (!node) return;
|
||||
if (node.chkDisabled != chkDisabled && inherit) {
|
||||
node.chkDisabled = chkDisabled;
|
||||
}
|
||||
view.repairChkClass(setting, node);
|
||||
view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit);
|
||||
},
|
||||
setChkClass: function(setting, obj, node) {
|
||||
if (!obj) return;
|
||||
if (node.nocheck === true) {
|
||||
obj.hide();
|
||||
} else {
|
||||
obj.show();
|
||||
}
|
||||
obj.removeClass();
|
||||
obj.addClass(view.makeChkClass(setting, node));
|
||||
},
|
||||
setParentNodeCheckBox: function(setting, node, value, srcNode) {
|
||||
var childKey = setting.data.key.children,
|
||||
checkedKey = setting.data.key.checked,
|
||||
checkObj = $$(node, consts.id.CHECK, setting);
|
||||
if (!srcNode) srcNode = node;
|
||||
data.makeChkFlag(setting, node);
|
||||
if (node.nocheck !== true && node.chkDisabled !== true) {
|
||||
node[checkedKey] = value;
|
||||
view.setChkClass(setting, checkObj, node);
|
||||
if (setting.check.autoCheckTrigger && node != srcNode) {
|
||||
setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
|
||||
}
|
||||
}
|
||||
if (node.parentTId) {
|
||||
var pSign = true;
|
||||
if (!value) {
|
||||
var pNodes = node.getParentNode()[childKey];
|
||||
for (var i = 0, l = pNodes.length; i < l; i++) {
|
||||
if ((pNodes[i].nocheck !== true && pNodes[i].chkDisabled !== true && pNodes[i][checkedKey])
|
||||
|| ((pNodes[i].nocheck === true || pNodes[i].chkDisabled === true) && pNodes[i].check_Child_State > 0)) {
|
||||
pSign = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (pSign) {
|
||||
view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode);
|
||||
}
|
||||
}
|
||||
},
|
||||
setSonNodeCheckBox: function(setting, node, value, srcNode) {
|
||||
if (!node) return;
|
||||
var childKey = setting.data.key.children,
|
||||
checkedKey = setting.data.key.checked,
|
||||
checkObj = $$(node, consts.id.CHECK, setting);
|
||||
if (!srcNode) srcNode = node;
|
||||
|
||||
var hasDisable = false;
|
||||
if (node[childKey]) {
|
||||
for (var i = 0, l = node[childKey].length; i < l && node.chkDisabled !== true; i++) {
|
||||
var sNode = node[childKey][i];
|
||||
view.setSonNodeCheckBox(setting, sNode, value, srcNode);
|
||||
if (sNode.chkDisabled === true) hasDisable = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (node != data.getRoot(setting) && node.chkDisabled !== true) {
|
||||
if (hasDisable && node.nocheck !== true) {
|
||||
data.makeChkFlag(setting, node);
|
||||
}
|
||||
if (node.nocheck !== true && node.chkDisabled !== true) {
|
||||
node[checkedKey] = value;
|
||||
if (!hasDisable) node.check_Child_State = (node[childKey] && node[childKey].length > 0) ? (value ? 2 : 0) : -1;
|
||||
} else {
|
||||
node.check_Child_State = -1;
|
||||
}
|
||||
view.setChkClass(setting, checkObj, node);
|
||||
if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) {
|
||||
setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
_z = {
|
||||
tools: _tools,
|
||||
view: _view,
|
||||
event: _event,
|
||||
data: _data
|
||||
};
|
||||
$.extend(true, $.fn.zTree.consts, _consts);
|
||||
$.extend(true, $.fn.zTree._z, _z);
|
||||
|
||||
var zt = $.fn.zTree,
|
||||
tools = zt._z.tools,
|
||||
consts = zt.consts,
|
||||
view = zt._z.view,
|
||||
data = zt._z.data,
|
||||
event = zt._z.event,
|
||||
$$ = tools.$;
|
||||
|
||||
data.exSetting(_setting);
|
||||
data.addInitBind(_bindEvent);
|
||||
data.addInitUnBind(_unbindEvent);
|
||||
data.addInitCache(_initCache);
|
||||
data.addInitNode(_initNode);
|
||||
data.addInitProxy(_eventProxy, true);
|
||||
data.addInitRoot(_initRoot);
|
||||
data.addBeforeA(_beforeA);
|
||||
data.addZTreeTools(_zTreeTools);
|
||||
|
||||
var _createNodes = view.createNodes;
|
||||
view.createNodes = function(setting, level, nodes, parentNode) {
|
||||
if (_createNodes) _createNodes.apply(view, arguments);
|
||||
if (!nodes) return;
|
||||
view.repairParentChkClassWithSelf(setting, parentNode);
|
||||
}
|
||||
var _removeNode = view.removeNode;
|
||||
view.removeNode = function(setting, node) {
|
||||
var parentNode = node.getParentNode();
|
||||
if (_removeNode) _removeNode.apply(view, arguments);
|
||||
if (!node || !parentNode) return;
|
||||
view.repairChkClass(setting, parentNode);
|
||||
view.repairParentChkClass(setting, parentNode);
|
||||
}
|
||||
|
||||
var _appendNodes = view.appendNodes;
|
||||
view.appendNodes = function(setting, level, nodes, parentNode, initFlag, openFlag) {
|
||||
var html = "";
|
||||
if (_appendNodes) {
|
||||
html = _appendNodes.apply(view, arguments);
|
||||
}
|
||||
if (parentNode) {
|
||||
data.makeChkFlag(setting, parentNode);
|
||||
}
|
||||
return html;
|
||||
}
|
||||
})(jQuery);
|
131
智慧政务/综合分析平台/js/organize.js
Normal file
@ -0,0 +1,131 @@
|
||||
/**
|
||||
* Created by Administrator on 2016/8/4.
|
||||
*/
|
||||
var setting = {
|
||||
view: {
|
||||
dblClickExpand: false
|
||||
},
|
||||
check: {
|
||||
enable: true
|
||||
},
|
||||
callback: {
|
||||
onRightClick: OnRightClick
|
||||
}
|
||||
};
|
||||
var zNodes =[
|
||||
{ rid:101 , id: 10 ,pId:101,name:" 所有机构—",open:true,icon:"../img/1_close",nocheck:false,
|
||||
children:[
|
||||
{id:101, name:"上级机构—", open:true, noR:true,
|
||||
children:[
|
||||
{id:101, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:102, name:"中级部门一 ", noR:false,icon:"../img/1_close"}
|
||||
|
||||
]},
|
||||
{id:20, name:"上级部门—", open:true,
|
||||
children:[
|
||||
{id:101, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:102, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:101, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:102, name:"中级部门一 ", noR:false,icon:"../img/1_close"}
|
||||
]},
|
||||
{id:30, name:"上级部门—", open:true,
|
||||
children:[
|
||||
{id:101, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:102, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:101, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:102, name:"中级部门一 ", noR:false,icon:"../img/1_close"}
|
||||
]},
|
||||
{id:30, name:"上级部门—", open:true,
|
||||
children:[
|
||||
{id:101, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:102, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:101, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:102, name:"中级部门一 ", noR:false,icon:"../img/1_close"}
|
||||
]},
|
||||
{id:30, name:"上级部门—", open:true,
|
||||
children:[
|
||||
{id:101, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:102, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:101, name:"中级部门一 ", noR:false,icon:"../img/1_close"},
|
||||
{id:102, name:"中级部门一 ", noR:false,icon:"../img/1_close"}
|
||||
]}
|
||||
]
|
||||
}
|
||||
];
|
||||
function OnRightClick(event, treeId, treeNode) {
|
||||
if (!treeNode && event.target.tagName.toLowerCase() != "button" && $(event.target).parents("a").length == 0) {
|
||||
zTree.cancelSelectedNode();
|
||||
showRMenu("root", event.clientX, event.clientY);
|
||||
} else if (treeNode && !treeNode.noR) {
|
||||
zTree.selectNode(treeNode);
|
||||
showRMenu("node", event.clientX, event.clientY);
|
||||
}
|
||||
}
|
||||
function showRMenu(type, x, y) {
|
||||
$("#rMenu ul").show();
|
||||
if (type=="root") {
|
||||
$("#m_del").hide();
|
||||
$("#m_check").hide();
|
||||
$("#m_unCheck").hide();
|
||||
} else {
|
||||
$("#m_del").show();
|
||||
$("#m_check").show();
|
||||
$("#m_unCheck").show();
|
||||
}
|
||||
rMenu.css({"top":y+"px", "left":x+"px", "visibility":"visible"});
|
||||
|
||||
$("body").bind("mousedown", onBodyMouseDown);
|
||||
}
|
||||
function hideRMenu() {
|
||||
if (rMenu) rMenu.css({"visibility": "hidden"});
|
||||
$("body").unbind("mousedown", onBodyMouseDown);
|
||||
}
|
||||
function onBodyMouseDown(event){
|
||||
if (!(event.target.id == "rMenu" || $(event.target).parents("#rMenu").length>0)) {
|
||||
rMenu.css({"visibility" : "hidden"});
|
||||
}
|
||||
}
|
||||
var addCount = 1;
|
||||
|
||||
//添加事件
|
||||
// function addTreeNode() {
|
||||
// hideRMenu();
|
||||
// var newNode = { name:"增加" + (addCount++)};
|
||||
// if (zTree.getSelectedNodes()[0]) {
|
||||
// newNode.checked = zTree.getSelectedNodes()[0].checked;
|
||||
// zTree.addNodes(zTree.getSelectedNodes()[0], newNode);
|
||||
// } else {
|
||||
// zTree.addNodes(null, newNode);
|
||||
// }
|
||||
// }
|
||||
// function removeTreeNode() {
|
||||
// hideRMenu();
|
||||
// var nodes = zTree.getSelectedNodes();
|
||||
// if (nodes && nodes.length>0) {
|
||||
// if (nodes[0].children && nodes[0].children.length > 0) {
|
||||
// var msg = "要删除的节点是父节点,如果删除将连同子节点一起删掉。\n\n请确认!";
|
||||
// if (confirm(msg)==true){
|
||||
// zTree.removeNode(nodes[0]);
|
||||
// }
|
||||
// } else {
|
||||
// zTree.removeNode(nodes[0]);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// function checkTreeNode(checked) {
|
||||
// var nodes = zTree.getSelectedNodes();
|
||||
// if (nodes && nodes.length>0) {
|
||||
// zTree.checkNode(nodes[0], checked, true);
|
||||
// }
|
||||
// hideRMenu();
|
||||
// }
|
||||
// function resetTree() {
|
||||
// hideRMenu();
|
||||
// $.fn.zTree.init($("#treeDemo"), setting, zNodes);
|
||||
// }
|
||||
var zTree, rMenu;
|
||||
$(document).ready(function(){
|
||||
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
|
||||
zTree = $.fn.zTree.getZTreeObj("treeDemo");
|
||||
rMenu = $("#rMenu");
|
||||
});
|
474
智慧政务/综合分析平台/pages/Datacages_Homeindex.html
Normal file
@ -0,0 +1,474 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<link href="../css/Datacages_Homeindex.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../css/ProgressBarWars.css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
*{padding: 0;margin: 0}
|
||||
.loadEffect{ width: 100px; height: 100px; position: relative; margin: 0 auto; top: 26%}
|
||||
.loadEffect span{animation: load 1.04s ease infinite; display: inline-block; width: 30px; height: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: lightgreen; position: absolute; }
|
||||
.loadEffect span:nth-child(1){ left: 0; top: 50%; margin-top:-5px; animation-delay:0.13s; }
|
||||
.loadEffect span:nth-child(2){ left: 10px; top: 20px; transform: rotate(45deg); animation-delay:0.26s; }
|
||||
.loadEffect span:nth-child(3){ left: 50%; top: 10px; margin-left: -15px; transform: rotate(90deg); animation-delay:0.39s; }
|
||||
.loadEffect span:nth-child(4){ top: 20px; right:10px; transform: rotate(135deg); animation-delay:0.52s; }
|
||||
.loadEffect span:nth-child(5){ right: 0; top: 50%; margin-top:-5px; transform: rotate(180deg); animation-delay:0.65s; }
|
||||
.loadEffect span:nth-child(6){ right: 10px; bottom:20px; transform: rotate(225deg); animation-delay:0.78s; }
|
||||
.loadEffect span:nth-child(7){ bottom: 10px; left: 50%; margin-left: -15px; transform: rotate(270deg); animation-delay:0.91s; }
|
||||
.loadEffect span:nth-child(8){ bottom: 20px; left: 10px; transform: rotate(315deg); animation-delay:1.04s; }
|
||||
@keyframes load{
|
||||
0%{
|
||||
opacity: 1;
|
||||
}
|
||||
100%{
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
html,body{width: 100%;height: 100%}
|
||||
#loading{background-color: #181e20;opacity: 0.5;width: 100%;height: 100%;position: fixed;z-index: 999}
|
||||
</style>
|
||||
<script src="../js/jquery.js"></script>
|
||||
<script src="../js/echarts-all.js"></script>
|
||||
<script src="../js/ProgressBarWars.js"></script>
|
||||
<style>
|
||||
*{padding: 0;margin: 0}
|
||||
.progress{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.down_span{color: #dfdede;font-size: 12px;font-weight: lighter}
|
||||
h3,ul,li{margin:0;padding:0; list-style:none;}
|
||||
.scrollbox{ width: 268px; margin: 0 auto; }
|
||||
#scrollDiv{width:268px;height:280px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
|
||||
#scrollDiv ul li{height:66px; width:259px; ;background-color: #07325e; overflow:hidden; margin-bottom: 4px;color: #dfdede;font-size: 14px;padding: 0 9px 0 9px;line-height: 30px;position: relative}
|
||||
#scrollDiv ul li span{position: absolute;bottom:5px;right: 16px;display: block;width: 68px;height: 18px;text-align: center;color: #081e49;background-color: #69c200;line-height: 18px}
|
||||
.sent-div{
|
||||
width: 98%;
|
||||
height: 98%;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<title>“大数据分析”xxx市城xxxx局大数据综合分析平台</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="loading">
|
||||
<div class="loadEffect">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!--标题栏-->
|
||||
<div class="Hometitlebox">
|
||||
<a style=" color: #00e4ff;" href="Datacages_Homeindex.html">“大数据分析”xxx市城xxxx局大数据综合分析平台</a>
|
||||
</div>
|
||||
|
||||
<!--动效显示-->
|
||||
<div class="flasheffectoutbox">
|
||||
|
||||
<div style="width: 1000px; height: 500px; position: relative">
|
||||
<div class="line2 line"></div>
|
||||
<div class="line3 line"></div>
|
||||
<div class="line4 line"></div>
|
||||
<div class="line5 line"></div>
|
||||
<div class="line6 line"></div>
|
||||
|
||||
<!--主动效-->
|
||||
<div class="maineffectoutbox circleeffectclass">
|
||||
<a href="http://www.txgis.com" target="_blank">
|
||||
<img class="effectposition maindataeffect" src="../img/maindataeffect.png">
|
||||
<div class="effectposition acrossremindeffectout" style=" width: 76px; height: 76px; margin: 9px;">
|
||||
<div class="acrossremindeffectin" style="width: 68px; height: 68px; margin: 4px;"></div>
|
||||
</div>
|
||||
<img class="effectposition maindataspecialeffect" src="../img/maindataspecialeffect.png">
|
||||
<img class="effectposition acrossremindeffecindex" src="../img/maindataicon.png">
|
||||
<span class="stagetitle">xxxxxxx数据中心</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--卫星动效-->
|
||||
<div class="circleeffectclass aroundfunctioneffect" style="left: 254px;top: 135px;">
|
||||
<img class="effectposition arounddataeffect02" src="../img/aroundeffect.png">
|
||||
<div class="effectposition acrossremindeffectout acrossremindeffectoutard">
|
||||
<div class="acrossremindeffectin acrossremindeffectinard"></div>
|
||||
</div>
|
||||
<img class="effectposition acrossremindeffecindex" src="../img/xingzhengshenpi.png">
|
||||
<span class="stagetitle stagearoundtitle">xxxxxx系统一</span>
|
||||
</div>
|
||||
|
||||
<div class="circleeffectclass aroundfunctioneffect" style="left: 190px;bottom: 89px;">
|
||||
<img class="effectposition arounddataeffect01" src="../img/aroundeffect.png">
|
||||
<div class="effectposition acrossremindeffectout acrossremindeffectoutard">
|
||||
<div class="acrossremindeffectin acrossremindeffectinard"></div>
|
||||
</div>
|
||||
<img class="effectposition acrossremindeffecindex" src="../img/baixingpaiAPP.png">
|
||||
<span class="stagetitle stagearoundtitle">xxxxxx系统二</span>
|
||||
</div>
|
||||
|
||||
<div class="circleeffectclass aroundfunctioneffect" style="right: 405px;bottom: 53px;">
|
||||
<img class="effectposition arounddataeffect02" src="../img/aroundeffect.png">
|
||||
<div class="effectposition acrossremindeffectout acrossremindeffectoutard">
|
||||
<div class="acrossremindeffectin acrossremindeffectinard"></div>
|
||||
</div>
|
||||
<img class="effectposition acrossremindeffecindex" src="../img/zhatuyunshu.png">
|
||||
<span class="stagetitle stagearoundtitle">xxxxxx系统三</span>
|
||||
</div>
|
||||
|
||||
<div class="circleeffectclass aroundfunctioneffect" style="right: 243px;bottom: 165px;">
|
||||
<img class="effectposition arounddataeffect01" src="../img/aroundeffect.png">
|
||||
<div class="effectposition acrossremindeffectout acrossremindeffectoutard">
|
||||
<div class="acrossremindeffectin acrossremindeffectinard"></div>
|
||||
</div>
|
||||
<img class="effectposition acrossremindeffecindex" src="../img/12319rexian.png">
|
||||
<span class="stagetitle stagearoundtitle">xxxxxx系统四</span>
|
||||
</div>
|
||||
|
||||
<div class="circleeffectclass aroundfunctioneffect" style="right: 294px;top: 79px;">
|
||||
<img class="effectposition arounddataeffect03" src="../img/aroundeffect.png">
|
||||
<div class="effectposition acrossremindeffectout acrossremindeffectoutard">
|
||||
<div class="acrossremindeffectin acrossremindeffectinard"></div>
|
||||
</div>
|
||||
<img class="effectposition acrossremindeffecindex" src="../img/zonghezhifa.png">
|
||||
<span class="stagetitle stagearoundtitle">xxxxxx系统五</span>
|
||||
</div>
|
||||
|
||||
<div class="circleeffectclass decarround01" style="top: 218px;left: 92px;">
|
||||
<div class="acrossremindeffectin decarroundin01" style=" "></div>
|
||||
</div>
|
||||
<div class="circleeffectclass decarround01" style="top: 197px;right: 163px;">
|
||||
<div class="acrossremindeffectin decarroundin01" style=" "></div>
|
||||
</div>
|
||||
<div class="circleeffectclass decarround02" style="top: 99px;right: 93px;">
|
||||
<div class="acrossremindeffectin decarroundin02" style=" "></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--弹出功能-->
|
||||
<div class="popuofunxtionbox">
|
||||
<!--标题-->
|
||||
<div class="popupboxtitlebox">
|
||||
<span class="popupboxtitlemsg">xxxx审批系统数据分析</span>
|
||||
<div class="popupboxclose"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--侧边浮窗-->
|
||||
<div class="fltoutbox leftbox">
|
||||
<div style="height: 65px; padding-top: 25px;">
|
||||
<span class="analyzedatashowtitle">【xxx数据传输量】</span>
|
||||
</div>
|
||||
<!--左上分析内容放置框-->
|
||||
<div class="analyzemsgbgbox" style=" margin-left: 2px;">
|
||||
|
||||
|
||||
<div class="sent-div" id="container1"></div>
|
||||
</div>
|
||||
<!--左下分析内容放置框-->
|
||||
<div class="analyzemsgbgbox" style="margin-top: 20px; height: 350px;overflow: hidden;">
|
||||
<span class="analyzedatashowtitle" style="line-height: 66px;margin-left: 38px">【本日数据接入排行】</span>
|
||||
<div class="scrollbox">
|
||||
<div id="scrollDiv">
|
||||
<ul>
|
||||
<li>本季度执法案件数量超过平均值20%以上。
|
||||
<span style="">11/2</span>
|
||||
</li>
|
||||
<li>人员制度管理。
|
||||
<span style="">11/2</span>
|
||||
</li>
|
||||
<li>案件超期率超过30%。
|
||||
<span style="">11/2</span>
|
||||
</li>
|
||||
<li>本季度执法案件数量超过平均值20%以上。
|
||||
<span style="">11/2</span>
|
||||
</li>
|
||||
<li>女性人数偏少,仅占总数的20%,执法过程中女性...!
|
||||
<span style="">11/2</span>
|
||||
</li>
|
||||
<li>案件超期率超过30。
|
||||
<span style="">11/2</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$("#scrollDiv").Scroll({line:1,speed:500,timer:5000,up:"but_up",down:"but_down"});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fltdecarround fltdecarroundleft fltdecarroundtop"></div>
|
||||
<div class="fltdecarround fltdecarroundtop fltdecarroundright "></div>
|
||||
<div class="fltdecarround fltdecarroundleft fltdecarroundbottom"></div>
|
||||
<div class="fltdecarround fltdecarroundbottom fltdecarroundright "></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="fltoutbox rightbox">
|
||||
<div style="height: 36px; padding-top: 25px;">
|
||||
<span class="analyzedatashowtitle">【今日人员在线】</span>
|
||||
</div>
|
||||
<!--右上分析内容放置框-->
|
||||
<div class="analyzemsgbgbox " style=" margin-right: 2px;padding-bottom: 29px">
|
||||
<div style="background-color: #022542;opacity: 0.9;height: 130px">
|
||||
<div style="padding: 10px 0 0 16px">
|
||||
<div class="l_left"><span style="color: #dfdede;font-size: 10px;margin-right: 10px">人员一:</span></div>
|
||||
<div class="progress l_left" id="vaderSize" style="width: 150px;padding: 0;margin-top: 6px;"></div>
|
||||
<script>
|
||||
var number = 30;
|
||||
$(function(){
|
||||
$("#vaderSize").ProgressBarWars({porcentaje:30,estilo:"vader",tiempo:5980,alto:"8px",flag:true});
|
||||
setInterval(function(){
|
||||
number = Math.floor(Math.random()*99 + 1);
|
||||
$("#vaderSize").ProgressBarWars({porcentaje:number,estilo:"vader",tiempo:5980,alto:"30px",flag:false});
|
||||
},5000);
|
||||
});
|
||||
</script>
|
||||
<div class="l_left"><span style="color: #dd9809;margin-left: 4px;font-size: 10px">743人</span></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div style="padding: 8px 0 0 16px">
|
||||
<div class="l_left"><span style="color: #dfdede;font-size: 10px;margin-right: 10px">人员二:</span></div>
|
||||
<div class="progress l_left" id="vaderSize1" style="width: 150px;margin-top: 6px;"></div>
|
||||
<script>
|
||||
var number = 90;
|
||||
$(function(){
|
||||
$("#vaderSize1").ProgressBarWars1({porcentaje:30,estilo:"vader1",tiempo:5980,alto:"8px",flag:true});
|
||||
setInterval(function(){
|
||||
number = Math.floor(Math.random()*99 + 1);
|
||||
$("#vaderSize1").ProgressBarWars1({porcentaje:number,estilo:"vader1",tiempo:5980,alto:"30px",flag:false});
|
||||
},5000);
|
||||
});
|
||||
</script>
|
||||
<div class="l_left"><span style="color: #00d8ff;margin-left: 4px;font-size: 10px">216人</span></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div style="padding: 8px 0 0 16px">
|
||||
<div class="l_left"><span style="color: #dfdede;font-size: 10px;margin-right: 10px">人员三:</span></div>
|
||||
<div class="progress l_left" id="vaderSize2" style="width: 150px;margin-top: 6px;"></div>
|
||||
<script>
|
||||
var number = 60;
|
||||
$(function(){
|
||||
$("#vaderSize2").ProgressBarWars2({porcentaje:30,estilo:"vader2",tiempo:5980,alto:"8px",flag:true});
|
||||
setInterval(function(){
|
||||
number = Math.floor(Math.random()*99 + 1);
|
||||
$("#vaderSize2").ProgressBarWars2({porcentaje:number,estilo:"vader2",tiempo:5980,alto:"30px",flag:false});
|
||||
},5000);
|
||||
});
|
||||
</script>
|
||||
<div class="l_left"><span style="color: #56a4ff;margin-left: 4px;font-size: 10px">2037人</span></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div style="padding: 8px 0 0 16px">
|
||||
<div class="l_left"><span style="color: #dfdede;font-size: 10px;margin-right: 10px">人员四:</span></div>
|
||||
<div class="progress l_left" id="vaderSize3" style="width: 150px;margin-top: 6px;"></div>
|
||||
<script>
|
||||
var number = 90;
|
||||
$(function(){
|
||||
$("#vaderSize3").ProgressBarWars3({porcentaje:30,estilo:"vader3",tiempo:5980,alto:"8px",flag:true});
|
||||
setInterval(function(){
|
||||
number = Math.floor(Math.random()*99 + 1);
|
||||
$("#vaderSize3").ProgressBarWars3({porcentaje:number,estilo:"vader3",tiempo:5980,alto:"8px",flag:false});
|
||||
},5000);
|
||||
});
|
||||
</script>
|
||||
<div class="l_left"><span style="color: #56ff6a;margin-left: 4px;font-size: 10px">651人</span></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<p style="color: #dfdede;font-size: 14px;margin: 22px 0 0 17px ">【今日车辆在线】</p>
|
||||
<div class="progress l_left" id="vaderSize4" style="width: 200px;padding: 0;margin: 40px 0 0 18px;"></div>
|
||||
<script>
|
||||
var number = 60;
|
||||
$(function(){
|
||||
$("#vaderSize4").ProgressBarWars4({porcentaje:number,estilo:"vader4",tiempo:5980,alto:"22px",flag:true});
|
||||
setInterval(function(){
|
||||
number = Math.floor(Math.random()*99 + 1);
|
||||
$("#vaderSize4").ProgressBarWars4({porcentaje:number,estilo:"vader4",tiempo:5980,alto:"22px",flag:false});
|
||||
},5000);
|
||||
});
|
||||
</script>
|
||||
<div class="l_left" style="color: #ffea00;margin: 44px 0 0 4px;font-size: 14px"><span>413辆</span></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="fltdecarround fltdecarroundleft fltdecarroundbottom"></div>
|
||||
<div class="fltdecarround fltdecarroundbottom fltdecarroundright "></div>
|
||||
</div>
|
||||
<!--右下分析内容放置框-->
|
||||
<div class="analyzemsgbgbox" style="margin-top: 20px; height: 350px;">
|
||||
<span class="analyzedatashowtitle">【各平台数据接入量】</span>
|
||||
<div style="margin: 0 6px;background-color: #011c2f;opacity: 0.8;padding:8px 0 6px 0">
|
||||
<div>
|
||||
<div><span class="down_span">【xxx系统一】</span><span style="color:#dfdede;font-size: 10px;margin-left: 118px; font-weight: lighter;">1235</span></div>
|
||||
<div style="margin: 5px 0 4px 12px;">
|
||||
<div class="progress l_left" id="vaderSize5" style="width: 190px;padding: 0;margin-top: 4px"></div>
|
||||
<script>
|
||||
$("#vaderSize5").ProgressBarWars5({porcentaje:16,estilo:"vader5",tiempo:5980,alto:"8px",flag:true});
|
||||
|
||||
</script>
|
||||
<div><span class=" l_left" style="margin-left: 12px;color:#40e315;font-size: 12px ">8.02%</span></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div><span class="down_span">【xxx系统二】</span><span style="color:#dfdede;font-size: 10px;margin-left: 118px; font-weight: lighter;">1235</span></div>
|
||||
<div style="margin: 5px 0 4px 12px;">
|
||||
<div class="progress l_left" id="vaderSize6" style="width: 190px;padding: 0;margin-top: 4px"></div>
|
||||
<script>
|
||||
$("#vaderSize6").ProgressBarWars6({porcentaje:16,estilo:"vader6",tiempo:5980,alto:"8px",flag:true});
|
||||
</script>
|
||||
<div><span class="l_left" style="margin-left: 12px;color:#15e3ac;font-size: 12px ">8.09%</span></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div><span class="down_span">【xxx系统三】</span><span style="color:#dfdede;font-size: 10px;margin-left: 131px; font-weight: lighter;">1235</span></div>
|
||||
<div style="margin: 5px 0 4px 12px;">
|
||||
<div class="progress l_left" id="vaderSize7" style="width: 190px;padding: 0;margin-top: 4px"></div>
|
||||
<script>
|
||||
$("#vaderSize7").ProgressBarWars7({porcentaje:6,estilo:"vader7",tiempo:5980,alto:"8px",flag:true});
|
||||
</script>
|
||||
<div><span class="down_span l_left" style="margin-left: 12px;color:#1f9cff ;font-size: 12px">2.87%</span></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div><span class="down_span">【xxx系统四】</span><span style="color:#dfdede;font-size: 10px;margin-left: 143px; font-weight: lighter;">1235</span></div>
|
||||
<div style="margin: 5px 0 4px 12px;">
|
||||
<div class="progress l_left" id="vaderSize8" style="width: 190px;padding: 0;margin-top: 4px"></div>
|
||||
<script>
|
||||
$("#vaderSize8").ProgressBarWars8({porcentaje:2,estilo:"vader8",tiempo:5980,alto:"8px",flag:true});
|
||||
</script>
|
||||
<div><span class="down_span l_left" style="margin-left: 12px;color:#c97802;font-size: 12px ">0.85%</span></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div><span class="down_span">【1xxx系统五】</span><span style="color:#dfdede;font-size: 10px;margin-left: 108px; font-weight: lighter;">1235</span></div>
|
||||
<div style="margin: 5px 0 4px 12px;">
|
||||
<div class="progress l_left" id="vaderSize9" style="width: 190px;padding: 0;margin-top: 4px"></div>
|
||||
<script>
|
||||
$("#vaderSize9").ProgressBarWars9({porcentaje:83,estilo:"vader9",tiempo:5980,alto:"8px",flag:true});
|
||||
</script>
|
||||
<div><span class=" l_left" style="margin-left: 12px;color:#72ff00;font-size: 12px ">80.44%</span></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
<div><span class="down_span">【xxx系统六】</span><span style="color:#dfdede;font-size: 10px;margin-left: 119px; font-weight: lighter;">1235</span></div>
|
||||
<div style="margin: 5px 0 4px 12px;">
|
||||
<div class="progress l_left" id="vaderSize10" style="width: 190px;padding: 0;margin-top: 4px"></div>
|
||||
<script>
|
||||
$("#vaderSize10").ProgressBarWars10({porcentaje:6,estilo:"vader10",tiempo:5980,alto:"8px",flag:true});
|
||||
</script>
|
||||
<div><span class=" l_left" style="margin-left: 12px;color:#ef4503;font-size: 12px ">2.56%</span></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="fltdecarround fltdecarroundleft fltdecarroundtop"></div>
|
||||
<div class="fltdecarround fltdecarroundtop fltdecarroundright "></div>
|
||||
<div class="fltdecarround fltdecarroundleft fltdecarroundbottom"></div>
|
||||
<div class="fltdecarround fltdecarroundbottom fltdecarroundright "></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--版权-->
|
||||
<div class="copyrigntoutbox">
|
||||
<span class="copyrigntmsg">版权所有 © xxxxxxxxxxx 2013。 保留一切权利。xxxxxICP号</span>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script>
|
||||
window.onload = function(){
|
||||
var loading = document.getElementById("loading");
|
||||
loading.style.display="none";
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
|
||||
var salesMyChart = echarts.init($("#container1")[0]);
|
||||
option = {
|
||||
|
||||
|
||||
|
||||
|
||||
tooltip : {
|
||||
trigger: 'item',
|
||||
formatter: "{a} <br/>{b} : {c} ({d}%)"
|
||||
},
|
||||
|
||||
visualMap: {
|
||||
show: false,
|
||||
min: 80,
|
||||
max: 600,
|
||||
inRange: {
|
||||
colorLightness: [0, 1]
|
||||
}
|
||||
},
|
||||
series : [
|
||||
{
|
||||
name:'数据传输量',
|
||||
type:'pie',
|
||||
radius : '55%',
|
||||
center: ['50%', '50%'],
|
||||
data:[
|
||||
{value:335, name:'系统一'},
|
||||
{value:310, name:'系统二'},
|
||||
{value:274, name:'系统三'},
|
||||
{value:235, name:'系统四'},
|
||||
{value:400, name:'系统五'}
|
||||
].sort(function (a, b) { return a.value - b.value; }),
|
||||
roseType: 'radius',
|
||||
label: {
|
||||
normal: {
|
||||
textStyle: {
|
||||
color: 'rgba(255, 255, 255, 0.5)'
|
||||
}
|
||||
}
|
||||
},
|
||||
labelLine: {
|
||||
normal: {
|
||||
lineStyle: {
|
||||
color: 'rgba(255, 255, 255, 0.3)'
|
||||
},
|
||||
smooth: 0.2,
|
||||
length: 10,
|
||||
length2: 20
|
||||
}
|
||||
},
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: '#c23531',
|
||||
shadowBlur: 200,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
},
|
||||
|
||||
animationType: 'scale',
|
||||
animationEasing: 'elasticOut',
|
||||
animationDelay: function (idx) {
|
||||
return Math.random() * 200;
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
salesMyChart.setOption(option);
|
||||
|
||||
</script>
|
||||
</html>
|
154
智慧政务/综合分析平台/pages/index.html
Normal file
@ -0,0 +1,154 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="content-language" content="zh-cn" />
|
||||
<title></title>
|
||||
<meta name="keywords" content=" " />
|
||||
<style>
|
||||
*{margin:0px;padding:0px;list-style-type:none;}
|
||||
.v_out{width:100%;margin:0 auto;overflow:hidden;}
|
||||
.v_show{width:100%;overflow:hidden;position:relative;
|
||||
height: 100%;float:left}
|
||||
.v_cont{ width:100%;position:absolute;left:0px;top:0px;}
|
||||
.v_cont ul{float:left;text-align:center;line-height:0px;width: 100%}
|
||||
.v_cont ul li{width:100%;height:100%;background:#f8f8f8;float:left;margin-top:3px;}
|
||||
/*---圆圈---*/
|
||||
.v_out_p{position:relative;overflow:visible}
|
||||
/*---切换---*/
|
||||
.prev{
|
||||
position:absolute;
|
||||
left: 1%;
|
||||
width: 49px;
|
||||
/*top: 300px;*/
|
||||
|
||||
z-index: 100;
|
||||
|
||||
|
||||
}
|
||||
.next{
|
||||
position:absolute;
|
||||
right: 1%;
|
||||
width: 49px;
|
||||
height:139px;
|
||||
top: 300px ;
|
||||
|
||||
|
||||
}
|
||||
.prev a{display: none;width:80px;display:block; }
|
||||
.prev .ico_1{ background:url(input_a.gif) no-repeat 0 -3757px;}
|
||||
|
||||
.next a{display: none;width:80px;display:block; }
|
||||
.next .ico_2{background:url(input_a.gif) no-repeat right -3757px;}
|
||||
.prev,.next{width:80px;height:1080px; display:block}
|
||||
.hideind{ opacity: 0;}
|
||||
.hideinds{opacity: 1;}
|
||||
.functshow{ position: absolute; top:300px;}
|
||||
</style>
|
||||
<script type="text/javascript" src="../js/jquery.js"></script>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
function init() {
|
||||
$(".v_cont ul li").css('height', document.documentElement.clientHeight);
|
||||
$(".v_show").css('height', document.documentElement.clientHeight);
|
||||
window.onresize = function () {
|
||||
$(".v_cont ul li").css('height', document.documentElement.clientHeight);
|
||||
$(".v_show").css('height', document.documentElement.clientHeight);
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body onload="init()">
|
||||
|
||||
<div class="v_out v_out_p">
|
||||
|
||||
<!--<div class="prev hideind"><a href="javascript:void(0)"><img class="functshow" src="../img/pre.png"/> </a></div>-->
|
||||
|
||||
<div class="v_show">
|
||||
|
||||
<div class="v_cont">
|
||||
<ul>
|
||||
|
||||
<li index="2" style="background:#999"><iframe src="Datacages_Homeindex.html" style="width:100%;height:100%;"></iframe></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--<div class="next hideind"><a href="javascript:void(0)"><img src="../img/next.png"/> </a> </div>-->
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$(function(){
|
||||
|
||||
/*======next======*/
|
||||
$(".next a").click(function(){ nextscroll() });
|
||||
|
||||
function nextscroll(){
|
||||
|
||||
var vcon = $(".v_cont ");
|
||||
var offset = ($(".v_cont li").width())*-1;
|
||||
|
||||
vcon.stop().animate({left:offset},"slow",function(){
|
||||
|
||||
var firstItem = $(".v_cont ul li").first();
|
||||
vcon.find("ul").append(firstItem);
|
||||
$(this).css("left","0px");
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
//setInterval(nextscroll,2000)
|
||||
|
||||
/*======prev======*/
|
||||
$(".prev a").click(function(){ nextscroll() });
|
||||
|
||||
function nextscroll(){
|
||||
|
||||
var vcon = $(".v_cont ");
|
||||
var offset = ($(".v_cont li").width())*-1;
|
||||
|
||||
vcon.stop().animate({left:offset},"slow",function(){
|
||||
|
||||
var firstItem = $(".v_cont ul li").first();
|
||||
vcon.find("ul").append(firstItem);
|
||||
$(this).css("left","0px");
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
/*======btn====circle======*/
|
||||
var animateEnd = 1;
|
||||
|
||||
|
||||
|
||||
})
|
||||
$(".prev a ,.next a").hover(function(){
|
||||
$(this).show();
|
||||
})
|
||||
$(".hideind").mouseenter(function(){
|
||||
$(".hideind").addClass("hideinds");
|
||||
}).mouseleave(function(){
|
||||
$(".hideind").removeClass("hideinds");
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|