首页大屏增加抓拍跟踪

czt

5 小时以前 37c0d64a996ad6f42e8f85a643672bcb0f78c0d8

首页大屏增加抓拍跟踪

 fzzy-igdss-core/src/main/java/com/fzzy/igds/domain/GatewaySer.java

@@ -53,9 +53,13 @@
    @TableField("ip")
    private String ip;

    @Column(name = "port", columnDefinition = "int(5) COMMENT '网关端口'")
    @TableField("port")
    private Integer port;
    @Column(name = "api_port", columnDefinition = "int(5) COMMENT 'API端口'")
    @TableField("api_port")
    private Integer apiPort;

    @Column(name = "web_rtc_port", columnDefinition = "int(5) COMMENT 'WebRtc端口'")
    @TableField("web_rtc_port")
    private Integer webRtcPort;

    @Column(name = "snap_url", columnDefinition = "varchar(20) COMMENT '抓拍路径'")
    @TableField("snap_url")
@@ -65,6 +69,10 @@
    @TableField("ptz_url")
    private String ptzUrl;

    @Column(name = "play_url", columnDefinition = "varchar(20) COMMENT '播放路径'")
    @TableField("play_url")
    private String playUrl;

    @Column(name = "order_num", columnDefinition = "int(5) COMMENT '顺序号'")
    @TableField("order_num")
    private Integer orderNum = 1;

 fzzy-igdss-view/src/main/java/com/fzzy/igds/GatewaySer.view.xml

@@ -118,8 +118,12 @@
          <Property name="property">ip</Property>
          <Property name="align">center</Property>
        </DataColumn>
        <DataColumn name="port">
          <Property name="property">port</Property>
        <DataColumn name="apiPort">
          <Property name="property">apiPort</Property>
          <Property name="align">center</Property>
        </DataColumn>
        <DataColumn name="webRtcPort">
          <Property name="property">webRtcPort</Property>
          <Property name="align">center</Property>
        </DataColumn>
        <DataColumn name="status">
@@ -143,7 +147,7 @@
    <Dialog id="dialog1" layout="regionPadding:8">
      <ClientEvent name="onHide">onDialogHide();</ClientEvent>
      <Property name="iconClass">fa fa-tasks</Property>
      <Property name="width">1200</Property>
      <Property name="width">70%</Property>
      <Property name="caption">网关信息</Property>
      <Property name="closeable">false</Property>
      <Buttons>
@@ -159,7 +163,7 @@
          <Property name="caption">保存</Property>
          <Property name="iconClass">fa fa-check-circle</Property>
          <Property name="exClassName">btn1</Property>
          <Property name="width">120</Property>
          <Property name="width">110</Property>
        </Button>
        <Button>
          <ClientEvent name="onClick">btnCancel();</ClientEvent>
@@ -176,10 +180,10 @@
          <Children>
            <AutoForm>
              <Property name="dataSet">dsGatewaySer</Property>
              <Property name="cols">*,*,*</Property>
              <Property name="cols">*,*,400</Property>
              <Property name="labelSeparator">：</Property>
              <Property name="labelAlign">right</Property>
              <Property name="labelWidth">100</Property>
              <Property name="labelWidth">120</Property>
              <AutoFormElement>
                <Property name="name">id</Property>
                <Property name="property">id</Property>
@@ -196,18 +200,28 @@
                <Editor/>
              </AutoFormElement>
              <AutoFormElement>
                <Property name="name">sn</Property>
                <Property name="property">sn</Property>
                <Editor/>
              </AutoFormElement>
              <AutoFormElement>
                <Property name="name">ip</Property>
                <Property name="property">ip</Property>
                <Editor/>
              </AutoFormElement>
              <AutoFormElement>
                <Property name="name">port</Property>
                <Property name="property">port</Property>
                <Property name="name">apiPort</Property>
                <Property name="property">apiPort</Property>
                <Editor/>
              </AutoFormElement>
              <AutoFormElement>
                <Property name="name">webRtcPort</Property>
                <Property name="property">webRtcPort</Property>
                <Editor/>
              </AutoFormElement>
              <AutoFormElement layoutConstraint="colSpan:2">
                <Property name="name">playUrl</Property>
                <Property name="property">playUrl</Property>
                <Editor/>
              </AutoFormElement>
              <AutoFormElement>
                <Property name="name">sn</Property>
                <Property name="property">sn</Property>
                <Editor/>
              </AutoFormElement>
              <AutoFormElement layoutConstraint="colSpan:2">

 fzzy-igdss-view/src/main/java/models/core.model.xml

@@ -1407,9 +1407,14 @@
      <Property name="label">网关IP</Property>
      <Property name="required">true</Property>
    </PropertyDef>
    <PropertyDef name="port">
    <PropertyDef name="apiPort">
      <Property name="dataType">Integer</Property>
      <Property name="label">网关端口</Property>
      <Property name="label">API端口</Property>
      <Property name="required">true</Property>
    </PropertyDef>
    <PropertyDef name="webRtcPort">
      <Property name="dataType">Integer</Property>
      <Property name="label">WebRtc端口</Property>
      <Property name="required">true</Property>
    </PropertyDef>
    <PropertyDef name="status">
@@ -1433,6 +1438,10 @@
      <Property></Property>
      <Property name="label">云台路径</Property>
    </PropertyDef>
    <PropertyDef name="playUrl">
      <Property></Property>
      <Property name="label">播放路径</Property>
    </PropertyDef>
    <PropertyDef name="remark">
      <Property></Property>
      <Property name="label">备注</Property>

 fzzy-igdss-web/src/main/resources/static/group/index.js

@@ -51,6 +51,9 @@
    // ajaxFoodNum();
    // è¯·æ±‚获取库区动态信息
    // ajaxMsg();
    // æ»šåŠ¨
    jQuery(".block2").slide({ mainCell: ".bd ul", autoPage: true, effect: "topLoop", autoPlay: true, vis: 4 });
    jQuery(".follow").slide({ mainCell: ".bd ul", autoPlay: true, effect: "leftMarquee", vis: 5, interTime: 50 });
}

// socket信息返回處理
@@ -804,58 +807,58 @@
        [1000, 1200, 1500, 1300, 1100, 1600]
    );

    /* å“ç§ - ç²®é£Ÿ */
    pieChartLoad(
        [
            {value: 0, name: '稻谷'},
            {value: 0, name: '玉米'},
            {value: 0, name: '小麦'}
        ],
        'pieVarietyChart'
    );
    /* æ€§è´¨ - ç²®é£Ÿ */
    pieChartLoad(
        [
            {value: 0, name: '省级储备'},
            {value: 0, name: '市级储备'},
            {value: 0, name: '县级储备'}
        ],
        'pieTypeChart'
    );
    /* ç­‰çº§ - ç²®é£Ÿ */
    pieChartLoad(
        [
            {value: 0, name: '一等'},
            {value: 0, name: '二等'},
            {value: 0, name: '三等'},
            {value: 0, name: '四等'},
            {value: 0, name: '五等'},
            {value: 0, name: '等外'}
        ],
        'pieLevelChart'
    );
    /* å¹´ä»½ - ç²®é£Ÿ */
    pieChartLoad(
        [
            {value: 0, name: '2019'},
            {value: 0, name: '2020'},
            {value: 0, name: '2021'},
            {value: 0, name: '2022'},
            {value: 0, name: '2023'}

        ],
        'pieYearChart'
    );
    /* åœ°åŸŸ - ç²®é£Ÿ */
    pieChartLoad(
        [
            {value: 0, name: '2019'},
            {value: 0, name: '2020'},
            {value: 0, name: '2021'},
            {value: 0, name: '2022'},
            {value: 0, name: '2023'}
        ], 'pieAreaChart'
    );
    // /* å“ç§ - ç²®é£Ÿ */
    // pieChartLoad(
    //     [
    //         {value: 0, name: '稻谷'},
    //         {value: 0, name: '玉米'},
    //         {value: 0, name: '小麦'}
    //     ],
    //     'pieVarietyChart'
    // );
    // /* æ€§è´¨ - ç²®é£Ÿ */
    // pieChartLoad(
    //     [
    //         {value: 0, name: '省级储备'},
    //         {value: 0, name: '市级储备'},
    //         {value: 0, name: '县级储备'}
    //     ],
    //     'pieTypeChart'
    // );
    // /* ç­‰çº§ - ç²®é£Ÿ */
    // pieChartLoad(
    //     [
    //         {value: 0, name: '一等'},
    //         {value: 0, name: '二等'},
    //         {value: 0, name: '三等'},
    //         {value: 0, name: '四等'},
    //         {value: 0, name: '五等'},
    //         {value: 0, name: '等外'}
    //     ],
    //     'pieLevelChart'
    // );
    // /* å¹´ä»½ - ç²®é£Ÿ */
    // pieChartLoad(
    //     [
    //         {value: 0, name: '2019'},
    //         {value: 0, name: '2020'},
    //         {value: 0, name: '2021'},
    //         {value: 0, name: '2022'},
    //         {value: 0, name: '2023'}
    //
    //     ],
    //     'pieYearChart'
    // );
    // /* åœ°åŸŸ - ç²®é£Ÿ */
    // pieChartLoad(
    //     [
    //         {value: 0, name: '2019'},
    //         {value: 0, name: '2020'},
    //         {value: 0, name: '2021'},
    //         {value: 0, name: '2022'},
    //         {value: 0, name: '2023'}
    //     ], 'pieAreaChart'
    // );
}

/**

 fzzy-igdss-web/src/main/resources/static/img/web/group/pic1.jpg

 fzzy-igdss-web/src/main/resources/static/img/web/group/pic2.jpg

 fzzy-igdss-web/src/main/resources/static/img/web/group/pic3.jpg

 fzzy-igdss-web/src/main/resources/static/img/web/group/pic4.jpg

 fzzy-igdss-web/src/main/resources/static/js/jquery.SuperSlide.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,14 @@
/*!
 * SuperSlide v2.1.3
 * è½»æ¾è§£å†³ç½‘站大部分特效展示问题
 * è¯¦å°½ä¿¡æ¯è¯·çœ‹å®˜ç½‘：http://www.SuperSlide2.com/
 *
 * Copyright 2011-至今, å¤§è¯ä¸»å¸­
 *
 * è¯·å°Šé‡åŽŸåˆ›ï¼Œä¿ç•™å¤´éƒ¨ç‰ˆæƒ
 * åœ¨ä¿ç•™ç‰ˆæƒçš„前提下可应用于个人或商业用途

 * v2.1.3：处理Jquery已经弃用的API，兼容最新版本的Jquery，目前是jquery3.3.1，日后如果发现插件不兼容新版本的jquery，请联系我 305491515@qq.com

 */
!function(a){a.fn.slide=function(b){return a.fn.slide.defaults={type:"slide",effect:"fade",autoPlay:!1,delayTime:500,interTime:2500,triggerTime:150,defaultIndex:0,titCell:".hd li",mainCell:".bd",targetCell:null,trigger:"mouseover",scroll:1,vis:1,titOnClassName:"on",autoPage:!1,prevCell:".prev",nextCell:".next",pageStateCell:".pageState",opp:!1,pnLoop:!0,easing:"swing",startFun:null,endFun:null,switchLoad:null,playStateCell:".playState",mouseOverStop:!0,defaultPlay:!0,returnDefault:!1},this.each(function(){var t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,$,_,ab,bb,cb,db,eb,fb,gb,hb,ib,jb,kb,lb,mb,nb,c=a.extend({},a.fn.slide.defaults,b),d=a(this),e=c.effect,f=a(c.prevCell,d),g=a(c.nextCell,d),h=a(c.pageStateCell,d),i=a(c.playStateCell,d),j=a(c.titCell,d),k=j.length,l=a(c.mainCell,d),m=l.children().length,n=c.switchLoad,o=a(c.targetCell,d),p=parseInt(c.defaultIndex),q=parseInt(c.delayTime),r=parseInt(c.interTime);if(parseInt(c.triggerTime),t=parseInt(c.scroll),u="false"==c.autoPlay||0==c.autoPlay?!1:!0,v="false"==c.opp||0==c.opp?!1:!0,w="false"==c.autoPage||0==c.autoPage?!1:!0,x="false"==c.pnLoop||0==c.pnLoop?!1:!0,y="false"==c.mouseOverStop||0==c.mouseOverStop?!1:!0,z="false"==c.defaultPlay||0==c.defaultPlay?!1:!0,A="false"==c.returnDefault||0==c.returnDefault?!1:!0,B=isNaN(c.vis)?1:parseInt(c.vis),C=!-[1]&&!window.XMLHttpRequest,D=0,E=0,F=0,G=0,H=c.easing,I=null,J=null,K=null,L=c.titOnClassName,M=j.index(d.find("."+L)),N=p=-1==M?p:M,O=p,P=p,Q=m>=B?0!=m%t?m%t:t:0,S="leftMarquee"==e||"topMarquee"==e?!0:!1,T=function(){a.isFunction(c.startFun)&&c.startFun(p,k,d,a(c.titCell,d),l,o,f,g)},U=function(){a.isFunction(c.endFun)&&c.endFun(p,k,d,a(c.titCell,d),l,o,f,g)},V=function(){j.removeClass(L),z&&j.eq(O).addClass(L)},"menu"==c.type)return z&&j.removeClass(L).eq(p).addClass(L),j.hover(function(){R=a(this).find(c.targetCell);var b=j.index(a(this));J=setTimeout(function(){switch(p=b,j.removeClass(L).eq(p).addClass(L),T(),e){case"fade":R.stop(!0,!0).animate({opacity:"show"},q,H,U);break;case"slideDown":R.stop(!0,!0).animate({height:"show"},q,H,U)}},c.triggerTime)},function(){switch(clearTimeout(J),e){case"fade":R.animate({opacity:"hide"},q,H);break;case"slideDown":R.animate({height:"hide"},q,H)}}),A&&d.hover(function(){clearTimeout(K)},function(){K=setTimeout(V,q)}),void 0;if(0==k&&(k=m),S&&(k=2),w){if(m>=B?"leftLoop"==e||"topLoop"==e?k=0!=m%t?(0^m/t)+1:m/t:(W=m-B,k=1+parseInt(0!=W%t?W/t+1:W/t),0>=k&&(k=1)):k=1,j.html(""),X="",1==c.autoPage||"true"==c.autoPage)for(Y=0;k>Y;Y++)X+="<li>"+(Y+1)+"</li>";else for(Y=0;k>Y;Y++)X+=c.autoPage.replace("$",Y+1);j.html(X),j=j.children()}if(m>=B)switch(l.children().each(function(){a(this).width()>F&&(F=a(this).width(),E=a(this).outerWidth(!0)),a(this).height()>G&&(G=a(this).height(),D=a(this).outerHeight(!0))}),Z=l.children(),$=function(){var a;for(a=0;B>a;a++)Z.eq(a).clone().addClass("clone").appendTo(l);for(a=0;Q>a;a++)Z.eq(m-a-1).clone().addClass("clone").prependTo(l)},e){case"fold":l.css({position:"relative",width:E,height:D}).children().css({position:"absolute",width:F,left:0,top:0,display:"none"});break;case"top":l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+B*D+'px"></div>').css({top:-(p*t)*D,position:"relative",padding:"0",margin:"0"}).children().css({height:G});break;case"left":l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+B*E+'px"></div>').css({width:m*E,left:-(p*t)*E,position:"relative",overflow:"hidden",padding:"0",margin:"0"}).children().css({"float":"left",width:F});break;case"leftLoop":case"leftMarquee":$(),l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+B*E+'px"></div>').css({width:(m+B+Q)*E,position:"relative",overflow:"hidden",padding:"0",margin:"0",left:-(Q+p*t)*E}).children().css({"float":"left",width:F});break;case"topLoop":case"topMarquee":$(),l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+B*D+'px"></div>').css({height:(m+B+Q)*D,position:"relative",padding:"0",margin:"0",top:-(Q+p*t)*D}).children().css({height:G})}_=function(a){var b=a*t;return a==k?b=m:-1==a&&0!=m%t&&(b=-m%t),b},ab=function(b){var d,f,g,h,c=function(c){for(var d=c;B+c>d;d++)b.eq(d).find("img["+n+"]").each(function(){var c,d,b=a(this);if(b.attr("src",b.attr(n)).removeAttr(n),l.find(".clone")[0])for(c=l.children(),d=0;d<c.length;d++)c.eq(d).find("img["+n+"]").each(function(){a(this).attr(n)==b.attr("src")&&a(this).attr("src",a(this).attr(n)).removeAttr(n)})})};switch(e){case"fade":case"fold":case"top":case"left":case"slideDown":c(p*t);break;case"leftLoop":case"topLoop":c(Q+_(P));break;case"leftMarquee":case"topMarquee":d="leftMarquee"==e?l.css("left").replace("px",""):l.css("top").replace("px",""),f="leftMarquee"==e?E:D,g=Q,0!=d%f&&(h=Math.abs(0^d/f),g=1==p?Q+h:Q+h-1),c(g)}},bb=function(a){var b,c,d;if(!z||N!=p||a||S){if(S?p>=1?p=1:0>=p&&(p=0):(P=p,p>=k?p=0:0>p&&(p=k-1)),T(),null!=n&&ab(l.children()),o[0]&&(R=o.eq(p),null!=n&&ab(o),"slideDown"==e?(o.not(R).stop(!0,!0).slideUp(q),R.slideDown(q,H,function(){l[0]||U()})):(o.not(R).stop(!0,!0).hide(),R.animate({opacity:"show"},q,function(){l[0]||U()}))),m>=B)switch(e){case"fade":l.children().stop(!0,!0).eq(p).animate({opacity:"show"},q,H,function(){U()}).siblings().hide();break;case"fold":l.children().stop(!0,!0).eq(p).animate({opacity:"show"},q,H,function(){U()}).siblings().animate({opacity:"hide"},q,H);break;case"top":l.stop(!0,!1).animate({top:-p*t*D},q,H,function(){U()});break;case"left":l.stop(!0,!1).animate({left:-p*t*E},q,H,function(){U()});break;case"leftLoop":b=P,l.stop(!0,!0).animate({left:-(_(P)+Q)*E},q,H,function(){-1>=b?l.css("left",-(Q+(k-1)*t)*E):b>=k&&l.css("left",-Q*E),U()});break;case"topLoop":b=P,l.stop(!0,!0).animate({top:-(_(P)+Q)*D},q,H,function(){-1>=b?l.css("top",-(Q+(k-1)*t)*D):b>=k&&l.css("top",-Q*D),U()});break;case"leftMarquee":c=l.css("left").replace("px",""),0==p?l.animate({left:++c},0,function(){l.css("left").replace("px","")>=0&&l.css("left",-m*E)}):l.animate({left:--c},0,function(){l.css("left").replace("px","")<=-(m+Q)*E&&l.css("left",-Q*E)});break;case"topMarquee":d=l.css("top").replace("px",""),0==p?l.animate({top:++d},0,function(){l.css("top").replace("px","")>=0&&l.css("top",-m*D)}):l.animate({top:--d},0,function(){l.css("top").replace("px","")<=-(m+Q)*D&&l.css("top",-Q*D)})}j.removeClass(L).eq(p).addClass(L),N=p,x||(g.removeClass("nextStop"),f.removeClass("prevStop"),0==p&&f.addClass("prevStop"),p==k-1&&g.addClass("nextStop")),h.html("<span>"+(p+1)+"</span>/"+k)}},z&&bb(!0),A&&d.hover(function(){clearTimeout(K)},function(){K=setTimeout(function(){p=O,z?bb():"slideDown"==e?R.slideUp(q,V):R.animate({opacity:"hide"},q,V),N=p},300)}),cb=function(a){I=setInterval(function(){v?p--:p++,bb()},a?a:r)},db=function(a){I=setInterval(bb,a?a:r)},eb=function(){y||!u||i.hasClass("pauseState")||(clearInterval(I),cb())},fb=function(){(x||p!=k-1)&&(p++,bb(),S||eb())},gb=function(){(x||0!=p)&&(p--,bb(),S||eb())},hb=function(){clearInterval(I),S?db():cb(),i.removeClass("pauseState")},ib=function(){clearInterval(I),i.addClass("pauseState")},u?S?(v?p--:p++,db(),y&&l.hover(ib,hb)):(cb(),y&&d.hover(ib,hb)):(S&&(v?p--:p++),i.addClass("pauseState")),i.click(function(){i.hasClass("pauseState")?hb():ib()}),"mouseover"==c.trigger?j.hover(function(){var a=j.index(this);J=setTimeout(function(){p=a,bb(),eb()},c.triggerTime)},function(){clearTimeout(J)}):j.click(function(){p=j.index(this),bb(),eb()}),S?(g.mousedown(fb),f.mousedown(gb),x&&(kb=function(){jb=setTimeout(function(){clearInterval(I),db(0^r/10)},150)},lb=function(){clearTimeout(jb),clearInterval(I),db()},g.mousedown(kb),g.mouseup(lb),f.mousedown(kb),f.mouseup(lb)),"mouseover"==c.trigger&&(g.hover(fb,function(){}),f.hover(gb,function(){}))):(g.click(fb),f.click(gb)),"auto"!=c.vis||1!=t||"left"!=e&&"leftLoop"!=e||(nb=function(){C&&(l.width("auto"),l.children().width("auto")),l.parent().width("auto"),E=l.parent().width(),C&&l.parent().width(E),l.children().width(E),"left"==e?(l.width(E*m),l.stop(!0,!1).animate({left:-p*E},0)):(l.width(E*(m+2)),l.stop(!0,!1).animate({left:-(p+1)*E},0)),C||E==l.parent().width()||nb()},a(window).resize(function(){clearTimeout(mb),mb=setTimeout(nb,100)}),nb())})}}(jQuery),jQuery.easing["jswing"]=jQuery.easing["swing"],jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(a,b,c,d,e){return jQuery.easing[jQuery.easing.def](a,b,c,d,e)},easeInQuad:function(a,b,c,d,e){return d*(b/=e)*b+c},easeOutQuad:function(a,b,c,d,e){return-d*(b/=e)*(b-2)+c},easeInOutQuad:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},easeInCubic:function(a,b,c,d,e){return d*(b/=e)*b*b+c},easeOutCubic:function(a,b,c,d,e){return d*((b=b/e-1)*b*b+1)+c},easeInOutCubic:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b+c:d/2*((b-=2)*b*b+2)+c},easeInQuart:function(a,b,c,d,e){return d*(b/=e)*b*b*b+c},easeOutQuart:function(a,b,c,d,e){return-d*((b=b/e-1)*b*b*b-1)+c},easeInOutQuart:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b*b+c:-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:function(a,b,c,d,e){return d*(b/=e)*b*b*b*b+c},easeOutQuint:function(a,b,c,d,e){return d*((b=b/e-1)*b*b*b*b+1)+c},easeInOutQuint:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b*b*b+c:d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:function(a,b,c,d,e){return-d*Math.cos(b/e*(Math.PI/2))+d+c},easeOutSine:function(a,b,c,d,e){return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:function(a,b,c,d,e){return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:function(a,b,c,d,e){return 0==b?c:d*Math.pow(2,10*(b/e-1))+c},easeOutExpo:function(a,b,c,d,e){return b==e?c+d:d*(-Math.pow(2,-10*b/e)+1)+c},easeInOutExpo:function(a,b,c,d,e){return 0==b?c:b==e?c+d:(b/=e/2)<1?d/2*Math.pow(2,10*(b-1))+c:d/2*(-Math.pow(2,-10*--b)+2)+c},easeInCirc:function(a,b,c,d,e){return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},easeOutCirc:function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c},easeInOutCirc:function(a,b,c,d,e){return(b/=e/2)<1?-d/2*(Math.sqrt(1-b*b)-1)+c:d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;return 0==b?c:1==(b/=e)?c+d:(g||(g=.3*e),h<Math.abs(d)?(h=d,f=g/4):f=g/(2*Math.PI)*Math.asin(d/h),-(h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g))+c)},easeOutElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;return 0==b?c:1==(b/=e)?c+d:(g||(g=.3*e),h<Math.abs(d)?(h=d,f=g/4):f=g/(2*Math.PI)*Math.asin(d/h),h*Math.pow(2,-10*b)*Math.sin((b*e-f)*2*Math.PI/g)+d+c)},easeInOutElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;return 0==b?c:2==(b/=e/2)?c+d:(g||(g=e*.3*1.5),h<Math.abs(d)?(h=d,f=g/4):f=g/(2*Math.PI)*Math.asin(d/h),1>b?-.5*h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+c:.5*h*Math.pow(2,-10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+d+c)},easeInBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),d*(b/=e)*b*((f+1)*b-f)+c},easeOutBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),d*((b=b/e-1)*b*((f+1)*b+f)+1)+c},easeInOutBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),(b/=e/2)<1?d/2*b*b*(((f*=1.525)+1)*b-f)+c:d/2*((b-=2)*b*(((f*=1.525)+1)*b+f)+2)+c},easeInBounce:function(a,b,c,d,e){return d-jQuery.easing.easeOutBounce(a,e-b,0,d,e)+c},easeOutBounce:function(a,b,c,d,e){return(b/=e)<1/2.75?d*7.5625*b*b+c:2/2.75>b?d*(7.5625*(b-=1.5/2.75)*b+.75)+c:2.5/2.75>b?d*(7.5625*(b-=2.25/2.75)*b+.9375)+c:d*(7.5625*(b-=2.625/2.75)*b+.984375)+c},easeInOutBounce:function(a,b,c,d,e){return e/2>b?.5*jQuery.easing.easeInBounce(a,2*b,0,d,e)+c:.5*jQuery.easing.easeOutBounce(a,2*b-e,0,d,e)+.5*d+c}});

 fzzy-igdss-web/src/main/resources/static/js/jquery.countup.min.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1 @@
!function(t){"use strict";t.fn.countUp=function(e){var a=t.extend({time:2e3,delay:10},e);return this.each(function(){var e=t(this),n=a,u=function(){e.data("counterupTo")||e.data("counterupTo",e.text());var t=parseInt(e.data("counter-time"))>0?parseInt(e.data("counter-time")):n.time,a=parseInt(e.data("counter-delay"))>0?parseInt(e.data("counter-delay")):n.delay,u=t/a,r=e.data("counterupTo"),o=[r],c=/[0-9]+,[0-9]+/.test(r);r=r.replace(/,/g,"");for(var d=(/^[0-9]+$/.test(r),/^[0-9]+\.[0-9]+$/.test(r)),s=d?(r.split(".")[1]||[]).length:0,i=u;i>=1;i--){var p=parseInt(Math.round(r/u*i));if(d&&(p=parseFloat(r/u*i).toFixed(s)),c)for(;/(\d+)(\d{3})/.test(p.toString());)p=p.toString().replace(/(\d+)(\d{3})/,"$1,$2");o.unshift(p)}e.data("counterup-nums",o),e.text("0");var f=function(){e.text(e.data("counterup-nums").shift()),e.data("counterup-nums").length?setTimeout(e.data("counterup-func"),a):(delete e.data("counterup-nums"),e.data("counterup-nums",null),e.data("counterup-func",null))};e.data("counterup-func",f),setTimeout(e.data("counterup-func"),a)};e.waypoint(u,{offset:"100%",triggerOnce:!0})})}}(jQuery);

 fzzy-igdss-web/src/main/resources/static/js/jquery.waypoints.min.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,7 @@
/*!
Waypoints - 4.0.0
Copyright Â© 2011-2015 Caleb Troughton
Licensed under the MIT license.
https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
*/
!function(){"use strict";function t(o){if(!o)throw new Error("No options passed to Waypoint constructor");if(!o.element)throw new Error("No element option passed to Waypoint constructor");if(!o.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,o),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var o in i)e.push(i[o]);for(var n=0,r=e.length;r>n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.invokeAll("enable")},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical);t&&e&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s],l=o.oldScroll<a.triggerPoint,h=o.newScroll>=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=y+l-f,h=w<s.oldScroll,p=d.triggerPoint>=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.$element=e(t)}var e=window.jQuery,i=window.Waypoint;e.each(["innerHeight","innerWidth","off","offset","on","outerHeight","outerWidth","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),e.each(["extend","inArray","isEmptyObject"],function(i,o){t[o]=e[o]}),i.adapters.push({name:"jquery",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}();

 fzzy-igdss-web/src/main/resources/templates/group/index.html

@@ -17,6 +17,88 @@
            display: block;
            margin: 0 auto;
        }

        .item4 {
            height: 280px;
            width: 100%;
            float: left;
        }

        .bgt {
            background-position: top left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            position: relative;
        }

        .item_cont .bd {
            padding: 10px;
            overflow: hidden;
            position: relative;
            padding-left: 60px;
        }

        .item_cont .bd .year {
            width: 49px;
            height: 26px;
            border: 1px solid #21B1FF;
            border-radius: 5px;
            position: absolute;
            bottom: 35px;
            text-align: center;
            z-index: 22;
            left: 5px;
            font-size: 12px;
            line-height: 26px;
            background: #05152f;
            color: #fff;
        }

        .item_cont .bd ul li {
            margin: 0 18px;
            overflow: hidden;
            text-align: center;
            position: relative;
        }

        .item_cont .bd ul li .pic {
            border: 3px solid #3288FF;
            border-radius: 10px;
            margin-bottom: 50px;
        }

        .item_cont .bd ul li img {
            width: 240px;
            height: 160px;
            border-radius: 8px;

        }

        .item_cont .bd::after {
            content: "";
            width: 99.2%;
            position: absolute;
            bottom: 45px;
            left: 5px;
            z-index: 1;
            border-bottom: 1px dashed #3288FF;
        }

        .item_cont .bd ul li .tit{
            color: #FFFFFF;
        }

        .item_cont .bd ul li::after {
            content: "";

            width: 29px;
            height: 53px;
            position: absolute;
            bottom: 20px;
            left: 50%;
            z-index: 0;
            background: url(/img/web/group/icon_dot4.png) no-repeat bottom 0 center;
        }
    </style>
</head>
<body style="overflow:hidden;">
@@ -24,7 +106,8 @@
<div class="container">
    <div class="i-top">
        <h1 ondblclick="changeScreen()" class="i-top-tit"><span th:text="${sysName}">智慧粮库质押监管大屏</span></h1>
        <p ondblclick="changeScreen()" class="i-top-p" id="sloganText">新疆伊宁农村商业银行股份有限公司——智慧监管平台</p>
        <p ondblclick="changeScreen()" class="i-top-p" id="sloganText">
            æ–°ç–†ä¼Šå®å†œæ‘商业银行股份有限公司——智慧监管平台</p>
        <div class="i-navBar">
            <a href="javaScript:;" onclick="changePage('index')" class="i-nav3 active">首页</a>
            <a href="javaScript:;" onclick="changePage('gis')" class="i-nav4">GIS监管</a>
@@ -79,7 +162,7 @@
                    <div class="panel-content-head">
                        <span class="head-item">所属库点</span>
                        <span class="head-item">当日分析</span>
                        <span class="head-item">近七天累计次数</span>
                        <span class="head-item" style="flex: 0.4;">日期</span>
                    </div>

                    <div class="panel-content-body" id="inventoryInfoBox">
@@ -221,35 +304,118 @@
            </div><!-- right-top end -->

            <div class="right-bottom bottom-container">
                <div class="panel-title" id="pieCharTitle">数量统计</div>

                <div class="panel-content" style="position: relative;">
                    <div class="tubiao-Carousel">

                        <div class="stats-chart-box">
                            <div class="chart-item">
                                <div class="chart-item-title">品种</div>
                                <div class="chart-box" id="pieVarietyChart" style="height: 266px; width:256px"></div>
                            </div>
                            <div class="chart-item">
                                <div class="chart-item-title">性质</div>
                                <div class="chart-box" id="pieTypeChart" style="height: 266px; width:256px"></div>
                            </div>
                            <div class="chart-item">
                                <div class="chart-item-title">等级</div>
                                <div class="chart-box" id="pieLevelChart" style="height: 266px; width:256px"></div>
                            </div>
                            <div class="chart-item">
                                <div class="chart-item-title">年份</div>
                                <div class="chart-box" id="pieYearChart" style="height: 266px; width:256px"></div>
                            </div>
                            <div class="chart-item">
                                <div class="chart-item-title">地域划分</div>
                                <div class="chart-box" id="pieAreaChart" style="height: 266px; width:256px"></div>
                <div class="panel-title" id="pieCharTitle">抓拍跟踪</div>
                <!--                <div class="panel-content" style="position: relative;">-->
                <!--                    <div class="tubiao-Carousel">-->
                <div class="item4 bgt follow">
                    <div class="item_cont">
                        <div class="bd">
                            <div class="year">2025å¹´</div>
                            <div class="tempWrap" style="overflow:hidden; position:relative; width:100%">
                                <ul style="width: 2280px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -980px;">
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic3.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic4.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic3.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic4.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div><!-- tubiao-Carousel end -->
                    </div>
                </div>
                <!--                    </div>&lt;!&ndash; tubiao-Carousel end &ndash;&gt;-->
                <!--                </div>-->

            </div><!-- right-bottom end -->

@@ -261,6 +427,9 @@
</div>

<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/jquery.countup.min.js}"></script>
<script th:src="@{/js/jquery.SuperSlide.js}"></script>
<script th:src="@{/js/jquery.waypoints.min.js}"></script>
<script th:src="@{/js/plugins/echarts/echarts.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.js}"></script>
<script th:src="@{/common/constant.js}"></script>