大屏

src/main/java/com/lsw/Application.java

@@ -44,6 +44,7 @@ public class Application extends JFinalConfig {
         me.add(dp);
         arp = new ActiveRecordPlugin(dp);//设置数据库方言
         arp.addSqlTemplate("report.sql");
+        arp.addSqlTemplate("big.sql");
         arp.setDialect(new OracleDialect());
         arp.setContainerFactory(new CaseInsensitiveContainerFactory());//忽略大小写
         arp.setShowSql(true);

src/main/java/com/lsw/controller/BigScreenController.java

@@ -4,16 +4,15 @@ import com.jfinal.kit.JsonKit;
 import com.jfinal.kit.Kv;
 import com.jfinal.plugin.activerecord.Db;
 import com.jfinal.plugin.activerecord.Record;
+import com.lsw.utils.StringUtil;
 import com.lsw.utils.TimeUtil;
 
 import java.util.List;
 import java.util.stream.Collectors;
 
 public class BigScreenController extends BaseController {
-
     public void index() {
-        String op = getPara("op", "finish");
-        String ID = getPara("ID", "ZMMMGm5mnGCE4WvWFeI");//部门ID
+/*        String ID = getPara("ID", "ZMMMGm5mnGCE4WvWFeI");//部门ID
         set("look", getPara("look"));
         set("ip", getPara("ip", "192.168.0.251"));
         set("DOMAINID", getPara("DOMAINID", "uumsxrgm1KEEqSZIoHs"));
@@ -43,7 +42,19 @@ public class BigScreenController extends BaseController {
         }
         List<Record> prouname = Db.template("prouname").find();
         set("prouname", JsonKit.toJson(prouname));
-        set("department", JsonKit.toJson(list));
-        render(op + ".html");
+        set("department", JsonKit.toJson(list));*/
+        render("index.html");
+    }
+
+    //待完成试验
+    public void no_examine() {
+        List<Record> list = Db.template("no_examine", getParam()).find();
+        renderJson(Kv.by("data", list));
+    }
+
+    //已完成试验
+    public void examine() {
+        List<Record> list = Db.template("examine", getParam()).find();
+        renderJson(Kv.by("data", list));
     }
 }

src/main/resources/big.sql

@@ -0,0 +1,35 @@
+###大屏所有sql语句
+
+###实验完成率
+#sql("finishs")
+select count(0)as count, case  when e.STATELABEL = '结束' then '结束' else '未结束' end AS tag  from tlk_examine e
+    left outer join t_user on t_user.ID=author
+    left outer join t_department on t_user.defaultdepartment=t_department.ID
+where e.DOMAINID=#para(DOMAINID) and t_department.ID in (select  ID from t_department start with ID=#para(ID) connect by prior ID=superior)
+   and e.created between to_date(#para(begin),'yyyy-mm-dd hh24:mi:ss') and to_date(#para(end),'yyyy-mm-dd hh24:mi:ss')
+   and e.STATELABEL is not null group by  case  when e.STATELABEL = '结束'  then '结束' else '未结束' end
+#end
+
+
+
+###待完成试验
+#sql("no_examine")
+SELECT
+    e.ITEM_TITLE,e.STATELABEL,e.AUDITORNAMES,t.ITEM_VTIME
+FROM
+    tlk_examine e  LEFT OUTER JOIN
+    ( SELECT docid, round(SUM(to_number(to_date(to_char(processtime, 'yyyy-mm-dd hh24:mi:ss'), 'yyyy-mm-dd hh24:mi:ss') - to_date(to_char(actiontime, 'yyyy-mm-dd hh24:mi:ss'), 'yyyy-mm-dd hh24:mi:ss')) * 24 * 60)) AS item_vtime
+      FROM t_relationhis GROUP BY docid) t ON t.docid=e.id
+WHERE statelabel != '结束' AND statelabel IS NOT NULL
+#end
+
+###已完成试验
+#sql("examine")
+SELECT
+    ITEM_TITLE,
+    ITEM_TEST_CONCLUSION
+FROM
+    tlk_examine
+WHERE statelabel = '结束'
+#end
+

src/main/resources/report.sql

@@ -1,3 +1,4 @@
+###报表所有sql语句
 ###完成率
 #sql("finish")
  select count(0)as count, case  when e.STATELABEL = '结束' then '结束' else '未结束' end AS tag  from tlk_examine e

src/main/webapp/WEB-INF/view/big-screen/css/comon0.css

@@ -1,322 +0,0 @@
-@charset "utf-8";
-/* CSS Document
-更多精品模板请访问：http://www.bootstrapmb.com
-*/
-*{
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box}
-*,body{padding:0px;	margin:0px;color: #222;font-family: "微软雅黑";}
-@font-face{font-family:electronicFont;src:url(../font/DS-DIGIT.TTF)}
-body{ background:#000d4a url(../images/bg.jpg) center top; background-size:cover;color:#666;font-size: .1rem;}
-li{ list-style-type:none;}
-table{}
-i{ margin:0px; padding:0px; text-indent:0px;}
-img{ border:none; max-width: 100%;}
-a{ text-decoration:none; color:#399bff;}
-a.active,a:focus{ outline:none!important; text-decoration:none;}
-ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
-a:hover{ color:#06c; text-decoration: none!important}
-
-
-.clearfix:after, .clearfix:before {
-	display: table;
-	content: " "
-}
- .clearfix:after {
-	clear: both
-}
-.pulll_left{float:left;}
-.pulll_right{float:right;}
-/*谷哥滚动条样式*/
-
-  ::-webkit-scrollbar {width:5px;height:5px;position:absolute}
-  ::-webkit-scrollbar-thumb {background-color:#5bc0de}
-  ::-webkit-scrollbar-track {background-color:#ddd}
-
-/***/
-.canvas{position: absolute; width:100%; left: 0; top: 0; height: 99%; z-index: 1;}
-
-.allnav{height: calc(100% - 20px);}
-.loading{position:fixed; left:0; top:0; font-size:18px; z-index:100000000;width:100%; height:100%; background:#1a1a1c; text-align:center;}
-.loadbox{position:absolute; width:160px;height:150px; color: #aaa; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}
-.loadbox img{ margin:10px auto; display:block; width:40px;}
-
-.copyright{ background:rgba(19,31,64,.32); border: 1px solid rgba(255,255,255,.05); line-height:.5rem; text-align: center; padding-right: 15px; bottom: 0; color:rgba(255,255,255,.7); font-size: .16rem; }
-
-.head{ height:1.05rem; background: url(../images/head_bg.png) no-repeat center center; background-size: 100% 100%; position: relative; z-index: 100;}
-.head h1{ color:#fff; text-align: center; font-size: .4rem; line-height:.8rem;}
-.head h1 img{ width:1.5rem; display: inline-block; vertical-align: middle; margin-right: .2rem}
-.weather{ position:absolute; right:.3rem; top:0; line-height: .75rem;}
-.weather img{ width:.37rem; display: inline-block; vertical-align: middle;}
-.weather span{color:rgba(255,255,255,.7); font-size: .18rem; padding-right: .1rem;}
-.mainbox{ padding:.1rem .1rem 0rem .1rem;}
-.mainbox>ul{}
-.mainbox>ul>li{ float: left; padding: 0 .1rem}
-.mainbox>ul>li{ width: 30%}
-.mainbox>ul>li:nth-child(2){ width: 40%;padding: 0}
-.boxall{ border: 3px solid #0038a9; padding:0 .2rem .4rem .15rem; background-size: 100% auto; position: relative; margin-bottom: .15rem; z-index: 10;}
-.boxall:before,
-.boxall:after{
-	position: absolute;
-	width: .3rem;
-	height: .3rem;
-	content: "";
-	border-top: 5px solid #3c7cff;
-}
-.boxall:before,.boxfoot:before{
-	border-left: 5px solid #3c7cff;
-	left: -4px;
-	top: -4px;
-}
-.nor{border: 0px;}
-.nor:before,.nor:after{border: 0px!important;}
-.boxall:after,.boxfoot:after{
-	border-right: 5px solid #3c7cff;
-	right: -4px;
-	top: -4px;
-}
-.alltitle{ font-size:.2rem; color:#fff; text-align: center; line-height: .5rem;}
-
-.boxfoot{ position:absolute; bottom: 0; width: 100%; left: 0;}
-.boxfoot:before,
-.boxfoot:after{ position:absolute; width: .1rem; height: .1rem;  content: "";border-bottom: 2px solid #02a6b5; bottom: 0;}
-
-.bar{background:rgba(101,132,226,.1); padding: .15rem;}
-.barbox li,.barbox2 li{ width:50%; text-align: center; position: relative; z-index: 100;}
-.barbox:before,
-.barbox:after{ position:absolute; width: .3rem; height: .1rem; content: ""; }
-.barbox:before{border-left: 2px solid #02a6b5;left: 0;border-top: 2px solid #02a6b5; }
-.barbox:after{border-right: 2px solid #02a6b5; right: 0; bottom: 0;border-bottom: 2px solid #02a6b5; }
-
-.barbox li:first-child:before{ position:absolute; content: ""; height:50%; width: 1px; background: rgba(255,255,255,.2); right: 0; top: 25%;}
-
-.barbox{  border: 1px solid rgba(25,186,139,.17); position: relative;}
-.barbox li{ font-size: .4rem; color:#03A9F4; padding: .05rem 0;  font-family:electronicFont; font-weight: bold;}
-.barbox2 li{ font-size: .19rem; color:rgba(255,255,255,.7); padding-top: .1rem;}
-
-.map{  position:relative;z-index: 9;}
-.map4{ width: 200%; height:5.8rem;  position: relative; left: -50%; top: 4%; margin-top: .2rem; z-index: 5;}
-.map1,.map2,.map3{ position:absolute; opacity: .5}
-.map1{ width:5.63rem; z-index: 2;top:.2.4rem; left: .85rem;  animation: myfirst2 15s infinite linear;}
-.map2{ width:4.66rem; top:.75rem; left:1.2rem; z-index: 3; opacity: 0.2; animation: myfirst 10s infinite linear;}
-.map3{ width:4.7rem; top:0.6rem; left: 1.4rem; z-index: 1;}
-
-
-
-
-
-.tabs { text-align: center; padding: .1rem 0 0 0;}
-.tabs a {
-    position: relative;
-    display: inline-block;
-    margin-left: 1px;
-    padding:.05rem .2rem;
-    color: #898989;
-    transition: all .3s ease-out 0s;
-    font-size: 14px;
-}
-.tabs li{ display:inline-block;}
-.tabs a:after {
-    position: absolute;
-    width: 1px;
-    height: 10px;
-    background-color: rgba(255,255,255,.1);
-    content: '';
-	 margin-left:0; right:-1px;    margin-top: 7px;
-	
-	
-}
-.tabs li a.active {border: 1px solid rgba(25,186,139,.17); background: rgba(255,255,255,.05); color:#fff;}
-.bbv{
-	text-align: center;
-	width: 100%;
-	margin-top: -12px;
-}
-.btitle{
-	color: white;
-	background-color:#3c7cff;
-	padding: 6px 65px;
-	font-size:.19rem;
-	border-radius: 20px;
-	opacity: 0.9;
-}
-.tit02{ text-align:center; margin: .1rem 0; position: relative}
-.tit02 span{border: 1px solid rgba(25,186,139,.17); letter-spacing: 2px; padding: .01rem .2rem; background: rgba(255,255,255,.05);  font-size: .18rem;  color: #49bcf7;}
-.tit02:before,.tit02:after{ position:absolute; width:26%; height: 1px;background: rgba(25,186,139,.2);  content: ""; top: .12rem;}
-.tit02:after{ right:0;}
-.tit02:before{ left:0;}
-
-.wrap{ height:2.54rem; overflow: hidden;}
-.wrap li{  line-height:.42rem; height:.42rem; font-size: .18rem; text-indent: .24rem; margin-bottom: .1rem; }
-.wrap li p{border: 1px solid rgba(25,186,139,.17);color: rgba(255,255,255,.6); }
-.sy{ float:left; width: 49%; height:95%;}
-
-
-.adduser{ height:1.5rem; overflow: hidden;}
-.adduser li{height:.5rem;}
-.adduser img{ width: .40rem; border-radius: .5rem; margin-right: .1rem; display: inline-block; vertical-align: middle;}
-.adduser span{  line-height:.5rem; font-size: .18rem;color: rgba(255,255,255,.6); }
-
-.sycm ul{margin-right:-.5rem;  padding: .16rem 0;margin-top: -0.25rem;}
-.sycm li{text-align: center; position: relative;text-align: center; padding: 10px 0; position: relative;float: left;width:43%; padding: 15px 0px;background-color: rgb(180 180 180 / 10%);margin: 0.1rem;}
-.sycm li:last-child:before{ width: 0;}
-
-.sycm li h2{ font-size:.23rem; color: #c5ccff;}
-.sycm li span{ font-size:.15rem; color: #fff; opacity: .5;}
-
-@keyframes myfirst2
-{
-from {transform: rotate(0deg);}
-to {transform: rotate(359deg);}
-}
-
-@keyframes myfirst
-{
-from {transform: rotate(0deg);}
-to {transform: rotate(-359deg);}
-}
-
-
-/*Plugin CSS*/
-.str_wrap {
-	overflow:hidden;
-	width:100%;
-	position:relative;
-	-moz-user-select: none;
-	-khtml-user-select: none;
-	user-select: none;  
-	white-space:nowrap;
-}
-
-
-.str_move { 
-	white-space:nowrap;
-	position:absolute; 
-	top:0; 
-	left:0;
-	cursor:move;
-}
-.str_move_clone {
-	display:inline-block;
-	vertical-align:top;
-	position:absolute; 
-	left:100%;
-	top:0;
-}
-.str_vertical .str_move_clone {
-	left:0;
-	top:100%;
-}
-.str_down .str_move_clone {
-	left:0;
-	bottom:100%;
-}
-.str_vertical .str_move,
-.str_down .str_move {
-	white-space:normal;
-	width:100%;
-}
-.str_static .str_move,
-.no_drag .str_move,
-.noStop .str_move{
-	cursor:inherit;
-}
-.str_wrap img {
-	max-width:none !important;	
-}
-.flex {
-	display: flex;
-}
-.f {
-	flex: 1;
-	padding: 10px;
-	text-align: center;
-	font-size: .2rem;
-	color: #68d8fe;
-}
-
-.row {
-	display: flex;
-	cursor: pointer;
-}
-
-.row:nth-child(even) {
-	background-color: rgb(180 180 180 / 10%);
-	/* box-shadow:0 0 7px #3c7cff; */
-}
-.row:hover {
-	color: #68d8ff;
-	background: rgba(255, 255, 255, 0.1);
-}
-.col {
-	flex: 1;
-	padding: 10px;
-	text-align: center;
-	font-size: .17rem;
-	color: #61a8ff;
-}
-.omit {
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	overflow: hidden;
-}
-.tl {
-	text-align: left;
-}
-.tubiao{
-   position: absolute;
-   left: .2rem;
-}
-.baowei{
-	height: 0.55rem;
-	width: 0.55rem;
-	border-radius: 50%;
-	background-color: red;
-	text-align: center;
-	line-height: 0.52rem;
-}
-.iconfont{
-	font-size: 0.32rem!important;
-	color: white;
-}
-.pm{
-	    width: 0.3rem;
-	    height: 0.3rem;
-	    border-radius: 53px;
-	    display: block;
-	    background: #878787;
-	    color: #fff;
-	    line-height: 0.3rem;
-	    text-align: center;
-}
-.gundong::-webkit-scrollbar {
-	display: none
-}
-
-body::-webkit-scrollbar {
-	display: none
-}
-
-#marquee-view {
-	overflow-y: scroll !important;
-}
-
-#marquee-view::-webkit-scrollbar {
-	display: none
-}
-.bsd{
-	margin-top: 0.16rem;padding-right: 3px;
-}
-.logos{
-	position: absolute;
-	width: 15%;
-	top: 9px;
-	left: 10px;
-}
-.icon-quanping{
-	cursor: pointer;
-}
-#showTime{
-	float: right;
-}

src/main/webapp/WEB-INF/view/big-screen/css/comon2.css

@@ -1,309 +0,0 @@
-@charset "utf-8";
-/* CSS Document
-更多精品模板请访问：http://www.bootstrapmb.com
-*/
-*{
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box}
-*,body{padding:0px;	margin:0px;color: #222;font-family: "微软雅黑";}
-@font-face{font-family:electronicFont;src:url(../font/DS-DIGIT.TTF)}
-body{ background:#000d4a url(../images/bg.jpg) center top; background-size:cover;color:#666;font-size: .1rem;}
-li{ list-style-type:none;}
-table{}
-i{ margin:0px; padding:0px; text-indent:0px;}
-img{ border:none; max-width: 100%;}
-a{ text-decoration:none; color:#399bff;}
-a.active,a:focus{ outline:none!important; text-decoration:none;}
-ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
-a:hover{ color:#06c; text-decoration: none!important}
-
-
-.clearfix:after, .clearfix:before {
-	display: table;
-	content: " "
-}
- .clearfix:after {
-	clear: both
-}
-.pulll_left{float:left;}
-.pulll_right{float:right;}
-/*谷哥滚动条样式*/
-
-  ::-webkit-scrollbar {width:5px;height:5px;position:absolute}
-  ::-webkit-scrollbar-thumb {background-color:#5bc0de}
-  ::-webkit-scrollbar-track {background-color:#ddd}
-
-/***/
-.canvas{position: absolute; width:100%; left: 0; top: 0; height: 99%; z-index: 1;}
-
-.allnav{height: calc(100% + 30px);}
-.loading{position:fixed; left:0; top:0; font-size:18px; z-index:100000000;width:100%; height:100%; background:#1a1a1c; text-align:center;}
-.loadbox{position:absolute; width:160px;height:150px; color: #aaa; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}
-.loadbox img{ margin:10px auto; display:block; width:40px;}
-
-.copyright{ background:rgba(19,31,64,.32); border: 1px solid rgba(255,255,255,.05); line-height:.5rem; text-align: center; padding-right: 15px; bottom: 0; color:rgba(255,255,255,.7); font-size: .16rem; }
-
-.head{ height:1.05rem; background: url(../images/head_bg.png) no-repeat center center; background-size: 100% 100%; position: relative; z-index: 100;}
-.head h1{ color:#fff; text-align: center; font-size: .4rem; line-height:.8rem;}
-.head h1 img{ width:1.5rem; display: inline-block; vertical-align: middle; margin-right: .2rem}
-.weather{ position:absolute; right:.3rem; top:0; line-height: .75rem;}
-.weather img{ width:.37rem; display: inline-block; vertical-align: middle;}
-.weather span{color:rgba(255,255,255,.7); font-size: .18rem; padding-right: .1rem;}
-.mainbox{ padding:.1rem .1rem 0rem .1rem;}
-.mainbox>ul{}
-.mainbox>ul>li{ float: left; padding: 0 .1rem}
-.mainbox>ul>li{ width: 30%}
-.mainbox>ul>li:nth-child(2){ width: 40%;padding: 0}
-.boxall{padding:.2rem .2rem .7rem .15rem;box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1);background-size: 100% auto;background-color: rgba(101,132,226,.15);border-radius: 5px;position: relative; margin-bottom: .16rem; z-index: 10;}
-.nor{border: 0px;}
-.nor:before,.nor:after{border: 0px!important;}
-.boxall:after,.boxfoot:after{
-	border-right: 5px solid #3c7cff;
-	right: -4px;
-	top: -4px;
-}
-
-.boxfoot{ position:absolute; bottom: 0; width: 100%; left: 0;}
-.boxfoot:before,
-.boxfoot:after{ position:absolute; width: .1rem; height: .1rem;  content: "";border-bottom: 2px solid #02a6b5; bottom: 0;}
-
-.bar{background:rgba(101,132,226,.1); padding: .15rem;}
-.barbox li,.barbox2 li{ width:50%; text-align: center; position: relative; z-index: 100;}
-.barbox:before,
-.barbox:after{ position:absolute; width: .3rem; height: .1rem; content: ""; }
-.barbox:before{border-left: 2px solid #02a6b5;left: 0;border-top: 2px solid #02a6b5; }
-.barbox:after{border-right: 2px solid #02a6b5; right: 0; bottom: 0;border-bottom: 2px solid #02a6b5; }
-
-.barbox li:first-child:before{ position:absolute; content: ""; height:50%; width: 1px; background: rgba(255,255,255,.2); right: 0; top: 25%;}
-
-.barbox{  border: 1px solid rgba(25,186,139,.17); position: relative;}
-.barbox li{ font-size: .4rem; color:#03A9F4; padding: .05rem 0;  font-family:electronicFont; font-weight: bold;}
-.barbox2 li{ font-size: .19rem; color:rgba(255,255,255,.7); padding-top: .1rem;}
-
-.map{  position:relative;z-index: 9;background-color: rgba(101,132,226,.15);border-radius: 5px;margin-top: -0.04rem;margin-bottom: .16rem;}
-.map4{ width: 200%; height:5.8rem;  position: relative; left: -50%; top: 4%; margin-top: .2rem; z-index: 5;}
-.map1,.map2,.map3{ position:absolute; opacity: .5}
-.map1{ width:5.63rem; z-index: 2;top:.2.4rem; left: .85rem;  animation: myfirst2 15s infinite linear;}
-.map2{ width:4.66rem; top:.75rem; left:1.2rem; z-index: 3; opacity: 0.2; animation: myfirst 10s infinite linear;}
-.map3{ width:4.7rem; top:0.6rem; left: 1.4rem; z-index: 1;}
-
-.alltitle{ font-size:18px; color:#fff; position: relative; margin-bottom: 10px;text-align: left;}
-.alltitle:before{ width: 90%; height: 1px; top:12px; position: absolute; content: "";  border-bottom: dashed #fff 1px; right: 0;  opacity: .2;}
-.alltitle:after{ width: 8px; height:10px; top:8px; position: absolute; content: ""; border-radius:20px;  right: 0; background: #0c51f9;}
-
-
-
-.tabs { text-align: center; padding: .1rem 0 0 0;}
-.tabs a {
-    position: relative;
-    display: inline-block;
-    margin-left: 1px;
-    padding:.05rem .2rem;
-    color: #898989;
-    transition: all .3s ease-out 0s;
-    font-size: 14px;
-}
-.tabs li{ display:inline-block;}
-.tabs a:after {
-    position: absolute;
-    width: 1px;
-    height: 10px;
-    background-color: rgba(255,255,255,.1);
-    content: '';
-	 margin-left:0; right:-1px;    margin-top: 7px;
-	
-	
-}
-.tabs li a.active {border: 1px solid rgba(25,186,139,.17); background: rgba(255,255,255,.05); color:#fff;}
-.bbv{
-	text-align: center;
-	width: 100%;
-}
-.btitle{
-	color: white;
-	background-color:#3c7cff;
-	padding: 6px 65px;
-	font-size:.19rem;
-	border-radius: 20px;
-	opacity: 0.9;
-}
-.tit02{ text-align:center; margin: .1rem 0; position: relative}
-.tit02 span{border: 1px solid rgba(25,186,139,.17); letter-spacing: 2px; padding: .01rem .2rem; background: rgba(255,255,255,.05);  font-size: .18rem;  color: #49bcf7;}
-.tit02:before,.tit02:after{ position:absolute; width:26%; height: 1px;background: rgba(25,186,139,.2);  content: ""; top: .12rem;}
-.tit02:after{ right:0;}
-.tit02:before{ left:0;}
-
-.wrap{ height:2.54rem; overflow: hidden;}
-.wrap li{  line-height:.42rem; height:.42rem; font-size: .18rem; text-indent: .24rem; margin-bottom: .1rem; }
-.wrap li p{border: 1px solid rgba(25,186,139,.17);color: rgba(255,255,255,.6); }
-.sy{ float:left; width: 49%; height:95%;}
-
-
-.adduser{ height:1.5rem; overflow: hidden;}
-.adduser li{height:.5rem;}
-.adduser img{ width: .40rem; border-radius: .5rem; margin-right: .1rem; display: inline-block; vertical-align: middle;}
-.adduser span{  line-height:.5rem; font-size: .18rem;color: rgba(255,255,255,.6); }
-
-.sycm ul{margin-right:-.5rem;  padding: .16rem 0;margin-top: -0.25rem;}
-.sycm li{text-align: center; position: relative;text-align: center; padding: 10px 0; position: relative;float: left;width:43%; padding: 0.21rem 0rem;background-color: rgb(180 180 180 / 10%);margin: 0.1rem;}
-.sycm li:last-child:before{ width: 0;}
-
-.sycm li h2{ font-size:.23rem; color: #c5ccff;}
-.sycm li span{ font-size:.15rem; color: #fff; opacity: .5;}
-
-@keyframes myfirst2
-{
-from {transform: rotate(0deg);}
-to {transform: rotate(359deg);}
-}
-
-@keyframes myfirst
-{
-from {transform: rotate(0deg);}
-to {transform: rotate(-359deg);}
-}
-
-
-/*Plugin CSS*/
-.str_wrap {
-	overflow:hidden;
-	width:100%;
-	position:relative;
-	-moz-user-select: none;
-	-khtml-user-select: none;
-	user-select: none;  
-	white-space:nowrap;
-}
-
-
-.str_move { 
-	white-space:nowrap;
-	position:absolute; 
-	top:0; 
-	left:0;
-	cursor:move;
-}
-.str_move_clone {
-	display:inline-block;
-	vertical-align:top;
-	position:absolute; 
-	left:100%;
-	top:0;
-}
-.str_vertical .str_move_clone {
-	left:0;
-	top:100%;
-}
-.str_down .str_move_clone {
-	left:0;
-	bottom:100%;
-}
-.str_vertical .str_move,
-.str_down .str_move {
-	white-space:normal;
-	width:100%;
-}
-.str_static .str_move,
-.no_drag .str_move,
-.noStop .str_move{
-	cursor:inherit;
-}
-.str_wrap img {
-	max-width:none !important;	
-}
-.flex {
-	display: flex;
-}
-.f {
-	flex: 1;
-	padding: 10px;
-	text-align: center;
-	font-size: .2rem;
-	color: #68d8fe;
-}
-
-.row {
-	display: flex;
-	cursor: pointer;
-}
-
-.row:nth-child(even) {
-	background-color: rgb(180 180 180 / 10%);
-	/* box-shadow:0 0 7px #3c7cff; */
-}
-.row:hover {
-	color: #68d8ff;
-	background: rgba(255, 255, 255, 0.1);
-}
-.col {
-	flex: 1;
-	padding: 10px;
-	text-align: center;
-	font-size: .17rem;
-	color: #61a8ff;
-}
-.omit {
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	overflow: hidden;
-}
-.tl {
-	text-align: left;
-}
-.tubiao{
-   position: absolute;
-   left: .2rem;
-}
-.baowei{
-	height: 0.55rem;
-	width: 0.55rem;
-	border-radius: 50%;
-	background-color: red;
-	text-align: center;
-	line-height: 0.52rem;
-}
-.iconfont{
-	font-size: 0.32rem!important;
-	color: white;
-}
-.pm{
-	    width: 0.3rem;
-	    height: 0.3rem;
-	    border-radius: 53px;
-	    display: block;
-	    background: #878787;
-	    color: #fff;
-	    line-height: 0.3rem;
-	    text-align: center;
-}
-.gundong::-webkit-scrollbar {
-	display: none
-}
-
-body::-webkit-scrollbar {
-	display: none
-}
-
-#marquee-view {
-	overflow-y: scroll !important;
-}
-
-#marquee-view::-webkit-scrollbar {
-	display: none
-}
-.bsd{
-	margin-top: 0.16rem;padding-right: 3px;
-}
-.logos{
-	position: absolute;
-	width: 15%;
-	top: 9px;
-	left: 10px;
-}
-.icon-quanping{
-	cursor: pointer;
-}
-#showTime{
-	float: right;
-}

src/main/webapp/WEB-INF/view/big-screen/css/iconfont.css

@@ -1,75 +0,0 @@
-@font-face {
-  font-family: "iconfont"; /* Project id 3697056 */
-  src: url('iconfont.woff2?t=1665459645312') format('woff2'),
-       url('iconfont.woff?t=1665459645312') format('woff'),
-       url('iconfont.ttf?t=1665459645312') format('truetype');
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-quanping:before {
-  content: "\eb11";
-}
-
-.icon-fengxianyujing:before {
-  content: "\e608";
-}
-
-.icon-jiaoseshezhi:before {
-  content: "\e634";
-}
-
-.icon-jilu:before {
-  content: "\e65d";
-}
-
-.icon-xitongyunzhuanqingkuang:before {
-  content: "\e632";
-}
-
-.icon-jiaosequnti:before {
-  content: "\e8c9";
-}
-
-.icon-fengxiandengji-:before {
-  content: "\e60d";
-}
-
-.icon-xitong:before {
-  content: "\e617";
-}
-
-.icon-jiaoseguanli:before {
-  content: "\e62e";
-}
-
-.icon-jixiao:before {
-  content: "\e647";
-}
-
-.icon-lianxi2hebing_jilu:before {
-  content: "\e630";
-}
-
-.icon-jixiao1:before {
-  content: "\e67c";
-}
-
-.icon-fengxian:before {
-  content: "\f891";
-}
-
-.icon-jixiao2:before {
-  content: "\e663";
-}
-
-.icon-zhidu:before {
-  content: "\e631";
-}
-

src/main/webapp/WEB-INF/view/big-screen/index.html

@@ -0,0 +1,235 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>index</title>
+    <link rel="stylesheet" href="#(path)/static/big-screen/css/comon0.css">
+    <link rel="stylesheet" href="#(path)/static/js/element-ui.css">
+</head>
+<body>
+<div id="app">
+    <div class="loading">
+        <div class="loadbox"><img src="#(path)/static/big-screen/images/loading.gif"> 页面加载中...</div>
+    </div>
+    <!--头部-->
+    <div class="head" style="background: url('#(path)/static/big-screen/images/head_bg.png') no-repeat center;background-size: 100% 100%;">
+        <h1>数字实验室</h1>
+        <div class="weather">
+            <span class="iconfont icon-quanping" @click="fullScreen()" title="全屏"></span>
+            <span id="showTime"></span>
+        </div>
+    </div>
+    <!--内容区域-->
+    <div class="mainbox">
+        <ul class="clearfix">
+            <li>
+                <!--试验次数-->
+                <div class="boxall" style="height: 3.2rem;">
+                    <div class="mvp">
+                        <div class="vtitle">试验次数</div>
+                        <el-form :inline="true" label-width="auto" class="inline">
+                            <el-form-item prop="state">
+                                <el-cascader v-model="param.value" :options="options" placeholder="实验部门"
+                                             class="els" :props="props" @change="handleChange" :show-all-levels="false"
+                                             clearable></el-cascader>
+                            </el-form-item>
+                            <el-form-item>
+                                <el-select placeholder="产品线" v-model="param.item_pro_type" class="els">
+                                    <el-option v-for="(item,index) in prouname" :key="index"
+                                               :value="item.ITEM_DIC_PROUNAME" :label="item.ITEM_DIC_PROUNAME">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                        </el-form>
+                    </div>
+                    <div class="allnav" id="chart1"></div>
+                </div>
+                <!--试验完成率-->
+                <div class="boxall" style="height: 3.2rem">
+                    <div class="mvp">试验完成率</div>
+                    <div class="allnav" id="chart2"></div>
+                </div>
+            </li>
+            <li>
+                <!--样机信息-->
+                <div class="boxall" style="height: 3.2rem;">
+                    <div class="mvp">样机信息</div>
+                    <div class="allnav" id="chart3"></div>
+                </div>
+                <!-- 样机改装信息-->
+                <div class="boxall" style="height: 3.2rem;">
+                    <div class="mvp"> 样机改装信息</div>
+                    <div class="allnav" id="chart4"></div>
+                </div>
+            </li>
+            <li>
+                <!--设备资产-->
+                <div class="boxall" style="height:3.2rem">
+                    <div class="mvp">设备资产</div>
+                    <div class="flex bf">
+                        <div class="f">设备总数：123</div>
+                        <div class="f">封存设备：12</div>
+                    </div>
+                    <div class="flex bf">
+                        <div class="f">可用设备：235</div>
+                        <div class="f">使用中设备：123</div>
+                    </div>
+                    <div class="allnav chart" id="chart5"></div>
+                </div>
+                <!--能源管理-->
+                <div class="boxall" style="height: 3.2rem;">
+                    <div class="mvp">能源管理</div>
+                    <div class="allnav" id="chart6"></div>
+                </div>
+            </li>
+        </ul>
+        <div class="flex">
+            <!--待完成试验-->
+            <div class="f">
+                <div class="boxall" style="height:3.2rem">
+                    <div class="mvp">待完成试验</div>
+                    <div class="allnav">
+                        <div class="flex bsd">
+                            <div class="f omit tl">标题</div>
+                            <div class="f omit cn" style="flex: 0.4;">当前处理人</div>
+                            <div class="f omit cn" style="flex: 0.4;">流程状态</div>
+                            <div class="f omit cn" style="flex: 0.4;">当前流程耗时</div>
+                        </div>
+                        <div id="marquee-view" class="marquee-view">
+                            <div id="comment1">
+                                <div class="row" v-for="(item, index) in no_examine_list" :key="index">
+                                    <span class="col omit tl">{{item.ITEM_TITLE}}</span>
+                                    <span class="col omit cn" style="flex: 0.4;">{{item.AUDITORNAMES}}</span>
+                                    <span class="col omit cn" style="flex: 0.4;">{{item.STATELABEL}}</span>
+                                    <span class="col omit cn" style="flex: 0.4;">{{item.ITEM_VTIME}}</span>
+                                </div>
+                            </div>
+                            <div id="comment2"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--已完成试验-->
+            <div class="f">
+                <div class="boxall" style="height:3.2rem">
+                    <div class="mvp">已完成试验</div>
+                    <div class="allnav">
+                        <div class="flex bsd">
+                            <div class="f omit tl">标题</div>
+                            <div class="f omit cn">试验结论</div>
+                        </div>
+                        <div id="a2_marquee-view" class="marquee-view">
+                            <div id="a2_comment1">
+                                <div class="row" v-for="(item, index) in examine_list" :key="index">
+                                    <span class="col omit tl">{{item.ITEM_TITLE}}</span>
+                                    <span class="col omit cn">{{item.ITEM_TEST_CONCLUSION}}</span>
+                                </div>
+                            </div>
+                            <div id="a2_comment2"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script type="text/javascript" src="#(path)/static/js/jquery.min.js"></script>
+<script type="text/javascript" src="#(path)/static/js/vue.js"></script>
+<script type="text/javascript" src="#(path)/static/js/echarts.min.js"></script>
+<script type="text/javascript" src="#(path)/static/js/element-ui.js"></script>
+<script type="text/javascript" src="#(path)/static/js/common.js"></script>
+<script type="text/javascript" src="#(path)/static/big-screen/js/js.js"></script>
+<script type="text/javascript" src="#(path)/static/js/layer/layer.js"></script>
+<script>
+    let vm = new Vue({
+        el: "#app",
+        data: {
+            param: {
+                DOMAINID: '#(DOMAINID)',
+                ID: '#(ID)',
+                value: ['#(value)'],
+                begin: '#(begin)',
+                end: '#(end)',
+                created: ['#(begin)', '#(end)']
+            },
+            prouname: [], //产品线
+            props: {
+                value: 'ID',
+                label: 'NAME',
+                checkStrictly: true
+            },
+            options: [],
+            no_examine_list: [],//待完成试验
+            examine_list: [],//已完成试验
+        },
+        mounted() {
+            this.getData();
+            //this.no_examine();
+            //this.examine();
+        },
+        methods: {
+            getData() {
+                setTimeout(() => {
+                    chart1();
+                    chart2();
+                    chart3();
+                    chart4();
+                    chart5();
+                    chart6();
+                    roll(100); //初始化滚动
+                }, 500)
+
+
+            },
+            //待完成试验
+            no_examine() {
+                sendAjax("#(path)/big/no_examine", this.param, res => {
+                    cancelLoding();
+                    vm.no_examine_list = res.data;
+                })
+            },
+            //已完成试验
+            examine() {
+                sendAjax("#(path)/big/examine", this.param, res => {
+                    cancelLoding();
+                    vm.examine_list = res.data;
+                })
+            },
+            handleChange(value) {
+                this.param.ID = value[value.length - 1]
+            },
+            //设置全屏
+            fullScreen() {
+                const element = document.documentElement
+                // 如果是全屏状态
+                if (this.fullscreen) {
+                    // 如果浏览器有这个Function
+                    if (document.exitFullscreen) {
+                        document.exitFullscreen()
+                    } else if (document.webkitCancelFullScreen) {
+                        document.webkitCancelFullScreen()
+                    } else if (document.mozCancelFullScreen) {
+                        document.mozCancelFullScreen()
+                    } else if (document.msExitFullscreen) {
+                        document.msExitFullscreen()
+                    }
+                } else {
+                    // 如果浏览器有这个Function
+                    if (element.requestFullscreen) {
+                        element.requestFullscreen()
+                    } else if (element.webkitRequestFullScreen) {
+                        element.webkitRequestFullScreen()
+                    } else if (element.mozRequestFullScreen) {
+                        element.mozRequestFullScreen()
+                    } else if (element.msRequestFullscreen) {
+                        element.msRequestFullscreen()
+                    }
+                }
+                // 判断全屏状态的变量
+                this.fullscreen = !this.fullscreen
+            }
+        }
+    })
+</script>
+</body>
+</html>

src/main/webapp/WEB-INF/view/big-screen/index_v1.html

@@ -1,186 +0,0 @@
-<!doctype html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>index</title>
-    <script type="text/javascript" src="#(path)/static/big-screen/js/jquery.min.js"></script>
-    <link rel="stylesheet" href="#(path)/static/big-screen/css/comon0.css">
-    <link rel="stylesheet" href="#(path)/static/big-screen/css/iconfont.css">
-</head>
-<script>
-    $(window).load(function () {
-        $(".loading").fadeOut()
-    })
-    $(document).ready(function () {
-        let whei = $(window).width()
-        $("html").css({
-            fontSize: whei / 20
-        })
-        $(window).resize(function () {
-            let whei = $(window).width()
-            $("html").css({
-                fontSize: whei / 20
-            })
-        });
-    });
-</script>
-<body>
-<div id="app">
-    <div class="canvas" style="opacity: .2">
-        <iframe frameborder="0" src="#(path)/static/big-screen/js/index.html"
-                style="width: 100%; height: 100%"></iframe>
-    </div>
-    <div class="loading">
-        <div class="loadbox"><img src="#(path)/static/big-screen/images/loading.gif"> 页面加载中...</div>
-    </div>
-    <div class="head">
-        <h1>数字实验室</h1>
-        <div class="weather">
-            <span class="iconfont icon-quanping" @click="fullScreen()" title="全屏"></span>
-            <span id="showTime"></span>
-        </div>
-    </div>
-    <div class="mainbox">
-        <ul class="clearfix">
-            <li>
-                <div class="boxall nor" style="height: 3.6rem;overflow: hidden;">
-                    <div class="allnav"></div>
-                </div>
-                <div class="boxall nor" style="height: 3.3rem">
-                    <div class="allnav" id="echart1"></div>
-                </div>
-                <div class="boxall" style="height: 2.5rem;">
-                    <div class="bbv">
-                        <span class="btitle">业务域分类展示</span>
-                    </div>
-                    <div class="allnav">
-                        <div class="flex bsd">
-                            <div class="f bo omit" style="flex: 0.4;text-align:left;">排名</div>
-                            <div class="f bo omit tl">制度名称</div>
-                            <div class="f bo omit" style="flex: 0.4;">阅读量</div>
-                        </div>
-                        <div id="marquee-view" style="height:1.5rem;overflow: hidden;">
-                            <div id="comment1">
-                                <div class="row" v-for="(item, index) in list" :key="index">
-											<span class="col omit" style="flex: 0.4;">
-												<span class="pm" style="background: #ed405d;"
-                                                      v-if="index==0">{{index+1}}</span>
-												<span class="pm" style="background: #f78c44;"
-                                                      v-else-if="index==1">{{index+1}}</span>
-												<span class="pm" style="background: #49bcf7;"
-                                                      v-else-if="index==2">{{index+1}}</span>
-												<span class="pm" v-else>{{index+1}}</span>
-											</span>
-                                    <span class="col omit tl">{{item.name}}</span>
-                                    <span class="col omit" style="flex: 0.4;">{{item.num}}</span>
-                                </div>
-                            </div>
-                            <div id="comment2"></div>
-                        </div>
-                    </div>
-                </div>
-            </li>
-            <li>
-                <div class="map" style="height: 5.9rem;">
-
-                </div>
-                <div class="boxall" style="height: 2.5rem;">
-                    <div class="allnav">
-                    </div>
-                </div>
-            </li>
-            <li>
-                <div class="boxall" style="height:3.7rem">
-                    <div class="allnav" id="echart4"></div>
-                </div>
-                <div class="boxall" style="height: 3.2rem;overflow:hidden;">
-                    <div style="height:100%; width: 100%;">
-                        <div class="sy" id="fb2"></div>
-                        <div class="sy" id="fb3"></div>
-                    </div>
-                </div>
-                <div class="boxall" style="height: 2.5rem;">
-                    <div class="allnav">
-                    </div>
-                </div>
-            </li>
-        </ul>
-    </div>
-</div>
-<script src="#(path)/static/big-screen/js/vue.min.js"></script>
-<script type="text/javascript" src="#(path)/static/big-screen/js/echarts.min.js"></script>
-<script language="JavaScript" src="#(path)/static/big-screen/js/data.js"></script>
-<script language="JavaScript" src="#(path)/static/big-screen/js/js.js"></script>
-<script type="text/javascript" src="#(path)/static/big-screen/js/china.js"></script>
-<script type="text/javascript" src="#(path)/static/big-screen/js/area_echarts.js"></script>
-<script type="text/javascript" src="#(path)/static/big-screen/js/layer/layer.js"></script>
-<script>
-    let vm = new Vue({
-        el: "#app",
-        data: {
-            item: {
-                a1: 12581,
-                a2: 39121,
-                a3: 1824,
-                a4: 2212,
-                a5: 1920
-            },
-            list: [{
-                name: '广西北部湾银行综合经营分析报告制度',
-                num: '1677'
-            },
-                {
-                    name: '广西北部湾银行声誉风险管理办法',
-                    num: '1017'
-                },
-                {
-                    name: '广西北部湾银行综合经营分析报告制度',
-                    num: '863'
-                },
-                {
-                    name: '广西北部湾银行2018年战略规划实施指引',
-                    num: '781'
-                },
-                {
-                    name: '广西北部湾银行2018年战略规划实施指引',
-                    num: '505'
-                }
-            ],
-        },
-        mounted() {
-        },
-        methods: {
-            fullScreen() {
-                const element = document.documentElement
-                // 如果是全屏状态
-                if (this.fullscreen) {
-                    // 如果浏览器有这个Function
-                    if (document.exitFullscreen) {
-                        document.exitFullscreen()
-                    } else if (document.webkitCancelFullScreen) {
-                        document.webkitCancelFullScreen()
-                    } else if (document.mozCancelFullScreen) {
-                        document.mozCancelFullScreen()
-                    } else if (document.msExitFullscreen) {
-                        document.msExitFullscreen()
-                    }
-                } else {
-                    // 如果浏览器有这个Function
-                    if (element.requestFullscreen) {
-                        element.requestFullscreen()
-                    } else if (element.webkitRequestFullScreen) {
-                        element.webkitRequestFullScreen()
-                    } else if (element.mozRequestFullScreen) {
-                        element.mozRequestFullScreen()
-                    } else if (element.msRequestFullscreen) {
-                        element.msRequestFullscreen()
-                    }
-                }
-                // 判断全屏状态的变量
-                this.fullscreen = !this.fullscreen
-            }
-        }
-    })
-</script>
-</body>
-</html>

src/main/webapp/WEB-INF/view/big-screen/js/area_echarts.js

@@ -1,506 +0,0 @@
-
-$(function () {
-    map();
-    function map() {
-        // 基于准备好的dom，初始化echarts实例
-        var myChart = echarts.init(document.getElementById('map_1'));
-var data = [
-     {name: '海门', value: 69},
-     {name: '鄂尔多斯', value: 12},
-     {name: '招远', value: 12},
-     {name: '舟山', value: 12},
-     {name: '齐齐哈尔', value: 14},
-     {name: '盐城', value: 15},
-     {name: '赤峰', value: 16},
-     {name: '青岛', value: 18},
-     {name: '乳山', value: 18},
-     {name: '金昌', value: 19},
-     {name: '泉州', value: 21},
-     {name: '莱西', value: 21},
-     {name: '日照', value: 21},
-     {name: '胶南', value: 22},
-     {name: '南通', value: 23},
-     {name: '拉萨', value: 24},
-     {name: '云浮', value: 24},
-     {name: '梅州', value: 25},
-     {name: '文登', value: 25},
-     {name: '上海', value: 25},
-     {name: '攀枝花', value: 25},
-     {name: '威海', value: 25},
-     {name: '承德', value: 25},
-     {name: '厦门', value: 26},
-     {name: '汕尾', value: 26},
-     {name: '潮州', value: 26},
-     {name: '丹东', value: 27},
-     {name: '太仓', value: 27},
-     {name: '曲靖', value: 27},
-     {name: '烟台', value: 28},
-     {name: '福州', value: 29},
-     {name: '瓦房店', value: 30},
-     {name: '即墨', value: 30},
-     {name: '抚顺', value: 31},
-     {name: '玉溪', value: 31},
-     {name: '张家口', value: 31},
-     {name: '阳泉', value: 31},
-     {name: '莱州', value: 32},
-     {name: '湖州', value: 32},
-     {name: '汕头', value: 32},
-     {name: '昆山', value: 33},
-     {name: '宁波', value: 33},
-     {name: '湛江', value: 33},
-     {name: '揭阳', value: 34},
-     {name: '荣成', value: 34},
-     {name: '连云港', value: 35},
-     {name: '葫芦岛', value: 35},
-     {name: '常熟', value: 36},
-     {name: '东莞', value: 36},
-     {name: '河源', value: 36},
-     {name: '淮安', value: 36},
-     {name: '泰州', value: 36},
-     {name: '南宁', value: 37},
-     {name: '营口', value: 37},
-     {name: '惠州', value: 37},
-     {name: '江阴', value: 37},
-     {name: '蓬莱', value: 37},
-     {name: '韶关', value: 38},
-     {name: '嘉峪关', value: 38},
-     {name: '广州', value: 38},
-     {name: '延安', value: 38},
-     {name: '太原', value: 39},
-     {name: '清远', value: 39},
-     {name: '中山', value: 39},
-     {name: '昆明', value: 39},
-     {name: '寿光', value: 40},
-     {name: '盘锦', value: 40},
-     {name: '长治', value: 41},
-     {name: '深圳', value: 41},
-     {name: '珠海', value: 42},
-     {name: '宿迁', value: 43},
-     {name: '咸阳', value: 43},
-     {name: '铜川', value: 44},
-     {name: '平度', value: 44},
-     {name: '佛山', value: 44},
-     {name: '海口', value: 44},
-     {name: '江门', value: 45},
-     {name: '章丘', value: 45},
-     {name: '肇庆', value: 46},
-     {name: '大连', value: 47},
-     {name: '临汾', value: 47},
-     {name: '吴江', value: 47},
-     {name: '石嘴山', value: 49},
-     {name: '沈阳', value: 50},
-     {name: '苏州', value: 50},
-     {name: '茂名', value: 50},
-     {name: '嘉兴', value: 51},
-     {name: '长春', value: 51},
-     {name: '胶州', value: 52},
-     {name: '银川', value: 52},
-     {name: '张家港', value: 52},
-     {name: '三门峡', value: 53},
-     {name: '锦州', value: 54},
-     {name: '南昌', value: 54},
-     {name: '柳州', value: 54},
-     {name: '三亚', value: 54},
-     {name: '自贡', value: 56},
-     {name: '吉林', value: 56},
-     {name: '阳江', value: 57},
-     {name: '泸州', value: 57},
-     {name: '西宁', value: 57},
-     {name: '宜宾', value: 58},
-     {name: '呼和浩特', value: 58},
-     {name: '成都', value: 58},
-     {name: '大同', value: 58},
-     {name: '镇江', value: 59},
-     {name: '桂林', value: 59},
-     {name: '张家界', value: 59},
-     {name: '宜兴', value: 59},
-     {name: '北海', value: 60},
-     {name: '西安', value: 61},
-     {name: '金坛', value: 62},
-     {name: '东营', value: 62},
-     {name: '牡丹江', value: 63},
-     {name: '遵义', value: 63},
-     {name: '绍兴', value: 63},
-     {name: '扬州', value: 64},
-     {name: '常州', value: 64},
-     {name: '潍坊', value: 65},
-     {name: '重庆', value: 66},
-     {name: '台州', value: 67},
-     {name: '南京', value: 67},
-     {name: '滨州', value: 70},
-     {name: '贵阳', value: 71},
-     {name: '无锡', value: 71},
-     {name: '本溪', value: 71},
-     {name: '克拉玛依', value: 72},
-     {name: '渭南', value: 72},
-     {name: '马鞍山', value: 72},
-     {name: '宝鸡', value: 72},
-     {name: '焦作', value: 75},
-     {name: '句容', value: 75},
-     {name: '北京', value: 79},
-     {name: '徐州', value: 79},
-     {name: '衡水', value: 80},
-     {name: '包头', value: 80},
-     {name: '绵阳', value: 80},
-     {name: '乌鲁木齐', value: 84},
-     {name: '枣庄', value: 84},
-     {name: '杭州', value: 84},
-     {name: '淄博', value: 85},
-     {name: '鞍山', value: 86},
-     {name: '溧阳', value: 86},
-     {name: '库尔勒', value: 86},
-     {name: '安阳', value: 90},
-     {name: '开封', value: 90},
-     {name: '济南', value: 92},
-     {name: '德阳', value: 93},
-     {name: '温州', value: 95},
-     {name: '九江', value: 96},
-     {name: '邯郸', value: 98},
-     {name: '临安', value: 99},
-     {name: '兰州', value: 99},
-     {name: '沧州', value: 100},
-     {name: '临沂', value: 103},
-     {name: '南充', value: 104},
-     {name: '天津', value: 105},
-     {name: '富阳', value: 106},
-     {name: '泰安', value: 112},
-     {name: '诸暨', value: 112},
-     {name: '郑州', value: 313},
-     {name: '哈尔滨', value: 114},
-     {name: '聊城', value: 116},
-     {name: '芜湖', value: 117},
-     {name: '唐山', value: 119},
-     {name: '平顶山', value: 119},
-     {name: '邢台', value: 119},
-     {name: '德州', value: 120},
-     {name: '济宁', value: 120},
-     {name: '荆州', value: 127},
-     {name: '宜昌', value: 130},
-     {name: '义乌', value: 132},
-     {name: '丽水', value: 133},
-     {name: '洛阳', value: 134},
-     {name: '秦皇岛', value: 136},
-     {name: '株洲', value: 143},
-     {name: '石家庄', value: 147},
-     {name: '莱芜', value: 148},
-     {name: '常德', value: 152},
-     {name: '保定', value: 153},
-     {name: '湘潭', value: 154},
-     {name: '金华', value: 157},
-     {name: '岳阳', value: 169},
-     {name: '长沙', value: 175},
-     {name: '衢州', value: 177},
-     {name: '廊坊', value: 193},
-     {name: '菏泽', value: 194},
-     {name: '合肥', value: 229},
-     {name: '武汉', value: 273},
-     {name: '大庆', value: 279}
-];
-var geoCoordMap = {
-    '海门':[121.15,31.89],
-    '鄂尔多斯':[109.781327,39.608266],
-    '招远':[120.38,37.35],
-    '舟山':[122.207216,29.985295],
-    '齐齐哈尔':[123.97,47.33],
-    '盐城':[120.13,33.38],
-    '赤峰':[118.87,42.28],
-    '青岛':[120.33,36.07],
-    '乳山':[121.52,36.89],
-    '金昌':[102.188043,38.520089],
-    '泉州':[118.58,24.93],
-    '莱西':[120.53,36.86],
-    '日照':[119.46,35.42],
-    '胶南':[119.97,35.88],
-    '南通':[121.05,32.08],
-    '拉萨':[91.11,29.97],
-    '云浮':[112.02,22.93],
-    '梅州':[116.1,24.55],
-    '文登':[122.05,37.2],
-    '上海':[121.48,31.22],
-    '攀枝花':[101.718637,26.582347],
-    '威海':[122.1,37.5],
-    '承德':[117.93,40.97],
-    '厦门':[118.1,24.46],
-    '汕尾':[115.375279,22.786211],
-    '潮州':[116.63,23.68],
-    '丹东':[124.37,40.13],
-    '太仓':[121.1,31.45],
-    '曲靖':[103.79,25.51],
-    '烟台':[121.39,37.52],
-    '福州':[119.3,26.08],
-    '瓦房店':[121.979603,39.627114],
-    '即墨':[120.45,36.38],
-    '抚顺':[123.97,41.97],
-    '玉溪':[102.52,24.35],
-    '张家口':[114.87,40.82],
-    '阳泉':[113.57,37.85],
-    '莱州':[119.942327,37.177017],
-    '湖州':[120.1,30.86],
-    '汕头':[116.69,23.39],
-    '昆山':[120.95,31.39],
-    '宁波':[121.56,29.86],
-    '湛江':[110.359377,21.270708],
-    '揭阳':[116.35,23.55],
-    '荣成':[122.41,37.16],
-    '连云港':[119.16,34.59],
-    '葫芦岛':[120.836932,40.711052],
-    '常熟':[120.74,31.64],
-    '东莞':[113.75,23.04],
-    '河源':[114.68,23.73],
-    '淮安':[119.15,33.5],
-    '泰州':[119.9,32.49],
-    '南宁':[108.33,22.84],
-    '营口':[122.18,40.65],
-    '惠州':[114.4,23.09],
-    '江阴':[120.26,31.91],
-    '蓬莱':[120.75,37.8],
-    '韶关':[113.62,24.84],
-    '嘉峪关':[98.289152,39.77313],
-    '广州':[113.23,23.16],
-    '延安':[109.47,36.6],
-    '太原':[112.53,37.87],
-    '清远':[113.01,23.7],
-    '中山':[113.38,22.52],
-    '昆明':[102.73,25.04],
-    '寿光':[118.73,36.86],
-    '盘锦':[122.070714,41.119997],
-    '长治':[113.08,36.18],
-    '深圳':[114.07,22.62],
-    '珠海':[113.52,22.3],
-    '宿迁':[118.3,33.96],
-    '咸阳':[108.72,34.36],
-    '铜川':[109.11,35.09],
-    '平度':[119.97,36.77],
-    '佛山':[113.11,23.05],
-    '海口':[110.35,20.02],
-    '江门':[113.06,22.61],
-    '章丘':[117.53,36.72],
-    '肇庆':[112.44,23.05],
-    '大连':[121.62,38.92],
-    '临汾':[111.5,36.08],
-    '吴江':[120.63,31.16],
-    '石嘴山':[106.39,39.04],
-    '沈阳':[123.38,41.8],
-    '苏州':[120.62,31.32],
-    '茂名':[110.88,21.68],
-    '嘉兴':[120.76,30.77],
-    '长春':[125.35,43.88],
-    '胶州':[120.03336,36.264622],
-    '银川':[106.27,38.47],
-    '张家港':[120.555821,31.875428],
-    '三门峡':[111.19,34.76],
-    '锦州':[121.15,41.13],
-    '南昌':[115.89,28.68],
-    '柳州':[109.4,24.33],
-    '三亚':[109.511909,18.252847],
-    '自贡':[104.778442,29.33903],
-    '吉林':[126.57,43.87],
-    '阳江':[111.95,21.85],
-    '泸州':[105.39,28.91],
-    '西宁':[101.74,36.56],
-    '宜宾':[104.56,29.77],
-    '呼和浩特':[111.65,40.82],
-    '成都':[104.06,30.67],
-    '大同':[113.3,40.12],
-    '镇江':[119.44,32.2],
-    '桂林':[110.28,25.29],
-    '张家界':[110.479191,29.117096],
-    '宜兴':[119.82,31.36],
-    '北海':[109.12,21.49],
-    '西安':[108.95,34.27],
-    '金坛':[119.56,31.74],
-    '东营':[118.49,37.46],
-    '牡丹江':[129.58,44.6],
-    '遵义':[106.9,27.7],
-    '绍兴':[120.58,30.01],
-    '扬州':[119.42,32.39],
-    '常州':[119.95,31.79],
-    '潍坊':[119.1,36.62],
-    '重庆':[106.54,29.59],
-    '台州':[121.420757,28.656386],
-    '南京':[118.78,32.04],
-    '滨州':[118.03,37.36],
-    '贵阳':[106.71,26.57],
-    '无锡':[120.29,31.59],
-    '本溪':[123.73,41.3],
-    '克拉玛依':[84.77,45.59],
-    '渭南':[109.5,34.52],
-    '马鞍山':[118.48,31.56],
-    '宝鸡':[107.15,34.38],
-    '焦作':[113.21,35.24],
-    '句容':[119.16,31.95],
-    '北京':[116.46,39.92],
-    '徐州':[117.2,34.26],
-    '衡水':[115.72,37.72],
-    '包头':[110,40.58],
-    '绵阳':[104.73,31.48],
-    '乌鲁木齐':[87.68,43.77],
-    '枣庄':[117.57,34.86],
-    '杭州':[120.19,30.26],
-    '淄博':[118.05,36.78],
-    '鞍山':[122.85,41.12],
-    '溧阳':[119.48,31.43],
-    '库尔勒':[86.06,41.68],
-    '安阳':[114.35,36.1],
-    '开封':[114.35,34.79],
-    '济南':[117,36.65],
-    '德阳':[104.37,31.13],
-    '温州':[120.65,28.01],
-    '九江':[115.97,29.71],
-    '邯郸':[114.47,36.6],
-    '临安':[119.72,30.23],
-    '兰州':[103.73,36.03],
-    '沧州':[116.83,38.33],
-    '临沂':[118.35,35.05],
-    '南充':[106.110698,30.837793],
-    '天津':[117.2,39.13],
-    '富阳':[119.95,30.07],
-    '泰安':[117.13,36.18],
-    '诸暨':[120.23,29.71],
-    '郑州':[113.65,34.76],
-    '哈尔滨':[126.63,45.75],
-    '聊城':[115.97,36.45],
-    '芜湖':[118.38,31.33],
-    '唐山':[118.02,39.63],
-    '平顶山':[113.29,33.75],
-    '邢台':[114.48,37.05],
-    '德州':[116.29,37.45],
-    '济宁':[116.59,35.38],
-    '荆州':[112.239741,30.335165],
-    '宜昌':[111.3,30.7],
-    '义乌':[120.06,29.32],
-    '丽水':[119.92,28.45],
-    '洛阳':[112.44,34.7],
-    '秦皇岛':[119.57,39.95],
-    '株洲':[113.16,27.83],
-    '石家庄':[114.48,38.03],
-    '莱芜':[117.67,36.19],
-    '常德':[111.69,29.05],
-    '保定':[115.48,38.85],
-    '湘潭':[112.91,27.87],
-    '金华':[119.64,29.12],
-    '岳阳':[113.09,29.37],
-    '长沙':[113,28.21],
-    '衢州':[118.88,28.97],
-    '廊坊':[116.7,39.53],
-    '菏泽':[115.480656,35.23375],
-    '合肥':[117.27,31.86],
-    '武汉':[114.31,30.52],
-    '大庆':[125.03,46.58]
-};
-var convertData = function (data) {
-    var res = [];
-    for (var i = 0; i < data.length; i++) {
-        var geoCoord = geoCoordMap[data[i].name];
-        if (geoCoord) {
-            res.push({
-                name: data[i].name,
-                value: geoCoord.concat(data[i].value)
-            });
-        }
-    }
-    return res;
-};
-
-option = {
-   // backgroundColor: '#404a59',
-    tooltip : {
-        trigger: 'item',
-		formatter: function (params) {
-              if(typeof(params.value)[2] == "undefined"){
-              	return params.name + ' : ' + params.value;
-              }else{
-              	return params.name + ' : ' + params.value[2];
-              }
-            }
-    },
-  
-    geo: {
-        map: 'china',
-        label: {
-            emphasis: {
-                show: false
-            }
-        },
-        roam: false,//禁止其放大缩小
-        itemStyle: {
-            normal: {
-                areaColor: '#4c60ff',
-                borderColor: '#002097'
-            },
-            emphasis: {
-                areaColor: '#293fff'
-            }
-        }
-    },
-    series : [
-        {
-            name: '消费金额',
-            type: 'scatter',
-            coordinateSystem: 'geo',
-            data: convertData(data),
-            symbolSize: function (val) {
-                return val[2] / 15;
-            },
-            label: {
-                normal: {
-                    formatter: '{b}',
-                    position: 'right',
-                    show: false
-                },
-                emphasis: {
-                    show: true
-                }
-            },
-            itemStyle: {
-                normal: {
-                    color: '#ffeb7b'
-                }
-            }
-        }
-		
-		/**
-		,
-        {
-            name: 'Top 5',
-            type: 'effectScatter',
-            coordinateSystem: 'geo',
-            data: convertData(data.sort(function (a, b) {
-                return b.value - a.value;
-            }).slice(0, 6)),
-            symbolSize: function (val) {
-                return val[2] / 20;
-            },
-            showEffectOn: 'render',
-            rippleEffect: {
-                brushType: 'stroke'
-            },
-            hoverAnimation: true,
-            label: {
-                normal: {
-                    formatter: '{b}',
-                    position: 'right',
-                    show: true
-                }
-            },
-            itemStyle: {
-                normal: {
-                    color: '#ffd800',
-                    shadowBlur: 10,
-                    shadowColor: 'rgba(0,0,0,.3)'
-                }
-            },
-            zlevel: 1
-        }
-		**/
-    ]
-};
-		
-        myChart.setOption(option);
-        window.addEventListener("resize",function(){
-            myChart.resize();
-        });
-    }
-
-})
-

src/main/webapp/WEB-INF/view/big-screen/js/data.js

@@ -1,87 +0,0 @@
-/**
- * 公共参数设置
- */
-var options = function() {
-	return {
-		url: 'xxxx',
-		toolbox: {
-			show: true,
-			iconStyle: {
-				borderColor: "rgba(255,255,255,.8)",
-			},
-			feature: {
-				magicType: {
-					type: ['line', 'bar']
-				},
-			}
-		},
-		yAxis: {
-			nameTextStyle: {
-				color: "rgba(255,255,255,.6)",
-			},
-			splitLine: {
-				show: false
-			},
-			axisLine: { //坐标轴线
-				show: true,
-				lineStyle: {
-					color: "rgba(255,255,255,.1	)",
-					width: 2,
-					type: "solid"
-				},
-			},
-			splitNumber: 3,
-			axisLabel: {
-				//formatter: '{value} %',
-				show: true,
-				textStyle: {
-					color: "rgba(255,255,255,.6)",
-					fontSize: '13',
-				},
-			}
-		},
-		lineStyle: {
-			normal: {
-				color: '#23abca',
-				width: 2
-			}
-		},
-		symbolSize: 5,
-		areaStyle: {
-			normal: {
-				color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-					offset: 0,
-					color: '#23abcabd'
-				}, {
-					offset: 0.8,
-					color: 'rgba(0, 216, 135, 0.1)'
-				}], false),
-				shadowColor: 'rgba(0, 0, 0, 0.1)',
-			}
-		},
-		itemStyle: {
-			normal: {
-				color: 'white',
-				borderColor: 'rgba(221, 220, 107, .1)',
-				borderWidth: 12,
-				lineStyle: {
-					width: 5
-				}
-			}
-		}
-	}
-}
-var t = null;
-t = setTimeout(time, 1000);
-function time() {
-	clearTimeout(t);
-	dt = new Date();
-	var y = dt.getFullYear();
-	var mt = dt.getMonth() + 1;
-	var day = dt.getDate();
-	var h = dt.getHours();
-	var m = dt.getMinutes();
-	var s = dt.getSeconds();
-	document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
-	t = setTimeout(time, 1000);
-}

src/main/webapp/WEB-INF/view/big-screen/js/index.html

@@ -1,356 +0,0 @@
-
-<html>
-<head>
-    <meta charset="utf-8">
-    <title></title>
-    <style>
-        html {
-            height: 100%;
-            background-image: -webkit-radial-gradient(ellipse farthest-corner at center center, #1b44e4 0%, #020f3a 100%);
-            background-image: radial-gradient(ellipse farthest-corner at center center, #1b44e4 0%, #020f3a 100%);
-            cursor: move;
-        }
-
-        body {
-            width: 100%;
-            margin: 0;
-            overflow: hidden;
-        }
-    </style>
-</head>
-
-<body>
-
-
-    <canvas id="canv" width="1920" height="572"></canvas>
-    <script>
-var num = 200;
-var w = window.innerWidth;
-var h = window.innerHeight;
-var max = 100;
-var _x = 0;
-var _y = 0;
-var _z = 150;
-var dtr = function(d) {
-  return d * Math.PI / 180;
-};
-
-var rnd = function() {
-  return Math.sin(Math.floor(Math.random() * 360) * Math.PI / 180);
-};
-var dist = function(p1, p2, p3) {
-  return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2) + Math.pow(p2.z - p1.z, 2));
-};
-
-var cam = {
-  obj: {
-    x: _x,
-    y: _y,
-    z: _z
-  },
-  dest: {
-    x: 0,
-    y: 0,
-    z: 1
-  },
-  dist: {
-    x: 0,
-    y: 0,
-    z: 200
-  },
-  ang: {
-    cplane: 0,
-    splane: 0,
-    ctheta: 0,
-    stheta: 0
-  },
-  zoom: 1,
-  disp: {
-    x: w / 2,
-    y: h / 2,
-    z: 0
-  },
-  upd: function() {
-    cam.dist.x = cam.dest.x - cam.obj.x;
-    cam.dist.y = cam.dest.y - cam.obj.y;
-    cam.dist.z = cam.dest.z - cam.obj.z;
-    cam.ang.cplane = -cam.dist.z / Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.z * cam.dist.z);
-    cam.ang.splane = cam.dist.x / Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.z * cam.dist.z);
-    cam.ang.ctheta = Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.z * cam.dist.z) / Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.y * cam.dist.y + cam.dist.z * cam.dist.z);
-    cam.ang.stheta = -cam.dist.y / Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.y * cam.dist.y + cam.dist.z * cam.dist.z);
-  }
-};
-
-var trans = {
-  parts: {
-    sz: function(p, sz) {
-      return {
-        x: p.x * sz.x,
-        y: p.y * sz.y,
-        z: p.z * sz.z
-      };
-    },
-    rot: {
-      x: function(p, rot) {
-        return {
-          x: p.x,
-          y: p.y * Math.cos(dtr(rot.x)) - p.z * Math.sin(dtr(rot.x)),
-          z: p.y * Math.sin(dtr(rot.x)) + p.z * Math.cos(dtr(rot.x))
-        };
-      },
-      y: function(p, rot) {
-        return {
-          x: p.x * Math.cos(dtr(rot.y)) + p.z * Math.sin(dtr(rot.y)),
-          y: p.y,
-          z: -p.x * Math.sin(dtr(rot.y)) + p.z * Math.cos(dtr(rot.y))
-        };
-      },
-      z: function(p, rot) {
-        return {
-          x: p.x * Math.cos(dtr(rot.z)) - p.y * Math.sin(dtr(rot.z)),
-          y: p.x * Math.sin(dtr(rot.z)) + p.y * Math.cos(dtr(rot.z)),
-          z: p.z
-        };
-      }
-    },
-    pos: function(p, pos) {
-      return {
-        x: p.x + pos.x,
-        y: p.y + pos.y,
-        z: p.z + pos.z
-      };
-    }
-  },
-  pov: {
-    plane: function(p) {
-      return {
-        x: p.x * cam.ang.cplane + p.z * cam.ang.splane,
-        y: p.y,
-        z: p.x * -cam.ang.splane + p.z * cam.ang.cplane
-      };
-    },
-    theta: function(p) {
-      return {
-        x: p.x,
-        y: p.y * cam.ang.ctheta - p.z * cam.ang.stheta,
-        z: p.y * cam.ang.stheta + p.z * cam.ang.ctheta
-      };
-    },
-    set: function(p) {
-      return {
-        x: p.x - cam.obj.x,
-        y: p.y - cam.obj.y,
-        z: p.z - cam.obj.z
-      };
-    }
-  },
-  persp: function(p) {
-    return {
-      x: p.x * cam.dist.z / p.z * cam.zoom,
-      y: p.y * cam.dist.z / p.z * cam.zoom,
-      z: p.z * cam.zoom,
-      p: cam.dist.z / p.z
-    };
-  },
-  disp: function(p, disp) {
-    return {
-      x: p.x + disp.x,
-      y: -p.y + disp.y,
-      z: p.z + disp.z,
-      p: p.p
-    };
-  },
-  steps: function(_obj_, sz, rot, pos, disp) {
-    var _args = trans.parts.sz(_obj_, sz);
-    _args = trans.parts.rot.x(_args, rot);
-    _args = trans.parts.rot.y(_args, rot);
-    _args = trans.parts.rot.z(_args, rot);
-    _args = trans.parts.pos(_args, pos);
-    _args = trans.pov.plane(_args);
-    _args = trans.pov.theta(_args);
-    _args = trans.pov.set(_args);
-    _args = trans.persp(_args);
-    _args = trans.disp(_args, disp);
-    return _args;
-  }
-};
-
-(function() {
-  "use strict";
-  var threeD = function(param) {
-    this.transIn = {};
-    this.transOut = {};
-    this.transIn.vtx = (param.vtx);
-    this.transIn.sz = (param.sz);
-    this.transIn.rot = (param.rot);
-    this.transIn.pos = (param.pos);
-  };
-
-  threeD.prototype.vupd = function() {
-    this.transOut = trans.steps(
-
-      this.transIn.vtx,
-      this.transIn.sz,
-      this.transIn.rot,
-      this.transIn.pos,
-      cam.disp
-    );
-  };
-
-  var Build = function() {
-    this.vel = 0.04;
-    this.lim = 360;
-    this.diff = 200;
-    this.initPos = 100;
-    this.toX = _x;
-    this.toY = _y;
-    this.go();
-  };
-
-  Build.prototype.go = function() {
-    this.canvas = document.getElementById("canv");
-    this.canvas.width = window.innerWidth;
-    this.canvas.height = window.innerHeight;
-    this.$ = canv.getContext("2d");
-    this.$.globalCompositeOperation = 'source-over';
-    this.varr = [];
-    this.dist = [];
-    this.calc = [];
-
-    for (var i = 0, len = num; i < len; i++) {
-      this.add();
-    }
-
-    this.rotObj = {
-      x: 0,
-      y: 0,
-      z: 0
-    };
-    this.objSz = {
-      x: w / 5,
-      y: h / 5,
-      z: w / 5
-    };
-  };
-
-  Build.prototype.add = function() {
-    this.varr.push(new threeD({
-      vtx: {
-        x: rnd(),
-        y: rnd(),
-        z: rnd()
-      },
-      sz: {
-        x: 0,
-        y: 0,
-        z: 0
-      },
-      rot: {
-        x: 20,
-        y: -20,
-        z: 0
-      },
-      pos: {
-        x: this.diff * Math.sin(360 * Math.random() * Math.PI / 180),
-        y: this.diff * Math.sin(360 * Math.random() * Math.PI / 180),
-        z: this.diff * Math.sin(360 * Math.random() * Math.PI / 180)
-      }
-    }));
-    this.calc.push({
-      x: 360 * Math.random(),
-      y: 360 * Math.random(),
-      z: 360 * Math.random()
-    });
-  };
-
-  Build.prototype.upd = function() {
-    cam.obj.x += (this.toX - cam.obj.x) * 0.05;
-    cam.obj.y += (this.toY - cam.obj.y) * 0.05;
-  };
-
-  Build.prototype.draw = function() {
-    this.$.clearRect(0, 0, this.canvas.width, this.canvas.height);
-    cam.upd();
-    this.rotObj.x += 0.1;
-    this.rotObj.y += 0.1;
-    this.rotObj.z += 0.1;
-
-    for (var i = 0; i < this.varr.length; i++) {
-      for (var val in this.calc[i]) {
-        if (this.calc[i].hasOwnProperty(val)) {
-          this.calc[i][val] += this.vel;
-          if (this.calc[i][val] > this.lim) this.calc[i][val] = 0;
-        }
-      }
-
-      this.varr[i].transIn.pos = {
-        x: this.diff * Math.cos(this.calc[i].x * Math.PI / 180),
-        y: this.diff * Math.sin(this.calc[i].y * Math.PI / 180),
-        z: this.diff * Math.sin(this.calc[i].z * Math.PI / 180)
-      };
-      this.varr[i].transIn.rot = this.rotObj;
-      this.varr[i].transIn.sz = this.objSz;
-      this.varr[i].vupd();
-      if (this.varr[i].transOut.p < 0) continue;
-      var g = this.$.createRadialGradient(this.varr[i].transOut.x, this.varr[i].transOut.y, this.varr[i].transOut.p, this.varr[i].transOut.x, this.varr[i].transOut.y, this.varr[i].transOut.p * 2);
-      this.$.globalCompositeOperation = 'lighter';
-      g.addColorStop(0, 'hsla(255, 255%, 255%, 1)');
-      g.addColorStop(.5, 'hsla(' + (i + 2) + ',85%, 40%,1)');
-      g.addColorStop(1, 'hsla(' + (i) + ',85%, 40%,.5)');
-      this.$.fillStyle = g;
-      this.$.beginPath();
-      this.$.arc(this.varr[i].transOut.x, this.varr[i].transOut.y, this.varr[i].transOut.p * 2, 0, Math.PI * 2, false);
-      this.$.fill();
-      this.$.closePath();
-    }
-  };
-  Build.prototype.anim = function() {
-    window.requestAnimationFrame = (function() {
-      return window.requestAnimationFrame ||
-        function(callback, element) {
-          window.setTimeout(callback, 1000 / 60);
-        };
-    })();
-    var anim = function() {
-      this.upd();
-      this.draw();
-      window.requestAnimationFrame(anim);
-
-    }.bind(this);
-    window.requestAnimationFrame(anim);
-  };
-
-  Build.prototype.run = function() {
-    this.anim();
-
-    window.addEventListener('mousemove', function(e) {
-      this.toX = (e.clientX - this.canvas.width / 2) * -0.8;
-      this.toY = (e.clientY - this.canvas.height / 2) * 0.8;
-    }.bind(this));
-    window.addEventListener('touchmove', function(e) {
-      e.preventDefault();
-      this.toX = (e.touches[0].clientX - this.canvas.width / 2) * -0.8;
-      this.toY = (e.touches[0].clientY - this.canvas.height / 2) * 0.8;
-    }.bind(this));
-    window.addEventListener('mousedown', function(e) {
-      for (var i = 0; i < 100; i++) {
-        this.add();
-      }
-    }.bind(this));
-    window.addEventListener('touchstart', function(e) {
-      e.preventDefault();
-      for (var i = 0; i < 100; i++) {
-        this.add();
-      }
-    }.bind(this));
-  };
-  var app = new Build();
-  app.run();
-})();
-window.addEventListener('resize', function() {
-  canvas.width = w = window.innerWidth;
-  canvas.height = h = window.innerHeight;
-}, false);
-    </script>
-</body>
-</html>

src/main/webapp/WEB-INF/view/big-screen/js/js.js

@@ -1,500 +0,0 @@
-$(function() {
-	echarts_1();
-	echarts_4();
-	echarts_32();
-	echarts_33();
-	roll(100);
-
-	function echarts_1() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('echart1'));
-		let data=[45, 23, 21, 23, 21, 36, 12, 17, 18, 11, 9, 33];
-		setInterval(() => {
-		     data=[45, 23, Math.ceil(Math.random()*10), 23, Math.ceil(Math.random()*20), 36, 12, Math.ceil(Math.random()*20), 18, 11, 9, 33];
-			 myChart.setOption({
-			     series: [
-			       {
-			         type: 'bar',
-			         data
-			       }
-			     ]
-			   });
-		}, 3000);
-		option = {
-			tooltip: {
-				trigger: 'axis',
-				axisPointer: {
-					type: "shadow"
-				}
-			},
-			toolbox: options().toolbox,
-			legend: {
-				data: ['月度发布制度'],
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				},
-				top: 0
-			},
-			grid: {
-				left: '1%',
-				top: '24%',
-				right: '0%',
-				bottom: '0',
-				containLabel: true
-			},
-			xAxis: [{
-				type: 'category',
-				data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-				axisLine: {
-					show: true,
-					lineStyle: {
-						color: "rgba(255,255,255,.1)",
-						width: 1,
-						type: "solid"
-					},
-				},
-				axisTick: {
-					show: false,
-				},
-				axisLabel: {
-					interval: 0,
-					show: true,
-					splitNumber: 15,
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: '13',
-					},
-				},
-			}],
-			yAxis: [{
-				type: 'value',
-				axisLabel: options().yAxis.axisLabel,
-				axisTick: {
-					show: true,
-				},
-				axisLine: options().yAxis.axisLine,
-				splitLine: {
-					lineStyle: {
-						color: "rgba(255,255,255,.1)",
-					}
-				}
-			}],
-			series: [{
-					name: '月度发布制度',
-					type: 'bar',
-					data: data,
-					barWidth: '35%', //柱子宽度
-					// barGap: 1, //柱子之间间距
-					markPoint: {
-						data: [{
-								type: 'max',
-								name: 'Max'
-							},
-							{
-								type: 'min',
-								name: 'Min',
-								itemStyle: {
-									color: '#F44336'
-								}
-							}
-						]
-					},
-					itemStyle: {
-						normal: {
-							color: '#2f89cf',
-							opacity: 1,
-							barBorderRadius: 5,
-						}
-					}
-				}
-
-			]
-		};
-
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-
-	function echarts_4() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('echart4'));
-		let data=[3, 4, 2, 3, 3, 4, 3, 6, 3, 4, 6, 3,5,7];
-		setInterval(() => {
-		     data=[3, 4, 2, Math.ceil(Math.random()*5), 3, 4, Math.ceil(Math.random()*5), 6, 2, Math.ceil(Math.random()*5), Math.ceil(Math.random()*5), 3,5,Math.ceil(Math.random()*5)];
-			 myChart.setOption({
-			     series: [
-			       {
-			         type: 'line',
-			         data
-			       }
-			     ]
-			   });
-		}, 3000);
-		option = {
-			tooltip: {
-				trigger: 'axis',
-				axisPointer: {
-					lineStyle: {
-						color: '#dddc6b'
-					}
-				}
-			},
-			legend: {
-				top: '0%',
-				data: ['制度审批平均耗时'],
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				}
-			},
-			grid: {
-				left: '2%',
-				top: '40',
-				right: '6%',
-				bottom: '0',
-				containLabel: true
-			},
-			xAxis: [{
-				type: 'category',
-				boundaryGap: false,
-				axisLabel: {
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: 13,
-					},
-				},
-				axisLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.2)'
-					}
-
-				},
-				data: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12','13', '14']
-			}, {
-				axisPointer: {
-					show: false
-				},
-				axisLine: {
-					show: false
-				},
-				position: 'bottom',
-				offset: 20,
-			}],
-			yAxis: [{
-				type: 'value',
-				axisTick: {
-					show: false
-				},
-				axisLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.1)'
-					}
-				},
-				axisLabel: {
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: 13,
-					},
-				},
-				splitLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.1)'
-					}
-				}
-			}],
-			series: [{
-					name: '制度审批平均耗时',
-					type: 'line',
-					smooth: true,
-					symbol: 'circle',
-					symbolSize: 5,
-					showSymbol: true,
-					lineStyle: {
-						normal: {
-							color: '#0184d5',
-							width: 3
-						}
-					},
-					markLine: {
-						data: [{
-							type: 'average',
-							name: 'Avg'
-						}]
-					},
-					areaStyle: {
-						normal: {
-							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-								offset: 0,
-								color: 'rgba(1, 132, 213, 0.4)'
-							}, {
-								offset: 0.8,
-								color: 'rgba(1, 132, 213, 0.1)'
-							}], false),
-							shadowColor: 'rgba(0, 0, 0, 0.1)',
-						}
-					},
-					itemStyle: {
-						normal: {
-							color: '#0184d5',
-							borderColor: 'rgba(221, 220, 107, .1)',
-							borderWidth: 12
-						}
-					},
-					data:data
-
-				}
-
-			]
-
-		};
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-
-	function echarts_32() {
-		var myChart = echarts.init(document.getElementById('fb2'));
-		option = {
-			title: [{
-				text: '制度按层级',
-				left: 'center',
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				}
-			}],
-			tooltip: {
-				trigger: 'item',
-				formatter: "{a} <br/>{b}: {c} ({d}%)",
-				position: function(p) { //其中p为当前鼠标的位置
-					return [p[0] + 10, p[1] - 10];
-				}
-			},
-			legend: {
-				top: '76%',
-				itemWidth: 10,
-				itemHeight: 10,
-				data: ['层级1', '层级2', '层级3', '层级4', '层级5', '层级6', '层级7', '层级8'],
-				textStyle: {
-					color: 'rgba(255,255,255,.6)',
-					fontSize: '13',
-				}
-			},
-			series: [{
-				name: '制度按层级',
-				type: 'pie',
-				center: ['50%', '42%'],
-				radius: ['40%', '60%'],
-				label: {
-					show: false
-				},
-				labelLine: {
-					show: false
-				},
-				data: [{
-						value: 3,
-						name: '层级1'
-					},
-					{
-						value: 1,
-						name: '层级2'
-					},
-					{
-						value: 8,
-						name: '层级3'
-					},
-					{
-						value: 2,
-						name: '层级4'
-					},
-					{
-						value: 1,
-						name: '层级5'
-					},
-					{
-						value: 2,
-						name: '层级6'
-					},
-					{
-						value: 1,
-						name: '层级7'
-					},
-					{
-						value: 1,
-						name: '层级8'
-					},
-				]
-			}]
-		};
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-
-	function echarts_33() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('fb3'));
-		option = {
-			title: [{
-				text: '制度按层级',
-				left: 'center',
-				top: 0,
-				textStyle: {
-					color: '#fff',
-					fontSize: '15',
-					color: 'rgba(255,255,255,.8)',
-				}
-
-			}],
-			tooltip: {
-				trigger: 'item',
-				formatter: "{a} <br/>{b}: {c} ({d}%)",
-				position: function(p) { //其中p为当前鼠标的位置
-					return [p[0] + 10, p[1] - 10];
-				}
-			},
-			legend: {
-				top: '76%',
-				itemWidth: 10,
-				itemHeight: 10,
-				data: ['层级1', '层级2', '层级3', '层级4', '层级5', '层级6'],
-				textStyle: {
-					color: 'rgba(255,255,255,.6)',
-					fontSize: '12',
-				}
-			},
-			series: [{
-				name: '兴趣分布',
-				type: 'pie',
-				center: ['50%', '42%'],
-				radius: ['40%', '60%'],
-				color: ['#065aab', '#066eab', '#0682ab', '#0696ab', '#06a0ab', '#06b4ab',
-					'#06c8ab',
-					'#06dcab', '#06f0ab'
-				],
-				label: {
-					show: false
-				},
-				labelLine: {
-					show: false
-				},
-				data: [{
-						value: 5,
-						name: '层级1'
-					},
-					{
-						value: 1,
-						name: '层级2'
-					},
-					{
-						value: 6,
-						name: '层级3'
-					},
-					{
-						value: 2,
-						name: '层级4'
-					},
-					{
-						value: 1,
-						name: '层级5'
-					},
-					{
-						value: 1,
-						name: '层级6'
-					},
-				]
-			}]
-		};
-
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-	//向上滚动
-	function roll(t) {
-		var ul1 = document.getElementById("comment1");
-		var ul2 = document.getElementById("comment2");
-		var ulbox = document.getElementById("marquee-view");
-		ul2.innerHTML = ul1.innerHTML;
-		ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		ulbox.onmouseover = function() {
-			clearInterval(timer);
-		}
-		// 鼠标移出div后继续滚动
-		ulbox.onmouseout = function() {
-			timer = setInterval(rollStart, t);
-		}
-		var a2_ul1 = document.getElementById("a2_comment1");
-		var a2_ul2 = document.getElementById("a2_comment2");
-		var a2_ulbox = document.getElementById("a2_marquee-view");
-		a2_ul2.innerHTML = a2_ul1.innerHTML;
-		a2_ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer2 = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		a2_ulbox.onmouseover = function() {
-			clearInterval(timer2);
-		}
-		// 鼠标移出div后继续滚动
-		a2_ulbox.onmouseout = function() {
-			timer2 = setInterval(rollStart, t);
-		}
-		var a3_ul1 = document.getElementById("a3_comment1");
-		var a3_ul2 = document.getElementById("a3_comment2");
-		var a3_ulbox = document.getElementById("a3_marquee-view");
-		a3_ul2.innerHTML = a3_ul1.innerHTML;
-		a3_ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer3 = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		a3_ulbox.onmouseover = function() {
-			clearInterval(timer3);
-		}
-		// 鼠标移出div后继续滚动
-		a3_ulbox.onmouseout = function() {
-			timer3 = setInterval(rollStart, t);
-		}
-	}
-	// 开始滚动函数
-	function rollStart() {
-		// 上面声明的DOM对象为局部对象需要再次声明
-		var ul1 = document.getElementById("comment1");
-		var ul2 = document.getElementById("comment2");
-		var ulbox = document.getElementById("marquee-view");
-		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
-		if (ulbox.scrollTop >= ul1.scrollHeight) {
-			ulbox.scrollTop = 0;
-		} else {
-			ulbox.scrollTop++;
-		}
-		var a2_ul1 = document.getElementById("a2_comment1");
-		var a2_ul2 = document.getElementById("a2_comment2");
-		var a2_ulbox = document.getElementById("a2_marquee-view");
-		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
-		if (a2_ulbox.scrollTop >= a2_ul1.scrollHeight) {
-			a2_ulbox.scrollTop = 0;
-		} else {
-			a2_ulbox.scrollTop++;
-		}
-		var a3_ul1 = document.getElementById("a3_comment1");
-		var a3_ul2 = document.getElementById("a3_comment2");
-		var a3_ulbox = document.getElementById("a3_marquee-view");
-		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
-		if (a3_ulbox.scrollTop >= a3_ul1.scrollHeight) {
-			a3_ulbox.scrollTop = 0;
-		} else {
-			a3_ulbox.scrollTop++;
-		}
-	}
-
-})

src/main/webapp/WEB-INF/view/big-screen/js/js2.js

@@ -1,500 +0,0 @@
-$(function() {
-	echarts_1();
-	echarts_4();
-	echarts_32();
-	echarts_33();
-	roll(100);
-
-	function echarts_1() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('echart1'));
-		let data=[45, 23, 21, 23, 21, 36, 12, 17, 18, 11, 9, 33];
-		setInterval(() => {
-		     data=[45, 23, Math.ceil(Math.random()*10), 23, Math.ceil(Math.random()*20), 36, 12, Math.ceil(Math.random()*20), 18, 11, 9, 33];
-			 myChart.setOption({
-			     series: [
-			       {
-			         type: 'bar',
-			         data
-			       }
-			     ]
-			   });
-		}, 3000);
-		option = {
-			tooltip: {
-				trigger: 'axis',
-				axisPointer: {
-					type: "shadow"
-				}
-			},
-			toolbox: options().toolbox,
-			legend: {
-				data: ['月度发布制度'],
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				},
-				top: 0
-			},
-			grid: {
-				left: '2%',
-				top: '24%',
-				right: '2%',
-				bottom: '0',
-				containLabel: true
-			},
-			xAxis: [{
-				type: 'category',
-				data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-				axisLine: {
-					show: true,
-					lineStyle: {
-						color: "rgba(255,255,255,.1)",
-						width: 1,
-						type: "solid"
-					},
-				},
-				axisTick: {
-					show: false,
-				},
-				axisLabel: {
-					interval: 0,
-					show: true,
-					splitNumber: 15,
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: '13',
-					},
-				},
-			}],
-			yAxis: [{
-				type: 'value',
-				axisLabel: options().yAxis.axisLabel,
-				axisTick: {
-					show: true,
-				},
-				axisLine: options().yAxis.axisLine,
-				splitLine: {
-					lineStyle: {
-						color: "rgba(255,255,255,.1)",
-					}
-				}
-			}],
-			series: [{
-					name: '月度发布制度',
-					type: 'bar',
-					data: data,
-					barWidth: '35%', //柱子宽度
-					// barGap: 1, //柱子之间间距
-					markPoint: {
-						data: [{
-								type: 'max',
-								name: 'Max'
-							},
-							{
-								type: 'min',
-								name: 'Min',
-								itemStyle: {
-									color: '#F44336'
-								}
-							}
-						]
-					},
-					itemStyle: {
-						normal: {
-							color: '#2f89cf',
-							opacity: 1,
-							barBorderRadius: 5,
-						}
-					}
-				}
-
-			]
-		};
-
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-
-	function echarts_4() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('echart4'));
-		let data=[3, 4, 2, 3, 3, 4, 3, 6, 3, 4, 6, 3,5,7];
-		setInterval(() => {
-		     data=[3, 4, 2, Math.ceil(Math.random()*5), 3, 4, Math.ceil(Math.random()*5), 6, 2, Math.ceil(Math.random()*5), Math.ceil(Math.random()*5), 3,5,Math.ceil(Math.random()*5)];
-			 myChart.setOption({
-			     series: [
-			       {
-			         type: 'line',
-			         data
-			       }
-			     ]
-			   });
-		}, 3000);
-		option = {
-			tooltip: {
-				trigger: 'axis',
-				axisPointer: {
-					lineStyle: {
-						color: '#dddc6b'
-					}
-				}
-			},
-			legend: {
-				top: '0%',
-				data: ['制度审批平均耗时'],
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				}
-			},
-			grid: {
-				left: '2%',
-				top: '21%',
-				right: '2%',
-				bottom: '0',
-				containLabel: true
-			},
-			xAxis: [{
-				type: 'category',
-				boundaryGap: false,
-				axisLabel: {
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: 13,
-					},
-				},
-				axisLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.2)'
-					}
-
-				},
-				data: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12','13', '14']
-			}, {
-				axisPointer: {
-					show: false
-				},
-				axisLine: {
-					show: false
-				},
-				position: 'bottom',
-				offset: 20,
-			}],
-			yAxis: [{
-				type: 'value',
-				axisTick: {
-					show: false
-				},
-				axisLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.1)'
-					}
-				},
-				axisLabel: {
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: 13,
-					},
-				},
-				splitLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.1)'
-					}
-				}
-			}],
-			series: [{
-					name: '制度审批平均耗时',
-					type: 'line',
-					smooth: true,
-					symbol: 'circle',
-					symbolSize: 5,
-					showSymbol: true,
-					lineStyle: {
-						normal: {
-							color: '#0184d5',
-							width: 3
-						}
-					},
-					markLine: {
-						data: [{
-							type: 'average',
-							name: 'Avg'
-						}]
-					},
-					areaStyle: {
-						normal: {
-							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-								offset: 0,
-								color: 'rgba(1, 132, 213, 0.4)'
-							}, {
-								offset: 0.8,
-								color: 'rgba(1, 132, 213, 0.1)'
-							}], false),
-							shadowColor: 'rgba(0, 0, 0, 0.1)',
-						}
-					},
-					itemStyle: {
-						normal: {
-							color: '#0184d5',
-							borderColor: 'rgba(221, 220, 107, .1)',
-							borderWidth: 12
-						}
-					},
-					data:data
-
-				}
-
-			]
-
-		};
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-
-	function echarts_32() {
-		var myChart = echarts.init(document.getElementById('fb2'));
-		option = {
-			title: [{
-				text: '制度按层级',
-				left: 'center',
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				}
-			}],
-			tooltip: {
-				trigger: 'item',
-				formatter: "{a} <br/>{b}: {c} ({d}%)",
-				position: function(p) { //其中p为当前鼠标的位置
-					return [p[0] + 10, p[1] - 10];
-				}
-			},
-			legend: {
-				top: '76%',
-				itemWidth: 10,
-				itemHeight: 10,
-				data: ['层级1', '层级2', '层级3', '层级4', '层级5', '层级6', '层级7', '层级8'],
-				textStyle: {
-					color: 'rgba(255,255,255,.6)',
-					fontSize: '13',
-				}
-			},
-			series: [{
-				name: '制度按层级',
-				type: 'pie',
-				center: ['50%', '42%'],
-				radius: ['40%', '60%'],
-				label: {
-					show: false
-				},
-				labelLine: {
-					show: false
-				},
-				data: [{
-						value: 3,
-						name: '层级1'
-					},
-					{
-						value: 1,
-						name: '层级2'
-					},
-					{
-						value: 8,
-						name: '层级3'
-					},
-					{
-						value: 2,
-						name: '层级4'
-					},
-					{
-						value: 1,
-						name: '层级5'
-					},
-					{
-						value: 2,
-						name: '层级6'
-					},
-					{
-						value: 1,
-						name: '层级7'
-					},
-					{
-						value: 1,
-						name: '层级8'
-					},
-				]
-			}]
-		};
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-
-	function echarts_33() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('fb3'));
-		option = {
-			title: [{
-				text: '制度按层级',
-				left: 'center',
-				top: 0,
-				textStyle: {
-					color: '#fff',
-					fontSize: '15',
-					color: 'rgba(255,255,255,.8)',
-				}
-
-			}],
-			tooltip: {
-				trigger: 'item',
-				formatter: "{a} <br/>{b}: {c} ({d}%)",
-				position: function(p) { //其中p为当前鼠标的位置
-					return [p[0] + 10, p[1] - 10];
-				}
-			},
-			legend: {
-				top: '76%',
-				itemWidth: 10,
-				itemHeight: 10,
-				data: ['层级1', '层级2', '层级3', '层级4', '层级5', '层级6'],
-				textStyle: {
-					color: 'rgba(255,255,255,.6)',
-					fontSize: '12',
-				}
-			},
-			series: [{
-				name: '兴趣分布',
-				type: 'pie',
-				center: ['50%', '42%'],
-				radius: ['40%', '60%'],
-				color: ['#065aab', '#066eab', '#0682ab', '#0696ab', '#06a0ab', '#06b4ab',
-					'#06c8ab',
-					'#06dcab', '#06f0ab'
-				],
-				label: {
-					show: false
-				},
-				labelLine: {
-					show: false
-				},
-				data: [{
-						value: 5,
-						name: '层级1'
-					},
-					{
-						value: 1,
-						name: '层级2'
-					},
-					{
-						value: 6,
-						name: '层级3'
-					},
-					{
-						value: 2,
-						name: '层级4'
-					},
-					{
-						value: 1,
-						name: '层级5'
-					},
-					{
-						value: 1,
-						name: '层级6'
-					},
-				]
-			}]
-		};
-
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-	//向上滚动
-	function roll(t) {
-		var ul1 = document.getElementById("comment1");
-		var ul2 = document.getElementById("comment2");
-		var ulbox = document.getElementById("marquee-view");
-		ul2.innerHTML = ul1.innerHTML;
-		ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		ulbox.onmouseover = function() {
-			clearInterval(timer);
-		}
-		// 鼠标移出div后继续滚动
-		ulbox.onmouseout = function() {
-			timer = setInterval(rollStart, t);
-		}
-		var a2_ul1 = document.getElementById("a2_comment1");
-		var a2_ul2 = document.getElementById("a2_comment2");
-		var a2_ulbox = document.getElementById("a2_marquee-view");
-		a2_ul2.innerHTML = a2_ul1.innerHTML;
-		a2_ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer2 = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		a2_ulbox.onmouseover = function() {
-			clearInterval(timer2);
-		}
-		// 鼠标移出div后继续滚动
-		a2_ulbox.onmouseout = function() {
-			timer2 = setInterval(rollStart, t);
-		}
-		var a3_ul1 = document.getElementById("a3_comment1");
-		var a3_ul2 = document.getElementById("a3_comment2");
-		var a3_ulbox = document.getElementById("a3_marquee-view");
-		a3_ul2.innerHTML = a3_ul1.innerHTML;
-		a3_ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer3 = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		a3_ulbox.onmouseover = function() {
-			clearInterval(timer3);
-		}
-		// 鼠标移出div后继续滚动
-		a3_ulbox.onmouseout = function() {
-			timer3 = setInterval(rollStart, t);
-		}
-	}
-	// 开始滚动函数
-	function rollStart() {
-		// 上面声明的DOM对象为局部对象需要再次声明
-		var ul1 = document.getElementById("comment1");
-		var ul2 = document.getElementById("comment2");
-		var ulbox = document.getElementById("marquee-view");
-		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
-		if (ulbox.scrollTop >= ul1.scrollHeight) {
-			ulbox.scrollTop = 0;
-		} else {
-			ulbox.scrollTop++;
-		}
-		var a2_ul1 = document.getElementById("a2_comment1");
-		var a2_ul2 = document.getElementById("a2_comment2");
-		var a2_ulbox = document.getElementById("a2_marquee-view");
-		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
-		if (a2_ulbox.scrollTop >= a2_ul1.scrollHeight) {
-			a2_ulbox.scrollTop = 0;
-		} else {
-			a2_ulbox.scrollTop++;
-		}
-		var a3_ul1 = document.getElementById("a3_comment1");
-		var a3_ul2 = document.getElementById("a3_comment2");
-		var a3_ulbox = document.getElementById("a3_marquee-view");
-		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
-		if (a3_ulbox.scrollTop >= a3_ul1.scrollHeight) {
-			a3_ulbox.scrollTop = 0;
-		} else {
-			a3_ulbox.scrollTop++;
-		}
-	}
-
-})

src/main/webapp/static/big-screen/css/comon0.css

@@ -1,233 +1,75 @@
 @charset "utf-8";
-/* CSS Document
-更多精品模板请访问：http://www.bootstrapmb.com
-*/
-*{
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box}
-*,body{padding:0px;	margin:0px;color: #222;font-family: "微软雅黑";}
-@font-face{font-family:electronicFont;src:url(../font/DS-DIGIT.TTF)}
-body{ background:#000d4a url(../images/bg.jpg) center top; background-size:cover;color:#666;font-size: .1rem;}
+*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
+*,body{padding:0px;	margin:0px;font-family: "微软雅黑";}
+body{ background:#000d4a url('#(path)/static/big-screen/images/bg.jpg') center top; background-size:cover;color:#666;font-size: .1rem;}
 li{ list-style-type:none;}
-table{}
 i{ margin:0px; padding:0px; text-indent:0px;}
 img{ border:none; max-width: 100%;}
 a{ text-decoration:none; color:#399bff;}
 a.active,a:focus{ outline:none!important; text-decoration:none;}
 ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
 a:hover{ color:#06c; text-decoration: none!important}
-
-
-.clearfix:after, .clearfix:before {
-	display: table;
-	content: " "
-}
-.clearfix:after {
-	clear: both
-}
+.clearfix:after, .clearfix:before {display: table;content: " "}
+.clearfix:after {clear: both}
 .pulll_left{float:left;}
 .pulll_right{float:right;}
 /*谷哥滚动条样式*/
-
 ::-webkit-scrollbar {width:5px;height:5px;position:absolute}
 ::-webkit-scrollbar-thumb {background-color:#5bc0de}
 ::-webkit-scrollbar-track {background-color:#ddd}
-
 /***/
 .canvas{position: absolute; width:100%; left: 0; top: 0; height: 99%; z-index: 1;}
-
-.allnav{height: calc(100% + 30px);}
+.allnav{height: calc(100% - 20px);padding-top: 0.1rem;}
 .loading{position:fixed; left:0; top:0; font-size:18px; z-index:100000000;width:100%; height:100%; background:#1a1a1c; text-align:center;}
 .loadbox{position:absolute; width:160px;height:150px; color: #aaa; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}
 .loadbox img{ margin:10px auto; display:block; width:40px;}
 
-.copyright{ background:rgba(19,31,64,.32); border: 1px solid rgba(255,255,255,.05); line-height:.5rem; text-align: center; padding-right: 15px; bottom: 0; color:rgba(255,255,255,.7); font-size: .16rem; }
-
-.head{ height:1.05rem; background: url(../images/head_bg.png) no-repeat center center; background-size: 100% 100%; position: relative; z-index: 100;}
-.head h1{ color:#fff; text-align: center; font-size: .4rem; line-height:.8rem;}
+.head{ height:1.05rem; position: relative; z-index: 100;}
+.head h1{ color:#b2b2b2; text-align: center; font-size: .4rem; line-height:.8rem;font-family: cursive;}
 .head h1 img{ width:1.5rem; display: inline-block; vertical-align: middle; margin-right: .2rem}
+.mainbox{ padding:.1rem .1rem 0rem .1rem;}
+.mainbox>ul>li{ width: 30%;float: left; padding: 0 .1rem}
+.mainbox>ul>li:nth-child(2){ width: 40%;padding: 0}
+.boxall{border: 0px;overflow: hidden;padding-top: 0.5rem;background-color: rgba(101,132,226,.15);background-size:inherit; position: relative; margin-bottom: .15rem; z-index: 10;}
+.boxall:before,.boxall:after{position: absolute;width: .3rem;height: .3rem;content: "";border: 0px!important;}
+.boxall:before,.boxfoot:before{border: 0px!important;}
+.boxall:after,.boxfoot:after{border: 0px!important;}
+.alltitle{ font-size:.2rem; color:#fff; text-align: center; line-height: .5rem;}
 .weather{ position:absolute; right:.3rem; top:0; line-height: .75rem;}
 .weather img{ width:.37rem; display: inline-block; vertical-align: middle;}
 .weather span{color:rgba(255,255,255,.7); font-size: .18rem; padding-right: .1rem;}
-.mainbox{ padding:.1rem .1rem 0rem .1rem;}
-.mainbox>ul{}
-.mainbox>ul>li{ float: left; padding: 0 .1rem}
-.mainbox>ul>li{ width: 30%}
-.mainbox>ul>li:nth-child(2){ width: 40%;padding: 0}
-.boxall{padding:.2rem .2rem .7rem .15rem;box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1);background-size: 100% auto;background-color: rgba(101,132,226,.15);border-radius: 5px;position: relative; margin-bottom: .16rem; z-index: 10;}
-.nor{border: 0px;}
-.nor:before,.nor:after{border: 0px!important;}
-.boxall:after,.boxfoot:after{
-	border-right: 5px solid #3c7cff;
-	right: -4px;
-	top: -4px;
-}
-
 .boxfoot{ position:absolute; bottom: 0; width: 100%; left: 0;}
 .boxfoot:before,
 .boxfoot:after{ position:absolute; width: .1rem; height: .1rem;  content: "";border-bottom: 2px solid #02a6b5; bottom: 0;}
-
-.bar{background:rgba(101,132,226,.1); padding: .15rem;}
-.barbox li,.barbox2 li{ width:50%; text-align: center; position: relative; z-index: 100;}
+.bar{margin-top: -0.2rem;height:1.1rem;background: url(../images/bt.png) no-repeat;background-size: 100%;padding: .28rem .6rem .15rem .7rem;}
+.barbox li{ width:50%; text-align: center; position: relative; z-index: 100;font-size: .4rem; color:#03A9F4; padding: .05rem 0;font-weight: bold;}
 .barbox:before,
 .barbox:after{ position:absolute; width: .3rem; height: .1rem; content: ""; }
 .barbox:before{border-left: 2px solid #02a6b5;left: 0;border-top: 2px solid #02a6b5; }
 .barbox:after{border-right: 2px solid #02a6b5; right: 0; bottom: 0;border-bottom: 2px solid #02a6b5; }
-
 .barbox li:first-child:before{ position:absolute; content: ""; height:50%; width: 1px; background: rgba(255,255,255,.2); right: 0; top: 25%;}
-
 .barbox{  border: 1px solid rgba(25,186,139,.17); position: relative;}
-.barbox li{ font-size: .4rem; color:#03A9F4; padding: .05rem 0;  font-family:electronicFont; font-weight: bold;}
-.barbox2 li{ font-size: .19rem; color:rgba(255,255,255,.7); padding-top: .1rem;}
-
-.map{  position:relative;z-index: 9;background-color: rgba(101,132,226,.15);border-radius: 5px;margin-top: -0.04rem;margin-bottom: .16rem;}
-.map4{ width: 200%; height:5.8rem;  position: relative; left: -50%; top: 4%; margin-top: .2rem; z-index: 5;}
+.map{  position:relative;z-index: 9;}
+.map4{ width: 100%;padding: 0.1rem; height:6.8rem;  position: relative;margin-top: .2rem; z-index: 5;}
 .map1,.map2,.map3{ position:absolute; opacity: .5}
 .map1{ width:5.63rem; z-index: 2;top:.2.4rem; left: .85rem;  animation: myfirst2 15s infinite linear;}
 .map2{ width:4.66rem; top:.75rem; left:1.2rem; z-index: 3; opacity: 0.2; animation: myfirst 10s infinite linear;}
-.map3{ width:4.7rem; top:0.6rem; left: 1.4rem; z-index: 1;}
-
-.alltitle{ font-size:18px; color:#fff; position: relative; margin-bottom: 10px;text-align: left;}
-.alltitle:before{ width: 90%; height: 1px; top:12px; position: absolute; content: "";  border-bottom: dashed #fff 1px; right: 0;  opacity: .2;}
-.alltitle:after{ width: 8px; height:10px; top:8px; position: absolute; content: ""; border-radius:20px;  right: 0; background: #0c51f9;}
-
-
-
-.tabs { text-align: center; padding: .1rem 0 0 0;}
-.tabs a {
-	position: relative;
-	display: inline-block;
-	margin-left: 1px;
-	padding:.05rem .2rem;
-	color: #898989;
-	transition: all .3s ease-out 0s;
-	font-size: 14px;
-}
-.tabs li{ display:inline-block;}
-.tabs a:after {
-	position: absolute;
-	width: 1px;
-	height: 10px;
-	background-color: rgba(255,255,255,.1);
-	content: '';
-	margin-left:0; right:-1px;    margin-top: 7px;
-
-
-}
-.tabs li a.active {border: 1px solid rgba(25,186,139,.17); background: rgba(255,255,255,.05); color:#fff;}
-.bbv{
-	text-align: center;
-	width: 100%;
-}
-.btitle{
-	color: white;
-	background-color:#3c7cff;
-	padding: 6px 65px;
-	font-size:.19rem;
-	border-radius: 20px;
-	opacity: 0.9;
-}
-.tit02{ text-align:center; margin: .1rem 0; position: relative}
-.tit02 span{border: 1px solid rgba(25,186,139,.17); letter-spacing: 2px; padding: .01rem .2rem; background: rgba(255,255,255,.05);  font-size: .18rem;  color: #49bcf7;}
-.tit02:before,.tit02:after{ position:absolute; width:26%; height: 1px;background: rgba(25,186,139,.2);  content: ""; top: .12rem;}
-.tit02:after{ right:0;}
-.tit02:before{ left:0;}
-
-.wrap{ height:2.54rem; overflow: hidden;}
-.wrap li{  line-height:.42rem; height:.42rem; font-size: .18rem; text-indent: .24rem; margin-bottom: .1rem; }
-.wrap li p{border: 1px solid rgba(25,186,139,.17);color: rgba(255,255,255,.6); }
+.map3{ width:4.7rem; top:0.6rem; left: 1.7rem; z-index: 1;}
+.bbv{text-align: center;width: 100%;margin-top: -12px;}
+.btitle{color: white;background-color:#3c7cff;padding: 6px 65px;font-size:.19rem;border-radius: 20px;opacity: 0.9;}
 .sy{ float:left; width: 49%; height:95%;}
-
-
-.adduser{ height:1.5rem; overflow: hidden;}
-.adduser li{height:.5rem;}
-.adduser img{ width: .40rem; border-radius: .5rem; margin-right: .1rem; display: inline-block; vertical-align: middle;}
-.adduser span{  line-height:.5rem; font-size: .18rem;color: rgba(255,255,255,.6); }
-
-.sycm ul{margin-right:-.5rem;  padding: .16rem 0;margin-top: -0.25rem;}
-.sycm li{text-align: center; position: relative;text-align: center; padding: 10px 0; position: relative;float: left;width:43%; padding: 0.21rem 0rem;background-color: rgb(180 180 180 / 10%);margin: 0.1rem;}
-.sycm li:last-child:before{ width: 0;}
-
-.sycm li h2{ font-size:.23rem; color: #c5ccff;}
-.sycm li span{ font-size:.15rem; color: #fff; opacity: .5;}
-
-@keyframes myfirst2
-{
-	from {transform: rotate(0deg);}
-	to {transform: rotate(359deg);}
-}
-
-@keyframes myfirst
-{
-	from {transform: rotate(0deg);}
-	to {transform: rotate(-359deg);}
-}
-
-
-/*Plugin CSS*/
-.str_wrap {
-	overflow:hidden;
-	width:100%;
-	position:relative;
-	-moz-user-select: none;
-	-khtml-user-select: none;
-	user-select: none;
-	white-space:nowrap;
-}
-
-
-.str_move {
-	white-space:nowrap;
-	position:absolute;
-	top:0;
-	left:0;
-	cursor:move;
-}
-.str_move_clone {
-	display:inline-block;
-	vertical-align:top;
-	position:absolute;
-	left:100%;
-	top:0;
-}
-.str_vertical .str_move_clone {
-	left:0;
-	top:100%;
-}
-.str_down .str_move_clone {
-	left:0;
-	bottom:100%;
-}
-.str_vertical .str_move,
-.str_down .str_move {
-	white-space:normal;
-	width:100%;
-}
-.str_static .str_move,
-.no_drag .str_move,
-.noStop .str_move{
-	cursor:inherit;
-}
-.str_wrap img {
-	max-width:none !important;
-}
-.flex {
-	display: flex;
-}
-.f {
-	flex: 1;
-	padding: 10px;
-	text-align: center;
-	font-size: .2rem;
-	color: #68d8fe;
-}
-
-.row {
-	display: flex;
-	cursor: pointer;
-}
-
+.flex {display: flex;font-size: .18rem;font-weight: bold;}
+.f {flex: 1;margin-left: 0.1rem;margin-right: 0.1rem;overflow: hidden;}
+.g{flex: 1;color: white!important;text-align: center;}
+.day{width: 0.1rem;float: left;font-size: 0.15rem;font-weight: normal;padding-top: 0.1rem;line-height: 0.18rem;}
+.ziti{font-size: 0.42rem;float: left;margin-left:0.15rem;}
+.desc{font-size: 0.2rem;float: left;margin-left:0.1rem;padding-top:0.21rem;font-weight: normal;}
+.mov{margin: 0 auto;width: 80%;}
+.bl{border-right: 1px solid white;}
+.hea{padding:0.1rem;}
+.num{flex: 0.5;}
+.zzl{flex: 1.2;}
+.row {display: flex;cursor: pointer;}
 .row:nth-child(even) {
 	background-color: rgb(180 180 180 / 10%);
 	/* box-shadow:0 0 7px #3c7cff; */
@@ -236,6 +78,12 @@ a:hover{ color:#06c; text-decoration: none!important}
 	color: #68d8ff;
 	background: rgba(255, 255, 255, 0.1);
 }
+.bf{color: white;text-align: center;padding: 0.1rem;}
+.cn{text-align:center;}
+.vtitle{color: white;}
+.inline{float: right;margin-top: -30px;}
+.el-input__inner{height: 27px!important;}
+.els{width: 100px;}
 .col {
 	flex: 1;
 	padding: 10px;
@@ -243,6 +91,15 @@ a:hover{ color:#06c; text-decoration: none!important}
 	font-size: .17rem;
 	color: #61a8ff;
 }
+.bage{
+	border-radius: 2px;
+	text-align: center;
+	width: 0.5rem;
+	color: white;
+	font-weight: bold;
+	margin: 0 auto;
+	background-color: #ac001d;
+}
 .omit {
 	white-space: nowrap;
 	text-overflow: ellipsis;
@@ -251,31 +108,57 @@ a:hover{ color:#06c; text-decoration: none!important}
 .tl {
 	text-align: left;
 }
-.tubiao{
+.dzh{
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	cursor: pointer;
+}
+.config{
+	padding: 30px;
+	overflow: hidden;
+}
+.sf{
+	color: #1a1a1c!important;
+}
+.shadow{
+	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+	background-color: white!important;
+}
+.checked{
 	position: absolute;
-	left: .2rem;
+	right: 0.1rem;
+	top: 0.1rem;
+	cursor: pointer;
 }
 .baowei{
+	float: left;
 	height: 0.55rem;
 	width: 0.55rem;
 	border-radius: 50%;
 	background-color: red;
 	text-align: center;
 	line-height: 0.52rem;
+	margin-left: 0.2rem;
+}
+.baowei_r{
+	float: left;
+	text-align: left;
+	padding-left: 0.13rem;
 }
 .iconfont{
 	font-size: 0.32rem!important;
 	color: white;
 }
 .pm{
-	width: 0.3rem;
-	height: 0.3rem;
-	border-radius: 53px;
-	display: block;
-	background: #878787;
-	color: #fff;
-	line-height: 0.3rem;
-	text-align: center;
+	    width: 0.3rem;
+	    height: 0.3rem;
+	    border-radius: 53px;
+	    display: block;
+	    background: #878787;
+	    color: #fff;
+	    line-height: 0.3rem;
+	    text-align: center;
 }
 .gundong::-webkit-scrollbar {
 	display: none
@@ -285,15 +168,18 @@ body::-webkit-scrollbar {
 	display: none
 }
 
-#marquee-view {
+.marquee-view {
 	overflow-y: scroll !important;
+	height:2.2rem;
 }
 
-#marquee-view::-webkit-scrollbar {
+.marquee-view::-webkit-scrollbar {
 	display: none
 }
 .bsd{
-	margin-top: 0.16rem;padding-right: 3px;
+	font-size: 0.2rem!important;
+	color: #68d8fe;
+	padding: 0.06rem!important;
 }
 .logos{
 	position: absolute;
@@ -306,4 +192,21 @@ body::-webkit-scrollbar {
 }
 #showTime{
 	float: right;
-}
+}
+.icon-quanping{
+	cursor: pointer;
+}
+.mvp{
+   color: white;
+   font-size: 15px;
+   font-weight: bold;
+   position: relative;
+   margin-top: -0.48rem;
+   background-color: rgba(101,132,226,.15);
+   background-size: contain;
+   padding: 0.1rem;
+}
+.m3{
+	margin-top: -0.3rem;
+}
+.chart{height: 1.8rem;}

src/main/webapp/static/big-screen/css/iconfont.css

@@ -1,75 +0,0 @@
-@font-face {
-  font-family: "iconfont"; /* Project id 3697056 */
-  src: url('iconfont.woff2?t=1665459645312') format('woff2'),
-       url('iconfont.woff?t=1665459645312') format('woff'),
-       url('iconfont.ttf?t=1665459645312') format('truetype');
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-quanping:before {
-  content: "\eb11";
-}
-
-.icon-fengxianyujing:before {
-  content: "\e608";
-}
-
-.icon-jiaoseshezhi:before {
-  content: "\e634";
-}
-
-.icon-jilu:before {
-  content: "\e65d";
-}
-
-.icon-xitongyunzhuanqingkuang:before {
-  content: "\e632";
-}
-
-.icon-jiaosequnti:before {
-  content: "\e8c9";
-}
-
-.icon-fengxiandengji-:before {
-  content: "\e60d";
-}
-
-.icon-xitong:before {
-  content: "\e617";
-}
-
-.icon-jiaoseguanli:before {
-  content: "\e62e";
-}
-
-.icon-jixiao:before {
-  content: "\e647";
-}
-
-.icon-lianxi2hebing_jilu:before {
-  content: "\e630";
-}
-
-.icon-jixiao1:before {
-  content: "\e67c";
-}
-
-.icon-fengxian:before {
-  content: "\f891";
-}
-
-.icon-jixiao2:before {
-  content: "\e663";
-}
-
-.icon-zhidu:before {
-  content: "\e631";
-}
-

src/main/webapp/static/big-screen/js/area_echarts.js

@@ -1,506 +0,0 @@
-
-$(function () {
-    map();
-    function map() {
-        // 基于准备好的dom，初始化echarts实例
-        var myChart = echarts.init(document.getElementById('map_1'));
-var data = [
-     {name: '海门', value: 69},
-     {name: '鄂尔多斯', value: 12},
-     {name: '招远', value: 12},
-     {name: '舟山', value: 12},
-     {name: '齐齐哈尔', value: 14},
-     {name: '盐城', value: 15},
-     {name: '赤峰', value: 16},
-     {name: '青岛', value: 18},
-     {name: '乳山', value: 18},
-     {name: '金昌', value: 19},
-     {name: '泉州', value: 21},
-     {name: '莱西', value: 21},
-     {name: '日照', value: 21},
-     {name: '胶南', value: 22},
-     {name: '南通', value: 23},
-     {name: '拉萨', value: 24},
-     {name: '云浮', value: 24},
-     {name: '梅州', value: 25},
-     {name: '文登', value: 25},
-     {name: '上海', value: 25},
-     {name: '攀枝花', value: 25},
-     {name: '威海', value: 25},
-     {name: '承德', value: 25},
-     {name: '厦门', value: 26},
-     {name: '汕尾', value: 26},
-     {name: '潮州', value: 26},
-     {name: '丹东', value: 27},
-     {name: '太仓', value: 27},
-     {name: '曲靖', value: 27},
-     {name: '烟台', value: 28},
-     {name: '福州', value: 29},
-     {name: '瓦房店', value: 30},
-     {name: '即墨', value: 30},
-     {name: '抚顺', value: 31},
-     {name: '玉溪', value: 31},
-     {name: '张家口', value: 31},
-     {name: '阳泉', value: 31},
-     {name: '莱州', value: 32},
-     {name: '湖州', value: 32},
-     {name: '汕头', value: 32},
-     {name: '昆山', value: 33},
-     {name: '宁波', value: 33},
-     {name: '湛江', value: 33},
-     {name: '揭阳', value: 34},
-     {name: '荣成', value: 34},
-     {name: '连云港', value: 35},
-     {name: '葫芦岛', value: 35},
-     {name: '常熟', value: 36},
-     {name: '东莞', value: 36},
-     {name: '河源', value: 36},
-     {name: '淮安', value: 36},
-     {name: '泰州', value: 36},
-     {name: '南宁', value: 37},
-     {name: '营口', value: 37},
-     {name: '惠州', value: 37},
-     {name: '江阴', value: 37},
-     {name: '蓬莱', value: 37},
-     {name: '韶关', value: 38},
-     {name: '嘉峪关', value: 38},
-     {name: '广州', value: 38},
-     {name: '延安', value: 38},
-     {name: '太原', value: 39},
-     {name: '清远', value: 39},
-     {name: '中山', value: 39},
-     {name: '昆明', value: 39},
-     {name: '寿光', value: 40},
-     {name: '盘锦', value: 40},
-     {name: '长治', value: 41},
-     {name: '深圳', value: 41},
-     {name: '珠海', value: 42},
-     {name: '宿迁', value: 43},
-     {name: '咸阳', value: 43},
-     {name: '铜川', value: 44},
-     {name: '平度', value: 44},
-     {name: '佛山', value: 44},
-     {name: '海口', value: 44},
-     {name: '江门', value: 45},
-     {name: '章丘', value: 45},
-     {name: '肇庆', value: 46},
-     {name: '大连', value: 47},
-     {name: '临汾', value: 47},
-     {name: '吴江', value: 47},
-     {name: '石嘴山', value: 49},
-     {name: '沈阳', value: 50},
-     {name: '苏州', value: 50},
-     {name: '茂名', value: 50},
-     {name: '嘉兴', value: 51},
-     {name: '长春', value: 51},
-     {name: '胶州', value: 52},
-     {name: '银川', value: 52},
-     {name: '张家港', value: 52},
-     {name: '三门峡', value: 53},
-     {name: '锦州', value: 54},
-     {name: '南昌', value: 54},
-     {name: '柳州', value: 54},
-     {name: '三亚', value: 54},
-     {name: '自贡', value: 56},
-     {name: '吉林', value: 56},
-     {name: '阳江', value: 57},
-     {name: '泸州', value: 57},
-     {name: '西宁', value: 57},
-     {name: '宜宾', value: 58},
-     {name: '呼和浩特', value: 58},
-     {name: '成都', value: 58},
-     {name: '大同', value: 58},
-     {name: '镇江', value: 59},
-     {name: '桂林', value: 59},
-     {name: '张家界', value: 59},
-     {name: '宜兴', value: 59},
-     {name: '北海', value: 60},
-     {name: '西安', value: 61},
-     {name: '金坛', value: 62},
-     {name: '东营', value: 62},
-     {name: '牡丹江', value: 63},
-     {name: '遵义', value: 63},
-     {name: '绍兴', value: 63},
-     {name: '扬州', value: 64},
-     {name: '常州', value: 64},
-     {name: '潍坊', value: 65},
-     {name: '重庆', value: 66},
-     {name: '台州', value: 67},
-     {name: '南京', value: 67},
-     {name: '滨州', value: 70},
-     {name: '贵阳', value: 71},
-     {name: '无锡', value: 71},
-     {name: '本溪', value: 71},
-     {name: '克拉玛依', value: 72},
-     {name: '渭南', value: 72},
-     {name: '马鞍山', value: 72},
-     {name: '宝鸡', value: 72},
-     {name: '焦作', value: 75},
-     {name: '句容', value: 75},
-     {name: '北京', value: 79},
-     {name: '徐州', value: 79},
-     {name: '衡水', value: 80},
-     {name: '包头', value: 80},
-     {name: '绵阳', value: 80},
-     {name: '乌鲁木齐', value: 84},
-     {name: '枣庄', value: 84},
-     {name: '杭州', value: 84},
-     {name: '淄博', value: 85},
-     {name: '鞍山', value: 86},
-     {name: '溧阳', value: 86},
-     {name: '库尔勒', value: 86},
-     {name: '安阳', value: 90},
-     {name: '开封', value: 90},
-     {name: '济南', value: 92},
-     {name: '德阳', value: 93},
-     {name: '温州', value: 95},
-     {name: '九江', value: 96},
-     {name: '邯郸', value: 98},
-     {name: '临安', value: 99},
-     {name: '兰州', value: 99},
-     {name: '沧州', value: 100},
-     {name: '临沂', value: 103},
-     {name: '南充', value: 104},
-     {name: '天津', value: 105},
-     {name: '富阳', value: 106},
-     {name: '泰安', value: 112},
-     {name: '诸暨', value: 112},
-     {name: '郑州', value: 313},
-     {name: '哈尔滨', value: 114},
-     {name: '聊城', value: 116},
-     {name: '芜湖', value: 117},
-     {name: '唐山', value: 119},
-     {name: '平顶山', value: 119},
-     {name: '邢台', value: 119},
-     {name: '德州', value: 120},
-     {name: '济宁', value: 120},
-     {name: '荆州', value: 127},
-     {name: '宜昌', value: 130},
-     {name: '义乌', value: 132},
-     {name: '丽水', value: 133},
-     {name: '洛阳', value: 134},
-     {name: '秦皇岛', value: 136},
-     {name: '株洲', value: 143},
-     {name: '石家庄', value: 147},
-     {name: '莱芜', value: 148},
-     {name: '常德', value: 152},
-     {name: '保定', value: 153},
-     {name: '湘潭', value: 154},
-     {name: '金华', value: 157},
-     {name: '岳阳', value: 169},
-     {name: '长沙', value: 175},
-     {name: '衢州', value: 177},
-     {name: '廊坊', value: 193},
-     {name: '菏泽', value: 194},
-     {name: '合肥', value: 229},
-     {name: '武汉', value: 273},
-     {name: '大庆', value: 279}
-];
-var geoCoordMap = {
-    '海门':[121.15,31.89],
-    '鄂尔多斯':[109.781327,39.608266],
-    '招远':[120.38,37.35],
-    '舟山':[122.207216,29.985295],
-    '齐齐哈尔':[123.97,47.33],
-    '盐城':[120.13,33.38],
-    '赤峰':[118.87,42.28],
-    '青岛':[120.33,36.07],
-    '乳山':[121.52,36.89],
-    '金昌':[102.188043,38.520089],
-    '泉州':[118.58,24.93],
-    '莱西':[120.53,36.86],
-    '日照':[119.46,35.42],
-    '胶南':[119.97,35.88],
-    '南通':[121.05,32.08],
-    '拉萨':[91.11,29.97],
-    '云浮':[112.02,22.93],
-    '梅州':[116.1,24.55],
-    '文登':[122.05,37.2],
-    '上海':[121.48,31.22],
-    '攀枝花':[101.718637,26.582347],
-    '威海':[122.1,37.5],
-    '承德':[117.93,40.97],
-    '厦门':[118.1,24.46],
-    '汕尾':[115.375279,22.786211],
-    '潮州':[116.63,23.68],
-    '丹东':[124.37,40.13],
-    '太仓':[121.1,31.45],
-    '曲靖':[103.79,25.51],
-    '烟台':[121.39,37.52],
-    '福州':[119.3,26.08],
-    '瓦房店':[121.979603,39.627114],
-    '即墨':[120.45,36.38],
-    '抚顺':[123.97,41.97],
-    '玉溪':[102.52,24.35],
-    '张家口':[114.87,40.82],
-    '阳泉':[113.57,37.85],
-    '莱州':[119.942327,37.177017],
-    '湖州':[120.1,30.86],
-    '汕头':[116.69,23.39],
-    '昆山':[120.95,31.39],
-    '宁波':[121.56,29.86],
-    '湛江':[110.359377,21.270708],
-    '揭阳':[116.35,23.55],
-    '荣成':[122.41,37.16],
-    '连云港':[119.16,34.59],
-    '葫芦岛':[120.836932,40.711052],
-    '常熟':[120.74,31.64],
-    '东莞':[113.75,23.04],
-    '河源':[114.68,23.73],
-    '淮安':[119.15,33.5],
-    '泰州':[119.9,32.49],
-    '南宁':[108.33,22.84],
-    '营口':[122.18,40.65],
-    '惠州':[114.4,23.09],
-    '江阴':[120.26,31.91],
-    '蓬莱':[120.75,37.8],
-    '韶关':[113.62,24.84],
-    '嘉峪关':[98.289152,39.77313],
-    '广州':[113.23,23.16],
-    '延安':[109.47,36.6],
-    '太原':[112.53,37.87],
-    '清远':[113.01,23.7],
-    '中山':[113.38,22.52],
-    '昆明':[102.73,25.04],
-    '寿光':[118.73,36.86],
-    '盘锦':[122.070714,41.119997],
-    '长治':[113.08,36.18],
-    '深圳':[114.07,22.62],
-    '珠海':[113.52,22.3],
-    '宿迁':[118.3,33.96],
-    '咸阳':[108.72,34.36],
-    '铜川':[109.11,35.09],
-    '平度':[119.97,36.77],
-    '佛山':[113.11,23.05],
-    '海口':[110.35,20.02],
-    '江门':[113.06,22.61],
-    '章丘':[117.53,36.72],
-    '肇庆':[112.44,23.05],
-    '大连':[121.62,38.92],
-    '临汾':[111.5,36.08],
-    '吴江':[120.63,31.16],
-    '石嘴山':[106.39,39.04],
-    '沈阳':[123.38,41.8],
-    '苏州':[120.62,31.32],
-    '茂名':[110.88,21.68],
-    '嘉兴':[120.76,30.77],
-    '长春':[125.35,43.88],
-    '胶州':[120.03336,36.264622],
-    '银川':[106.27,38.47],
-    '张家港':[120.555821,31.875428],
-    '三门峡':[111.19,34.76],
-    '锦州':[121.15,41.13],
-    '南昌':[115.89,28.68],
-    '柳州':[109.4,24.33],
-    '三亚':[109.511909,18.252847],
-    '自贡':[104.778442,29.33903],
-    '吉林':[126.57,43.87],
-    '阳江':[111.95,21.85],
-    '泸州':[105.39,28.91],
-    '西宁':[101.74,36.56],
-    '宜宾':[104.56,29.77],
-    '呼和浩特':[111.65,40.82],
-    '成都':[104.06,30.67],
-    '大同':[113.3,40.12],
-    '镇江':[119.44,32.2],
-    '桂林':[110.28,25.29],
-    '张家界':[110.479191,29.117096],
-    '宜兴':[119.82,31.36],
-    '北海':[109.12,21.49],
-    '西安':[108.95,34.27],
-    '金坛':[119.56,31.74],
-    '东营':[118.49,37.46],
-    '牡丹江':[129.58,44.6],
-    '遵义':[106.9,27.7],
-    '绍兴':[120.58,30.01],
-    '扬州':[119.42,32.39],
-    '常州':[119.95,31.79],
-    '潍坊':[119.1,36.62],
-    '重庆':[106.54,29.59],
-    '台州':[121.420757,28.656386],
-    '南京':[118.78,32.04],
-    '滨州':[118.03,37.36],
-    '贵阳':[106.71,26.57],
-    '无锡':[120.29,31.59],
-    '本溪':[123.73,41.3],
-    '克拉玛依':[84.77,45.59],
-    '渭南':[109.5,34.52],
-    '马鞍山':[118.48,31.56],
-    '宝鸡':[107.15,34.38],
-    '焦作':[113.21,35.24],
-    '句容':[119.16,31.95],
-    '北京':[116.46,39.92],
-    '徐州':[117.2,34.26],
-    '衡水':[115.72,37.72],
-    '包头':[110,40.58],
-    '绵阳':[104.73,31.48],
-    '乌鲁木齐':[87.68,43.77],
-    '枣庄':[117.57,34.86],
-    '杭州':[120.19,30.26],
-    '淄博':[118.05,36.78],
-    '鞍山':[122.85,41.12],
-    '溧阳':[119.48,31.43],
-    '库尔勒':[86.06,41.68],
-    '安阳':[114.35,36.1],
-    '开封':[114.35,34.79],
-    '济南':[117,36.65],
-    '德阳':[104.37,31.13],
-    '温州':[120.65,28.01],
-    '九江':[115.97,29.71],
-    '邯郸':[114.47,36.6],
-    '临安':[119.72,30.23],
-    '兰州':[103.73,36.03],
-    '沧州':[116.83,38.33],
-    '临沂':[118.35,35.05],
-    '南充':[106.110698,30.837793],
-    '天津':[117.2,39.13],
-    '富阳':[119.95,30.07],
-    '泰安':[117.13,36.18],
-    '诸暨':[120.23,29.71],
-    '郑州':[113.65,34.76],
-    '哈尔滨':[126.63,45.75],
-    '聊城':[115.97,36.45],
-    '芜湖':[118.38,31.33],
-    '唐山':[118.02,39.63],
-    '平顶山':[113.29,33.75],
-    '邢台':[114.48,37.05],
-    '德州':[116.29,37.45],
-    '济宁':[116.59,35.38],
-    '荆州':[112.239741,30.335165],
-    '宜昌':[111.3,30.7],
-    '义乌':[120.06,29.32],
-    '丽水':[119.92,28.45],
-    '洛阳':[112.44,34.7],
-    '秦皇岛':[119.57,39.95],
-    '株洲':[113.16,27.83],
-    '石家庄':[114.48,38.03],
-    '莱芜':[117.67,36.19],
-    '常德':[111.69,29.05],
-    '保定':[115.48,38.85],
-    '湘潭':[112.91,27.87],
-    '金华':[119.64,29.12],
-    '岳阳':[113.09,29.37],
-    '长沙':[113,28.21],
-    '衢州':[118.88,28.97],
-    '廊坊':[116.7,39.53],
-    '菏泽':[115.480656,35.23375],
-    '合肥':[117.27,31.86],
-    '武汉':[114.31,30.52],
-    '大庆':[125.03,46.58]
-};
-var convertData = function (data) {
-    var res = [];
-    for (var i = 0; i < data.length; i++) {
-        var geoCoord = geoCoordMap[data[i].name];
-        if (geoCoord) {
-            res.push({
-                name: data[i].name,
-                value: geoCoord.concat(data[i].value)
-            });
-        }
-    }
-    return res;
-};
-
-option = {
-   // backgroundColor: '#404a59',
-    tooltip : {
-        trigger: 'item',
-		formatter: function (params) {
-              if(typeof(params.value)[2] == "undefined"){
-              	return params.name + ' : ' + params.value;
-              }else{
-              	return params.name + ' : ' + params.value[2];
-              }
-            }
-    },
-  
-    geo: {
-        map: 'china',
-        label: {
-            emphasis: {
-                show: false
-            }
-        },
-        roam: false,//禁止其放大缩小
-        itemStyle: {
-            normal: {
-                areaColor: '#4c60ff',
-                borderColor: '#002097'
-            },
-            emphasis: {
-                areaColor: '#293fff'
-            }
-        }
-    },
-    series : [
-        {
-            name: '消费金额',
-            type: 'scatter',
-            coordinateSystem: 'geo',
-            data: convertData(data),
-            symbolSize: function (val) {
-                return val[2] / 15;
-            },
-            label: {
-                normal: {
-                    formatter: '{b}',
-                    position: 'right',
-                    show: false
-                },
-                emphasis: {
-                    show: true
-                }
-            },
-            itemStyle: {
-                normal: {
-                    color: '#ffeb7b'
-                }
-            }
-        }
-		
-		/**
-		,
-        {
-            name: 'Top 5',
-            type: 'effectScatter',
-            coordinateSystem: 'geo',
-            data: convertData(data.sort(function (a, b) {
-                return b.value - a.value;
-            }).slice(0, 6)),
-            symbolSize: function (val) {
-                return val[2] / 20;
-            },
-            showEffectOn: 'render',
-            rippleEffect: {
-                brushType: 'stroke'
-            },
-            hoverAnimation: true,
-            label: {
-                normal: {
-                    formatter: '{b}',
-                    position: 'right',
-                    show: true
-                }
-            },
-            itemStyle: {
-                normal: {
-                    color: '#ffd800',
-                    shadowBlur: 10,
-                    shadowColor: 'rgba(0,0,0,.3)'
-                }
-            },
-            zlevel: 1
-        }
-		**/
-    ]
-};
-		
-        myChart.setOption(option);
-        window.addEventListener("resize",function(){
-            myChart.resize();
-        });
-    }
-
-})
-

src/main/webapp/static/big-screen/js/data.js

@@ -1,87 +0,0 @@
-/**
- * 公共参数设置
- */
-var options = function() {
-	return {
-		url: 'xxxx',
-		toolbox: {
-			show: true,
-			iconStyle: {
-				borderColor: "rgba(255,255,255,.8)",
-			},
-			feature: {
-				magicType: {
-					type: ['line', 'bar']
-				},
-			}
-		},
-		yAxis: {
-			nameTextStyle: {
-				color: "rgba(255,255,255,.6)",
-			},
-			splitLine: {
-				show: false
-			},
-			axisLine: { //坐标轴线
-				show: true,
-				lineStyle: {
-					color: "rgba(255,255,255,.1	)",
-					width: 2,
-					type: "solid"
-				},
-			},
-			splitNumber: 3,
-			axisLabel: {
-				//formatter: '{value} %',
-				show: true,
-				textStyle: {
-					color: "rgba(255,255,255,.6)",
-					fontSize: '13',
-				},
-			}
-		},
-		lineStyle: {
-			normal: {
-				color: '#23abca',
-				width: 2
-			}
-		},
-		symbolSize: 5,
-		areaStyle: {
-			normal: {
-				color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-					offset: 0,
-					color: '#23abcabd'
-				}, {
-					offset: 0.8,
-					color: 'rgba(0, 216, 135, 0.1)'
-				}], false),
-				shadowColor: 'rgba(0, 0, 0, 0.1)',
-			}
-		},
-		itemStyle: {
-			normal: {
-				color: 'white',
-				borderColor: 'rgba(221, 220, 107, .1)',
-				borderWidth: 12,
-				lineStyle: {
-					width: 5
-				}
-			}
-		}
-	}
-}
-var t = null;
-t = setTimeout(time, 1000);
-function time() {
-	clearTimeout(t);
-	dt = new Date();
-	var y = dt.getFullYear();
-	var mt = dt.getMonth() + 1;
-	var day = dt.getDate();
-	var h = dt.getHours();
-	var m = dt.getMinutes();
-	var s = dt.getSeconds();
-	document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
-	t = setTimeout(time, 1000);
-}

src/main/webapp/static/big-screen/js/index.html

@@ -1,356 +0,0 @@
-
-<html>
-<head>
-    <meta charset="utf-8">
-    <title></title>
-    <style>
-        html {
-            height: 100%;
-            background-image: -webkit-radial-gradient(ellipse farthest-corner at center center, #1b44e4 0%, #020f3a 100%);
-            background-image: radial-gradient(ellipse farthest-corner at center center, #1b44e4 0%, #020f3a 100%);
-            cursor: move;
-        }
-
-        body {
-            width: 100%;
-            margin: 0;
-            overflow: hidden;
-        }
-    </style>
-</head>
-
-<body>
-
-
-    <canvas id="canv" width="1920" height="572"></canvas>
-    <script>
-var num = 200;
-var w = window.innerWidth;
-var h = window.innerHeight;
-var max = 100;
-var _x = 0;
-var _y = 0;
-var _z = 150;
-var dtr = function(d) {
-  return d * Math.PI / 180;
-};
-
-var rnd = function() {
-  return Math.sin(Math.floor(Math.random() * 360) * Math.PI / 180);
-};
-var dist = function(p1, p2, p3) {
-  return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2) + Math.pow(p2.z - p1.z, 2));
-};
-
-var cam = {
-  obj: {
-    x: _x,
-    y: _y,
-    z: _z
-  },
-  dest: {
-    x: 0,
-    y: 0,
-    z: 1
-  },
-  dist: {
-    x: 0,
-    y: 0,
-    z: 200
-  },
-  ang: {
-    cplane: 0,
-    splane: 0,
-    ctheta: 0,
-    stheta: 0
-  },
-  zoom: 1,
-  disp: {
-    x: w / 2,
-    y: h / 2,
-    z: 0
-  },
-  upd: function() {
-    cam.dist.x = cam.dest.x - cam.obj.x;
-    cam.dist.y = cam.dest.y - cam.obj.y;
-    cam.dist.z = cam.dest.z - cam.obj.z;
-    cam.ang.cplane = -cam.dist.z / Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.z * cam.dist.z);
-    cam.ang.splane = cam.dist.x / Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.z * cam.dist.z);
-    cam.ang.ctheta = Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.z * cam.dist.z) / Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.y * cam.dist.y + cam.dist.z * cam.dist.z);
-    cam.ang.stheta = -cam.dist.y / Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.y * cam.dist.y + cam.dist.z * cam.dist.z);
-  }
-};
-
-var trans = {
-  parts: {
-    sz: function(p, sz) {
-      return {
-        x: p.x * sz.x,
-        y: p.y * sz.y,
-        z: p.z * sz.z
-      };
-    },
-    rot: {
-      x: function(p, rot) {
-        return {
-          x: p.x,
-          y: p.y * Math.cos(dtr(rot.x)) - p.z * Math.sin(dtr(rot.x)),
-          z: p.y * Math.sin(dtr(rot.x)) + p.z * Math.cos(dtr(rot.x))
-        };
-      },
-      y: function(p, rot) {
-        return {
-          x: p.x * Math.cos(dtr(rot.y)) + p.z * Math.sin(dtr(rot.y)),
-          y: p.y,
-          z: -p.x * Math.sin(dtr(rot.y)) + p.z * Math.cos(dtr(rot.y))
-        };
-      },
-      z: function(p, rot) {
-        return {
-          x: p.x * Math.cos(dtr(rot.z)) - p.y * Math.sin(dtr(rot.z)),
-          y: p.x * Math.sin(dtr(rot.z)) + p.y * Math.cos(dtr(rot.z)),
-          z: p.z
-        };
-      }
-    },
-    pos: function(p, pos) {
-      return {
-        x: p.x + pos.x,
-        y: p.y + pos.y,
-        z: p.z + pos.z
-      };
-    }
-  },
-  pov: {
-    plane: function(p) {
-      return {
-        x: p.x * cam.ang.cplane + p.z * cam.ang.splane,
-        y: p.y,
-        z: p.x * -cam.ang.splane + p.z * cam.ang.cplane
-      };
-    },
-    theta: function(p) {
-      return {
-        x: p.x,
-        y: p.y * cam.ang.ctheta - p.z * cam.ang.stheta,
-        z: p.y * cam.ang.stheta + p.z * cam.ang.ctheta
-      };
-    },
-    set: function(p) {
-      return {
-        x: p.x - cam.obj.x,
-        y: p.y - cam.obj.y,
-        z: p.z - cam.obj.z
-      };
-    }
-  },
-  persp: function(p) {
-    return {
-      x: p.x * cam.dist.z / p.z * cam.zoom,
-      y: p.y * cam.dist.z / p.z * cam.zoom,
-      z: p.z * cam.zoom,
-      p: cam.dist.z / p.z
-    };
-  },
-  disp: function(p, disp) {
-    return {
-      x: p.x + disp.x,
-      y: -p.y + disp.y,
-      z: p.z + disp.z,
-      p: p.p
-    };
-  },
-  steps: function(_obj_, sz, rot, pos, disp) {
-    var _args = trans.parts.sz(_obj_, sz);
-    _args = trans.parts.rot.x(_args, rot);
-    _args = trans.parts.rot.y(_args, rot);
-    _args = trans.parts.rot.z(_args, rot);
-    _args = trans.parts.pos(_args, pos);
-    _args = trans.pov.plane(_args);
-    _args = trans.pov.theta(_args);
-    _args = trans.pov.set(_args);
-    _args = trans.persp(_args);
-    _args = trans.disp(_args, disp);
-    return _args;
-  }
-};
-
-(function() {
-  "use strict";
-  var threeD = function(param) {
-    this.transIn = {};
-    this.transOut = {};
-    this.transIn.vtx = (param.vtx);
-    this.transIn.sz = (param.sz);
-    this.transIn.rot = (param.rot);
-    this.transIn.pos = (param.pos);
-  };
-
-  threeD.prototype.vupd = function() {
-    this.transOut = trans.steps(
-
-      this.transIn.vtx,
-      this.transIn.sz,
-      this.transIn.rot,
-      this.transIn.pos,
-      cam.disp
-    );
-  };
-
-  var Build = function() {
-    this.vel = 0.04;
-    this.lim = 360;
-    this.diff = 200;
-    this.initPos = 100;
-    this.toX = _x;
-    this.toY = _y;
-    this.go();
-  };
-
-  Build.prototype.go = function() {
-    this.canvas = document.getElementById("canv");
-    this.canvas.width = window.innerWidth;
-    this.canvas.height = window.innerHeight;
-    this.$ = canv.getContext("2d");
-    this.$.globalCompositeOperation = 'source-over';
-    this.varr = [];
-    this.dist = [];
-    this.calc = [];
-
-    for (var i = 0, len = num; i < len; i++) {
-      this.add();
-    }
-
-    this.rotObj = {
-      x: 0,
-      y: 0,
-      z: 0
-    };
-    this.objSz = {
-      x: w / 5,
-      y: h / 5,
-      z: w / 5
-    };
-  };
-
-  Build.prototype.add = function() {
-    this.varr.push(new threeD({
-      vtx: {
-        x: rnd(),
-        y: rnd(),
-        z: rnd()
-      },
-      sz: {
-        x: 0,
-        y: 0,
-        z: 0
-      },
-      rot: {
-        x: 20,
-        y: -20,
-        z: 0
-      },
-      pos: {
-        x: this.diff * Math.sin(360 * Math.random() * Math.PI / 180),
-        y: this.diff * Math.sin(360 * Math.random() * Math.PI / 180),
-        z: this.diff * Math.sin(360 * Math.random() * Math.PI / 180)
-      }
-    }));
-    this.calc.push({
-      x: 360 * Math.random(),
-      y: 360 * Math.random(),
-      z: 360 * Math.random()
-    });
-  };
-
-  Build.prototype.upd = function() {
-    cam.obj.x += (this.toX - cam.obj.x) * 0.05;
-    cam.obj.y += (this.toY - cam.obj.y) * 0.05;
-  };
-
-  Build.prototype.draw = function() {
-    this.$.clearRect(0, 0, this.canvas.width, this.canvas.height);
-    cam.upd();
-    this.rotObj.x += 0.1;
-    this.rotObj.y += 0.1;
-    this.rotObj.z += 0.1;
-
-    for (var i = 0; i < this.varr.length; i++) {
-      for (var val in this.calc[i]) {
-        if (this.calc[i].hasOwnProperty(val)) {
-          this.calc[i][val] += this.vel;
-          if (this.calc[i][val] > this.lim) this.calc[i][val] = 0;
-        }
-      }
-
-      this.varr[i].transIn.pos = {
-        x: this.diff * Math.cos(this.calc[i].x * Math.PI / 180),
-        y: this.diff * Math.sin(this.calc[i].y * Math.PI / 180),
-        z: this.diff * Math.sin(this.calc[i].z * Math.PI / 180)
-      };
-      this.varr[i].transIn.rot = this.rotObj;
-      this.varr[i].transIn.sz = this.objSz;
-      this.varr[i].vupd();
-      if (this.varr[i].transOut.p < 0) continue;
-      var g = this.$.createRadialGradient(this.varr[i].transOut.x, this.varr[i].transOut.y, this.varr[i].transOut.p, this.varr[i].transOut.x, this.varr[i].transOut.y, this.varr[i].transOut.p * 2);
-      this.$.globalCompositeOperation = 'lighter';
-      g.addColorStop(0, 'hsla(255, 255%, 255%, 1)');
-      g.addColorStop(.5, 'hsla(' + (i + 2) + ',85%, 40%,1)');
-      g.addColorStop(1, 'hsla(' + (i) + ',85%, 40%,.5)');
-      this.$.fillStyle = g;
-      this.$.beginPath();
-      this.$.arc(this.varr[i].transOut.x, this.varr[i].transOut.y, this.varr[i].transOut.p * 2, 0, Math.PI * 2, false);
-      this.$.fill();
-      this.$.closePath();
-    }
-  };
-  Build.prototype.anim = function() {
-    window.requestAnimationFrame = (function() {
-      return window.requestAnimationFrame ||
-        function(callback, element) {
-          window.setTimeout(callback, 1000 / 60);
-        };
-    })();
-    var anim = function() {
-      this.upd();
-      this.draw();
-      window.requestAnimationFrame(anim);
-
-    }.bind(this);
-    window.requestAnimationFrame(anim);
-  };
-
-  Build.prototype.run = function() {
-    this.anim();
-
-    window.addEventListener('mousemove', function(e) {
-      this.toX = (e.clientX - this.canvas.width / 2) * -0.8;
-      this.toY = (e.clientY - this.canvas.height / 2) * 0.8;
-    }.bind(this));
-    window.addEventListener('touchmove', function(e) {
-      e.preventDefault();
-      this.toX = (e.touches[0].clientX - this.canvas.width / 2) * -0.8;
-      this.toY = (e.touches[0].clientY - this.canvas.height / 2) * 0.8;
-    }.bind(this));
-    window.addEventListener('mousedown', function(e) {
-      for (var i = 0; i < 100; i++) {
-        this.add();
-      }
-    }.bind(this));
-    window.addEventListener('touchstart', function(e) {
-      e.preventDefault();
-      for (var i = 0; i < 100; i++) {
-        this.add();
-      }
-    }.bind(this));
-  };
-  var app = new Build();
-  app.run();
-})();
-window.addEventListener('resize', function() {
-  canvas.width = w = window.innerWidth;
-  canvas.height = h = window.innerHeight;
-}, false);
-    </script>
-</body>
-</html>

src/main/webapp/static/big-screen/js/js.js

@@ -1,500 +1,363 @@
-$(function() {
-	echarts_1();
-	echarts_4();
-	echarts_32();
-	echarts_33();
-	roll(100);
-
-	function echarts_1() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('echart1'));
-		let data=[45, 23, 21, 23, 21, 36, 12, 17, 18, 11, 9, 33];
-		setInterval(() => {
-		     data=[45, 23, Math.ceil(Math.random()*10), 23, Math.ceil(Math.random()*20), 36, 12, Math.ceil(Math.random()*20), 18, 11, 9, 33];
-			 myChart.setOption({
-			     series: [
-			       {
-			         type: 'bar',
-			         data
-			       }
-			     ]
-			   });
-		}, 3000);
-		option = {
-			tooltip: {
-				trigger: 'axis',
-				axisPointer: {
-					type: "shadow"
-				}
-			},
-			toolbox: options().toolbox,
-			legend: {
-				data: ['月度发布制度'],
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				},
-				top: 0
-			},
-			grid: {
-				left: '1%',
-				top: '24%',
-				right: '0%',
-				bottom: '0',
-				containLabel: true
-			},
-			xAxis: [{
-				type: 'category',
-				data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-				axisLine: {
-					show: true,
-					lineStyle: {
-						color: "rgba(255,255,255,.1)",
-						width: 1,
-						type: "solid"
-					},
-				},
-				axisTick: {
-					show: false,
-				},
-				axisLabel: {
-					interval: 0,
-					show: true,
-					splitNumber: 15,
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: '13',
-					},
-				},
-			}],
-			yAxis: [{
-				type: 'value',
-				axisLabel: options().yAxis.axisLabel,
-				axisTick: {
-					show: true,
-				},
-				axisLine: options().yAxis.axisLine,
-				splitLine: {
-					lineStyle: {
-						color: "rgba(255,255,255,.1)",
-					}
-				}
-			}],
-			series: [{
-					name: '月度发布制度',
-					type: 'bar',
-					data: data,
-					barWidth: '35%', //柱子宽度
-					// barGap: 1, //柱子之间间距
-					markPoint: {
-						data: [{
-								type: 'max',
-								name: 'Max'
-							},
-							{
-								type: 'min',
-								name: 'Min',
-								itemStyle: {
-									color: '#F44336'
-								}
+//响应式布局
+$(window).load(function() {
+	$(".loading").fadeOut()
+})
+$(document).ready(function() {
+	var whei = $(window).width()
+	$("html").css({
+		fontSize: whei / 20
+	})
+	$(window).resize(function() {
+		var whei = $(window).width()
+		$("html").css({
+			fontSize: whei / 20
+		})
+	});
+});
+//试验次数
+function chart1(data) {
+	let myChart = echarts.init(document.getElementById('chart1'));
+	let option = {
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: {
+				type: "shadow"
+			}
+		},
+		grid: {
+			left: '5%',
+			top: '20%',
+			right: '5%',
+			bottom: '3%',
+			containLabel: true
+		},
+		color: ['#23abca'],
+		xAxis: [{
+			data: ['2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022'],
+			axisLine: options().yAxis.axisLine
+		}],
+		yAxis: options().yAxis,
+		series: [{
+				type: 'bar',
+				data: [1235, 2300, 1221, 3420, 2321, 1036, 2567, 1700],
+				barWidth: '35%', //柱子宽度
+				itemStyle: {
+					normal: {
+						opacity: 1,
+						barBorderRadius: [5, 5, 0, 0],
+						label: {
+							show: true,
+							position: 'top',
+							textStyle: {
+								color: 'rgba(255,255,255,.6)'
 							}
-						]
-					},
-					itemStyle: {
-						normal: {
-							color: '#2f89cf',
-							opacity: 1,
-							barBorderRadius: 5,
 						}
 					}
 				}
+			}
 
-			]
-		};
-
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-
-	function echarts_4() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('echart4'));
-		let data=[3, 4, 2, 3, 3, 4, 3, 6, 3, 4, 6, 3,5,7];
-		setInterval(() => {
-		     data=[3, 4, 2, Math.ceil(Math.random()*5), 3, 4, Math.ceil(Math.random()*5), 6, 2, Math.ceil(Math.random()*5), Math.ceil(Math.random()*5), 3,5,Math.ceil(Math.random()*5)];
-			 myChart.setOption({
-			     series: [
-			       {
-			         type: 'line',
-			         data
-			       }
-			     ]
-			   });
-		}, 3000);
-		option = {
-			tooltip: {
-				trigger: 'axis',
-				axisPointer: {
-					lineStyle: {
-						color: '#dddc6b'
+		]
+	};
+	myChart.setOption(option);
+	window.addEventListener("resize", function() {
+		myChart.resize();
+	});
+}
+//渠道占比
+function chart2(data) {
+	let myChart = echarts.init(document.getElementById('chart2'));
+	let option = {
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: {
+				type: "shadow"
+			}
+		},
+		series: [{
+				type: 'pie',
+				radius: ['40%', '70%'],
+				label: {
+					normal: {
+						show: true,
+						formatter: '{b}: {d}%',
+						fontSize: '14',
+						textStyle: {
+							color: 'rgba(255,255,255,.6)'
+						}
 					}
-				}
-			},
-			legend: {
-				top: '0%',
-				data: ['制度审批平均耗时'],
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				}
-			},
-			grid: {
-				left: '2%',
-				top: '40',
-				right: '6%',
-				bottom: '0',
-				containLabel: true
-			},
-			xAxis: [{
-				type: 'category',
-				boundaryGap: false,
-				axisLabel: {
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: 13,
-					},
 				},
-				axisLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.2)'
-					}
+				data: [{
+					value: 1048,
+					name: '已完成'
+				}, {
+					value: 735,
+					name: '未完成'
+				}]
+			}
 
-				},
-				data: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12','13', '14']
-			}, {
-				axisPointer: {
-					show: false
-				},
-				axisLine: {
-					show: false
-				},
-				position: 'bottom',
-				offset: 20,
-			}],
-			yAxis: [{
-				type: 'value',
-				axisTick: {
-					show: false
-				},
-				axisLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.1)'
-					}
-				},
-				axisLabel: {
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: 13,
-					},
-				},
-				splitLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.1)'
-					}
-				}
-			}],
-			series: [{
-					name: '制度审批平均耗时',
-					type: 'line',
-					smooth: true,
-					symbol: 'circle',
-					symbolSize: 5,
-					showSymbol: true,
-					lineStyle: {
-						normal: {
-							color: '#0184d5',
-							width: 3
-						}
-					},
-					markLine: {
-						data: [{
-							type: 'average',
-							name: 'Avg'
-						}]
-					},
-					areaStyle: {
-						normal: {
-							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-								offset: 0,
-								color: 'rgba(1, 132, 213, 0.4)'
-							}, {
-								offset: 0.8,
-								color: 'rgba(1, 132, 213, 0.1)'
-							}], false),
-							shadowColor: 'rgba(0, 0, 0, 0.1)',
-						}
-					},
-					itemStyle: {
-						normal: {
-							color: '#0184d5',
-							borderColor: 'rgba(221, 220, 107, .1)',
-							borderWidth: 12
+		]
+	};
+	myChart.setOption(option);
+	window.addEventListener("resize", function() {
+		myChart.resize();
+	});
+}
+//样机信息
+function chart3(data) {
+	let myChart = echarts.init(document.getElementById('chart3'));
+	data = [35, 23, 21, 23, 21, 36, 7, 17, 9];
+	let option = {
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: {
+				type: "shadow"
+			}
+		},
+		grid: {
+			left: '5%',
+			top: '20%',
+			right: '5%',
+			bottom: '3%',
+			containLabel: true
+		},
+		color: ['#23abca'],
+		xAxis: [{
+			data: ['2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022'],
+			axisLine: options().yAxis.axisLine
+		}],
+		yAxis: options().yAxis,
+		series: [{
+				type: 'bar',
+				data: [1235, 2300, 1221, 3420, 2321, 1036, 2567, 1700],
+				barWidth: '35%', //柱子宽度
+				itemStyle: {
+					normal: {
+						opacity: 1,
+						barBorderRadius: [5, 5, 0, 0],
+						label: {
+							show: true,
+							position: 'top',
+							textStyle: {
+								color: 'rgba(255,255,255,.6)'
+							}
 						}
-					},
-					data:data
-
+					}
 				}
+			}
 
-			]
-
-		};
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-
-	function echarts_32() {
-		var myChart = echarts.init(document.getElementById('fb2'));
-		option = {
-			title: [{
-				text: '制度按层级',
-				left: 'center',
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				}
-			}],
-			tooltip: {
-				trigger: 'item',
-				formatter: "{a} <br/>{b}: {c} ({d}%)",
-				position: function(p) { //其中p为当前鼠标的位置
-					return [p[0] + 10, p[1] - 10];
-				}
-			},
-			legend: {
-				top: '76%',
-				itemWidth: 10,
-				itemHeight: 10,
-				data: ['层级1', '层级2', '层级3', '层级4', '层级5', '层级6', '层级7', '层级8'],
-				textStyle: {
-					color: 'rgba(255,255,255,.6)',
-					fontSize: '13',
+		]
+	};
+	myChart.setOption(option);
+	window.addEventListener("resize", function() {
+		myChart.resize();
+	});
+}
+//样机改装信息
+function chart4(data) {
+	let myChart = echarts.init(document.getElementById('chart4'));
+	data = [35, 23, 21, 23, 21, 36, 7, 17, 9];
+	let option = {
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: {
+				type: "shadow"
+			}
+		},
+		grid: {
+			left: '5%',
+			top: '20%',
+			right: '5%',
+			bottom: '3%',
+			containLabel: true
+		},
+		color: ['#23abca'],
+		xAxis: [{
+			data: ['2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022'],
+			axisLine: options().yAxis.axisLine
+		}],
+		yAxis: options().yAxis,
+		series: [{
+				type: 'bar',
+				data: [1235, 2300, 1221, 3420, 2321, 1036, 2567, 1700],
+				barWidth: '35%', //柱子宽度
+				itemStyle: {
+					normal: {
+						opacity: 1,
+						barBorderRadius: [5, 5, 0, 0],
+						label: {
+							show: true,
+							position: 'top',
+							textStyle: {
+								color: 'rgba(255,255,255,.6)'
+							}
+						}
+					}
 				}
-			},
-			series: [{
-				name: '制度按层级',
-				type: 'pie',
-				center: ['50%', '42%'],
-				radius: ['40%', '60%'],
-				label: {
-					show: false
-				},
-				labelLine: {
-					show: false
-				},
-				data: [{
-						value: 3,
-						name: '层级1'
-					},
-					{
-						value: 1,
-						name: '层级2'
-					},
-					{
-						value: 8,
-						name: '层级3'
-					},
-					{
-						value: 2,
-						name: '层级4'
-					},
-					{
-						value: 1,
-						name: '层级5'
-					},
-					{
-						value: 2,
-						name: '层级6'
-					},
-					{
-						value: 1,
-						name: '层级7'
-					},
-					{
-						value: 1,
-						name: '层级8'
-					},
-				]
-			}]
-		};
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
+			}
 
-	function echarts_33() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('fb3'));
-		option = {
-			title: [{
-				text: '制度按层级',
-				left: 'center',
-				top: 0,
-				textStyle: {
-					color: '#fff',
-					fontSize: '15',
-					color: 'rgba(255,255,255,.8)',
+		]
+	};
+	myChart.setOption(option);
+	window.addEventListener("resize", function() {
+		myChart.resize();
+	});
+}
+//设备资产
+function chart5(data) {
+	let myChart = echarts.init(document.getElementById('chart5'));
+	data = [35, 23, 21, 23, 21, 36, 7, 17, 9];
+	let option = {
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: {
+				type: "shadow"
+			}
+		},
+		grid: {
+			left: '5%',
+			top: '20%',
+			right: '5%',
+			bottom: '3%',
+			containLabel: true
+		},
+		color: ['#23abca'],
+		xAxis: [{
+			data: ['2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022'],
+			axisLine: options().yAxis.axisLine
+		}],
+		yAxis: options().yAxis,
+		series: [{
+				type: 'bar',
+				data: [1235, 2300, 1221, 3420, 2321, 1036, 2567, 1700],
+				barWidth: '35%', //柱子宽度
+				itemStyle: {
+					normal: {
+						opacity: 1,
+						barBorderRadius: [5, 5, 0, 0],
+						label: {
+							show: true,
+							position: 'top',
+							textStyle: {
+								color: 'rgba(255,255,255,.6)'
+							}
+						}
+					}
 				}
+			}
 
-			}],
-			tooltip: {
-				trigger: 'item',
-				formatter: "{a} <br/>{b}: {c} ({d}%)",
-				position: function(p) { //其中p为当前鼠标的位置
-					return [p[0] + 10, p[1] - 10];
-				}
-			},
-			legend: {
-				top: '76%',
-				itemWidth: 10,
-				itemHeight: 10,
-				data: ['层级1', '层级2', '层级3', '层级4', '层级5', '层级6'],
-				textStyle: {
-					color: 'rgba(255,255,255,.6)',
-					fontSize: '12',
+		]
+	};
+	myChart.setOption(option);
+	window.addEventListener("resize", function() {
+		myChart.resize();
+	});
+}
+//能源管理
+function chart6(data) {
+	let myChart = echarts.init(document.getElementById('chart6'));
+	data = [35, 23, 21, 23, 21, 36, 7, 17, 9];
+	let option = {
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: {
+				type: "shadow"
+			}
+		},
+		grid: {
+			left: '5%',
+			top: '20%',
+			right: '5%',
+			bottom: '3%',
+			containLabel: true
+		},
+		color: ['#23abca'],
+		xAxis: [{
+			data: ['2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022'],
+			axisLine: options().yAxis.axisLine
+		}],
+		yAxis: options().yAxis,
+		series: [{
+				type: 'bar',
+				data: [1235, 2300, 1221, 3420, 2321, 1036, 2567, 1700],
+				barWidth: '35%', //柱子宽度
+				itemStyle: {
+					normal: {
+						opacity: 1,
+						barBorderRadius: [5, 5, 0, 0],
+						label: {
+							show: true,
+							position: 'top',
+							textStyle: {
+								color: 'rgba(255,255,255,.6)'
+							}
+						}
+					}
 				}
-			},
-			series: [{
-				name: '兴趣分布',
-				type: 'pie',
-				center: ['50%', '42%'],
-				radius: ['40%', '60%'],
-				color: ['#065aab', '#066eab', '#0682ab', '#0696ab', '#06a0ab', '#06b4ab',
-					'#06c8ab',
-					'#06dcab', '#06f0ab'
-				],
-				label: {
-					show: false
-				},
-				labelLine: {
-					show: false
-				},
-				data: [{
-						value: 5,
-						name: '层级1'
-					},
-					{
-						value: 1,
-						name: '层级2'
-					},
-					{
-						value: 6,
-						name: '层级3'
-					},
-					{
-						value: 2,
-						name: '层级4'
-					},
-					{
-						value: 1,
-						name: '层级5'
-					},
-					{
-						value: 1,
-						name: '层级6'
-					},
-				]
-			}]
-		};
+			}
 
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
+		]
+	};
+	myChart.setOption(option);
+	window.addEventListener("resize", function() {
+		myChart.resize();
+	});
+}
+//向上滚动
+function roll(t) {
+	//滚动排行1
+	let ul1 = document.getElementById("comment1");
+	let ul2 = document.getElementById("comment2");
+	let ulbox = document.getElementById("marquee-view");
+	ul2.innerHTML = ul1.innerHTML;
+	ulbox.scrollTop = 0; // 开始无滚动时设为0
+	let timer = setInterval(rollStart, t, 1); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
+	// 鼠标移入div时暂停滚动
+	ulbox.onmouseover = function() {
+		clearInterval(timer);
 	}
-	//向上滚动
-	function roll(t) {
-		var ul1 = document.getElementById("comment1");
-		var ul2 = document.getElementById("comment2");
-		var ulbox = document.getElementById("marquee-view");
-		ul2.innerHTML = ul1.innerHTML;
-		ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		ulbox.onmouseover = function() {
-			clearInterval(timer);
-		}
-		// 鼠标移出div后继续滚动
-		ulbox.onmouseout = function() {
-			timer = setInterval(rollStart, t);
-		}
-		var a2_ul1 = document.getElementById("a2_comment1");
-		var a2_ul2 = document.getElementById("a2_comment2");
-		var a2_ulbox = document.getElementById("a2_marquee-view");
-		a2_ul2.innerHTML = a2_ul1.innerHTML;
-		a2_ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer2 = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		a2_ulbox.onmouseover = function() {
-			clearInterval(timer2);
-		}
-		// 鼠标移出div后继续滚动
-		a2_ulbox.onmouseout = function() {
-			timer2 = setInterval(rollStart, t);
-		}
-		var a3_ul1 = document.getElementById("a3_comment1");
-		var a3_ul2 = document.getElementById("a3_comment2");
-		var a3_ulbox = document.getElementById("a3_marquee-view");
-		a3_ul2.innerHTML = a3_ul1.innerHTML;
-		a3_ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer3 = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		a3_ulbox.onmouseover = function() {
-			clearInterval(timer3);
-		}
-		// 鼠标移出div后继续滚动
-		a3_ulbox.onmouseout = function() {
-			timer3 = setInterval(rollStart, t);
-		}
+	// 鼠标移出div后继续滚动
+	ulbox.onmouseout = function() {
+		timer = setInterval(rollStart, t, 1);
+	}
+	//滚动排行2
+	var a2_ul1 = document.getElementById("a2_comment1");
+	var a2_ul2 = document.getElementById("a2_comment2");
+	var a2_ulbox = document.getElementById("a2_marquee-view");
+	a2_ul2.innerHTML = a2_ul1.innerHTML;
+	a2_ulbox.scrollTop = 0; // 开始无滚动时设为0
+	var timer2 = setInterval(rollStart, t, 2); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
+	// 鼠标移入div时暂停滚动
+	a2_ulbox.onmouseover = function() {
+		clearInterval(timer2);
+	}
+	// 鼠标移出div后继续滚动
+	a2_ulbox.onmouseout = function() {
+		timer2 = setInterval(rollStart, t, 2);
 	}
-	// 开始滚动函数
-	function rollStart() {
+}
+// 开始滚动函数
+function rollStart(index) {
+	if (index == 1) {
 		// 上面声明的DOM对象为局部对象需要再次声明
-		var ul1 = document.getElementById("comment1");
-		var ul2 = document.getElementById("comment2");
-		var ulbox = document.getElementById("marquee-view");
+		let ul1 = document.getElementById("comment1");
+		let ul2 = document.getElementById("comment2");
+		let ulbox = document.getElementById("marquee-view");
 		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
 		if (ulbox.scrollTop >= ul1.scrollHeight) {
 			ulbox.scrollTop = 0;
 		} else {
 			ulbox.scrollTop++;
 		}
-		var a2_ul1 = document.getElementById("a2_comment1");
-		var a2_ul2 = document.getElementById("a2_comment2");
-		var a2_ulbox = document.getElementById("a2_marquee-view");
+	}
+	if (index == 2) {
+		let a2_ul1 = document.getElementById("a2_comment1");
+		let a2_ul2 = document.getElementById("a2_comment2");
+		let a2_ulbox = document.getElementById("a2_marquee-view");
 		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
 		if (a2_ulbox.scrollTop >= a2_ul1.scrollHeight) {
 			a2_ulbox.scrollTop = 0;
 		} else {
 			a2_ulbox.scrollTop++;
 		}
-		var a3_ul1 = document.getElementById("a3_comment1");
-		var a3_ul2 = document.getElementById("a3_comment2");
-		var a3_ulbox = document.getElementById("a3_marquee-view");
-		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
-		if (a3_ulbox.scrollTop >= a3_ul1.scrollHeight) {
-			a3_ulbox.scrollTop = 0;
-		} else {
-			a3_ulbox.scrollTop++;
-		}
 	}
-
-})
+}

src/main/webapp/static/big-screen/js/js2.js

@@ -1,500 +0,0 @@
-$(function() {
-	echarts_1();
-	echarts_4();
-	echarts_32();
-	echarts_33();
-	roll(100);
-
-	function echarts_1() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('echart1'));
-		let data=[45, 23, 21, 23, 21, 36, 12, 17, 18, 11, 9, 33];
-		setInterval(() => {
-		     data=[45, 23, Math.ceil(Math.random()*10), 23, Math.ceil(Math.random()*20), 36, 12, Math.ceil(Math.random()*20), 18, 11, 9, 33];
-			 myChart.setOption({
-			     series: [
-			       {
-			         type: 'bar',
-			         data
-			       }
-			     ]
-			   });
-		}, 3000);
-		option = {
-			tooltip: {
-				trigger: 'axis',
-				axisPointer: {
-					type: "shadow"
-				}
-			},
-			toolbox: options().toolbox,
-			legend: {
-				data: ['月度发布制度'],
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				},
-				top: 0
-			},
-			grid: {
-				left: '2%',
-				top: '24%',
-				right: '2%',
-				bottom: '0',
-				containLabel: true
-			},
-			xAxis: [{
-				type: 'category',
-				data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-				axisLine: {
-					show: true,
-					lineStyle: {
-						color: "rgba(255,255,255,.1)",
-						width: 1,
-						type: "solid"
-					},
-				},
-				axisTick: {
-					show: false,
-				},
-				axisLabel: {
-					interval: 0,
-					show: true,
-					splitNumber: 15,
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: '13',
-					},
-				},
-			}],
-			yAxis: [{
-				type: 'value',
-				axisLabel: options().yAxis.axisLabel,
-				axisTick: {
-					show: true,
-				},
-				axisLine: options().yAxis.axisLine,
-				splitLine: {
-					lineStyle: {
-						color: "rgba(255,255,255,.1)",
-					}
-				}
-			}],
-			series: [{
-					name: '月度发布制度',
-					type: 'bar',
-					data: data,
-					barWidth: '35%', //柱子宽度
-					// barGap: 1, //柱子之间间距
-					markPoint: {
-						data: [{
-								type: 'max',
-								name: 'Max'
-							},
-							{
-								type: 'min',
-								name: 'Min',
-								itemStyle: {
-									color: '#F44336'
-								}
-							}
-						]
-					},
-					itemStyle: {
-						normal: {
-							color: '#2f89cf',
-							opacity: 1,
-							barBorderRadius: 5,
-						}
-					}
-				}
-
-			]
-		};
-
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-
-	function echarts_4() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('echart4'));
-		let data=[3, 4, 2, 3, 3, 4, 3, 6, 3, 4, 6, 3,5,7];
-		setInterval(() => {
-		     data=[3, 4, 2, Math.ceil(Math.random()*5), 3, 4, Math.ceil(Math.random()*5), 6, 2, Math.ceil(Math.random()*5), Math.ceil(Math.random()*5), 3,5,Math.ceil(Math.random()*5)];
-			 myChart.setOption({
-			     series: [
-			       {
-			         type: 'line',
-			         data
-			       }
-			     ]
-			   });
-		}, 3000);
-		option = {
-			tooltip: {
-				trigger: 'axis',
-				axisPointer: {
-					lineStyle: {
-						color: '#dddc6b'
-					}
-				}
-			},
-			legend: {
-				top: '0%',
-				data: ['制度审批平均耗时'],
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				}
-			},
-			grid: {
-				left: '2%',
-				top: '21%',
-				right: '2%',
-				bottom: '0',
-				containLabel: true
-			},
-			xAxis: [{
-				type: 'category',
-				boundaryGap: false,
-				axisLabel: {
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: 13,
-					},
-				},
-				axisLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.2)'
-					}
-
-				},
-				data: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12','13', '14']
-			}, {
-				axisPointer: {
-					show: false
-				},
-				axisLine: {
-					show: false
-				},
-				position: 'bottom',
-				offset: 20,
-			}],
-			yAxis: [{
-				type: 'value',
-				axisTick: {
-					show: false
-				},
-				axisLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.1)'
-					}
-				},
-				axisLabel: {
-					textStyle: {
-						color: "rgba(255,255,255,.6)",
-						fontSize: 13,
-					},
-				},
-				splitLine: {
-					lineStyle: {
-						color: 'rgba(255,255,255,.1)'
-					}
-				}
-			}],
-			series: [{
-					name: '制度审批平均耗时',
-					type: 'line',
-					smooth: true,
-					symbol: 'circle',
-					symbolSize: 5,
-					showSymbol: true,
-					lineStyle: {
-						normal: {
-							color: '#0184d5',
-							width: 3
-						}
-					},
-					markLine: {
-						data: [{
-							type: 'average',
-							name: 'Avg'
-						}]
-					},
-					areaStyle: {
-						normal: {
-							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-								offset: 0,
-								color: 'rgba(1, 132, 213, 0.4)'
-							}, {
-								offset: 0.8,
-								color: 'rgba(1, 132, 213, 0.1)'
-							}], false),
-							shadowColor: 'rgba(0, 0, 0, 0.1)',
-						}
-					},
-					itemStyle: {
-						normal: {
-							color: '#0184d5',
-							borderColor: 'rgba(221, 220, 107, .1)',
-							borderWidth: 12
-						}
-					},
-					data:data
-
-				}
-
-			]
-
-		};
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-
-	function echarts_32() {
-		var myChart = echarts.init(document.getElementById('fb2'));
-		option = {
-			title: [{
-				text: '制度按层级',
-				left: 'center',
-				textStyle: {
-					color: 'rgba(255,255,255,.8)',
-					fontSize: '15',
-				}
-			}],
-			tooltip: {
-				trigger: 'item',
-				formatter: "{a} <br/>{b}: {c} ({d}%)",
-				position: function(p) { //其中p为当前鼠标的位置
-					return [p[0] + 10, p[1] - 10];
-				}
-			},
-			legend: {
-				top: '76%',
-				itemWidth: 10,
-				itemHeight: 10,
-				data: ['层级1', '层级2', '层级3', '层级4', '层级5', '层级6', '层级7', '层级8'],
-				textStyle: {
-					color: 'rgba(255,255,255,.6)',
-					fontSize: '13',
-				}
-			},
-			series: [{
-				name: '制度按层级',
-				type: 'pie',
-				center: ['50%', '42%'],
-				radius: ['40%', '60%'],
-				label: {
-					show: false
-				},
-				labelLine: {
-					show: false
-				},
-				data: [{
-						value: 3,
-						name: '层级1'
-					},
-					{
-						value: 1,
-						name: '层级2'
-					},
-					{
-						value: 8,
-						name: '层级3'
-					},
-					{
-						value: 2,
-						name: '层级4'
-					},
-					{
-						value: 1,
-						name: '层级5'
-					},
-					{
-						value: 2,
-						name: '层级6'
-					},
-					{
-						value: 1,
-						name: '层级7'
-					},
-					{
-						value: 1,
-						name: '层级8'
-					},
-				]
-			}]
-		};
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-
-	function echarts_33() {
-		// 基于准备好的dom，初始化echarts实例
-		var myChart = echarts.init(document.getElementById('fb3'));
-		option = {
-			title: [{
-				text: '制度按层级',
-				left: 'center',
-				top: 0,
-				textStyle: {
-					color: '#fff',
-					fontSize: '15',
-					color: 'rgba(255,255,255,.8)',
-				}
-
-			}],
-			tooltip: {
-				trigger: 'item',
-				formatter: "{a} <br/>{b}: {c} ({d}%)",
-				position: function(p) { //其中p为当前鼠标的位置
-					return [p[0] + 10, p[1] - 10];
-				}
-			},
-			legend: {
-				top: '76%',
-				itemWidth: 10,
-				itemHeight: 10,
-				data: ['层级1', '层级2', '层级3', '层级4', '层级5', '层级6'],
-				textStyle: {
-					color: 'rgba(255,255,255,.6)',
-					fontSize: '12',
-				}
-			},
-			series: [{
-				name: '兴趣分布',
-				type: 'pie',
-				center: ['50%', '42%'],
-				radius: ['40%', '60%'],
-				color: ['#065aab', '#066eab', '#0682ab', '#0696ab', '#06a0ab', '#06b4ab',
-					'#06c8ab',
-					'#06dcab', '#06f0ab'
-				],
-				label: {
-					show: false
-				},
-				labelLine: {
-					show: false
-				},
-				data: [{
-						value: 5,
-						name: '层级1'
-					},
-					{
-						value: 1,
-						name: '层级2'
-					},
-					{
-						value: 6,
-						name: '层级3'
-					},
-					{
-						value: 2,
-						name: '层级4'
-					},
-					{
-						value: 1,
-						name: '层级5'
-					},
-					{
-						value: 1,
-						name: '层级6'
-					},
-				]
-			}]
-		};
-
-		// 使用刚指定的配置项和数据显示图表。
-		myChart.setOption(option);
-		window.addEventListener("resize", function() {
-			myChart.resize();
-		});
-	}
-	//向上滚动
-	function roll(t) {
-		var ul1 = document.getElementById("comment1");
-		var ul2 = document.getElementById("comment2");
-		var ulbox = document.getElementById("marquee-view");
-		ul2.innerHTML = ul1.innerHTML;
-		ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		ulbox.onmouseover = function() {
-			clearInterval(timer);
-		}
-		// 鼠标移出div后继续滚动
-		ulbox.onmouseout = function() {
-			timer = setInterval(rollStart, t);
-		}
-		var a2_ul1 = document.getElementById("a2_comment1");
-		var a2_ul2 = document.getElementById("a2_comment2");
-		var a2_ulbox = document.getElementById("a2_marquee-view");
-		a2_ul2.innerHTML = a2_ul1.innerHTML;
-		a2_ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer2 = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		a2_ulbox.onmouseover = function() {
-			clearInterval(timer2);
-		}
-		// 鼠标移出div后继续滚动
-		a2_ulbox.onmouseout = function() {
-			timer2 = setInterval(rollStart, t);
-		}
-		var a3_ul1 = document.getElementById("a3_comment1");
-		var a3_ul2 = document.getElementById("a3_comment2");
-		var a3_ulbox = document.getElementById("a3_marquee-view");
-		a3_ul2.innerHTML = a3_ul1.innerHTML;
-		a3_ulbox.scrollTop = 0; // 开始无滚动时设为0
-		var timer3 = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快
-		// 鼠标移入div时暂停滚动
-		a3_ulbox.onmouseover = function() {
-			clearInterval(timer3);
-		}
-		// 鼠标移出div后继续滚动
-		a3_ulbox.onmouseout = function() {
-			timer3 = setInterval(rollStart, t);
-		}
-	}
-	// 开始滚动函数
-	function rollStart() {
-		// 上面声明的DOM对象为局部对象需要再次声明
-		var ul1 = document.getElementById("comment1");
-		var ul2 = document.getElementById("comment2");
-		var ulbox = document.getElementById("marquee-view");
-		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
-		if (ulbox.scrollTop >= ul1.scrollHeight) {
-			ulbox.scrollTop = 0;
-		} else {
-			ulbox.scrollTop++;
-		}
-		var a2_ul1 = document.getElementById("a2_comment1");
-		var a2_ul2 = document.getElementById("a2_comment2");
-		var a2_ulbox = document.getElementById("a2_marquee-view");
-		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
-		if (a2_ulbox.scrollTop >= a2_ul1.scrollHeight) {
-			a2_ulbox.scrollTop = 0;
-		} else {
-			a2_ulbox.scrollTop++;
-		}
-		var a3_ul1 = document.getElementById("a3_comment1");
-		var a3_ul2 = document.getElementById("a3_comment2");
-		var a3_ulbox = document.getElementById("a3_marquee-view");
-		// 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
-		if (a3_ulbox.scrollTop >= a3_ul1.scrollHeight) {
-			a3_ulbox.scrollTop = 0;
-		} else {
-			a3_ulbox.scrollTop++;
-		}
-	}
-
-})

src/main/webapp/static/js/common.js

@@ -79,3 +79,72 @@ function sendAjax(url, param, callback) {
         }
     });
 }
+var options = function() {
+    return {
+        toolbox: {
+            show: true,
+            iconStyle: {
+                borderColor: "rgba(255,255,255,.8)",
+            },
+            feature: {
+                magicType: {
+                    type: ['line', 'bar']
+                },
+            }
+        },
+        yAxis: {
+            nameTextStyle: {
+                color: "rgba(255,255,255,.6)",
+            },
+            splitLine: {
+                show: false
+            },
+            axisLine: { //坐标轴线
+                show: true,
+                lineStyle: {
+                    color: "rgba(255,255,255,.6)",
+                    width: 2,
+                    type: "solid"
+                },
+            },
+            splitNumber: 3,
+            axisLabel: {
+                //formatter: '{value} %',
+                show: true,
+                textStyle: {
+                    color: "rgba(255,255,255,.6)",
+                    fontSize: '13',
+                },
+            }
+        },
+        lineStyle: {
+            normal: {
+                color: '#23abca',
+                width: 2
+            }
+        },
+        symbolSize: 5,
+        areaStyle: {
+            normal: {
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                    offset: 0,
+                    color: '#23abcabd'
+                }, {
+                    offset: 0.8,
+                    color: 'rgba(0, 216, 135, 0.1)'
+                }], false),
+                shadowColor: 'rgba(0, 0, 0, 0.1)',
+            }
+        },
+        itemStyle: {
+            normal: {
+                color: 'white',
+                borderColor: 'rgba(221, 220, 107, .1)',
+                borderWidth: 12,
+                lineStyle: {
+                    width: 5
+                }
+            }
+        }
+    }
+}