<!DOCTYPE html>
<html lang="en">

<head> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp">

    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="0">
    <link rel="icon" type="image/x-icon" href="./images/home/favicon.ico">
    <meta name="viewport" content="width=1200,initial-scale=0.3, maximum-scale=1, user-scalable=no">
    <title>AIYOUXI.COM
网站</title>
<#webadvjs#>
    <link rel="stylesheet" href="./css/index.css" />
    
    
    

    <link href="./css/common.css" rel="stylesheet" type="text/css">
    
    <link rel="stylesheet" type="text/css" href="./homeResource/common.css">
    <link rel="stylesheet" type="text/css" href="./homeResource/swiper.min.css">
    
    
    <link rel="stylesheet" type="text/css" href="./homeResource/indexNew.css">
    
    
    
    
    
    
    

<meta http-equiv="Cache-Control" content="no-transform" />
<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
</head>

<body><h1><a href="http://2ktemplates.com/">AIYOUXI.COM</a></h1>
    
    
    <div class="header"></div>
    <div>
        
        <div class="wrapper" id="sy">

            
            <div class="banner-box globalScreen">

                <div class="mtop"></div>
                <div class="banner">
                    <div class="banner-swiper swiper-container">
                        <div class="index-banner">
                            
                            <div
                                class="index-banner-swiper swiper-container swiper-container-initialized swiper-container-horizontal">
                                <div class="swiper-wrapper" style="transition-duration: 0ms; ">
                                    <a class="swiper-slide" v-if="lunboList.length>0" v-for="(item,i) in lunboList"
                                        :key="i" :href="item.url==''?'javascript:void(0);':item.url"
                                        :target="item.url==''?'_self':'_blank'"
                                        :style="item.url==''?'cursor: default':''">
                                        <div class="banner-slide left">
                                            <div class="txt">
                                                <h2>
                                                    <div class="title-oneline">{{item.title}}</div>
                                                    <div class="title-oneline">{{item.subtitle}}</div>
                                                </h2>
                                                <h3 style="margin-top: 1.35rem;">
                                                    <div class="title-twoline">{{item.introduce}}</div>
                                                    <div class="title-twoline">{{item.subIntroduce}}</div>
                                                    <div class="title-twoline">{{item.thiIntroduce}}</div>
                                                </h3>

                                            </div>
                                            <div class="img">
                                                <div class="mark-top"></div>
                                                <img :src="item.pictureUrl" class="pcshow" alt="">
                                            </div>
                                        </div>
                                    </a>
                                    <div class="swiper-slide" v-else>
                                        <div class="banner-slide left">

                                        </div>
                                    </div>
                                </div>
                                
                                
                                
                                <div class="swiper-ctrl" v-show="lunboList.length>0">
                                    <div class="relative">
                                        <div class="swiper-pagination swiper-pagination-fraction"></div>
                                        <div class="swiper-button-next home-swiper-next" tabindex="0" role="button"
                                            aria-label="Next slide"></div>
                                        <div class="swiper-button-prev home-swiper-prev" tabindex="0" role="button"
                                            aria-label="Previous slide"></div>
                                    </div>
                                </div>
                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                                <div class="flex-more" id="mouse">
                                    
                                    
                                    
                                    
                                    
                                    <div class="mouse-down">
                                        <span><i></i></span>
                                        <p>向下滑动</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                

            </div>
            
            <div class="news-center globalScreen" v-show="gsyw||hydt||cggsdt">
                <div class="gsdt">
                    <div class="gsdt-content">
                        <div class="gsdt-left" id="gsdt-left" data-scroll="" data-scroll-speed="1">
                            
                            <div class="dt-img" @click='toDetail(newest)'>
                                <img :src="newest.imgUrl" style="width:100%;height:100%;">
                                
                            </div>
                            <div class="dt-title" @click='toDetail(newest)'>
                                <span v-show="flag==3">【{{newest.companyName}}】</span>{{newest.title}}
                            </div>
                        </div>
                        <div class="gsdt-right" data-scroll="" data-scroll-speed="-1" style="height:auto ;">
                            <div class="gsdt-tab">
                                <div class="gsdt-one" id="gs" @click="change()" v-show="gsyw">
                                    <div class="gsdt-title" id="gs1">公司要闻</div>
                                </div>
                                <div class="gsdt-one1" id="hy" @click="change1()" v-show="hydt">
                                    <div class="gsdt-title1" id="hy1">行业动态</div>
                                </div>
                                <div class="gsdt-one2" id="cg" @click="change2()" v-show="cggsdt">
                                    <div class="gsdt-title1" id="cg1">持股公司动态</div>
                                </div>
                                
                                
                                
                            </div>
                            <div class="gsdt-list">
                                <div class="gsdt-box" v-for="(item, index) in newLists" :key='item.id'>
                                    <div class="gsdt-item" @click='toDetail(item)'>
                                        <div class="gstd-title"><span
                                                v-show="flag==3">【{{item.companyName}}】</span>{{item.title}}</div>
                                        <div class="gsdt-date">{{item.time}}</div>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="gsdt-more" @click="toLink()">
                                了解更多
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="team globalScreen index-business" style="padding-top: 3%">
                
                

                
                <div class="index-business" id="i1">
                    <div class="ibusiness" onmouseover="handleShow1('contentMenu',10)"
                        onmouseout="handleHide('contentMenu',10)">
                        <div class="txt">
                            <div class="table">
                                <div class="table-cell">
                                    
                                    <h3 class="box3twop">Business Segments
                                    </h3>
                                    <h4 class="box3threep">业务板块</h4>
                                    <line></line>
                                    <div class="content">
                                        <a id="contentMenu1" href="./html/gyhlw.html">工业互联网</a><br>
                                        <a id="contentMenu2" href="./html/szny.html">数字农业</a><br>
                                        <a id="contentMenu3" href="./html/szwh.html">数字文化</a><br>
                                        <a id="contentMenu4" href="./html/szjr.html">数字金融</a><br>
                                        
                                        <a id="contentMenu6" href="./html/szzf.html">数字政府</a><br>
                                        <a id="contentMenu7" href="./html/kcfw.html">科创服务</a><br>
                                        <a id="contentMenu8" href="./html/aqyw.html">安全服务</a><br>
                                        <a id="contentMenu9" href="./html/czxt.html">嵌入式操作系统</a><br>
                                    </div>
                                    
                                    <div class="expert-more box3fourp">查看更多</div>
                                </div>
                            </div>
                        </div>
                        <div class="img" style="background-image: url('./images/home/figure1.png')">
                            <div class="mark-img"></div>
                            <img src="./images/home/figure1.png" alt="">
                        </div>
                    </div>
                    <div class="ibusiness" onmouseover="handleShow('content1Menu',4)"
                        onmouseout="handleHide('content1Menu',4)">
                        <div class="txt">
                            <div class="table">
                                <div class="table-cell" onclick="window.open('./html/kjcxNewV2.html','_self')">
                                    
                                    <h3 class="box3twop">Technical Innovation</h3>
                                    <h4 class="box3threep">科技创新</h4>
                                    <line></line>
                                    <div class="content">
                                        
                                    </div>
                                    
                                    <div class="expert-more box3fourp">查看更多</div>
                                </div>
                            </div>
                        </div>
                        <div class="img" style="background-image: url('./images/home/figure2.png')">
                            <div class="mark-img"></div>
                            <img src="./images/home/figure2.png" alt="">
                        </div>
                    </div>
                    <div class="ibusiness">
                        <div class="txt">
                            <div class="table">
                                <div class="table-cell" onclick="window.open('./html/cgzh.html','_self')">
                                    
                                    <h3 class="box3twop">Achievement Transformation</h3>
                                    <h4 class="box3threep">成果转化</h4>
                                    <line></line>
                                    <div class="content">
                                        
                                    </div>
                                    
                                    <div class="expert-more box3fourp">查看更多</div>
                                </div>
                            </div>
                        </div>
                        <div class="img" style="background-image: url('./images/home/figure3.png')">
                            <div class="mark-img"></div>
                            <img src="./images/home/figure3.png" alt="">
                        </div>
                    </div>


                </div>
            </div>

            
            <div class="solutions globalScreen">
                <div class="box4Wrap" id="box4">
                    <div class="box4">
                        <div class="box4Left">
                            <div class="box4LeftOne boxzerop">AIYOUXI.COM
</div>
                            
                            <div class="box4LeftThree boxonep"
                                style="text-align:justify;-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;">
                                <br />
                                　　<div style="text-indent:2em">AIYOUXI.COM
成立于1986年，前身中国科学院北京软件工程研制中心，是国内最早引入软件工程的机构之一。
                                </div>
                                <br />
                                　　<div style="margin-top:-0.1rem;text-indent:2em">
                                    公司主要从事软件研究开发、科技创新服务和互联网基础服务，科研成果和软件产品已广泛运用于政府和行业信息化、数字农业、数字文化、嵌入式系统、工业互联网、互联网和移动互联网等众多领域。
                                </div>
                                <br />
                                　　<div style="margin-top:-0.1rem;text-indent:2em">
                                    AIYOUXI.COM
长期承担国家科技重大专项、国家高技术研究发展计划（“863”计划）、国家科技支撑计划、国家重点研发计划等多项国家级科研课题，拥有一大批自主知识产权和专利，获得了十余项国家和省部级科技进步奖，在技术、产品、市场、人才等方面有着深厚的积累。
                                </div>
                            </div>
                        </div>
                        <div class="box4CenterWrap boxtwop" data-wow-duration="1s" data-wow-delay="0.5s"
                            data-wow-offset="10" data-wow-iteration="1">
                            <div class="box4Center box4img" onclick="window.open('./html/gywm.html?code','_self')">
                                <div class="box4CenterTitle">资质荣誉</div>
                            </div>
                        </div>
                        <div class="box4RightWrap boxthreep" data-wow-duration="1s" data-wow-delay="0.5s"
                            data-wow-offset="10" data-wow-iteration="1">
                            <div class="box4Right box4img" onclick="window.open('./html/gywm.html?desc','_self')">
                                <div class="box4RightTitle">公司简介</div>
                            </div>
                        </div>
                    </div>
                    <div class="box4Footer" style="height:auto;padding-bottom:0.6rem;">
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        

                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        

                        
                        
                    </div>
                </div>
            </div>
            
        </div>

    </div>
    <div class="footer"></div>
    

    
    
    
    
    <script type='text/javascript'>
        function handleClick1() {
            window.location.href = "./html/szny.html"
        }
        function handleClick2() {
            window.location.href = "./html/gyhlw.html"
        }
        function handleShow(item, count) {
            var start = 0;
            var end;
            for (var i = 1; i < count; i++) {     //循环每页的内容
                end = start + 0.15       //结束时间=开始时间+0.4s
                $('#' + item + i).css('animation', 'ani ' + start + 's ' + end + 's both')
                start = end;   //每行内容结束将结束时间赋值给下一行开始时间
            }
        }
        function handleShow1(item, count) {
            var start = 0;
            var end;
            for (var i = 1; i < count; i++) {     //循环每页的内容
                end = start + 0.05       //结束时间=开始时间+0.4s
                $('#' + item + i).css('animation', 'ani ' + start + 's ' + end + 's both')
                start = end;   //每行内容结束将结束时间赋值给下一行开始时间
            }
        }
        function handleHide(item, count) {
            for (var i = 1; i < count; i++) {     //循环每页的内容
                $('#' + item + i).css('animation', 'none')
            }
        }
        //适配
        function getRem(pwidth, prem) {
            var html = document.getElementsByTagName("html")[0];
            var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
            html.style.fontSize = oWidth / pwidth * prem + "px";
        }
    </script>
    <script type="text/javascript">
        //     $(window).scroll(function() {
        //         console.log(5555555)
        // // 获得div的高度
        //         var h = $("#i1").offset().top;
        //         console.log(44444,h,$(this).scrollTop())
        //         if ($(this).scrollTop() > h && $(this).scrollTop() < h + 100) {
        // // 滚动到指定位置
        //           debugger;
        //         } else {
        //
        //         }
        //     })
        if (document.addEventListener) { //火狐使用DOMMouseScroll绑定
            document.addEventListener('DOMMouseScroll', function () {
                var scrollTop =
                    document.documentElement.scrollTop ||
                    document.body.scrollTop
                if (scrollTop > 5) {
                    $("#mouse").hide();
                    $(".header").css('background-color', "rgba(0, 0, 0, 0.6)")
                }
                else {
                    $("#mouse").show();
                    $(".header").css('background-color', "rgba(0, 0, 0, 0.3)")
                }
                // console.log(1111,$("#i1").offset().top)
                // console.log(2222,scrollTopp)

                // var lock = false;
                // var threshold = 20;
                // var scrollBarTop = scrollTopp // 滚动条离页面顶端的距离
                // var targetTop = document.getElementsByClassName('index-business')[0].offsetTop // 目标元素离页面顶端的距离
                // console.log(targetTop < ($(window).height() + scrollBarTop + threshold))
                // console.log(targetTop,$(window).height(),scrollBarTop,threshold)
                // // 如果目标元素离页面顶端的距离小于视窗高度+滚动条离页面顶端的距离
                // // 则表示已滚动到目标元素位置
                // if(lock) {
                //     return
                // } else {
                //
                //     if(targetTop < ($(window).height() + scrollBarTop + threshold)) {
                //         lock = true
                //         console.log('bottom')
                //     }
                // }
                //最后一屏幕的动效
                console.log($("#box4").offset().top, scrollTop)
                //    if ($("#gsdt-left").offset().top < scrollTop+300) {
                //        debugger;
                //        $("#gsdt-left").addClass('gsdt-left-show')

                //     }
                if ($("#box4").offset().top < scrollTop + window.screen.height) {
                    $(".boxzerop").addClass('boxzeropAni')
                    $(".boxonep").addClass('boxonepAni')
                    $(".boxtwop").addClass('boxtwopAni')
                    $(".boxthreep").addClass('boxthreepAni')
                    $(".boxfourp").addClass('boxfourpAni')
                }

                if ($("#i1").offset().top < scrollTop + window.screen.height) {
                    // $(".box3zerop").addClass('box3zeropAni')
                    $(".box3onep").addClass('box3onepAni')
                    $(".box3twop").addClass('box3twopAni')
                    $(".box3threep").addClass('box3threepAni')
                    $(".box3fourp").addClass('box3fourpAni')
                }


            }, false);
        }
        //控制鼠标提示语的显示和隐藏,和导航的背景色的变化
        window.onmousewheel = function () {
            var scrollTop =
                document.documentElement.scrollTop ||
                document.body.scrollTop
            if (scrollTop > 5) {
                $("#mouse").hide();
                $(".header").css('background-color', "rgba(0, 0, 0, 0.6)")
            }
            else {
                $("#mouse").show();
                $(".header").css('background-color', "rgba(0, 0, 0, 0.3)")
            }
            // console.log(1111,$("#i1").offset().top)
            // console.log(2222,scrollTopp)

            // var lock = false;
            // var threshold = 20;
            // var scrollBarTop = scrollTopp // 滚动条离页面顶端的距离
            // var targetTop = document.getElementsByClassName('index-business')[0].offsetTop // 目标元素离页面顶端的距离
            // console.log(targetTop < ($(window).height() + scrollBarTop + threshold))
            // console.log(targetTop,$(window).height(),scrollBarTop,threshold)
            // // 如果目标元素离页面顶端的距离小于视窗高度+滚动条离页面顶端的距离
            // // 则表示已滚动到目标元素位置
            // if(lock) {
            //     return
            // } else {
            //
            //     if(targetTop < ($(window).height() + scrollBarTop + threshold)) {
            //         lock = true
            //         console.log('bottom')
            //     }
            // }
            if ($("#gsdt-left").offset().top < scrollTop + window.screen.height) {
                $("#gsdt-left").addClass('gsdt-left-show')
            }
            //最后一屏幕的动效
            console.log($("#box4").offset().top, scrollTop)
            if ($("#box4").offset().top < scrollTop + window.screen.height) {
                $(".boxzerop").addClass('boxzeropAni')
                $(".boxonep").addClass('boxonepAni')
                $(".boxtwop").addClass('boxtwopAni')
                $(".boxthreep").addClass('boxthreepAni')
                $(".boxfourp").addClass('boxfourpAni')
            }

            if ($("#i1").offset().top < scrollTop + window.screen.height) {
                // $(".box3zerop").addClass('box3zeropAni')
                $(".box3onep").addClass('box3onepAni')
                $(".box3twop").addClass('box3twopAni')
                $(".box3threep").addClass('box3threepAni')
                $(".box3fourp").addClass('box3fourpAni')
            }


        }
        var html = document.getElementsByTagName("html")[0];
        var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
        var fontSize = oWidth / 1920 * 100;
        if (0.14 * fontSize < 14) {
            $(".join-wrap p a").css("font-size", "14px")
            $(".gsdt-date").css("font-size", "14px")
        }
        if (0.2 * fontSize < 16) {
            $(".gstd-title").css("font-size", "16px")
            $(".dt-title").css("font-size", "16px")

        }
        if (0.16 * fontSize < 16) {
            $(".gsdt-more").css("font-size", "16px")
            $(".box4LeftThree").css("font-size", "16px")
            $(".ibusiness .txt h5").css("font-size", "16px")
        }
        if (0.16 * fontSize < 14) {
            $(".box4LeftThree").css("font-size", "14px")
        }
        if (0.18 * fontSize < 16) {
            $(".expert-more").css("font-size", "16px")
        }
        if (0.3 * fontSize < 30) {
            $(".ibusiness .txt h3").css("font-size", "30px")
        }
        if (0.22 * fontSize < 22) {
            $(".ibusiness .txt h4").css("font-size", "22px")
        }
        if (0.18 * fontSize < 18) {
            $(".foot-title").css("font-size", "18px")
        }



    // 鼠标滚动事件
    // function windowAddMouseWheel() {

    //     let that = this;
    //     var i = 0;
    //     var scrollFunc = function (e) {

    //         e = e || window.event;
    //         if (e.wheelDelta) {
    //             //判断浏览器IE，谷歌滑轮事件
    //             if (e.wheelDelta > 0) {
    //                 //当滑轮向上滚动时
    //                 console.log("向上滚动")
    //             } else if (e.wheelDelta < 0) {
    //                 console.log("向下滚动")
    //             }
    //         } else if (e.detail) {
    //             //Firefox滑轮事件
    //             if (e.detail > 0) {
    //                 //当滑轮向上滚动时
    //                 console.log("向上滚动")
    //             } else if (e.detail < 0) {
    //                 //当滑轮向下滚动时
    //                 console.log("向下滚动")
    //             }
    //         }
    //     };
    //     //给页面绑定滑轮滚动事件
    //     if (document.addEventListener) {
    //         //火狐使用DOMMouseScroll绑定
    //         document.addEventListener("DOMMouseScroll", scrollFunc, false);
    //     }
    //     //其他浏览器直接绑定滚动事件
    //     window.onmousewheel = document.onmousewheel = scrollFunc;
    // }
    // windowAddMouseWheel();
    </script>
    
    
    
    <script type="text/babel">
        var vm = new Vue({
            el: "#sy",
            data() {
                return {
                    size: 6,
                    totals: 0,
                    newLists: [],
                    newsId: "1",
                    currentPage: 1,  // 当前页码
                    pagesize: 10,  // 每页显示的行数
                    newest: {},  //最新一条
                    flag: 1,
                    gsyw: true,
                    hydt: true,
                    cggsdt: true,
                    lunboList: [],
                    ie: false
                };
            },
            watch: {
                gsyw(val) {
                    this.gsyw = val

                },
                hydt(val) {
                    this.hydt = val

                },
                cggsdt(val) {
                    this.cggsdt = val
                }
            },
            methods: {

                IEVersion() {
                    let userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
                    let isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
                    let isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
                    let isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
                    if (isIE || isIE11) {
                        //   let reIE = new RegExp("MSIE (\\d+\\.\\d+);");
                        //   reIE.test(userAgent);
                        //   let fIEVersion = parseFloat(RegExp["$1"]);
                        //   if(fIEVersion == 7) {
                        //     alert(7) ;
                        //   } else if(fIEVersion == 8) {
                        //     alert(8);
                        //   } else if(fIEVersion == 9) {
                        //     alert(9);
                        //   } else if(fIEVersion == 10) {
                        //     alert(10);
                        //   } else {
                        //     alert(11);//IE版本<=7
                        //   }
                        return true
                    } else {
                        return false
                    }
                },


                initSwiper() {
                    setTimeout(() => {
                        var swiper = new Swiper('.index-banner-swiper', {
                            spaceBetween: 0,
                            loop: true,
                            pagination: {
                                el: '.swiper-pagination',
                                type: 'fraction',
                                // formatFractionCurrent: function (number) { return '0' + number; },
                                // formatFractionTotal: function (number) { return '0' + number; },
                            },
                            navigation: {
                                nextEl: '.swiper-button-next',
                                prevEl: '.swiper-button-prev',
                            },
                            autoplay: {
                                delay: 8000,
                                disableOnInteraction: false,
                            }
                        });
                    }, 300)

                },
                async GetListFlag(id) {
                    const _this = this
                    let url = '?contentType=' + id + '&pageNum=' + this.currentPage + '&pageSize=' + this.size
                    let res1 = await axios.get(BaseApi + '/front/comNews/news/topping',
                        {
                            params: { contentType: id }
                        }).then(v2 => {
                            if (v2.data.data == "" || v2.data.data == undefined || v2.data.data == null) {
                                return false
                            } else if (JSON.stringify(v2.data.data) == "{}") {
                                return false
                            } else {

                                return true
                            }
                        }).catch(err => {
                            return false
                        });
                    if (!res1) {
                        let res = await axios.get(BaseApi + '/front/comNews/news/list' + url, {}).then(v1 => {

                            if (v1.data.rows.length > 0) {

                                return true
                            } else {
                                return false
                            }
                        }).catch(err => {
                            return false
                        });
                        if (!res) {
                            switch (id) {
                                case "3": _this.cggsdt = false; break;
                                case "1": _this.gsyw = false; break;
                                case "0": _this.hydt = false; break;
                                default: break
                            }

                        }

                    }
                },
                async getLunboList() {
                    this.lunboList = []
                    let temp = await axios.get(BaseApi + '/front/bigAds/findAllPush', {})
                        .then(res => {
                            return res.data.data
                        })
                    this.lunboList = temp
                    this.lunboList.map((v) => {
                        v.pictureUrl = BaseApi + v.pictureUrl

                    })
                    console.log(this.lunboList)
                    this.initSwiper()
                },
                retrieval(id) {
                    this.newLists = [];
                    let url = '?contentType=' + id + '&pageNum=' + this.currentPage + '&pageSize=' + this.size
                    axios.get(BaseApi + '/front/comNews/news/list' + url, {})
                        .then(res => {
                            this.totals = res.data.total;
                            res.data.rows.map((item, index) => {
                                if (index < 6) {
                                    let obj = {
                                        id: item.id,
                                        title: item.title,
                                        // time: item.contentAttrs[2].val,
                                        time: item.releaseTime.trim().split(' ')[0],
                                        order: item.order,
                                        companyName: item.companyName
                                        // url: item.contentAttrs[3].val,
                                        // content: item.txtAttr.content,
                                        // imgUrl: item.contentAttrs[5].contentAttrRes.length > 0 ? item.contentAttrs[5].contentAttrRes[0].resUrl : ''
                                    }
                                    this.newLists.push(obj)

                                }
                                // this.newest = this.newLists.length > 0 ? this.newLists[0] : {}

                                // console.dir(this.newest)
                            });

                        })
                },
                getNewest(id) {
                    this.newestOne = {}
                    let _this = this
                    axios.get(BaseApi + '/front/comNews/news/topping',
                        {
                            params: { contentType: id }
                        }).then(res => {
                            if (res.data.data != "" && res.data.data != undefined && res.data.data != null) {
                                let obj = res.data.data
                                let timeStr = obj.releaseTime.trim().split(' ')[0];
                                let reg = /(\d{4})\-(\d{2})\-(\d{2})/;
                                let date = timeStr.replace(reg, "$2/$3");
                                let year = timeStr.replace(reg, "$1");
                                var objTitle = obj.title.length > 38 ? obj.title.substring(0, 35) + "..." : obj.title
                                _this.newest = {
                                    id: obj.id,
                                    title: objTitle,
                                    time: date,
                                    year: year,
                                    // url: item.contentAttrs[3].val,
                                    content: obj.content,//富文本
                                    // cleanContent:   this.handlePasteText(obj.content).substring(0,75)+"...",//纯文本,
                                    imgUrl: BaseApi + obj.coverUrl,
                                    order: obj.order,
                                    companyName: obj.companyName
                                }

                            }

                        })

                    // this.newestOne = {}
                    // axios.get(BaseApi + '/front/comNews/news/list',
                    //     {
                    //         params: { contentType: id, pageNum: 1, pageSize: 1 }
                    //     }).then(res => {
                    //         let obj = res.data.rows[0]
                    //         this.newest = {
                    //             id: obj.id,
                    //             title: obj.title.length>30?obj.title.substring(0,30)+'...':obj.title,
                    //             time: obj.releaseTime.trim().split(' ')[0],
                    //             // url: obj.contentAttrs[3].val,
                    //             // cleanContent: obj.txtAttrCleanHtml.content,
                    //             imgUrl: BaseApi + obj.coverUrl,
                    //             order: obj.order
                    //         }
                    //     })
                },
                //分页
                // handleCurrentChange(val) {
                //     this.currentPage = val;
                //     this.retrieval("2302")
                // },
                change() {
                    this.retrieval("1")
                    this.getNewest("1")
                    this.newsId = "1"
                    this.flag = 1;
                    document.getElementById("gs").className = "gsdt-one";
                    document.getElementById("gs1").className = "gsdt-title";
                    document.getElementById("hy").className = "gsdt-one1";
                    document.getElementById("hy1").className = "gsdt-title1";
                    document.getElementById("cg").className = "gsdt-one2";
                    document.getElementById("cg1").className = "gsdt-title1";
                },
                change1() {
                    this.retrieval("0")
                    this.getNewest("0")
                    this.newsId = "0"
                    this.flag = 2
                    document.getElementById("gs").className = "gsdt-one1";
                    document.getElementById("gs1").className = "gsdt-title1";
                    document.getElementById("hy").className = "gsdt-one";
                    document.getElementById("hy1").className = "gsdt-title";
                    document.getElementById("cg").className = "gsdt-one2";
                    document.getElementById("cg1").className = "gsdt-title1";
                },
                change2() {
                    this.retrieval("3")
                    this.getNewest("3")
                    this.newsId = "3"
                    this.flag = 3
                    document.getElementById("gs").className = "gsdt-one1";
                    document.getElementById("gs1").className = "gsdt-title1";
                    document.getElementById("hy").className = "gsdt-one1";
                    document.getElementById("hy1").className = "gsdt-title1";
                    document.getElementById("cg").className = "gsdt-one2_1";
                    document.getElementById("cg1").className = "gsdt-title";
                },
                toDetail(item) {
                    window.location.href = "./html/newsDetail.html?id=" + item.id + "&channelId=" + this.newsId + "&order=" + item.order
                },
                toLink() {
                    if (this.flag == 1) {
                        window.location.href = "./html/xwzx.html"
                    } else if (this.flag == 2) {
                        window.location.href = "./html/hydt.html"
                    }
                    else if (this.flag == 3) {
                        window.location.href = "./html/cggsdt.html"
                    }


                }
            },
            created() {
                this.getLunboList()
                this.GetListFlag("1")
                this.GetListFlag("0")
                this.GetListFlag("3")
                // this.initSwiper()
                setTimeout(() => {
                    if (this.gsyw) {
                        this.retrieval("1")
                        this.getNewest("1")
                    } else if (this.hydt) {
                        this.retrieval("0")
                        this.getNewest("0")
                    } else {
                        this.retrieval("3")
                        this.getNewest("3")
                    }
                }, 1000)
            }
        });
    </script>
    <style>
        /* html {
            -webkit-filter: grayscale(100%);
        } */
        .index-banner-swiper .swiper-pagination {
            font-size: 0.16rem !important;
        }

        .index-banner-swiper .swiper-pagination .swiper-pagination-current {
            font-size: 0.28rem !important;
        }

        .index-banner-swiper .swiper-pagination span {
            font-size: 0.16rem !important;
        }

        .index-banner-swiper .swiper-button-next {
            width: 0.38rem !important;
            height: 0.38rem !important;
            right: 0.4rem !important;
        }

        .index-banner-swiper .swiper-button-prev {
            width: 0.38rem !important;
            height: 0.38rem !important;
            left: 0.4rem !important;
        }

        .index-banner-swiper .swiper-pagination {
            font-size: 0.16rem !important;
            line-height: 0.38rem !important;
            height: 0.38rem !important;
        }

        .home-swiper-next,
        .home-swiper-prev {
            top: 0 !important;
            margin-top: 0 !important;
        }
    </style>
<script>
	(function(){
		var canonicalURL, curProtocol;
		//Get the <link> tag
		var x=document.getElementsByTagName("link");
		//Find the last canonical URL
		if(x.length > 0){
			for (i=0;i<x.length;i++){
				if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){
					canonicalURL=x[i].href;
				}
			}
		}
		//Get protocol
	    if (!canonicalURL){
	    	curProtocol = window.location.protocol.split(':')[0];
	    }
	    else{
	    	curProtocol = canonicalURL.split(':')[0];
	    }
	    //Get current URL if the canonical URL does not exist
	    if (!canonicalURL) canonicalURL = window.location.href;
	    //Assign script content. Replace current URL with the canonical URL
    	!function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})();
</script>
</body>

</html>