a

gicc/Scripts/jQuery-jcMarquee.js

+/*
+ * jQuery - jcMarquee v0.10
+ * Copyright(c) 2012 by Riddick-design 
+ * Date: 2012-01-07
+ * 相关参数 
+   'marquee':'x',        \\ 设置滚动方向，提供 marquee:x 或 marquee:y
+   'margin_bottom':'0',  \\ 设置margin_bottom值
+   'margin_right':'0',   \\ 设置margin_right值
+   'speed':'10'          \\ 设置滚动速度,单位mm
+ * 重要提醒
+   #Marquee_x ul li { float:left;} // 横向滚动时必须让所有li左浮动 
+ * HTML结构
+   <div id="Marquee"> 
+         <ul> 
+              <li> 
+                  <div><img height="50" width="100" alt="图片1" /></div>
+              </li>
+         </ul> 
+   </div>  
+ */
+; (function ($) {
+    $.fn.jcMarquee = function (options) {
+        var defaults = {
+            'marquee': 'x',
+            'margin_bottom': '0',
+            'margin_right': '0',
+            'speed': '10'
+        };
+        var options = $.extend(defaults, options);
+        return this.each(function () {
+            var $marquee = $(this),
+			    $marquee_scroll = $marquee.children('ul');
+            $marquee_scroll.append("<li class='clone' id='clone'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone1'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone2'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone3'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone4'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone5'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone6'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone7'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone8'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone9'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone10'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone11'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone12'>" + "</li>");
+            $marquee_scroll.append("<li class='clone' id='clone13'>" + "</li>");
+            $marquee_scroll.find('li').eq(0).children().clone().appendTo('#clone');
+            $marquee_scroll.find('li').eq(1).children().clone().appendTo('#clone1');
+            $marquee_scroll.find('li').eq(2).children().clone().appendTo('#clone2');
+            $marquee_scroll.find('li').eq(3).children().clone().appendTo('#clone3');
+            $marquee_scroll.find('li').eq(4).children().clone().appendTo('#clone4');
+            $marquee_scroll.find('li').eq(5).children().clone().appendTo('#clone5');
+            $marquee_scroll.find('li').eq(6).children().clone().appendTo('#clone6');
+            $marquee_scroll.find('li').eq(7).children().clone().appendTo('#clone7');
+            $marquee_scroll.find('li').eq(8).children().clone().appendTo('#clone8');
+            $marquee_scroll.find('li').eq(9).children().clone().appendTo('#clone9');
+            $marquee_scroll.find('li').eq(10).children().clone().appendTo('#clone10');
+            $marquee_scroll.find('li').eq(11).children().clone().appendTo('#clone11');
+            $marquee_scroll.find('li').eq(11).children().clone().appendTo('#clone12');
+            $marquee_scroll.find('li').eq(11).children().clone().appendTo('#clone13');
+            var $marquee_left = $marquee_scroll.find('li');
+            if (options.marquee === 'x') {
+               
+                $marquee_scroll.css('width', '1100%');
+                $marquee_left.find('div').css({ 'margin-right': options.margin_right });
+                $marquee_left.css({ 'margin-right': options.margin_right });
+				 var x = 0;
+                function Marquee_x() {
+                    $marquee.scrollLeft(++x);
+                    _margin = parseInt($marquee_left.find('div').css('margin-right'));
+                    if (x === $marquee_left.width() + _margin) { x = 0 };
+                }
+                var MyMar = setInterval(Marquee_x, options.speed);
+                $("#start").click(function () {
+                    x = 0;
+
+                    MyMar = setInterval(Marquee_x, options.speed);
+                });
+                $("#end").click(function () {
+					x=0;
+                 Marquee_x();
+                    clearInterval(MyMar);
+                });
+
+            }
+
+        });
+    };
+})(jQuery);
\ No newline at end of file

gicc/Scripts/update.js

+// 血检总人数
+let num = 33869;
+//hp血检阳性数
+let num2 = 15197;
+// 实际精查人数
+let num3 = 5409;
+// /应精查人数
+let num4 = 11751;
+// 高级别上皮内瘤变
+let rnum1 = '80%';
+// 早期胃癌
+let rnum2 = '80%';
+// 早期食管癌
+let rnum3 = '54%';
+// 萎缩性胃炎
+let onum1 = 1174;
+// 胃溃疡
+let onum2 = 349;
+// 胃息肉
+let onum3 = 837;
+// 申请医院
+let anum1 = 450;
+// 开展筛查医院
+let anum2 = 83;
+// 筛查总人数
+let anum3 = 33869;
+// 认证医院
+let anum4 = 347;
+
+// 使用后台返回数据填充
+$.getJSON("http://172.30.2.105:2019/data-plat/complex/statistics", function(data) {
+    let complex = data.data;
+   // console.log(complex);
+    obj.count1.lastNumber = complex.serumActualTotal;
+    obj.count2.lastNumber = complex.iggPositive;
+    obj.count3.lastNumber = complex.gastroscopyDetailActual;
+    obj.count4.lastNumber = complex.gastroscopyDetailTotal;
+    obj.rate1 = parseInt(((obj.count2.lastNumber / obj.count1.lastNumber)) * 100) - 1.2 + '%';
+    obj.rate2 = parseInt(((obj.count3.lastNumber / obj.count4.lastNumber)) * 100) - 2 + '%';
+    obj.rate14k = parseInt(((obj.count2.lastNumber / obj.count1.lastNumber)) * 100) - 1 + '%';
+    obj.rate24k = parseInt(((obj.count3.lastNumber / obj.count4.lastNumber)) * 100) - 2 + '%';
+    obj.rate1pc = parseInt(((obj.count2.lastNumber / obj.count1.lastNumber)) * 100) - 1 + '%';
+    obj.rate2pc = parseInt(((obj.count3.lastNumber / obj.count4.lastNumber)) * 100) - 2 + '%';
+    obj.rnum1 = complex.highEsophagusTumor;
+    obj.rnum2 = complex.earlyEsophagealCancer;
+    obj.rnum3 = complex.earlyGastricCancer;
+    obj.onum1 = complex.atrophicGastritis;
+    obj.onum2 = complex.stomachUlcer;
+    obj.onum3 = complex.gastricPolyp;
+    obj.anum1 = complex.applyHosp;
+    obj.anum2 = complex.screeningHosp;
+    obj.anum3 = complex.screeningTotal;
+    obj.anum4 = complex.certifiedHosp;
+});
+
+let obj = {
+    // 血检总人数
+    count1: {
+        lastNumber: num,
+        duration: 3000,
+        easing: 'swing', //慢快慢
+    },
+    //hp血检阳性数
+    count2: {
+        lastNumber: num2,
+        duration: 3000,
+        easing: 'swing', //慢快慢
+    },
+    // 实际精查人数
+    count3: {
+        lastNumber: num3,
+        duration: 3000,
+        easing: 'swing', //慢快慢
+    },
+    // /应精查人数
+    count4: {
+        lastNumber: num4,
+        duration: 3000,
+        easing: 'swing', //慢快慢
+    },
+    //第一组小人的个数Big
+    rate1: parseInt(((num2 / num)) * 100) - 1.2 + '%',
+    //第二组小人的个数Big
+    rate2: parseInt(((num3 / num4)) * 100) - 2 + '%',
+    //第一组小人的个数4K
+    rate14k: parseInt(((num2 / num)) * 100) - 1 + '%',
+    //第二组小人的个数4K
+    rate24k: parseInt(((num3 / num4)) * 100) - 2 + '%',
+    //第一组小人的个数PC
+    rate1pc: parseInt(((num2 / num)) * 100) - 1 + '%',
+    //第二组小人的个数PC
+    rate2pc: parseInt(((num3 / num4)) * 100) - 2 + '%',
+    //诊断结果
+    rnum1,
+    rnum2,
+    rnum3,
+    // 其他
+    onum1,
+    onum2,
+    onum3,
+    anum1,
+    anum2,
+    anum3,
+    anum4
+};
+
+
+
+
+
+