1
0
mirror of https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi.git synced 2025-06-17 03:34:05 +08:00

新增综合分析平台模板

This commit is contained in:
郎大伟 2020-01-19 13:21:56 +08:00
parent 4cb202880c
commit dd61a6d450
46 changed files with 3814 additions and 0 deletions

View 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;}

View 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;}*/

Binary file not shown.

After

Width:  |  Height:  |  Size: 601 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 580 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 570 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 762 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 399 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 710 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 432 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 534 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 529 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 467 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 381 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View 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;
}*/

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View 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();
})
})

View 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);

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View 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);

View 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");
});

View 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>

View 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>