<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>江西省盐业集团股份有限公司</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <link  rel="stylesheet" href="/util/css/element.css">
    <link  rel="stylesheet" href="/util/css/public.css">
    <link  rel="stylesheet" href="/util/css/floatwindow.css">
    <link  rel="stylesheet" href="/util/css/fullpage.css">
    <link rel="stylesheet" href="/util/css/swiper.css">
    <link rel="stylesheet" href="/util/css/active.css">
    <link  rel="stylesheet" href="/util/css/heard.css">
    <link  rel="stylesheet" href="/util/css/navigation.css">
    <link rel="stylesheet" href="/util/css/footer.css">
    <link rel="stylesheet" href="/util/css/index.css">
    <script src="/util/js/jquery.js"></script>
    <script src="/util/js/vue.js"></script>
    <script src="/util/js/element.js"></script>
    <script src="/util/js/echarts.min.js"></script>
    <script src="/util/js/dateConvert.js"></script>
    <script src="/util/js/public.js"></script>
    <script src="/util/js/axios.js"></script>
    <script src="/util/js/swiper.js"></script>
    <script src="/util/js/request.js" type="module"></script>
    <script src="/util/js/jquery.bay-window.js"></script>
    <script src="/util/js/fullpage.js"></script>
    <script src="/util/js/countUp.js"></script>
</head>
<body>
<div id="heard"></div>
<div class="index" id="App">
    <div class="index_box" id="index">
        <div class="section" id="section0">
            <el-carousel class="swiper" :arrow="'never'" :indicator-position="'none'" :initial-index="initIndex" :interval="8000" @change="changBoxSwiper">
                <el-carousel-item v-for="(item,index) in bannerList" :key="item.id">
                    <div class="swiper_img">
                        <img :src="baseURL+item.imageUrl"  :class="index===initIndex?'swiper_active':''">
                    </div>
                </el-carousel-item>
            </el-carousel>
        </div>
        <div class="section" id="section1">
            <div class="box1">
                <div class="box1_item1">
                    <div class="box1_item_left">
                        <div class="box1_item_left_title">关于江盐</div>
                        <div class="box1_item_left_box1">
                            <div class="box1_item_left_box1_left"></div>
                            <div class="box1_item_left_box1_right" @click.stop="more(0)">
                                <div class="box1_item_left_box1_right_text" >查看更多</div>
                                <div class="box1_item_left_box1_right_img"></div>
                            </div>
                        </div>
                        <div class="box1_item_left_box2">
                            江西省盐业集团股份有限公司（公司简称“江盐集团”；股票代码：601065）是江西省属国有企业，江西省内最大的盐资源综合开发利用企业。近十年来，经过持续不断的市场化改革，江盐集团脱胎换骨，成为十八大以来，全国盐行业、江西省属企业混改试点落地的“第一单”。
                        </div>
                        <div class="box1_item_left_box3">
                            <div class="box1_item_left_box3_item1"></div>
                            <div class="box1_item_left_box3_item2">
                                <div class="box1_item_left_box3_item2_text"><span id="num1">6.40</span>亿吨</div>
                                <div class="box1_item_left_box3_item2_text1">优质岩盐资源储量</div>
                            </div>
                            <div class="box1_item_left_box3_item2">
                                <div class="box1_item_left_box3_item2_text">近<span id="num2">2000</span>亩</div>
                                <div class="box1_item_left_box3_item2_text1">核心生产基地</div>
                            </div>
                        </div>
                        <div class="box1_item_left_box1_right_wap">
                            <div class="box1_item_left_box1_right_text">查看更多</div>
                            <div class="box1_item_left_box1_right_img"></div>
                        </div>
                    </div>
                    <div class="box1_item_right" @click.stop="showDia()">
                        <div class="box1_item_right_img">
                            <div class="box1_item_right_yuan" ></div>
                            <div class="box1_item_right_start"></div>
                        </div>
                    </div>
                </div>
                <div class="box1_item2">
                    <div class="box1_item2_box" v-for="item in unitList" :key="item.id" @click.stop="toInfo(item)">
                        <div class="box1_item2_box_bottom_title">{{item.title}}</div>
                        <div class="box1_item2_box_bottom_text">{{item.description!=null?item.description:""}}</div>
                        <div class="box1_item2_box_img"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section" id="section2">
            <div class="box2" >
                <div class="box2_item1">
                    <div class="box2_item1_top">
                        <div class="box2_item1_left">
                            <div class="box2_item1_left_title">媒体视野</div>
                            <div class="box2_item1_left_box1"></div>
                        </div>
                        <div class="box2_item1_right_top">
                            <div class="box2_item1_right_top_title" ref="boxItem" :class="index===newsActiveIndex?'box2_item1_right_top_title_active':''"  v-for="(item,index) in newsColumnList" :key="item.id" @mouseover="handleMouseOver(index)" @click.stop="setNews(item.id,index)" @mouseleave="handleMouseLeave">{{item.columnName}}</div>
                            <div class="box2_item1_right_top_title1" ref="hua"></div>
                        </div>
                    </div>
                    <div class="box2_item1_bottom">
                        <div class="box2_item1_left_swiper swiper-container ">
                            <div class="box2_item1_left_swiper_box_item swiper-wrapper">
                                <div class="box2_item1_left_swiper_box swiper-slide"  v-for="item in newsList" :key="item.id" @click.stop="toInfo(item)">
                                    <div class="box2_item1_left_swiper_top">
                                        <img :src="baseURL+item.imageUrl" class="box2_item1_left_swiper_img" />
                                        <div class="box2_item1_left_top_date">
                                            <div class="box2_item1_left_top_date_text1">{{item?.releaseTime?.split("-")[2]}}</div>
                                            <div class="box2_item1_left_top_date_text2">{{item?.releaseTime?.split("-")[0]}}/{{item?.releaseTime?.split("-")[1]}}</div>
                                        </div>
                                    </div>
                                    <div class="box2_item1_left_swiper_bottom">
                                        <div class="box2_item1_left_swiper_bottom_title">{{item.title}}</div>
                                        <div class="box2_item1_left_swiper_bottom_text">{{item.description!=null?item.description:""}}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="box2_pagination1 swiper-pagination">
                                <div class="pagination1"></div>
                            </div>
                        </div>

                        <div class="box2_item1_right">
                            <div class="box2_item1_right_bottom">
                                <div class="box2_item1_right_bottom_item" v-for="item in newsList" :key="item.id" @click.stop="toInfo(item)">
                                    <div class="box2_item1_right_bottom_item_left">
                                        <img :src="baseURL+item.imageUrl" class="box2_item1_right_bottom_item_img" />
                                        <div class="box2_item1_right_bottom_item_left_date">
                                            <div class="box2_item1_right_bottom_item_left_date_text">{{item?.releaseTime?.split("-")[2]}}</div>
                                            <div class="box2_item1_right_bottom_item_left_date_text1">{{item?.releaseTime?.split("-")[0]}}/{{item?.releaseTime?.split("-")[1]}}</div>
                                        </div>
                                    </div>
                                    <div class="box2_item1_right_bottom_item_right">
                                        <div class="box2_item1_right_bottom_item_right_title">{{item.title}}</div>
                                        <div class="box2_item1_right_bottom_item_right_text">{{item.description!=null?item.description:""}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="more" @click.stop="newsMore()">查看更多</div>
            </div>
        </div>
        <div class="section" id="section3">
            <div class="box3">
                <div class="box3_item1">
                    <div class="box3_item1_title">党的建设</div>
                    <div class="box3_item1_xian"></div>
                </div>
                <div class="box3_item2">
                    <div class="box3_item2_swiper swiper-container" >
                        <div class="swiper-wrapper  box3_swiper">
                            <div class="box3_item2_box swiper-slide" v-for="item in specialList" :key="item.id" >
                                <div class="box3_item2_box_item" @click.stop="toSpecial(item)">
                                    <div class="box3_item2_box_item_top">
                                        <img :src="baseURL+item.imageUrl" class="box3_item2_box_item_top_img" />
                                    </div>
                                    <div class="box3_item2_box_item_bottom">{{item.columnName}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box3_bottom">
                    <img src="img/index/box3_bottom_left.png" class="box3_bottom_left">
                    <div class="pagination2"></div>
                    <img src="img/index/box3_bottom_right.png" class="box3_bottom_right">
                </div>
                <div class="more" @click.stop="more('themeEducation.html','53')">查看更多</div>
            </div>
        </div>
        <div class="section" id="section4">
            <div class="box4">
                <div class="box4_title">业务版图</div>
                <div class="box4_xian"></div>
                <div class="box4_item1">
                    <div class="box4_item1_box" v-for="(item,index) in saltList" :key="item.id" @click.stop="setSaltIndex(index)">
                        <div class="box4_item1_box_left" >
                            <div class="box4_item1_box_left_text">{{item.columnName}}</div>
                        </div>
                        <div class="box4_item1_box_right" :style="{width:index===saltInitIndex?getWidth:''}">
                            <img src="img/index/box4Img11.png">
                        </div>
                    </div>
                </div>
                <div class="box4_item3">
                    <div class="box4_item3_top">
                        <div class="box4_item3_top_box1 box4_item3_top_active">食用盐</div>
                        <div class="box4_item3_top_box1">日化盐</div>
                        <div class="box4_item3_top_box1" >工业盐</div>
                        <div class="box4_item3_top_box1">盐化工</div>
                    </div>
                    <div class="box4_item3_bottom">
                        <img src="img/index/box4Img11.png">
                    </div>
                </div>
                <div class="more" @click.stop="more('edibleSalt.html','67')">查看更多</div>
            </div>
        </div>
        <div class="section" id="section5">
            <div class="box5">
                <div class="box5_title">投资者中心</div>
                <div class="box5_xian"></div>
                <div class="box5_item1">
                    <div class="box5_item1_left">
                        <div class="box5_item1_left_top">
                            <div class="box5_item1_left_top_box1">
                                <div  class="box5_item1_left_top_text">股票信息</div>
                                <span class="box5_item1_left_bottom_text"></span>
                            </div>
                            <div class="box5_item1_left_top_box">

                            </div>
                        </div>
                        <div class="box5_item1_left_bottom">
                            <div class="box5_item1_left_bottom_img" id="chart_main"></div>
                        </div>
                    </div>
                    <div class="box5_item1_right">
                        <div class="box5_item1_right_text">公告</div>
                        <div class="box5_item1_right_box" v-for="item in noticeList" :key="item.id" @click.stop="toInfo(item)">
                            <div class="box5_item1_right_text1">{{item.releaseTime}}</div>
                            <div class="box5_item1_right_text2">{{item.title}}</div>
                        </div>
                    </div>
                </div>
                <div class="more" @click.stop="more('publicAnnouncement.html','55')">查看更多</div>
            </div>
        </div>
        <div class="section" id="section6">
            <div class="box7">
                <div class="box5_title">ESG建设</div>
                <div class="box5_xian"></div>
                <div class="box7_item1">
                    <div class="box7_item1_box">
                        <div class="box7_item1_box_item" v-for="item in esgList" :key="item.id" @click.stop="toInfo(item)">
                            <img :src="baseURL+item.imageUrl"  class="box7_item1_box_top">
                            <div class="box7_item1_box_bottom">
                                <div class="box7_item1_box_bottom_text">{{item.title}}</div>
                                <div class="box7_item1_box_bottom_text1">{{item.description!=null?item.description:""}}</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="more" @click.stop="more('photoNews.html','58')">查看更多</div>
            </div>
        </div>
        <div class="section" id="section7">
            <div class="box8">
                <div class="box5_title">加入我们</div>
                <div class="box5_xian"></div>
                <div class="box8_item">
                    <div class="box8_item_left">
                        <div class="box8_item_left_img">
                            人力资源发展
                        </div>
                        <div class="box8_item_left_top">
                            <div class="box8_item_left_top_text" v-html="talentInfo?.content">
                            </div>
                            <div class="box8_item_left_top_box">
                                <div class="box8_img1"></div>
                                <div class="box8_img2"></div>
                                <div class="box8_img3"></div>
                                <div class="box8_img4"></div>
                                <div class="box8_img5"></div>
                            </div>
                        </div>
                    </div>
                    <div class="box8_item_right">
                        <div class="box8_item_right_top">
                            <div class="box8_item_right_top_box"></div>
                            <div class="box8_item_right_top_title">招聘资讯</div>
                            <div class="box8_item_right_top_box"></div>
                        </div>
                        <div class="box8_item_right_bottom">
                            <div class="box8_item_right_bottom_item" v-for="item in recruitList" :key="item.id"  @click.stop="toInfo(item)">
                                <div class="box8_item_right_bottom_item_box">
                                    <div class="box8_item_right_bottom_item_box_text">{{item.title}}</div>
                                    <div class="box8_item_right_bottom_item_box_text1">发布时间：{{item.releaseTime}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box8_more">
                    <div class="box8_more_text" @click.stop="more('infoNotice.html','41')">
                        查看更多
                    </div>
                </div>
            </div>
        </div>
        <div class="section footer fp-auto-height" id="section8">
            <div id="footer"></div>
        </div>
    </div>
    <el-dialog class="dia"  title="关于江盐"  center :visible.sync="showVideo" @close="handleClose">
        <div class="dia_content">
            <video :src="videoInfo?.shiping" controls ref="video"></video>
        </div>
    </el-dialog>
    <ul class="index_section">
        <li @click.stop="pageTo('firstPage','0')">
            <div class="index_section_item_yuan"></div>
            <div class="index_section_item_text">首页</div>
        </li>
        <li @click.stop="pageTo('secondPage','1')">
            <div class="index_section_item_yuan"></div>
            <div class="index_section_item_text">关于江盐</div>
        </li>
        <li @click.stop="pageTo('thirdPage','2')">
            <div class="index_section_item_yuan"></div>
            <div class="index_section_item_text">媒体视野</div>
        </li>
        <li @click.stop="pageTo('fourthPage','3')">
            <div class="index_section_item_yuan"></div>
            <div class="index_section_item_text">党的建设</div>
        </li>
        <li @click.stop="pageTo('fivePage','4')">
            <div class="index_section_item_yuan"></div>
            <div class="index_section_item_text">业务版图</div>
        </li>
        <li @click.stop="pageTo('sixPage','5')">
            <div class="index_section_item_yuan"></div>
            <div class="index_section_item_text">投资者中心</div>
        </li>
        <!--    <li @click.stop="pageTo('seventhPage','6')">-->
        <!--        <div class="index_section_item_yuan"></div>-->
        <!--        <div class="index_section_item_text">招标采购</div>-->
        <!--    </li>-->
        <li @click.stop="pageTo('seventhPage','6')">
            <div class="index_section_item_yuan"></div>
            <div class="index_section_item_text">ESG建设</div>
        </li>
        <li @click.stop="pageTo('eighthPage','7')">
            <div class="index_section_item_yuan"></div>
            <div class="index_section_item_text">加入我们</div>
        </li>

    </ul>
</div>
</body>
<script src="/util/js/stock.js"></script>
<script type="module">
    import menuModel from "/model/menuModel.js";
    import newsModel from "/model/newsModel.js";
    import footerModel from "/model/footerModel.js"
    const footer = new footerModel();
    const menu=new  menuModel();
    const news=new  newsModel();
    const app = new Vue({
        el:'#App',
        data(){
            return {
                baseURL:baseURL,
                bannerList:[],//轮播图
                initIndex:0,//轮播图索引
                options: {
                    useEasing: true, 	 	// 使用缓和
                    useGrouping: false,	// 使用分组(是否显示千位分隔符,一般为 true)
                    separator: ',',		// 分隔器(千位分隔符,默认为',')
                    decimal: '.',			// 十进制(小数点符号,默认为 '.')
                    prefix: '',			// 字首(数字的前缀,根据需要可设为 $,¥,￥ 等)
                    suffix: ''			// 后缀(数字的后缀 ,根据需要可设为 元,个,美元 等)
                },//数字滚动配置
                unitList:[],//权属单位
                newsColumnList:JSON.parse(localStorage.getItem("list"))[2].children,//新闻栏目
                activeNewsId:JSON.parse(localStorage.getItem("list"))[2].children[0].id,//当前激活的新闻栏目id
                newsList:[],//新闻列表
                newsInitIndex:0,////当前激活的新闻栏目初始化索引
                newsActiveIndex:0,//当前激活的新闻栏目索引
                specialList:[], //专题列表
                saltList:JSON.parse(localStorage.getItem("list"))[4].children,//盐业文化
                saltInitIndex:0,//当前激活的盐业文化初始化索引
                noticeList:[],//公告列表
                esgList:[],//ESG列表
                recruitList:[],//招聘列表
                videoInfo:{},//视频信息
                talentInfo:{},//人才招聘信息
                showVideo:false,//视频弹窗
                bayList:[],//飘窗
                fullpage_api:null,//一屏初始化对象
                newsSwiper:null,//新闻栏目swiper
            }
        },
        methods:{
            //获取轮播图
            getBanner(){
                news.getBanner({siteId}).then(res=>{
                    if(res.code===200){
                        this.bannerList=res.rows
                    }
                })
            },
            changBoxSwiper(val){
                this.initIndex=val;
            },
            //获取导航栏
            getMenu(){
                let obj={
                    siteId
                }
                menu.getNav(obj).then(res=>{
                    if(res.code===200){
                        $("#heard").load("/util/heard.html")
                        $("#footer").load("/util/footer.html")
                        localStorage.setItem("list",JSON.stringify(res.data));
                    }
                })
            },
            //获取权属单位
            getUnit(){
                let obj={
                    columnId:73,
                    siteId
                    // homeTopUp:1,
                }
                news.getIndexNews(obj).then((res)=>{
                    if(res.code===200){
                        this.unitList=res.rows.splice(0,4)
                    }
                }).catch((err)=>{
                    console.log(err)
                })
            },
            /**
             *新闻栏目切换
             * */
            getNews(){
                let obj={
                    pageNum:1,
                    pageSize:3,
                    columnId:this.activeNewsId,
                }
                news.getIndexNews(obj).then((res)=> {
                    if (res.code === 200) {
                        this.newsList=res.rows;
                        this.$nextTick(()=>{
                            this.newsSwiper= new Swiper('.box2_item1_left_swiper', {
                                autoplay: {
                                    delay: 10000,
                                    stopOnLastSlide: false,
                                    disableOnInteraction: false,
                                },
                                disableDraggable: true,
                                loop: true,  //设置为true 则开启loop模式
                                pagination: {
                                    el: '.pagination1',
                                    clickable: true,
                                },
                            });
                        })
                    }
                })
            },
            handleMouseOver(index) {
                this.newsActiveIndex=index;
                let width=this.$refs.boxItem[0].offsetWidth;
                this.$refs.hua.style.left = ((index * width) +width/2) + 'px';
                // 这里可以执行其他逻辑，如改变样式等
            },
            handleMouseLeave() {
                this.newsActiveIndex=this.newsInitIndex;
                let width=this.$refs.boxItem[0].offsetWidth;
                this.$refs.hua.style.left = ((this.newsActiveIndex * width)+width/2)+ 'px';
                // 这里可以执行其他逻辑，如恢复样式等
            },
            navLink(item){
                location.href = `/${item.path}?column=${item.id}`;
            },
            newsInit(){
                this.newsActiveIndex=this.newsInitIndex;
                let width=this.$refs.boxItem[0].offsetWidth;
                this.$refs.hua.style.width = width/2 + 'px';
                this.$refs.hua.style.left = ((this.newsActiveIndex * width)+width/2)+ 'px';
            },
            setNews(id,index){
                this.activeNewsId=id;
                this.newsInitIndex=index;
                let width=this.$refs.boxItem[0].offsetWidth;
                this.$refs.hua.style.width = width/2 + 'px';
                this.$refs.hua.style.left = ((this.newsInitIndex * width)+width/2)+ 'px';
                this.getNews();
            },
            /**
             *新闻栏目切换结束
             * */
            //获取专栏
            getSpecial(){
                news.getSpecialColumn({siteId}).then(res=>{
                    if(res.code==200){
                        this.specialList=res.rows;
                        this.wapSpecialList=res.rows;
                        this.$nextTick(()=>{
                            if(/Android|webOS|iPhone|iPod|BlackBerry|iPad|iPad Pro|SymbianOS/i.test(navigator.userAgent)) {
                                const mySwiper2 = new Swiper('.box3_item2_swiper', {
                                    autoplay: {},
                                    navigation: {
                                        nextEl: '.box3_bottom_right',
                                        prevEl: '.box3_bottom_left',
                                    },
                                    loop: true,  //设置为true 则开启loop模式
                                    pagination: {
                                        el: '.pagination2',
                                        clickable: true,
                                    },
                                });

                            }else {
                                const mySwiper2 = new Swiper('.box3_item2_swiper', {
                                    slidesPerView: 3,
                                    allowSwipeToNext: false,
                                    allowSwipeToPrev: false,
                                    autoplay: {
                                        delay: 6000,
                                        stopOnLastSlide: false,
                                        disableOnInteraction: false,
                                    },
                                    loop: true,
                                    navigation: {
                                        nextEl: '.box3_bottom_right',
                                        prevEl: '.box3_bottom_left',
                                    },
                                });
                            }
                        })
                    }
                })
            },
            //获取盐业文化
            setSaltIndex(index){
              this.saltInitIndex=index;
            },
            //获取股票信息
            ajaxUrl(){
                let param = { period: 'day' }
                myChart.showLoading();
                $.ajax({
                    url:'https://yunhq.sse.com.cn:32042/v1/sh1/snap/601065',
                    // ?callback=jQuery18307851810713615026_1720002147929&begin=0&end=-1&select=code%2Cbid%2Cask%2Clast%2Cchange%2Cchg_rate%2Cprev_close%2Copen%2Clow%2Camount%2Cvolume%2Chigh&_=1720002147954
                    type: "GET",
                    dataType: "jsonp",
                    data: param,
                    success: function (data) {
                        let date=data.date
                        let temp=data.snap
                        $(".box5_item1_left_top_box").children().remove();
                        $(".box5_item1_left_top_box").append(`
                        <div class="box5_item1_left_top_text1">SH 601065</div>
                        <div class="box5_item1_left_top_text2">${temp[5]}</div>
                        <img src="img/index/box5Icon1.png" class="box5_item1_left_top_icon">
                        <img src="img/index/box5Icon2.png" class="box5_item1_left_top_icon">
                        <div class="box5_item1_left_top_text3">${temp[6]}</div>
                        <div class="box5_item1_left_top_text3">${temp[7]}%</div>
                `)
                        $(".box5_item1_left_bottom_text").text(`更新时间:${date}`)
                    }
                });
            },

            //获取公告
            getNotice(){
                let obj={
                    columnId:55,
                    pageNum:1,
                    pageSize:2
                }
                news.getIndexNews(obj).then((res)=> {
                    if (res.code === 200) {
                        this.noticeList=res.rows
                    }
                })
            },
            //获取ESG数据
            getEsg(){
                let obj={
                    columnId:58,
                    pageNum:1,
                    pageSize:3
                }
                news.getIndexNews(obj).then((res)=> {
                    if (res.code === 200) {
                        this.esgList=res.rows;
                    }
                })
            },
            //获取招聘信息
            getRecruit(){
                let obj={
                    columnId:41,
                    pageNum:1,
                    pageSize:3
                }
                news.getIndexNews(obj).then((res)=> {
                    if (res.code === 200) {
                        this.recruitList=res.rows
                    }
                })
            },
            handleClose(){
                this.$refs.video.pause();
                this.showVideo=false;
            },
            //监听滚动
            handleScroll(){
                let h = document.documentElement.scrollTop || document.body.scrollTop;
                if (h > 60) {
                    $(".heard_box").addClass('heard_box1')
                } else if (h <= 116) {
                    $(".heard_box").removeClass('heard_box1')
                }
            },
            //一屏初始化
            init(){
               this.fullpage_api=new fullpage("#index",{
                    verticalCentered: true,
                    menu: '#menu',
                    resize:true,
                    anchors:['firstPage', 'secondPage', 'thirdPage','fourthPage','fivePage','sixPage','seventhPage','eighthPage','ninthPage',],
                    afterLoad: function(anchorLink, {index}){
                        $(".index_section").children().eq(index).addClass('index_section_item_active').siblings().removeClass('index_section_item_active')
                        switch (index) {
                            case 1:
                                $(".box1").addClass('box1_active')
                                $(".box1_item_left").addClass('leftActive')
                                $(".box1_item_right").addClass('rightActive')
                                setTimeout(()=>{
                                    new CountUp("num1", 0, 6.4, 1, 3, this.options).start();
                                    new CountUp("num2", 0, 2000, 0,3, this.options).start();
                                    $(".box1_item2").addClass('topActive')
                                },2000)
                                $(".box2").removeClass('box2_active')
                                $(".box2_item1_top").removeClass('leftActive')
                                $(".box2_item1_bottom").removeClass('rightActive')
                                $(".box3").removeClass('box3_active')
                                $(".box3_item2").removeClass('topActive')
                                $(".box3_bottom").removeClass('topActive')
                                $(".box4").removeClass('box4_active')
                                $(".box4_item1").removeClass('topActive')
                                $(".box5").removeClass('box5_active')
                                $(".box5_item1_left").removeClass('leftActive')
                                $(".box5_item1_right").removeClass('rightActive')
                                $(".box6").removeClass('box6_active');
                                $(".box6_item").removeClass('topActive')
                                $(".box7").removeClass('box7_active')
                                $(".box7_item1").removeClass('topActive')
                                $(".box8").removeClass('box8_active')
                                $(".box8_item_left").removeClass('leftActive')
                                $(".box8_item_right").removeClass('rightActive')
                                break;
                            case 2:
                                $(".box2").addClass('box2_active')
                                $(".box2_item1_top").addClass('leftActive')
                                $(".box2_item1_bottom").addClass('rightActive')
                                $(".box1").removeClass('box1_active')
                                $(".box1_item_left").removeClass('leftActive')
                                $(".box1_item_right").removeClass('rightActive')
                                $(".box1_item2").removeClass('topActive')
                                $(".box3").removeClass('box3_active')
                                $(".box3_item2").removeClass('topActive')
                                $(".box3_bottom").removeClass('topActive')
                                $(".box4").removeClass('box4_active')
                                $(".box4_item1").removeClass('topActive')
                                $(".box5").removeClass('box5_active')
                                $(".box5_item1_left").removeClass('leftActive')
                                $(".box5_item1_right").removeClass('rightActive')
                                $(".box6").removeClass('box6_active');
                                $(".box6_item").removeClass('topActive')
                                $(".box7").removeClass('box7_active')
                                $(".box7_item1").removeClass('topActive')
                                $(".box8").removeClass('box8_active')
                                $(".box8_item_left").removeClass('leftActive')
                                $(".box8_item_right").removeClass('rightActive')

                                break;
                            case 3:
                                $(".box3").addClass('box3_active')
                                $(".box3_item2").addClass('topActive')
                                $(".box3_bottom").addClass('topActive')
                                $(".box1").removeClass('box1_active')
                                $(".box1_item_left").removeClass('leftActive')
                                $(".box1_item_right").removeClass('rightActive')
                                $(".box1_item2").removeClass('topActive')
                                $(".box2").removeClass('box2_active')
                                $(".box2_item1_top").removeClass('leftActive')
                                $(".box2_item1_bottom").removeClass('rightActive')
                                $(".box4").removeClass('box4_active')
                                $(".box4_item1").removeClass('topActive')
                                $(".box5").removeClass('box5_active')
                                $(".box5_item1_left").removeClass('leftActive')
                                $(".box5_item1_right").removeClass('rightActive')
                                $(".box6").removeClass('box6_active');
                                $(".box6_item").removeClass('topActive')
                                $(".box7").removeClass('box7_active')
                                $(".box7_item1").removeClass('topActive')
                                $(".box8").removeClass('box8_active')
                                $(".box8_item_left").removeClass('leftActive')
                                $(".box8_item_right").removeClass('rightActive')
                                break;
                            case 4:
                                $(".box4").addClass('box4_active')
                                $(".box4_item1").addClass('topActive')
                                $(".box1").removeClass('box1_active')
                                $(".box1_item_left").removeClass('leftActive')
                                $(".box1_item_right").removeClass('rightActive')
                                $(".box1_item2").removeClass('topActive')
                                $(".box2").removeClass('box2_active')
                                $(".box2_item1_top").removeClass('leftActive')
                                $(".box2_item1_bottom").removeClass('rightActive')
                                $(".box3").removeClass('box3_active')
                                $(".box3_item2").removeClass('topActive')
                                $(".box3_bottom").removeClass('topActive')
                                $(".box5").removeClass('box5_active')
                                $(".box5_item1_left").removeClass('leftActive')
                                $(".box5_item1_right").removeClass('rightActive')
                                $(".box6").removeClass('box6_active');
                                $(".box6_item").removeClass('topActive')
                                $(".box7").removeClass('box7_active')
                                $(".box7_item1").removeClass('topActive')
                                $(".box8").removeClass('box8_active')
                                $(".box8_item_left").removeClass('leftActive')
                                $(".box8_item_right").removeClass('rightActive')
                                break;
                            case 5:
                                $(".box5").addClass('box5_active')
                                $(".box5_item1_left").addClass('leftActive')
                                $(".box5_item1_right").addClass('rightActive')
                                $(".box1").removeClass('box1_active')
                                $(".box1_item_left").removeClass('leftActive')
                                $(".box1_item_right").removeClass('rightActive')
                                $(".box1_item2").removeClass('topActive')
                                $(".box2").removeClass('box2_active')
                                $(".box2_item1_top").removeClass('leftActive')
                                $(".box2_item1_bottom").removeClass('rightActive')
                                $(".box3").removeClass('box3_active')
                                $(".box3_item2").removeClass('topActive')
                                $(".box3_bottom").removeClass('topActive')
                                $(".box4").removeClass('box4_active')
                                $(".box4_item1").removeClass('topActive')
                                $(".box6").removeClass('box6_active');
                                $(".box6_item").removeClass('topActive')
                                $(".box7").removeClass('box7_active')
                                $(".box7_item1").removeClass('topActive')
                                $(".box8").removeClass('box8_active')
                                $(".box8_item_left").removeClass('leftActive')
                                $(".box8_item_right").removeClass('rightActive')
                                break;
                            // case 6:
                            //     $(".box6").addClass('box6_active');
                            //     $(".box6_item").addClass('topActive')
                            //     $(".box1").removeClass('box1_active')
                            //     $(".box1_item_left").removeClass('leftActive')
                            //     $(".box1_item_right").removeClass('rightActive')
                            //     $(".box1_item2").removeClass('topActive')
                            //     $(".box2").removeClass('box2_active')
                            //     $(".box2_item1_top").removeClass('leftActive')
                            //     $(".box2_item1_bottom").removeClass('rightActive')
                            //     $(".box3").removeClass('box3_active')
                            //     $(".box3_item2").removeClass('topActive')
                            //     $(".box3_bottom").removeClass('topActive')
                            //     $(".box4").removeClass('box4_active')
                            //     $(".box4_item1").removeClass('topActive')
                            //     $(".box5").removeClass('box5_active')
                            //     $(".box5_item1_left").removeClass('leftActive')
                            //     $(".box5_item1_right").removeClass('rightActive')
                            //     $(".box7").removeClass('box7_active')
                            //     $(".box7_item1").removeClass('topActive')
                            //     $(".box8").removeClass('box8_active')
                            //     $(".box8_item_left").removeClass('leftActive')
                            //     $(".box8_item_right").removeClass('rightActive')
                            //     break;
                            case 6:
                                $(".box7").addClass('box7_active')
                                $(".box7_item1").addClass('topActive')
                                $(".box1").removeClass('box1_active')
                                $(".box1_item_left").removeClass('leftActive')
                                $(".box1_item_right").removeClass('rightActive')
                                $(".box1_item2").removeClass('topActive')
                                $(".box2").removeClass('box2_active')
                                $(".box2_item1_top").removeClass('leftActive')
                                $(".box2_item1_bottom").removeClass('rightActive')
                                $(".box3").removeClass('box3_active')
                                $(".box3_item2").removeClass('topActive')
                                $(".box3_bottom").removeClass('topActive')
                                $(".box4").removeClass('box4_active')
                                $(".box4_item1").removeClass('topActive')
                                $(".box5").removeClass('box5_active')
                                $(".box5_item1_left").removeClass('leftActive')
                                $(".box5_item1_right").removeClass('rightActive')
                                $(".box6").removeClass('box6_active');
                                $(".box6_item").removeClass('topActive')
                                $(".box8").removeClass('box8_active')
                                $(".box8_item_left").removeClass('leftActive')
                                $(".box8_item_right").removeClass('rightActive')
                                break;
                            case 7:
                                $(".box1").removeClass('box1_active')
                                $(".box1_item_left").removeClass('leftActive')
                                $(".box1_item_right").removeClass('rightActive')
                                $(".box1_item2").removeClass('topActive')
                                $(".box2").removeClass('box2_active')
                                $(".box2_item1_top").removeClass('leftActive')
                                $(".box2_item1_bottom").removeClass('rightActive')
                                $(".box3").removeClass('box3_active')
                                $(".box3_item2").removeClass('topActive')
                                $(".box3_bottom").removeClass('topActive')
                                $(".box4").removeClass('box4_active')
                                $(".box4_item1").removeClass('topActive')
                                $(".box5").removeClass('box5_active')
                                $(".box5_item1_left").removeClass('leftActive')
                                $(".box5_item1_right").removeClass('rightActive')
                                $(".box6").removeClass('box6_active');
                                $(".box6_item").removeClass('topActive')
                                $(".box7").removeClass('box7_active')
                                $(".box7_item1").removeClass('topActive')
                                $(".box8").addClass('box8_active')
                                $(".box8_item_left").addClass('leftActive')
                                $(".box8_item_right").addClass('rightActive')
                                break;
                            case 8:
                                $(".box8").addClass('box8_active')
                                break
                            default:
                                $(".box1").removeClass('box1_active')
                                $(".box1_item_left").removeClass('leftActive')
                                $(".box1_item_right").removeClass('rightActive')
                                $(".box1_item2").removeClass('topActive')
                                $(".box2").removeClass('box2_active')
                                $(".box2_item1_top").removeClass('leftActive')
                                $(".box2_item1_bottom").removeClass('rightActive')
                                $(".box3").removeClass('box3_active')
                                $(".box3_item2").removeClass('topActive')
                                $(".box3_bottom").removeClass('topActive')
                                $(".box4").removeClass('box4_active')
                                $(".box4_item1").removeClass('topActive')
                                $(".box5").removeClass('box5_active')
                                $(".box5_item1_left").removeClass('leftActive')
                                $(".box5_item1_right").removeClass('rightActive')
                                $(".box6").removeClass('box6_active');
                                $(".box6_item").removeClass('topActive')
                                $(".box7").removeClass('box7_active')
                                $(".box7_item1").removeClass('topActive')
                                $(".box8").removeClass('box8_active')
                                $(".box8_item_left").removeClass('leftActive')
                                $(".box8_item_right").removeClass('rightActive')
                                break;
                        }
                        if(index>0){
                            $(".heard_box").addClass('heard_box1')
                        }else {
                            $(".heard_box").removeClass('heard_box1')
                        }
                    },
                    onLeave: function(index, direction){
                    },
                });
            },
            newsMore(){
                let obj=this.newsColumnList.find(item=>item.id===this.activeNewsId);
                location.href=`/${obj.path}?column=${obj.id}`;
            },
            more(path,column){
                location.href=`/${path}?column=${column}`;
            },
            //视频弹框
            showDia(){
                this.showVideo = true;
            },
            pageTo(page,val) {
                fullpage_api.moveTo(page, val)
            },
            //获取视频
            getVideo(){
                let columnId=34
                news.getSingleDetail({columnId}).then(res=>{
                    if(res.code==200){
                        this.videoInfo=res.data.extraData
                    }
                })
            },
            //新闻详情
            toInfo(item){
                if(item.type==='1'){
                    window.open(item.outSideUrl,'_black');
                }else if(item.type==='2'){
                    let link = document.createElement('a');
                    link.style.display = 'none';
                    link.href =this.baseURL+item.articleFile;
                    link.setAttribute('download',item.fileName) //设置下载属性 以及文件名
                    document.body.appendChild(link);
                    link.click();
                    document.body.removeChild(link);
                    // const url = window.URL.createObjectURL(new Blob([res], {type: "blobType"}));
                    // link.href = url;
                    // link.setAttribute('download',state.sortie.rackNumber+"机身定检预警.xls");//设置下载的文件名示

                    // window.URL.revokeObjectURL(url);//释放内存
                } else {
                    window.open(item.htmlPath,'_black');
                }
            },
            toSpecial(val){
                location.href=`/themeEducation.html?column=53&columnId=${val.id}`
            },
            //获取人才发展数据
            getTalent(){
                let columnId=42
                news.getSingleDetail({columnId}).then(res=>{
                    if(res.code==200){
                        this.talentInfo=res.data
                    }
                })
            },
        },
        computed:{
            getWidth() {
                let width=$(".box4_item1").width()-($('.box4_item1_box_left').width()*4);
                return width+'px'
            },
        },
        created(){
            this.getMenu();
            this.getBanner();
            this.getUnit();
            this.getNews();
            this.getSpecial();
            this.getNotice();
            this.getEsg();
            this.getRecruit();
            this.getVideo();
            this.getTalent();
        },
        mounted(){
            if(/Android|webOS|iPhone|iPod|BlackBerry|iPad|iPad Pro|SymbianOS/i.test(navigator.userAgent)) {
               if(this.fullpage_api){
                   this.fullpage_api.destroy('all');
               }
            }else {
                this.init();
            }
            this.newsInit();
            setEchartsId('chart_main')
            this.ajaxUrl();
            timeAjaxUrl();
            // setInterval(()=>{
            //     this.ajaxUrl();
            //     timeAjaxUrl();
            // },60000);
            window.addEventListener('scroll', this.handleScroll);

        },
        beforeDestroy() {
            window.removeEventListener('scroll', this.handleScroll);

        },
    })
</script>

</html>
