<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>南昌工学院</title>
    <meta content="南昌工学院官网,南工,南昌工学院官方网站,统招本科,统招专科" name="keywords" />
    <meta content="南昌工学院是经教育部批准的一所全日制普通本科高校，也是全国高校民族预科教育基地。学校由江西省委原书记傅雨田等一批老同志创办于1988年，首开江西民办教育先河，其敢为人先的办学事迹被载入《江西学府志》，誉为“江西社会力量办学的骄傲”。中央政治局原常委吴官正称赞道：“赣江大学为江西人民办了一件好事。”学校先后经历了赣江大学、赣江专修学院、江西赣江职业技术学院、南昌工学院几个历史发展时期。" name="description" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=EmulateIE7">
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <link  rel="stylesheet" href="css/element.css">
    <link  rel="stylesheet" href="css/public.css">
    <link  rel="stylesheet" href="css/floatwindow.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/banner.css">
    <script src="js/jquery.js"></script>
    <script src="js/jquery.bay-window.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/rem.js"></script>
    <script src="js/public.js"></script>
    <script src="js/axios.js"></script>
    <script src="js/request.js" type="module"></script>
    <script src="js/element.js"></script>

</head>
<body>
<div id="head"></div>
<div id="index">
    <!--轮播图--->
    <div class="swiper_box"  id="swiper">
        <div class="swiper_box_content">
            <div class="swiper_box_content_box1"  ref="swiper">
                <div class="swiper_box1_item"   v-for="(item,index) in bannerList" :key="item.id">
                    <img :src="baseURL+item.homeImg">
                </div>
            </div>
            <div class="swiper_box_content_box2">
                <div class="box2_item" v-for="(item,index) in bannerList" :class="activeIndex===index?'box2_item_active':''"></div>
            </div>
            <div class="swiper_box_left" @click="setSwiperIndex('prev')"></div>
            <div class="swiper_box_right" @click="setSwiperIndex('next')"></div>
        </div>
    </div>

    <!--手机端轮播开始-->
    <div class="swiper1">
        <el-carousel :interval="1000"  arrow="never">
            <el-carousel-item v-for="item in bannerList" :key="item.id">
                <div class="swiper1_img_box">
                    <img :src="baseURL+item.homeImg" class="swiper1_img">
                </div>
            </el-carousel-item>
        </el-carousel>
    </div>
    <!--手机端轮播结束-->

    <!--轮播结束--->
    <div class="main">
        <div class="wap_float_box">
            <div class="wap_float_box_item">
                <a href="https://ehall.ncpu.edu.cn/" target="_blank">
                    <div class="icon1"></div>
                    <div class="wap_float_box_item_text">智慧校园</div>
                </a>
            </div>
            <div class="wap_float_box_item">
                <a href="http://office.ncpu.edu.cn/login.jsp" target="_blank">
                    <div class="icon2"></div>
                    <div class="wap_float_box_item_text">OA系统</div>
                </a>
            </div>
            <div class="wap_float_box_item" @click.stop="showCode">
                <a>
                    <div  class="icon3"></div>
                    <div class="wap_float_box_item_text">官方微信</div>
                </a>
                <div class="wap_float_box_item_left"  >
                    <div v-show="wapShow" class="wap_qrCode">
                        <div class="wap_code_box">
                            <img src="/img/index/qrcode.png" class="qr_code">
                            <div class="wap_float_box_item_right">
                                <div>扫一扫</div>
                                <div>添加微信公众号</div>
                            </div>
                        </div>
                    </div>
                    <div class="pc_qrCode">
                        <img src="/img/index/qrcode.png" class="qr_code">
                        <div class="wap_float_box_item_right">
                            <div>扫一扫</div>
                            <div>添加微信公众号</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wap_float_box_item">
                <a href="https://map.baidu.com/search/%E5%8D%97%E6%98%8C%E5%B7%A5%E5%AD%A6%E9%99%A2(%E4%B9%9D%E9%BE%99%E6%B9%96%E6%A0%A1%E5%8C%BA)/@12887011.3710585,3306233.9600831,17.89z?querytype=s&da_src=shareurl&wd=%E5%8D%97%E6%98%8C%E5%B7%A5%E5%AD%A6%E9%99%A2(%E4%B9%9D%E9%BE%99%E6%B9%96%E6%A0%A1%E5%8C%BA)&c=163&src=0&wd2=%E5%8D%97%E6%98%8C%E5%B8%82%E7%BA%A2%E8%B0%B7%E6%BB%A9%E5%8C%BA&pn=0&sug=1&l=13&b=(12859507.134141767,3297027.2284157886;12920947.134141767,3327651.2284157886)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1" target="_blank">
                    <div  class="icon4"></div>
                    <div class="wap_float_box_item_text">校园地址</div>
                </a>
            </div>
        </div>
        <!--新闻内容开始--->
        <div class="main_box1">
            <!--学校新闻开始--->
            <div class="main_box1_left">
                <div class="main_box1_left_top">
                    <div class="main_text">学</div>
                    <div class="main_box1_left_top_box1">
                        <div class="main_box1_left_top_box1_text">校新闻</div>
                        <img src="img/index/dian.png" class="main_box1_left_top_box1_img">
                    </div>
                    <div class="main_box1_left_top_box2" @click.stop="link(2001,0)">
                        <img src="img/index/more.png" class="more" >
                    </div>
                </div>
                <div class="main_box1_left_bottom">
                    <!--图片轮播开始--->
                    <div class="swiper">
                        <el-carousel :interval="4000"  arrow="never">
                            <el-carousel-item v-for="item in schoolBanner" :key="item.id" @click.stop="info(item)">
                                <a  :href="item.type==='1'?item.outSideUrl:item.htmlPath"  target="_blank">
                                    <div class="swiper_img_box" >
                                        <img :src="baseURL+item.imageUrl" class="swiper_img">
                                        <div class="swiper_title">
                                            <div class="swiper_title_text">{{item.title}}</div>
                                        </div>
                                    </div>
                                </a>

                            </el-carousel-item>
                        </el-carousel>
                    </div>
                    <!--图片轮播结束--->

                    <!--新闻开始--->
                    <div class="main_box1_left_bottom_box">
                        <div  class="main_box1_left_bottom_box_li" v-for="item in schoolNews" :key="item.id" @click.stop="info(item)" >
                            <a :href="item.type==='1'?item.outSideUrl:item.htmlPath" target="_blank">
                                <div class="main_box1_left_bottom_box_yuan"></div>
                                <div class="main_box1_left_bottom_box_text" :class="item?.homeTopUp?'up':''">{{item.title}}</div>
                                <div class="main_box1_left_bottom_box_time" :class="item?.homeTopUp?'up':''">{{item?.releaseTime.split('-')[1]}}-{{item?.releaseTime.split('-')[2]}}</div>
                            </a>
                        </div>

                    </div>
                    <!--新闻结束--->

                </div>
            </div>
            <!--学校新闻结束--->

            <!--最新公告开始--->
            <div class="main_box1_right">
                <div class="main_box1_right_top">
                    <div class="main_text">最</div>
                    <div class="main_box1_right_top_box1">
                        <div class="main_box1_right_top_box1_text">新公告</div>
                        <img src="img/index/dian.png" class="main_box1_right_top_box1_img">
                    </div>
                    <div class="main_box1_right_top_box2">
                        <img src="img/index/more.png" class="more" @click.stop="link(2019,0)">
                    </div>
                </div>
                <div class="main_box1_right_bottom">
                    <div class="notice">
                        <div class="main_box1_right_bottom_box_li" v-for="(item,index) in noticeList" :key="item.id" @click.stop="info(item)">
                            <a  :href="item.type==='1'?item.outSideUrl:item.htmlPath" target="_blank">
                                <div class="main_box1_left_bottom_box_yuan"></div>
                                <div class="main_box1_left_bottom_box_text" :class="item?.homeTopUp?'main_box1_left_bottom_box_text1':''">{{item.title}}</div>
                                <div class="main_box1_left_bottom_box_time">{{item?.releaseTime.split('-')[1]}}-{{item?.releaseTime.split('-')[2]}}</div>
                            </a>
                        </div>

                    </div>
                    <div class="notice">
                        <div class="main_box1_right_bottom_box_li" v-for="(item,index) in noticeList" :key="item.id" @click.stop="info(item)">
                            <a  :href="item.type==='1'?item.outSideUrl:item.htmlPath" target="_blank">
                                <div class="main_box1_left_bottom_box_yuan"></div>
                                <div class="main_box1_left_bottom_box_text " :class="item?.homeTopUp?'main_box1_left_bottom_box_text1':''">{{item.title}}</div>
                                <div class="main_box1_left_bottom_box_time" >{{item?.releaseTime.split('-')[1]}}-{{item?.releaseTime.split('-')[2]}}</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!--最新公告结束--->
        </div>
        <div class="main_box2">
            <!--媒体关注开始--->
            <div class="main_box1_right">
                <div class="main_box1_right_top">
                    <div class="main_text">媒</div>
                    <div class="main_box1_right_top_box1">
                        <div class="main_box1_right_top_box1_text">体关注</div>
                        <img src="img/index/dian.png" class="main_box1_right_top_box1_img">
                    </div>
                    <div class="main_box1_right_top_box2" @click.stop="link(2018,0)">
                        <img src="img/index/more.png" class="more" >
                    </div>
                </div>
                <div class="main_box1_right_bottom">
                    <div class="main_box1_right_bottom_box_li" v-for="item in mediaNews" :key="item.id" @click.stop="info(item)" >
                        <a :href="item.type==='1'?item.outSideUrl:item.htmlPath" target="_blank">
                            <div class="main_box1_left_bottom_box_yuan"></div>
                            <div class="main_box1_left_bottom_box_text" :class="item?.homeTopUp?'up':''">{{item.title}}</div>
                            <div class="main_box1_left_bottom_box_time" :class="item?.homeTopUp?'up':''">{{item?.releaseTime.split('-')[1]}}-{{item?.releaseTime.split('-')[2]}}</div>
                        </a>
                    </div>

                </div>
            </div>
            <!--媒体关注结束-->

            <!--院部动态开始--->
            <div class="main_box1_right">
                <div class="main_box1_right_top">
                    <div class="main_text">院</div>
                    <div class="main_box1_right_top_box1">
                        <div class="main_box1_right_top_box1_text">部动态</div>
                        <img src="img/index/dian.png" class="main_box1_right_top_box1_img">
                    </div>
                    <div class="main_box1_right_top_box2" @click.stop="link(2017,0)">
                        <img src="img/index/more.png" class="more" >
                    </div>
                </div>
                <div class="main_box1_right_bottom">
                    <div class="main_box1_right_bottom_box_li" v-for="item in departmentNews" :key="item.id" @click.stop="info(item)">
                        <a  :href="item.type==='1'?item.outSideUrl:item.htmlPath" target="_blank">
                            <div class="main_box1_left_bottom_box_yuan"></div>
                            <div class="main_box1_left_bottom_box_text" :class="item?.homeTopUp?'up':''">{{item.title}}</div>
                            <div class="main_box1_left_bottom_box_time" :class="item?.homeTopUp?'up':''">{{item?.releaseTime.split('-')[1]}}-{{item?.releaseTime.split('-')[2]}}</div>
                        </a>
                    </div>

                </div>
            </div>
            <!---院部动态结束--->

            <!--先进典型开始--->
            <div class="main_box1_right typical">
                <div class="main_box1_right_top">
                    <div class="main_text">先</div>
                    <div class="main_box1_right_top_box1">
                        <div class="main_box1_right_top_box1_text">进典型</div>
                        <img src="img/index/dian.png" class="main_box1_right_top_box1_img">
                    </div>
                    <div class="main_box1_right_top_box2" @click.stop="link(2071,0)">
                        <img src="img/index/more.png" class="more" >
                    </div>
                </div>
                <div class="main_box1_right_bottom">
                    <div class="main_box1_right_bottom_box_li" v-for="item in advancedNews" :key="item.id" @click.stop="info(item)" >
                        <a target="_blank" :href="item.type==='1'?item.outSideUrl:item.htmlPath">
                            <div class="main_box1_left_bottom_box_yuan"></div>
                            <div class="main_box1_left_bottom_box_text" :class="item?.homeTopUp?'up':''">{{item.title}}</div>
                            <div class="main_box1_left_bottom_box_time" :class="item?.homeTopUp?'up':''">{{item?.releaseTime.split('-')[1]}}-{{item?.releaseTime.split('-')[2]}}</div>
                        </a>
                    </div>

                </div>
            </div>
            <!--先进典型结束--->
        </div>
        <div class="main_box2">
            <!--信息公开开始--->
            <div class="main_box1_right">
                <div class="main_box1_right_top">
                    <div class="main_text">信</div>
                    <div class="main_box1_right_top_box1">
                        <div class="main_box1_right_top_box1_text">息公开</div>
                        <img src="img/index/dian.png" class="main_box1_right_top_box1_img">
                    </div>
                    <div class="main_box1_right_top_box2" @click.stop="link1(openList[0].menuId,0)">
                        <img src="img/index/more.png" class="more">
                    </div>
                </div>
                <div class="main_box1_right_bottom">
                    <div class="main_box1_right_bottom_box2">
                        <div class="main_box1_right_bottom_box2_item"  v-for="(item,index) in openList" :key="item.menuId" @click.stop="link1(item.menuId,index)">
                            <img :src="`img/index/infoImg${index+1}.png`" :class="`main_box1_right_bottom_box2_item_img${index+1}`">
                            <div class="main_box1_right_bottom_box2_item_text">{{item.menuName}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <!--信息公开结束--->

            <!--全景校园开始--->
            <div class="main_box1_right">
                <div class="main_box1_right_top">
                    <div class="main_text">全</div>
                    <div class="main_box1_right_top_box1">
                        <div class="main_box1_right_top_box1_text">景校园</div>
                        <img src="img/index/dian.png" class="main_box1_right_top_box1_img">
                    </div>
                    <div class="main_box1_right_top_box2">
                        <img src="img/index/more.png" class="more">
                    </div>
                </div>
                <div class="main_box1_right_bottom">
                    <div class="main_box1_right_bottom_box3" @click.stop="openVideo(panoramic)">
                        <img :src="baseURL+panoramic?.imageUrl" class="main_box1_right_bottom_box3_img"/>
                        <div class="main_box1_right_bottom_box3_main" >
                            <img src="img/index/vr.png" class="vr" >
                        </div>

                    </div>
                </div>
            </div>
            <!--全景校园结束--->

            <!--学校宣传片开始--->
            <div class="main_box1_right">
                <div class="main_box1_right_top">
                    <div class="main_text">学</div>
                    <div class="main_box1_right_top_box3">
                        <div class="main_box1_right_top_box1_text">校宣传片</div>
                        <img src="img/index/dian1.png" class="main_box1_right_top_box1_img">
                    </div>
                    <div class="main_box1_right_top_box2" @click="link1(2081,9)">
                        <img src="img/index/more.png" class="more">
                    </div>
                </div>
                <div class="main_box1_right_bottom">
                    <div class="main_box1_right_bottom_box3">
                        <img :src="baseURL+promotional?.imageUrl" class="main_box1_right_bottom_box3_img" />
                        <div class="main_box1_right_bottom_box3_main">
                            <img src="img/video/yuan.png" class="yuan video_yuan">
                            <div class="start" @click.stop="openVideo(promotional)"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!--学校宣传片开始--->
        </div>
        <!--新闻内容结束--->

        <!--专题开始--->
        <div class="main_box3">
            <div class="special_top"></div>
            <div class="special_box">
                <div class="main_box1_right_top">
                    <div class="main_text">专</div>
                    <div class="main_box1_right_top_box1">
                        <div class="main_box1_right_top_box1_text">题聚焦</div>
                        <img src="img/index/dian.png" class="main_box1_right_top_box1_img">
                    </div>
                    <div class="main_box1_right_top_box2" @click="link(2095,1)">
                        <img src="img/index/more.png" class="more" >
                    </div>
                </div>
                <div class="special_box_bottom">
                    <div class="special_box_bottom_item" @click="link(item.menuId)" v-for="item in focusList" :key="item.menuId">
                        <div class="special_box_bottom_item_box">
                            <img :src="baseURL+item?.imageUrl" class="special_box_bottom_item_img">
                        </div>
                        <div class="special_box_bottom_item_text">{{item.menuName}}</div>
                    </div>
                </div>
            </div>
        </div>
        <!--专题结束--->

        <!--友情链接开始--->
        <div class="main_box4">
            <div class="main_box1_right_top">
                <div class="main_text">友</div>
                <div class="main_box1_right_top_box1">
                    <div class="main_box1_right_top_box1_text">情链接</div>
                    <img src="img/index/dian.png" class="main_box1_right_top_box1_img">
                </div>
                <div class="main_box1_right_top_box2"></div>
            </div>
            <div class="main_box4_bottom">
                <div class="main_box4_wap_box" v-for="(item,index) in linkList" :key="item.menuId" :class="`main_box4_bottom_item${index+1}`">
                    <a :href="item.path" target="_blank">
                        <img :src="baseURL+item?.imageUrl">
                    </a>
                </div>

            </div>
        </div>
        <!--友情链接结束--->
    </div>
    <el-dialog
            title="学校宣传片"
            center
            :visible.sync="dialogVisible"
            class="index_dia"
            :before-close="handleClose">
        <div class="video_content">
            <video controls="" ref="myVideo1" preload="auto" muted="" :src="videoSrc">
            </video>
        </div>
    </el-dialog>
    <!--浮动导航开始--->
    <div class="eol_navbar f-right st-r" ref="eol_float" id="eol_float" style="background: url('img/index/jqr-zhen.png') no-repeat; right: 60px; top: 20%; cursor: pointer; animation-play-state: running;" data-flag="false">
        <ul class="eol_menu">
            <li></li>
            <li><a class="float-a1 askurl" target="_blank" href="https://answer.eol.cn/fillmess/index?id=3010&amp;source=gw_pc"><img src="https://static-answer.eol.cn/static/images/4482F4/wd-n.png"></a><a class="askurl ft_c" target="_blank" href="https://answer.eol.cn/fillmess/index?id=3010&amp;source=gw_pc" style="color: rgb(68, 130, 244);">智能问答</a></li>
            <li id="lyb"><a class="float-a1 board" target="_blank" href="https://answer.eol.cn/board/index?id=3010&amp;source=gw_pc"><img src="https://static-answer.eol.cn/static/images/4482F4/lyb-n.png"></a><a class="board ft_c" target="_blank" href="https://answer.eol.cn/board/index?id=3010&amp;source=gw_pc" style="color: rgb(68, 130, 244);">留言板</a></li>
            <li id="ztzy"><a class="float-a1 ztzy" target="_blank" href="https://answer.eol.cn/question/askspecialty?id=3010&amp;source=gw_pc"><img src="https://static-answer.eol.cn/static/images/4482F4/zy-n.png"></a><a class="ztzy ft_c" target="_blank" href="https://answer.eol.cn/question/askspecialty?id=3010&amp;source=gw_pc" style="color: rgb(68, 130, 244);">直通专业</a></li>
        </ul>
    </div>
    <!--浮动导航结束--->
    <!--对联广告开始--->
    <img :src="baseURL+coupletInfo?.leftImage" v-show="coupletInfo.isEnabled===0" class="couplet_left" :style="{width:coupletInfo.width+'px',height:coupletInfo.height+'px'}">
    <img :src="baseURL+coupletInfo?.rightImage" v-show="coupletInfo.isEnabled===0" class="couplet_right" :style="{width:coupletInfo.width+'px',height:coupletInfo.height+'px'}">
    <!--对联广告结束--->
    <!--飘窗开始--->
    <img :src="baseURL+item?.image" class="float_img" :style="{width:item.width+'px',height:item.hight+'px'}" @click="bayClick(item)"  v-for="item in bayList" :key="item.id" :ref="'bay'+item.id">
    <!--飘窗结束--->
</div>
<div id="footer"></div>
</body>
<script type="module">
    import newsModel from "./model/newsModel.js";
    import menuModel from "./model/menuModel.js";
    const menu=new  menuModel();
    const news=new newsModel()
    const vm = new Vue({
        el:'#index',
        data(){
            return {
                schoolNews:[],
                noticeList:[],
                mediaNews:[],
                departmentNews:[],
                advancedNews:[],
                bannerList:[],
                schoolBanner:[],
                baseURL:baseUrl,
                focusList:[],
                linkList:[],
                openList:[],
                coupletInfo:{},
                bayList:[],
                wapShow:false,
                panoramic:{},
                promotional:{},
                dialogVisible:false,
                videoSrc:"",
                activeIndex:0,
                inter:null,
                isTimerRunning:false
            }
        },
        methods:{
            //获取轮播图
            getBanner(){
                news.getBanner().then(res=>{
                    if(res.code==200){
                        this.bannerList=res.rows;
                        this.$nextTick(()=>{
                            this.$refs.swiper.children[this.activeIndex].classList.add('active');
                            this.$refs.swiper.children[this.activeIndex+1].classList.add('next');
                            this.$refs.swiper.children[this.bannerList.length-1].classList.add('prev');
                        })
                    }
                })
            },
            //点击切换轮播图
            setSwiperIndex(direction){
                let arr=[...this.$refs.swiper.children]
                arr.map(item=>{
                    item.classList.remove('prev','active','next');
                })
                this.pauseAutoPlay();
                if(direction==='next'){
                    this.activeIndex===this.bannerList.length-1?this.activeIndex=0:this.activeIndex++;
                }else {
                    this.activeIndex===0?this.activeIndex=this.bannerList.length-1:this.activeIndex--;
                }
                if(this.activeIndex===0){
                    this.$refs.swiper.children[this.activeIndex].classList.add('active');
                    this.$refs.swiper.children[this.activeIndex+1].classList.add('next');
                    this.$refs.swiper.children[this.bannerList.length-1].classList.add('prev');
                }else if(this.activeIndex===this.bannerList.length-1){
                    this.$refs.swiper.children[this.activeIndex-1].classList.add('prev');
                    this.$refs.swiper.children[this.activeIndex].classList.add('active');
                    this.$refs.swiper.children[0].classList.add('next');
                }else {
                    this.$refs.swiper.children[this.activeIndex-1].classList.add('prev');
                    this.$refs.swiper.children[this.activeIndex].classList.add('active');
                    this.$refs.swiper.children[this.activeIndex+1].classList.add('next');
                }
            },
            // 暂停自动轮播
            pauseAutoPlay() {
                if (!this.isTimerRunning){
                    clearInterval(this.inter);
                    this.isTimerRunning = true;
                    // 5秒后自动恢复轮播
                    setTimeout(() => {
                        if (this.isTimerRunning) {
                            this.createSwiper();
                            this.isTimerRunning = false;
                        }
                    }, 3000);
                }
            },
            //创建轮播图轮播
            createSwiper(){
                let arr=[...this.$refs.swiper.children];
                this.activeIndex===this.bannerList.length-1?this.activeIndex=0:this.activeIndex++;
                arr.map(item=>{
                    item.classList.remove('prev','active','next');
                })
                if(this.activeIndex===0){
                    this.$refs.swiper.children[this.activeIndex].classList.add('active');
                    this.$refs.swiper.children[this.activeIndex+1].classList.add('next');
                    this.$refs.swiper.children[this.bannerList.length-1].classList.add('prev');
                }else if(this.activeIndex===this.bannerList.length-1){
                    this.$refs.swiper.children[this.activeIndex-1].classList.add('prev');
                    this.$refs.swiper.children[this.activeIndex].classList.add('active');
                    this.$refs.swiper.children[0].classList.add('next');
                }else {
                    this.$refs.swiper.children[this.activeIndex-1].classList.add('prev');
                    this.$refs.swiper.children[this.activeIndex].classList.add('active');
                    this.$refs.swiper.children[this.activeIndex+1].classList.add('next');
                }

            },
            //移动端显示学校二维码
            showCode(){
                if(/Android|webOS|iPhone|iPod|BlackBerry|iPad Pro|SymbianOS|MicroMessenger/i.test(navigator.userAgent)) {
                    this.wapShow=!this.wapShow;
                }
            },
            //跳转新闻列表页面
            link(menu,type=0){
                window.open(`newsPage.html?menu=${menu}&type=${type}`,"_blank");
            },
            //跳转单页面
            link1(menu,type){
                if(type===0){
                    window.open(`singlePage.html?menu=${menu}&type=0`,"_blank");
                }else if(type===9){
                    window.open(`schoolVideo.html?menu=${menu}&type=0`,"_blank");
                }else {
                    window.open(`newsPage.html?menu=${menu}&type=0`,"_blank");
                }
            },
            //获取学校新闻轮播
            getSchoolNewsBanner(){
                let obj={
                    pageNum:1,
                    pageSize:5,
                    categoryValue:2001,
                    isRecommend:1
                }
                news.getNewsList(obj).then(res=>{
                    if(res.code==200){
                        this.schoolBanner=res.rows
                    }
                })
            },
            //获取学校新闻
            getSchoolNews(){
                let obj={
                    pageNum:1,
                    pageSize:8,
                    categoryValue:2001,
                }
                news.getNewsList(obj).then(res=>{
                    if(res.code==200){
                        this.schoolNews=res.rows
                    }
                })
            },
            //获取公告
            getNotice(){
                let obj={
                    pageNum:1,
                    pageSize:8,
                    categoryValue:2019,
                }
                news.getNewsList(obj).then(res=>{
                    if(res.code==200){
                        this.noticeList=res.rows
                    }
                })
            },
            //获取媒体关注
            getMediaNews(){
                let obj={
                    pageNum:1,
                    pageSize:8,
                    categoryValue:2018,
                }
                news.getNewsList(obj).then(res=>{
                    if(res.code==200){
                        this.mediaNews=res.rows
                    }
                })
            },
            //获取院部动态
            getDepartmentNews(){
                let obj={
                    pageNum:1,
                    pageSize:8,
                    categoryValue:2017,
                }
                news.getNewsList(obj).then(res=>{
                    if(res.code==200){
                        this.departmentNews=res.rows
                    }
                })
            },
            //获取先进典型
            getAdvancedNews(){
                let obj={
                    pageNum:1,
                    pageSize:8,
                    categoryValue:2071,
                }
                news.getNewsList(obj).then(res=>{
                    if(res.code==200){
                        this.advancedNews=res.rows
                    }
                })
            },
            //获取导航栏
            getMenu(){
                menu.getNav().then(res=>{
                    if(res.code===200){
                        localStorage.setItem("list",JSON.stringify(res.rows));
                    }
                })
            },
            //获取专题聚焦
            getFocus(){
                news.focus('2095').then(res=>{
                    if(res.code==200){
                        this.focusList=res.rows.splice(0,4);
                    }
                })
            },
            //获取友情链接
            getLink(){
                news.focus('2177').then(res=>{
                    if(res.code==200){
                        this.linkList=res.rows;
                    }
                })
            },
            //获取信息公开
            getOpenList(){
                news.focus('2113').then(res=>{
                    if(res.code==200){
                        this.openList=res.rows;
                    }
                })
            },
            //跳转文章详情
            info(item){
                if(item.type==='1'){
                    window.open(item.outSideUrl,'_black');
                }else {
                    window.open(item.htmlPath,'_black');
                }
            },
            //获取飘窗的数据
            bayWindow(){
                news.getFloatingWindow().then((res)=>{
                    if(res.code==200) {
                        this.bayList = res.rows.filter(item=>item.isEnabled===1);
                        this.$nextTick(()=>{
                            this.bayList.forEach(item=>{
                                $(this.$refs['bay'+item.id]).autoMove({ angle: -Math.PI /item.id+2, speed: item.speed });
                            })
                        })

                    }
                }).catch((err)=>{
                    console.log(err)
                })
            },
            //飘窗点击
            bayClick(item){
                if(item.linkType==='0'){
                    window.open(`/news/${item.outSide}.html`,'_blank');
                }else {
                    window.open(item.outSide,'_blank');
                }
            },
            //获取对联广告
            couplet(){
                news.getCouplet().then((res)=>{
                    if(res.code==200){
                        this.coupletInfo=res.data;
                    }
                }).catch((err)=>{

                })
            },
            //查询全景学校
            PanoramicSchool(){
                let obj={
                    pageNum:1,
                    pageSize:8,
                    categoryValue:2019,
                }
                news.getVr(obj).then(res=>{
                    if(res.code==200){
                        this.panoramic=res.data
                    }
                })
            },
            //查询学校宣传片
            promotionalVideo(){
                let obj={
                    pageNum:1,
                    pageSize:1,
                    isRecommend:1,
                    categoryValue:2081,
                }
                news.getNewsList(obj).then(res=>{
                    if(res.code==200){
                        this.promotional=res.rows[0]
                    }
                })
            },
            //打开视频
            openVideo(item){
                if(item.type==='1'){
                    window.open(item.outSideUrl,"_blank");
                }else {
                    this.dialogVisible = true;
                    this.videoSrc = this.baseURL+item.filePath;
                    setTimeout(()=>{
                        this.$refs.myVideo1.currentTime = 0; // 将时间重置为开始位置
                        this.$refs.myVideo1.play();
                    },100)
                }
            },
            //关闭弹框
            handleClose(){
                this.$refs.myVideo1.pause();
                this.dialogVisible = false;
            },
        },
        created(){
            this.getMenu();
            this.couplet();
            $("#head").load("./head.html")
            $("#footer").load("./footer.html")
            //定时给浮动导航添加动画效果
            setInterval(()=>{
                if(this.$refs.eol_float.classList.contains('st-r')){
                    this.$refs.eol_float.classList.remove('st-r')
                }else {
                    this.$refs.eol_float.classList.add('st-r')
                }
            },2000)
            this.getBanner();
            this.getSchoolNewsBanner();
            this.getSchoolNews();
            this.getNotice();
            this.getMediaNews();
            this.getDepartmentNews();
            this.getAdvancedNews();
            this.getFocus();
            this.getLink();
            this.getOpenList();
            this.PanoramicSchool();
            this.promotionalVideo();

        },
        mounted(){
            this.bayWindow();
            this.inter=setInterval(()=>{
                this.createSwiper();
            },4000)
        }
    })
</script>
</html>
