yundewu-website/jssrc/index.js

$(function() {
    //layui
    layui.use(['layer', 'carousel'], function() {
        var layer = layui.layer;
        var carousel = layui.carousel;
        // var photosJson = {
        //     "title": "", //相册标题
        //     "data": [   //相册包含的图片，数组格式
        //         {
        //             "src": "./images/ad.jpg", //原图地址
        //         }
        //     ]
        // };
        // layer.photos({
        //     photos: photosJson,
        //     anim: 5
        // });
        carousel.render({
            elem: '#test1',
            width: '100%',
            height: '100%',
            interval: '5000',
            arrow: 'hover'
        });
        carousel.render({
            elem: '#test2',
            width: '100%',
            height: '100%',
            arrow: 'hover',
            indicator: 'none'
        });
    });

    //页面动画
    $.fn.extend({
        //推荐企业模块浮动
        modePosition: function() {
            this.hover(function() {
                $(this).css({
                    position: "relative"
                }).animate({
                    top: "-4px"
                }).find(".company-name").css({
                    "border-top": "none"
                })
            }, function() {
                $(this).css({
                    position: "relative"
                }).animate({
                    top: "0"
                }).find(".company-name").css({
                    "border-top": "none"
                })
            })
        },
        //看攻略模块浮动
        kglPosition: function() {
            this.hover(function() {
                $(this).find('.kgl-content-enlarge').css({
                    display: 'block'
                })
            }, function() {
                $(this).find('.kgl-content-enlarge').css({
                    display: 'none'
                })
            })
        },
        //合作企业浮动效果
        cooperativePosition: function() {
            var spanWidth = $(this).find('span').height();
            this.hover(function() {
                $(this).find('span').animate({
                    bottom: '0'
                }, 100);
            }, function() {
                $(this).find('span').animate({
                    bottom: '-40px'
                }, 100);
            })
        },
        //底部浮动
        bottomPosition: function() {
            var _this = this;
            var _animate = true;
            var topWidtn = $('.index-entries').offset().top;
            var bottomWidth = $('.footer').offset().top - $(window).height();
            $(window).on('scroll', function() {
                $(window).stop(true);
                if ($(window).scrollTop() > topWidtn && $(window).scrollTop() < bottomWidth) {
                    if (_animate) {
                        _this.animate({
                            bottom: 0
                        }, 300)
                        _animate = false;
                    }
                } else if ($(window).scrollTop() < topWidtn || $(window).scrollTop() > bottomWidth) {
                    if (!_animate) {
                        _this.animate({
                            bottom: '-90px'
                        }, 300)
                        _animate = true;
                    }

                }

            })

        },
        //公司简介切换页
        changePage: function() {
            var _thisIndex = 0;
            var _date = [{
                    title: '平台简介',
                    subtitle: '标准统一、互联互通、公开透明、安全高效',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;云买卖电子综合交易平台以数据电文形式完成各类交易活动，具备规范化、专业化、流程化、智能化等特色的电子综合交易平台。并通过对接公共服务平台等国家要求的各平台，实现交易信息交互共享与上传；同时也通过了国家关于检测认证的各项检测要求，获得三星认证。',
                    icondontId: '&#xe6c4;',
                    img: ['images/gsjj1.jpg', 'images/gsjj2.jpg']
                },
                {
                    title: '公司合作',
                    subtitle: '多方合作、大获好评',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在与山西同煤集团、阳煤集团、潞安化工集团有限公司、神沐集团等各大企业交流合作中，凭借其“规范化、专业化、流程化、智能化”等特色获得了各方好评。',
                    icondontId: '&#xe65b;',
                    img: ['images/gsjj3.jpg', 'images/gsjj4.jpg']
                },
                {
                    title: '平台特色',
                    subtitle: '创新与多样化',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;云买卖电子综合交易平台,开创性地设计了双引擎模式:工作流引擎+业务流引擎,成功地解决了电子招投标流程的多样化需求。不同于其他系统,云买卖综合交易平台在面对不同业务体系的时候,通过增减节点就能实现功能,像是自己组装的系统一样。',
                    icondontId: '&#xe611;',
                    img: ['images/gsjj5.jpg', 'images/gsjj6.jpg']
                },
                {
                    title: '平台特色',
                    subtitle: '流程监控监管设计合理',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;招投开评定,各大流程里面的各个小流程,系统都能做到很细节的监控,同时任务目标也非常清晰,给人的感觉不像项目经理在用系统,而是系统一直在推动项目经理完成工作。从项目经理到领导层各层面对整个项目把控、监控了如指掌。',
                    icondontId: '&#xe60c;',
                    img: ['images/gsjj7.jpg', 'images/gsjj8.jpg']
                },
                {
                    title: '平台特色',
                    subtitle: '横向纵向数据归档功能强大',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系统对于数据管理方面设计非常用心,同一项目的不同层面数据可清晰查询,不同项目的同一层面数据也可以清晰查询,从横向纵向剖析，对于数据的管控非常得心应手。',
                    icondontId: '&#xe614;',
                    img: ['images/gsjj9.jpg', 'images/gsjj10.jpg']
                },
                {
                    title: '平台特色',
                    subtitle: '辅助评标的设计,真正的服务于专家',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;同行业很多系统在做评标的时候,只是简单的从线下搬到了线上。专家面对厚厚一本纸质投标文件尚且难以阅读，对于“厚厚一本”电子标书在电脑阅读更是头疼。云买卖电子综合交易平台，开创性大胆地设计了辅助评标系统，真真正正帮助专家解决了“评标难，线上评标难上难”的问题。',
                    icondontId: '&#xe7a9;',
                    img: ['images/gsjj3.jpg', 'images/gsjj6.jpg']
                },
                {
                    title: '平台特色',
                    subtitle: '全流程操作，节约成本，方便快捷',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;摆脱了传统纸质形式的文件制作及流转，大大的节约了成本，一台电脑即可完成全流程的操作，无论何时何地，只要一台电脑加网络，即可对全流程进行查看与操作。',
                    icondontId: '&#xe625;',
                    img: ['images/gsjj8.jpg', 'images/gsjj1.jpg']
                },
                {
                    title: '平台特色',
                    subtitle: '一个账号，多个角色，功能更强大',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;只需在平台注册一个账号，即可具备“招标方，代理机构，投标方”三种角色功能，当角色发生变化时，随时可切换。',
                    icondontId: '&#xe663;',
                    img: ['images/gsjj4.jpg', 'images/gsjj2.jpg']
                },
                {
                    title: '平台特色',
                    subtitle: '招标投标过程透明度更高',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;网络现场，实时监控。通过多媒体视屏技术，小视屏窗口全程直播开标评标过程。在非现场开标评标过程中，有效的实现了对各参与者的监督与约束。',
                    icondontId: '&#xe634;',
                    img: ['images/gsjj10.jpg', 'images/gsjj7.jpg']
                },
                {
                    title: '平台特色',
                    subtitle: '招投标过程监督更规范有序',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;招投标活动统一进平台交易，实行管理、监督、操作相分离，对招投标进行全过程监督，使交易活动更加公开、透明，交易行为更加规范、有序，消除了幕后交易和“暗箱操作”的土壤，规范了公共权力运作，最大限度地降低了以权谋私的可能性。',
                    icondontId: '&#xe607;',
                    img: ['images/gsjj5.jpg', 'images/gsjj9.jpg']
                },
                {
                    title: '平台特色',
                    subtitle: '平台留痕，可追溯性强',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;通过平台操作，每一步都会形成相应的操作日志，数据存储，可根据用户的需要，随时调取任一环节的操作记录及数据，责任清晰，有据可依。',
                    icondontId: '&#xe639;',
                    img: ['images/gsjj2.jpg', 'images/gsjj8.jpg']
                },
                {
                    title: '平台安全机制',
                    subtitle: '十大安全机制保驾护航',
                    text: '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码加密、入侵检测、远程拨号、防御恶意代码、网络安全拦截、交换机过滤、服务器重要内容监视、检测重要数据传输安全、数据备份恢复、安全审计',
                    icondontId: '&#xe626;',
                    img: ['images/gsjj3.jpg', 'images/gsjj1.jpg']
                }
            ];
            var mainFun = function() {
                $('.content-title h1').html(_date[_thisIndex].title);
                $('.content-title p').html(_date[_thisIndex].subtitle);
                $('.content-img-box p').html(_date[_thisIndex].text);
                $('.content-title span i').html(_date[_thisIndex].icondontId)
                $('.content-img-box a img:first').attr('src', _date[_thisIndex].img[0]);
                $('.content-img-box a img:last').attr('src', _date[_thisIndex].img[1]);
            }
            mainFun();
            $(this).on('click', function(e) {
                _thisIndex = $(this).index();
                mainFun();
            })
        },
        //返回顶部
        backTop: function() {
            $(this).on('click', function() {
                $('body,html').animate({
                    scrollTop: 0
                });
            })
        },
        //视频播放
        onVideoPlay: function() {
            var videoPlayUrl = [
                "https://www.runoob.com/try/demo_source/movie.mp4",
                "http://video.eqbidding.com/tb4.mp4",
                "http://video.eqbidding.com/tb5.mp4",
                "http://video.eqbidding.com/tb6.mp4",
                "http://video.eqbidding.com/3.mp4",
                "http://video.eqbidding.com/notice.mp4"
            ];
            $('.video-select li').each(function(i) {
                var _this = this;
                $(_this).on('click', function(e) {
                    var dom = '<span>正在播放</span>';
                    $('.play-video').attr('src', videoPlayUrl[i]);
                    $(_this).find('.video-img').append(dom);
                    $(_this).siblings().find('.video-img span').remove();
                })
            });
            $('.play-video').on('play', function() {
                $('.video-img span').css({ 'display': 'block' })
            });
        },
        //切换统计数据
        cutDataStatistics: function() {
            var _this = this;
            this.on('click', function(e) {
                if (e.target.nodeName === 'A') {
                    _this.each(function(i) {
                        $(this).find('a').css({ 'color': '#000', 'border': 'none' })
                    });
                    $(e.target).css({ 'color': '#0cb46a', 'border-bottom': '1px solid #0cb46a' });
                    showList(e.target.name);
                    //   $(window).dataStatistics(e.target.name);
                }
            })
        },
        //数据统计
        // dataStatistics: function (name) {
        //     var _name = name || 'signup';
        //     var curDate = new Date();
        //     var year = curDate.getFullYear();
        //     var month = curDate.getMonth() + 1;
        //     var x = [];
        //     var m = [];
        //     $.ajax({
        //         type: 'post',
        //         url: "http://www.eqbidding.com/web-back/nx/tj/" + _name + "/list",
        //         data: {
        //             date: '2019'
        //         },
        //         success: function (response) {
        //             console.log('统计数据', response)
        //             var json = $.parseJSON(response);
        //             var nodeList = json.list;
        //             for (var i = 0; i < 12; i++) {
        //                 x.push(nodeList.time[i] < 10 ? ((nodeList.time[i] + 1) * (i + 1)) * 10 : nodeList.time[i] * 3);
        //                 m.push('2018年' + (i + 1) + '月');
        //                 // m.push(year+'年' + (i+1) + '月');
        //             }
        //             var chart = new Highcharts.Chart('container', {
        //                 title: {
        //                     text: json.title,
        //                     x: -20
        //                 },
        //                 subtitle: {
        //                     text: '',
        //                     x: -20
        //                 },
        //                 xAxis: {
        //                     categories: m
        //                 },
        //                 yAxis: {
        //                     allowDecimals: false,        //控制数轴是否显示小数。
        //                     min: 0,
        //                     title: {
        //                         text: json.yAxis_title
        //                     },
        //                     plotLines: [{
        //                         value: 0,
        //                         width: 1,
        //                         color: '#808080'
        //                     }]
        //                 },
        //                 tooltip: {
        //                     valueSuffix: json.tooltip
        //                 },
        //                 legend: {
        //                     layout: 'vertical',
        //                     align: 'right',
        //                     verticalAlign: 'middle',
        //                     borderWidth: 0
        //                 },
        //                 series: [{
        //                     name: '总数',
        //                     /* data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] */
        //                 }]
        //             });
        //             chart.series[0].setData(x)
        //         },
        //         error: function (XMLHttpRequest, textStatus, errorThrown) {
        //             console.log(XMLHttpRequest)
        //             console.log(textStatus)
        //             console.log(errorThrown)
        //         }
        //     });
        // }


    });

    function pageFun() {
        $('.recommend-show-line a').modePosition();
        $('.entries-content-box ul li').modePosition();
        // $('.regular-box').kglPosition();
        $('.cooperative-content-box div ul li').cooperativePosition();
        // $('.bottom-position').bottomPosition();
        $('.compay-introduce-right-content ul li').changePage();
        $('.back-top').backTop();
        $(window).onVideoPlay();
        showList('signup');
        $('.statistical-content .options li').cutDataStatistics()
    }
    pageFun();
    // 写死版的数据统计
    function showList(name) {
        if (name == "signup") {
            var name = {
                "tooltip": "家",
                "yAxis_title": "数量（家）",
                "list": [
                    { year: "2020年3月", value: 205, },
                    { year: "2020年4月", value: 218 },
                    { year: "2020年5月", value: 289 },
                    { year: "2020年6月", value: 306 },
                    { year: "2020年7月", value: 162 },
                    { year: "2020年8月", value: 283 },
                    { year: "2020年9月", value: 346 },
                    { year: "2020年10月", value: 208 },
                    { year: "2020年11月", value: 148 },
                    { year: "2020年12月", value: 218 },
                    { year: "2021年1月", value: 271 },
                    { year: "2021年2月", value: 254 },
                ],
                "title": "机构注册统计"
            }
            fixData(name)
        } else if (name == "project_public") {
            var name = {
                "tooltip": "家",
                "yAxis_title": "数量（家）",
                "list": [
                    { year: "2020年3月", value: 12 },
                    { year: "2020年4月", value: 15 },
                    { year: "2020年5月", value: 22 },
                    { year: "2020年6月", value: 21 },
                    { year: "2020年7月", value: 12 },
                    { year: "2020年8月", value: 20 },
                    { year: "2020年9月", value: 26 },
                    { year: "2020年10月", value: 12 },
                    { year: "2020年11月", value: 8 },
                    { year: "2020年12月", value: 22 },
                    { year: "2021年1月", value: 17 },
                    { year: "2021年2月", value: 13 },
                ],
                "title": "项目统计"
            }
            fixData(name)
        } else if (name == "bid_project") {
            var name = {
                "tooltip": "家",
                "yAxis_title": "数量（家）",
                "list": [
                    { year: "2020年3月", value: 30 },
                    { year: "2020年4月", value: 38 },
                    { year: "2020年5月", value: 44 },
                    { year: "2020年6月", value: 50 },
                    { year: "2020年7月", value: 32 },
                    { year: "2020年8月", value: 50 },
                    { year: "2020年9月", value: 61 },
                    { year: "2020年10月", value: 36 },
                    { year: "2020年11月", value: 28 },
                    { year: "2020年12月", value: 44 },
                    { year: "2021年1月", value: 43 },
                    { year: "2021年2月", value: 39 },
                ],
                "title": "招标项目统计"
            }
            fixData(name)
        } else if (name == "bid_project_item") {
            var name = {
                "tooltip": "家",
                "yAxis_title": "数量（家）",
                "list": [
                    { year: "2020年3月", value: 51 },
                    { year: "2020年4月", value: 68 },
                    { year: "2020年5月", value: 70 },
                    { year: "2020年6月", value: 86 },
                    { year: "2020年7月", value: 45 },
                    { year: "2020年8月", value: 90 },
                    { year: "2020年9月", value: 96 },
                    { year: "2020年10月", value: 52 },
                    { year: "2020年11月", value: 37 },
                    { year: "2020年12月", value: 66 },
                    { year: "2021年1月", value: 69 },
                    { year: "2021年2月", value: 53 },
                ],
                "title": "标段统计"
            }
            fixData(name)
        } else if (name == "notice") {
            var name = {
                "tooltip": "家",
                "yAxis_title": "数量（家）",
                "list": [
                    { year: "2020年3月", value: 41 },
                    { year: "2020年4月", value: 54 },
                    { year: "2020年5月", value: 53 },
                    { year: "2020年6月", value: 52 },
                    { year: "2020年7月", value: 36 },
                    { year: "2020年8月", value: 68 },
                    { year: "2020年9月", value: 58 },
                    { year: "2020年10月", value: 42 },
                    { year: "2020年11月", value: 30 },
                    { year: "2020年12月", value: 40 },
                    { year: "2021年1月", value: 41 },
                    { year: "2021年2月", value: 42 },
                ],
                "title": "公告发布统计"
            }
            fixData(name)
        } else if (name == "user_statistics") {
            var name = {
                "tooltip": "家",
                "yAxis_title": "数量（家）",
                "list": [
                    { year: "2020年3月", value: 408 },
                    { year: "2020年4月", value: 490 },
                    { year: "2020年5月", value: 525 },
                    { year: "2020年6月", value: 619 },
                    { year: "2020年7月", value: 324 },
                    { year: "2020年8月", value: 472 },
                    { year: "2020年9月", value: 634 },
                    { year: "2020年10月", value: 541 },
                    { year: "2020年11月", value: 266 },
                    { year: "2020年12月", value: 475 },
                    { year: "2021年1月", value: 538 },
                    { year: "2021年2月", value: 424 },
                ],
                "title": "参与投标统计"
            }
            fixData(name)
        } else if (name == "tender_item_submit") {
            var name = {
                "tooltip": "家",
                "yAxis_title": "数量（家）",
                "list": [
                    { year: "2020年3月", value: 204 },
                    { year: "2020年4月", value: 218 },
                    { year: "2020年5月", value: 289 },
                    { year: "2020年6月", value: 306 },
                    { year: "2020年7月", value: 162 },
                    { year: "2020年8月", value: 283 },
                    { year: "2020年9月", value: 346 },
                    { year: "2020年10月", value: 208 },
                    { year: "2020年11月", value: 148 },
                    { year: "2020年12月", value: 218 },
                    { year: "2021年1月", value: 271 },
                    { year: "2021年2月", value: 254 },
                ],
                "title": "投标统计"
            }
            fixData(name)
        } else if (name == "signature") {
            var name = {
                "tooltip": "家",
                "yAxis_title": "数量（家）",
                "list": [
                    { year: "2020年3月", value: 2474 },
                    { year: "2020年4月", value: 2924 },
                    { year: "2020年5月", value: 3185 },
                    { year: "2020年6月", value: 3784 },
                    { year: "2020年7月", value: 2273 },
                    { year: "2020年8月", value: 3915 },
                    { year: "2020年9月", value: 4704 },
                    { year: "2020年10月", value: 2912 },
                    { year: "2020年11月", value: 1869 },
                    { year: "2020年12月", value: 3168 },
                    { year: "2021年1月", value: 3347 },
                    { year: "2021年2月", value: 2809 },
                ],
                "title": "签章统计"
            }
            fixData(name)
        } else if (name == "bid_tender_publicity") {
            var name = {
                "tooltip": "家",
                "yAxis_title": "数量（家）",
                "list": [
                    { year: "2020年3月", value: 42 },
                    { year: "2020年4月", value: 53 },
                    { year: "2020年5月", value: 66 },
                    { year: "2020年6月", value: 72 },
                    { year: "2020年7月", value: 32 },
                    { year: "2020年8月", value: 57 },
                    { year: "2020年9月", value: 76 },
                    { year: "2020年10月", value: 87 },
                    { year: "2020年11月", value: 52 },
                    { year: "2020年12月", value: 62 },
                    { year: "2021年1月", value: 66 },
                    { year: "2021年2月", value: 43 },
                ],
                "title": "中标候选人公示"
            }
            fixData(name)
        } else if (name == "bid_tender_publicity_result") {
            var name = {
                "tooltip": "家",
                "yAxis_title": "数量（家）",
                "list": [
                    { year: "2020年3月", value: 48 },
                    { year: "2020年4月", value: 62 },
                    { year: "2020年5月", value: 55 },
                    { year: "2020年6月", value: 71 },
                    { year: "2020年7月", value: 39 },
                    { year: "2020年8月", value: 77 },
                    { year: "2020年9月", value: 63 },
                    { year: "2020年10月", value: 91 },
                    { year: "2020年11月", value: 83 },
                    { year: "2020年12月", value: 52 },
                    { year: "2021年1月", value: 53 },
                    { year: "2021年2月", value: 31 },
                ],
                "title": "中标结果公示"
            }
            fixData(name)
        }
    }

    function fixData(name) {
        var x = [];
        var m = [];
        var nodeList = name.list;
        for (var i = 0; i < nodeList.length; i++) {
            x.push(nodeList[i].value);
            m.push(nodeList[i].year);
        }
        var chart = new Highcharts.Chart('container', {
            title: {
                text: name.title,
                x: -20
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {
                categories: m
            },
            yAxis: {
                allowDecimals: false, //控制数轴是否显示小数。
                min: 0,
                title: {
                    text: name.yAxis_title
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: name.tooltip
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: '总数',
            }]
        });
        chart.series[0].setData(x)
    }
});