sannongzixunwang_web/pages/index.vue

<template>
    <div>
        <!-- 页面头部 -->
        <HomePageHead></HomePageHead>
        <!-- 页面导航 -->
        <HomePageNavigation></HomePageNavigation>
        <!-- 资讯 -->
        <HomePageMessage></HomePageMessage>
        <!-- 十强称号logo -->
        <HomeAdvertising :imgurl="adList[1]" v-if="adList[1]"></HomeAdvertising>
        <!-- 更多服务 -->
        <HomeMoreService></HomeMoreService>
        <!-- 板块标题 -->
        <div class="titleBox" id="ztzx">
            <img src="../static/index/theme1.png" alt="主题资讯">
        </div>
        <!-- 模块一 新农村 pagedata[0] -->
        <div class="farming" >
            <div class="inner">
                <div class="farmerLeft" v-if="pageData.length>=1">
                    <div class="farmer">
                        <h3 v-if="pageData[0].cid">
                            <NuxtLink
                                :to="{path:`/newsList/${pageData[0].cid}`}" target="_blank" 
                                v-if="pageData[0].cid&&pageData[0].children_count==0" class="active">
                                {{pageData[0].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[0].cid}`}" target="_blank" 
                                v-else-if="pageData[0].cid&&pageData[0].children_count!=0" class="active">
                                {{pageData[0].alias}}
                            </NuxtLink>
                            <NuxtLink :to="{path:`/newsList/${pageData[0].cid}`}" target="_blank">
                                查看更多
                            </NuxtLink>
                        </h3>
                        <ul class="mode1ul_style1">
                            <li v-for="(item,index) in boxData1" class="imgbg">
                                <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{item.title}}
                                        </p>
                                        <p>{{getTime(item.updated_at,'month',1)}}</p>
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{item.title}}
                                        </p>
                                        <p>{{getTime(item.updated_at,'month',1)}}</p>
                                    </div>
                                </NuxtLink>
                            </li>
                        </ul>
                        <ul class="mode1ul_style2">
                            <li v-for="item in boxData1data2">
                                <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                                    <p class="title">{{ item.title }}</p>
                                    <p>{{getTime(item.updated_at,'month',1)}}</p>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0">
                                    <p class="title">{{ item.title }}</p>
                                    <p>{{getTime(item.updated_at,'month',1)}}</p>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 模块二 贴身宝贝 pagedata[1] -->
                <div class="farmerRight" v-if="pageData.length>=2">
                    <div class="rich">
                        <h3 v-if="pageData[1].cid">
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[1].cid}`}"
                                target="_blank" v-if="pageData[1]&&pageData[1].children_count==0" class="active">
                                {{pageData[1].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[1].cid}`}"
                                target="_blank" v-else-if="pageData[1]&&pageData[1].children_count!=0" class="active">
                                {{pageData[1].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[1].cid}`, query: { catid: pageData[1].cid } }"
                                target="_blank" v-if="pageData[1].cid">
                                查看更多
                            </NuxtLink>
                        </h3>
                        <ul>
                            <li v-for="(item,index) in boxData2">
                                <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                                    <div class="index">{{index+1}}</div>
                                    <div class="title">{{item.title}}</div>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-if="item.islink==0">
                                    <div class="index">{{index+1}}</div>
                                    <div class="title">{{item.title}}</div>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="scienceEducation">
            <div class="inner">
                <div class="scienceLeft" v-if="pageData.length>=3">
                    <!-- 模块三 政策法规 pagedata[2] -->
                    <HomeSlider :message="pageData[2]"></HomeSlider>
                </div>
                <div class="scienceRight" v-if="pageData.length>=4">
                    <div class="adBox1">
                        <a href="http://www.baidu.com" target="_blank">
                            <img :src="adList[0].thumb" v-if="adList[0] && !adList[0].image_src">
                            <img :src="adList[0].image_src" v-if="adList[0] && adList[0].image_src">
                        </a>
                    </div>
                    <!-- 模块四 三农之窗 pagedata[3] -->
                    <h3 v-if="pageData[3].cid">
                        <span>
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[3].cid}`}"
                                target="_blank" v-if="pageData[3]&&pageData[3].children_count==0" class="active">
                                {{pageData[3].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[3].cid}`}"
                                target="_blank" v-else-if="pageData[3]&&pageData[3].children_count!=0" class="active">
                                {{pageData[3].alias}}
                            </NuxtLink>
                        </span>
                        <NuxtLink
                            :to="{ path: `/newsList/${pageData[3].cid}`, query: { catid: pageData[3].cid } }"
                            target="_blank" v-if="pageData[3].cid">
                            查看更多
                        </NuxtLink>
                    </h3>
                    <div class="banner_b_img">
                        <ul>
                            <li v-for="item in boxData4">
                                <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                                    <img src="../static/index/qz.png" alt="三农招聘">
                                    <p>{{item.title}}</p>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-if="item.islink==0">
                                    <img src="../static/index/qz.png" alt="三农招聘">
                                    <p>{{item.title}}</p>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <HomeTopTen :imgurl="adList[2]" v-if="adList[2]"></HomeTopTen>
        <!-- 模块五 区域经济 pagedata[4] -->
        <div class="layoutCopy">
            <div class="layoutCopyLeft">
                <div class="layoutCopyLeftTop">
                    <div class="layoutCopyLeft1" v-if="pageData.length>=5">
                        <div class="layoutTitleBox" v-if="pageData[4]">
                            <div class="layoutTitle" v-if="pageData[4].cid"> 
                                <NuxtLink
                                    :to="{ path: `/newsList/${pageData[4].cid}`}"
                                    target="_blank" v-if="pageData[4]&&pageData[4].children_count==0" class="active">
                                    {{pageData[4].alias}}
                                </NuxtLink>
                                <NuxtLink
                                    :to="{ path: `/primaryNavigation/${pageData[4].cid}`}"
                                    target="_blank" v-else-if="pageData[4]&&pageData[4].children_count!=0" class="active">
                                    {{pageData[4].alias}}
                                </NuxtLink>
                            </div>
                            <div class="layoutMore" v-if="pageData[4].cid">
                                <NuxtLink
                                    :to="{ path: `/newsList/${pageData[4].cid}`, query: { catid: pageData[4].cid } }"
                                    target="_blank" v-if="pageData[4].cid">
                                    查看更多
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="layoutCopyData_style1" v-if="boxData5[0]">
                            <NuxtLink :to="boxData5[0].linkurl" target="_blank" v-if="boxData5[0].islink==1">
                                <img :src="boxData5[0].imgurl" alt="">
                                <div>
                                    <span>{{ boxData5[0].title }}</span>
                                </div>
                            </NuxtLink>
                            <NuxtLink :to="`/newsDetail/${boxData5[0].id}`" target="_blank" v-if="boxData5[0].islink==0">
                                <img :src="boxData5[0].imgurl" alt="">
                                <div>
                                    <span>{{ boxData5[0].title }}</span>
                                </div>
                            </NuxtLink>
                            <NuxtLink :to="boxData5data2[0].linkurl" target="_blank" v-if="boxData5data2[0]&&boxData5data2[0].islink==1">
                                <p class="title">{{ boxData5data2[0].title }}</p>
                                <p>{{getTime(boxData5data2[0].updated_at,'month',1)}}</p>
                            </NuxtLink>
                            <NuxtLink :to="`/newsDetail/${boxData5data2[0].id}`" target="_blank" v-if="boxData5data2[0]&&boxData5data2[0].islink==0">
                                <p class="title">{{ boxData5data2[0].title }}</p>
                                <p>{{getTime(boxData5data2[0].updated_at,'month',1)}}</p>
                            </NuxtLink>
                        </div>
                    </div>
                    <!-- 模块五 三农投资 pagedata[5] -->
                    <div class="layoutCopyLeft2" v-if="pageData.length>=6">
                        <div class="layoutTitleBox" v-if="pageData[5]">
                            <div class="layoutTitle" v-if="pageData[5].cid">
                                <NuxtLink
                                    :to="{ path: `/newsList/${pageData[5].cid}`}"
                                    target="_blank" v-if="pageData[5]&&pageData[5].children_count==0" class="active">
                                    {{pageData[5].alias}}
                                </NuxtLink>
                                <NuxtLink
                                    :to="{ path: `/primaryNavigation/${pageData[5].cid}`}"
                                    target="_blank" v-else-if="pageData[5]&&pageData[5].children_count!=0" class="active">
                                    {{pageData[5].alias}}
                                </NuxtLink>
                            </div>
                            <div class="layoutMore" v-if="pageData[5].cid">
                                <NuxtLink :to="{ path: `/newsList/${pageData[5].cid}`, query: { catid: pageData[5].cid } }" target="_blank" v-if="pageData[5].cid">
                                    查看更多
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="layoutCopyData_style2">
                            <NuxtLink :to="item.linkurl" target="_blank" v-for="item in boxData6" v-show='item.islink==1'>
                                <p class="title">{{ item.title }}</p>
                                <p>{{getTime(item.updated_at,'month',1)}}</p>
                            </NuxtLink>
                            <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-for="item in boxData6" v-show='item.islink==0'>
                                <p class="title">{{ item.title }}</p>
                                <p>{{getTime(item.updated_at,'month',1)}}</p>
                            </NuxtLink>
                        </div>
                    </div>
                </div>
                <div class="layoutCopyLeftBottom" v-if="pageData.length>=7">
                    <div class="layoutTitleBox" v-if="pageData[6]">
                        <div class="layoutTitle" v-if="pageData[6].cid"> 
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[6].cid}`}"
                                target="_blank" v-if="pageData[6]&&pageData[6].children_count==0" class="active">
                                {{pageData[6].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[6].cid}`}"
                                target="_blank" v-else-if="pageData[6]&&pageData[6].children_count!=0" class="active">
                                {{pageData[6].alias}}
                            </NuxtLink>
                        </div>
                        <div class="layoutMore" v-if="pageData[6].cid">
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[6].cid}`, query: { catid: pageData[6].cid } }"
                                target="_blank" v-if="pageData[6].cid">
                                查看更多
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="layoutCopyData_style3">
                    
                        <div v-for="(item,index) in boxData7">
                            <NuxtLink :to="item.linkurl" target="_blank" v-if="index==1&&item.islink==1" class="style3link1">
                                <div class="time">
                                    <p>{{getTime(item.updated_at,'day',1)}}</p>
                                    <p>{{getTime(item.updated_at,'month',1)}}</p>
                                </div>
                                <div>
                                    <p class="title">{{ item.title }}</p>
                                    <p class="introduce">{{ item.introduce }}</p>
                                </div>
                            </NuxtLink>
                            <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-if="index==1&&item.islink==0" class="style3link1">
                                <div class="time">
                                    <p>{{getTime(item.updated_at,'day',1)}}</p>
                                    <p>{{getTime(item.updated_at,'month',1)}}</p>
                                </div>
                                <div>
                                    <p class="title">{{item.title}}</p>
                                    <p class="introduce">{{item.introduce}}</p>
                                </div>
                            </NuxtLink>
                            <NuxtLink :to="item.linkurl" target="_blank" v-if="index>1&&item.islink==1" class="style3link2">
                                <div>
                                    <b></b>
                                    <p class="title">{{item.title}}</p>
                                </div>
                                <p>{{getTime(item.updated_at,'month',1)}}</p>
                            </NuxtLink>
                            <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-if="index>1&&item.islink==0" class="style3link2">
                                <div>
                                    <b></b>
                                    <p class="title">{{ item.title }}</p>
                                </div>
                                <p>{{getTime(item.updated_at,'month',1)}}</p>
                            </NuxtLink>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layoutCopyRight"  v-if="pageData.length>=8">
                <div class="layoutTitleBox" v-if="pageData[7]">
                    <div class="layoutTitle" v-if="pageData[7].cid"> 
                        <NuxtLink
                            :to="{ path: `/newsList/${pageData[7].cid}`}"
                            target="_blank" v-if="pageData[7]&&pageData[7].children_count==0" class="active">
                            {{pageData[7].alias}}
                        </NuxtLink>
                        <NuxtLink
                            :to="{ path: `/primaryNavigation/${pageData[7].cid}`}"
                            target="_blank" v-else-if="pageData[7]&&pageData[7].children_count!=0" class="active">
                            {{pageData[7].alias}}
                        </NuxtLink>
                    </div>
                    <div class="layoutMore" v-if="pageData[7].cid">
                        <NuxtLink
                            :to="{ path: `/newsList/${pageData[7].cid}`, query: { catid: pageData[7].cid } }"
                            target="_blank" v-if="pageData[7].cid">
                            查看更多
                        </NuxtLink>
                    </div>
                </div>
                <div class="layoutCopyData_style4">
                    <div class="layoutCopyData_pic">
                        <NuxtLink :to="item.linkurl" target="_blank" v-for="item in boxData8" v-show="item.islink==1">
                            <img :src="item.imgurl">
                            <p>{{item.title}}</p>
                        </NuxtLink>
                        <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-for="item in boxData8" v-show="item.islink==0">
                            <img :src="item.imgurl">
                            <p>{{item.title}}</p>
                        </NuxtLink>
                    </div>
                    <div class="layoutCopyData_text">
                        <NuxtLink :to="item.linkurl" target="_blank" v-for="item in boxData88" v-show="item.islink==1">
                            <div class="title">{{item.title}}</div>
                            <div class="more">详</div>
                        </NuxtLink>
                        <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-for="item in boxData88" v-show="item.islink==0">
                            <div class="title">{{item.title}}</div>
                            <div class="more">详</div>
                        </NuxtLink>
                    </div>
                </div>
            </div>
        </div>

        <!-- 板块标题 -->
        <div class="titleBox" id="hdzx">
            <img src="../static/index/theme2.png" alt="互动资讯">
        </div>
        <div class="farming">
            <div class="inner">
                <div class="farmerLeft">
                    <div class="farmer">
                        <h3>
                            <div class="titleBoxTabs" v-if="pageData.length>=9">
                                <span class="active" v-if="pageData[8].cid">
                                    <NuxtLink
                                        :to="{ path: `/newsList/${pageData[8].cid}`}"
                                        target="_blank" v-if="pageData[8]&&pageData[8].children_count==0" class="active">
                                        {{pageData[8].alias}}
                                    </NuxtLink>
                                    <NuxtLink
                                        :to="{ path: `/primaryNavigation/${pageData[8].cid}`}"
                                        target="_blank" v-else-if="pageData[8]&&pageData[8].children_count!=0" class="active">
                                        {{pageData[8].alias}}
                                    </NuxtLink>
                                </span>
                                <span v-if="pageData[9].cid">
                                    <NuxtLink
                                        :to="{ path: `/newsList/${pageData[9].cid}`}"
                                        target="_blank" v-if="pageData[9]&&pageData[9].children_count==0" >
                                        {{pageData[9].alias}}
                                    </NuxtLink>
                                    <NuxtLink
                                        :to="{ path: `/primaryNavigation/${pageData[9].cid}`}"
                                        target="_blank" v-else-if="pageData[9]&&pageData[9].children_count!=0" >
                                        {{pageData[9].alias}}
                                    </NuxtLink>
                                </span>
                            </div>
                        </h3>
                        <ul class="mode1ul_style1">
                            <li v-for="(item,index) in boxData9" class="imgbg">
                                <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                        <p>{{getTime(item.updated_at,'month',1)}}</p>
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                        <p>{{getTime(item.updated_at,'month',1)}}</p>
                                    </div>
                                </NuxtLink>
                            </li>
                        </ul>
                        <ul class="mode1ul_style2">
                            <li v-for="item in boxData9data2">
                                <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                                    <p class="title">{{ item.title }}</p>
                                    <p>{{getTime(item.updated_at,'month',1)}}</p>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0">
                                    <p class="title">{{ item.title }}</p>
                                    <p>{{getTime(item.updated_at,'month',1)}}</p>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="farmerRight">
                    <div class="rich" v-if="pageData.length>=11">
                        <h3 v-if="pageData[10]">
                            <span v-if="pageData[10].cid">
                                <NuxtLink
                                    :to="{ path: `/newsList/${pageData[10].cid}`}"
                                    target="_blank" v-if="pageData[10]&&pageData[10].children_count==0" class="active">
                                    {{pageData[10].alias}}
                                </NuxtLink>
                                <NuxtLink
                                    :to="{ path: `/primaryNavigation/${pageData[10].cid}`}"
                                    target="_blank" v-else-if="pageData[10]&&pageData[10].children_count!=0" class="active">
                                    {{pageData[10].alias}}
                                </NuxtLink>
                            </span>
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[10].cid}`, query: { catid: pageData[1].cid } }"
                                target="_blank" v-if="pageData[10].cid">
                                查看更多
                            </NuxtLink>
                        </h3>
                        <div class="richList">
                            <div class="richListPic" v-if="boxData11[0]">
                                <NuxtLink :to="boxData11[0].linkurl" target="_blank" v-if="boxData11[0].islink==1 ">
                                    <img :src="boxData11[0].imgurl" alt="">
                                    <div>
                                        <span>{{boxData11[0].title}}</span>
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11[0].id}`" target="_blank" v-if="boxData11[0].islink==0">
                                    <img :src="boxData11[0].imgurl" alt="">
                                    <div>
                                        <span>{{boxData11[0].title}}</span>
                                    </div>
                                </NuxtLink>
                            </div>
                            <div class="richListText" v-if="boxData11data2[0]">
                                <NuxtLink :to="boxData11data2[0].linkurl" target="_blank" v-if="boxData11data2[0].islink==1">
                                    <span>{{boxData11data2[0].title}}</span>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11data2[0].id}`" target="_blank" v-if="boxData11data2[0].islink==0">
                                    <span>{{boxData11data2[0].title}}</span>
                                </NuxtLink>
                            </div>
                            <div class="richListText" v-if="boxData11data2[1]">
                                <NuxtLink :to="boxData11data2[1].linkurl" target="_blank" v-if="boxData11data2[1].islink==1">
                                    <span>{{boxData11data2[1].title}}</span>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11data2[1].id}`" target="_blank" v-if="boxData11data2[1].islink==0">
                                    <span>{{boxData11data2[1].title}}</span>
                                </NuxtLink>
                            </div>
                            <div class="richListPictow" v-if="boxData11[0]">
                                <NuxtLink :to="boxData11[1].linkurl" target="_blank" v-if="boxData11[1].islink==1">
                                    <img :src="boxData11[0].imgurl" alt="">
                                    <div>
                                        <span>{{boxData11[0].title}}</span>
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11[1].id}`" target="_blank" v-if="boxData11[1].islink==0">
                                    <img :src="boxData11[0].imgurl" alt="">
                                    <div>
                                        <span>{{boxData11[0].title}}</span>
                                    </div>
                                </NuxtLink>
                            </div>
                            <div class="richListText" v-if="boxData11data2[2]">
                                <NuxtLink :to="boxData11data2[2].linkurl" target="_blank" v-if="boxData11data2[2].islink==1">
                                    <span>{{boxData11data2[2].title}}</span>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11data2[2].id}`" target="_blank" v-if="boxData11data2[2].islink==0">
                                    <span>{{boxData11data2[2].title}}</span>
                                </NuxtLink>
                            </div>
                            <div class="richListText" v-if="boxData11data2[3]">
                                <NuxtLink :to="boxData11data2[3].linkurl" target="_blank" v-if="boxData11data2[3].islink==1">
                                    <span>{{boxData11data2[3].title}}</span>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11data2[3].id}`" target="_blank" v-if="boxData11data2[3].islink==0">
                                    <span>{{boxData11data2[3].title}}</span>
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <section class="index_3 clearfix">
             <div class="index_3_box_left">
                 <div class="index_2_head_box clearfix">
                     <div class="index_1_head_box index_1_head_box_2 clearfix" v-if="pageData.length>=12">
                        <div class="index_1_head index_1_head_only" v-if="pageData[11].cid">
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[11].cid}`}"
                                target="_blank" v-if="pageData[11]&&pageData[11].children_count==0" class="active">
                                {{pageData[11].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[11].cid}`}"
                                target="_blank" v-else-if="pageData[11]&&pageData[11].children_count!=0" class="active">
                                {{pageData[11].alias}}
                            </NuxtLink>
                        </div>
                        <div class="index_1_head" v-if="pageData[12].cid">
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[12].cid}`}"
                                target="_blank" v-if="pageData[12]&&pageData[12].children_count==0" class="active">
                                {{pageData[12].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[12].cid}`}"
                                target="_blank" v-else-if="pageData[12]&&pageData[12].children_count!=0" class="active">
                                {{pageData[12].alias}}
                            </NuxtLink>
                        </div>
                     </div>
                 </div>
                 <div class="index_3_ul clearfix">
                     <div :class="['index_3_li',index < 2 ? 'index_3_li_color' : '']" v-for="(item, index) in boxData12">
                        <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                            <p class="title">
                                <b :class="['lis',index < 2 ? 'active' : '']"></b>
                                {{item.title}}
                            </p>
                            <p>{{  getDays(item.created_at) }}</p>
                        </NuxtLink>
                        <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0">
                            <p class="title">
                                <b :class="['lis',index < 2 ? 'active' : '']"></b>
                                {{item.title}}
                            </p>
                            <p>{{getTime(item.updated_at,'month',1)}}</p>
                        </NuxtLink>
                    </div>
                </div>
            </div>
            <div class="index_1_box_right">
                <img src="../static/index/sndc.png" alt="三农调查">
                <div class="index_3_box_vote">
                    <div class="inquire">
                        <p>郑州17名警察因出警慢被关禁闭,你怎么看?</p>
                        <div class="radio">
                            <el-radio-group v-model="radio1" text-color=#33B023 :disabled="isDisabled">
                                <el-radio value="1" size="large">支持，警察不关心百姓应惩罚</el-radio>
                                <el-radio value="2" size="large">反对，这件事就关禁闭不合理</el-radio>
                                <el-radio value="3" size="large">建议其他部门效仿此做法</el-radio>
                                <el-radio value="4" size="large">其他</el-radio>
                            </el-radio-group>
                        </div>
                        <div class="btn">
                            <button class="voting" @click="handleVote" :disabled="isDisabled">投票</button>
                            <button class="look">查看</button>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div class="titleBox">
            <a href="http://www.baidu.com" target="_blank">
                <img :src="adList[3].thumb" v-if="adList[3] && !adList[3].image_src">
                <img :src="adList[3].image_src" v-if="adList[3] && adList[3].image_src">
                
            </a>
        </div>

        <div class="lastPart3">
            <div class="inner">
                <div class="lastPartTitle" v-if="pageData.length>=14">
                    <div class="left" >
                        <span class="active" v-if="pageData[13].cid">
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[13].cid}`}"
                                target="_blank" v-if="pageData[13]&&pageData[13].children_count==0" class="active">
                                {{pageData[13].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[13].cid}`}"
                                target="_blank" v-else-if="pageData[13]&&pageData[13].children_count!=0" class="active">
                                {{pageData[13].alias}}
                            </NuxtLink>
                        </span>
                        <span v-if="pageData[14].cid">
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[14].cid}`}"
                                target="_blank" v-if="pageData[14]&&pageData[14].children_count==0" class="active">
                                {{pageData[14].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[14].cid}`}"
                                target="_blank" v-else-if="pageData[14]&&pageData[14].children_count!=0" class="active">
                                {{pageData[14].alias}}
                            </NuxtLink>
                        </span>
                    </div>
                    <div class="right">
                        <NuxtLink :to="{ path: `/newsList/${item.category_id}`}" target="_blank" v-if="pageData[14].cid" v-for="item in boxData14menu">
                            {{item.name}}
                        </NuxtLink>
                    </div>
                </div>
                <div class="lastPartContext">
                    <div class="left">
                        <ul class="mode1ul_style1">
                            <li v-for="(item,index) in boxData14" class="imgbg">
                                <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                        <p>{{getTime(item.updated_at,'month',1)}}</p>
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                        <p>{{getTime(item.updated_at,'month',1)}}</p>
                                    </div>
                                </NuxtLink>
                            </li>
                        </ul>
                        <ul class="mode1ul_style2">
                            <li v-for="item in boxData14data2">
                                <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                                    <p class="title">{{ item.title }}</p>
                                    <p>{{getTime(item.updated_at,'month',1)}}</p>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0">
                                    <p class="title">{{ item.title }}</p>
                                    <p>{{getTime(item.updated_at,'month',1)}}</p>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div class="right" v-if="pageData.length>=15">
                        <div class="title">
                            <h3 v-if="boxData14menu[0]">
                                <NuxtLink
                                    :to="{ path: `/newsList/${boxData14menu[0].category_id}`, query: { catid: boxData14menu[0].cid } }"
                                    target="_blank" v-if="boxData14menu[0]" class="leftTitle">
                                    {{ boxData14menu[0].name }}
                                </NuxtLink>
                                <NuxtLink
                                    :to="{ path: `/newsList/${boxData14menu[0].category_id}`, query: { catid: boxData14menu[0].cid } }"
                                    target="_blank" v-if="boxData14menu[0]">
                                    查看更多
                                </NuxtLink>
                            </h3>
                        </div>
                        <ul class="content">
                            <li v-for="item in boxData14mainData">
                                <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                                    <span>
                                        <strong>{{getTime(item.updated_at,'month',1)}}</strong>
                                        {{getTime(item.updated_at,'year',3)}}
                                    </span>
                                    <span class="text">{{ item.title }}</span>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0">
                                    <span>
                                        <strong>{{getTime(item.updated_at,'month',1)}}</strong>
                                        {{getTime(item.updated_at,'year',3)}}
                                    </span>
                                    <span class="text">{{ item.title }}</span>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <section class="index_2 clearfix">
            <div class="index_2_head_box clearfix" v-if="pageData.length>=16">
                <div class="index_1_head_box index_1_head_box_2 clearfix">
                    <div class="index_1_head index_1_head_only" v-if="pageData[15].cid">
                        <NuxtLink
                            :to="{ path: `/newsList/${pageData[15].cid}`}"
                            target="_blank" v-if="pageData[15]&&pageData[15].children_count==0" class="active">
                            {{pageData[15].alias}}
                        </NuxtLink>
                        <NuxtLink
                            :to="{ path: `/primaryNavigation/${pageData[15].cid}`}"
                            target="_blank" v-else-if="pageData[15]&&pageData[15].children_count!=0" class="active">
                            {{pageData[15].alias}}
                        </NuxtLink>
                    </div>
                    <div class="index_1_head" v-if="pageData[16].cid">
                        <NuxtLink
                            :to="{ path: `/newsList/${pageData[16].cid}`}"
                            target="_blank" v-if="pageData[16]&&pageData[16].children_count==0" class="active">
                            {{pageData[16].alias}}
                        </NuxtLink>
                        <NuxtLink
                            :to="{ path: `/primaryNavigation/${pageData[16].cid}`}"
                            target="_blank" v-else-if="pageData[16]&&pageData[16].children_count!=0" class="active">
                            {{pageData[16].alias}}
                        </NuxtLink>
                    </div>
                </div>
                <div class="index_2_head_a_box clearfix">
                    <NuxtLink :to="{ path: `/newsList/${item.category_id}`}" target="_blank" v-if="pageData[15].cid" v-for="item in boxData16menu">
                        {{item.name}}
                    </NuxtLink>
                </div>
            </div>
            <div class=" clearfix">
                <div class=" clearfix">
                    <div class="index_1_box">
                        <div class="index_2_big_img_ul">
                            <div class="index_2_big_img_li cover100" v-if="boxData16[0]">
                                <NuxtLink :to="boxData16[0].linkurl" target="_blank" v-if="boxData16[0].islink==1">
                                    <img class="" :src="boxData16[0].imgurl" title="" alt="">
                                    <div class="index_2_big_img_li_dot2 dot2">
                                        <span class="index_2_big_img_li_dot2_tag">专题444555</span>
                                        {{boxData16[0].title}}
                                    </div>
                                    <div class="index_1_box_right_img_li_dot1 dot1">
                                        {{getTime(boxData16[0].updated_at,'month',1)}}
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${boxData16[0].id}`}" target="_blank" v-if="boxData16[0].islink==0">
                                    <img class="" :src="boxData16[0].imgurl" title="" alt="">
                                    <div class="index_2_big_img_li_dot2 dot2">
                                        <span class="index_2_big_img_li_dot2_tag">专题</span>
                                        {{boxData16[0].title}}
                                    </div>
                                    <div class="index_1_box_right_img_li_dot1 dot1">
                                        {{getTime(boxData16[0].updated_at,'month',1)}}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_1_box_right_img_ul index_1_box_right_img_ul_2 clearfix" v-if="boxData16[1]">
                            <div class="index_1_box_right_img_li cover100">
                                <NuxtLink :to="boxData16[1].linkurl" target="_blank" v-if="boxData16[1].islink==1">
                                    <img class="" :src="boxData16[1].imgurl">
                                    <div class="index_1_box_right_img_li_dot1 dot1">
                                        {{boxData16[1].title}}
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${boxData16[1].id}`}" target="_blank" v-if="boxData16[1].islink==0">
                                    <img class="" :src="boxData16[1].imgurl">
                                    <div class="index_1_box_right_img_li_dot1 dot1">
                                        {{boxData16[1].title}}
                                    </div>
                                </NuxtLink>
                            </div>
                            <div class="index_1_box_right_img_li cover100" v-if="boxData16[2]">
                                <NuxtLink :to="boxData16[2].linkurl" target="_blank" v-if="boxData16[2].islink==1">
                                    <img class="" :src="boxData16[2].imgurl">
                                    <div class="index_1_box_right_img_li_dot1 dot1">
                                        {{boxData16[2].title}}
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${boxData16[2].id}`}" target="_blank" v-if="boxData16[2].islink==0">
                                    <img class="" :src="boxData16[2].imgurl">
                                    <div class="index_1_box_right_img_li_dot1 dot1">
                                        {{boxData16[2].title}}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_2_big_img_ul" v-if="boxData16[3]">
                            <NuxtLink :to="boxData16[3].linkurl" target="_blank" v-if="boxData16[3].islink==1">
                                <div class="index_2_big_img_li cover100" v-if="boxData16[3]">
                                    <img class="" :src="boxData16[3].imgurl" title="" alt="">
                                    <div class="index_2_big_img_li_dot2 dot2">
                                        {{boxData16[3].title}}
                                    </div>
                                    <div class="index_1_box_right_img_li_dot1 dot1">
                                        {{getTime(boxData16[3].updated_at,'month',1)}}
                                    </div>
                                </div>
                            </NuxtLink>
                            <NuxtLink :to="{ path: `/newsDetail/${boxData16[3].id}`}" target="_blank" v-if="boxData16[3].islink==0">
                                <div class="index_2_big_img_li cover100" v-if="boxData16[3]">
                                    <img class="" :src="boxData16[3].imgurl" title="" alt="">
                                    <div class="index_2_big_img_li_dot2 dot2">
                                        {{boxData16[3].title}}
                                    </div>
                                    <div class="index_1_box_right_img_li_dot1 dot1">
                                        {{getTime(boxData16[3].updated_at,'month',1)}}
                                    </div>
                                </div>
                            </NuxtLink>
                        </div>
                    </div>

					<div class="index_1_box">
                        <div class="index_1_ul clearfix">
                            <div class="index_1_li clearfix index_1_li_only" v-for="item in boxData16data2" >
                                <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                                    <div class="index_1_li_dot2 dot2">
                                       {{ item.title }}
                                    </div>
                                    <div class="index_1_li_time">
                                        {{getTime(item.updated_at,'month',1)}}
                                    </div> 
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`}" target="_blank" v-if="item.islink==0">
                                    <div class="index_1_li_dot2 dot2">
                                       {{ item.title }}
                                    </div>
                                    <div class="index_1_li_time">
                                        {{getTime(item.updated_at,'month',1)}}
                                    </div> 
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                    <div class="index_1_box_right">
                        <div class="index_1_head_box clearfix index_1_head_box_line_none">
                            <NuxtLink
                                :to="{ path: `/newsList/${boxData16menu[0].category_id}`}"
                                target="_blank" v-if="boxData16menu[0]" class="leftTitle">
                                {{ boxData16menu[0].name }}
                            </NuxtLink>

                            <NuxtLink
                                :to="{ path: `/newsList/${boxData16menu[0].category_id}`}"
                                target="_blank" v-if="boxData16menu[0]">
                                查看更多
                            </NuxtLink>
                        </div>                  
                        <div class="index_2_ul">
                            <div class="index_2_li clearfix" v-for="item in boxData16mainData">
                                <NuxtLink :to="{path:`/newsDetail/${item.id}`}" target="_blank">
                                    <time class="index_2_li_time_box">
                                        <div class="index_2_li_time_head">
                                            {{getTime(item.updated_at,'day',1)}}
                                        </div>
                                        <div class="index_2_li_time_foot">
                                            {{getTime(item.updated_at,'year',2)}}
                                        </div>
                                    </time> 
                                    <div class="index_2_li_dot2 dot2">
                                        {{item.title}}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>						
                    </div>
				</div>
			</div>
        </section>
        <section class="index_1 clearfix">
            <div class="index_1_box">
                <div class="index_1_head_box clearfix" v-if="pageData.length>=18">
                    <div class="index_1_head index_1_head_only" v-if="pageData[17].cid">
                        <NuxtLink
                            :to="{ path: `/newsList/${pageData[17].cid}`}"
                            target="_blank" v-if="pageData[17]&&pageData[17].children_count==0" class="active">
                            {{pageData[17].alias}}
                        </NuxtLink>
                        <NuxtLink
                            :to="{ path: `/primaryNavigation/${pageData[17].cid}`}"
                            target="_blank" v-else-if="pageData[17]&&pageData[17].children_count!=0" class="active">
                            {{pageData[17].alias}}
                        </NuxtLink>
                    </div>
                    <NuxtLink
                        :to="{ path: `/newsList/${pageData[17].cid}`}"
                        target="_blank" v-if="pageData[17].cid">
                        查看更多
                    </NuxtLink>
                </div>
                <div class="index_1_ul clearfix index_1_ul_mrbot" v-if="boxData18[0]">
                    <div class="index_1_img_li clearfix">
                        <NuxtLink :to="boxData18[0].linkurl" target="_blank" v-if="boxData18[0].islink==1">
                            <img :src="boxData18[0].imgurl">
                            <div class="index_1_li_dot3 dot3">
                                {{boxData18[0].title}}
                            </div>
                        </NuxtLink>
                        <NuxtLink :to="{ path: `/newsDetail/${boxData18[0].id}`}" target="_blank" v-if="boxData18[0].islink==0">
                            <img :src="boxData18[0].imgurl">
                            <div class="index_1_li_dot3 dot3">
                                {{boxData18[0].title}}
                            </div>
                        </NuxtLink>
                    </div>
                </div>
                 <div class="index_1_ul clearfix" v-for="item in boxData18data2">
                     <div class="index_1_li clearfix">
                        <NuxtLink :to="item.linkurl" target="_blank" v-if="boxData18[0].islink==1">
                            <div class="index_1_li_dot2 dot2">
                                {{item.title}}
                            </div>
                            <div class="index_1_li_time">
                                {{getTime(item.updated_at,'month',2)}}
                            </div> 
                        </NuxtLink>
                        <NuxtLink :to="{ path: `/newsDetail/${item.id}`}" target="_blank" v-if="boxData18[0].islink==0">
                            <div class="index_1_li_dot2 dot2">
                                {{item.title}}
                            </div>
                            <div class="index_1_li_time">
                                {{getTime(item.updated_at,'month',2)}}
                            </div> 
                        </NuxtLink>
                     </div>
                 </div>
             </div>
             <div class="index_1_box">
                <div class="index_1_head_box clearfix" v-if="pageData.length>=19">
                    <div class="index_1_head index_1_head_only" v-if="pageData[18].cid">
                        <NuxtLink
                            :to="{ path: `/newsList/${pageData[18].cid}`}"
                            target="_blank" v-if="pageData[18]&&pageData[18].children_count==0" class="active">
                            {{pageData[18].alias}}
                        </NuxtLink>
                        <NuxtLink
                            :to="{ path: `/primaryNavigation/${pageData[18].cid}`}"
                            target="_blank" v-else-if="pageData[18]&&pageData[18].children_count!=0" class="active">
                            {{pageData[18].alias}}
                        </NuxtLink>
                    </div>
                    <NuxtLink
                        :to="{ path: `/newsList/${pageData[18].cid}`}"
                        target="_blank" v-if="pageData[18].cid">
                        查看更多
                    </NuxtLink>
                </div>
                <div class="index_1_ul clearfix" v-for="(item,index) in boxData19">
                    <div class="index_1_li clearfix index_1_li_bold" v-if="index == 0">
                        <NuxtLink :to="{path:`/newsDetail/${item.id}`}" target="_blank">
                            <div class="index_1_li_dot2 dot2">
                                {{item.title}}
                            </div>
                            <div class="index_1_li_time">
                                {{getTime(item.updated_at,'month',1)}}
                            </div> 
                        </NuxtLink>
                    </div>
                    
                    <div class="index_1_li clearfix" v-else>
                        <NuxtLink :to="{path:`/newsDetail/${item.id}`}" target="_blank">
                            <div class="index_1_li_dot2 dot2">
                                {{item.title}}
                            </div>
                            <div class="index_1_li_time">
                                {{getTime(item.updated_at,'month',1)}}
                            </div> 
                        </NuxtLink>
                    </div> 
                </div>
            </div>
            <div class="index_1_box_right" v-if="pageData.length>=20">
                 <div class="index_1_head_box clearfix">
                    <div class="index_1_head index_1_head_only" v-if="pageData[19].cid">
                        <NuxtLink
                            :to="{ path: `/newsList/${pageData[19].cid}`}"
                            target="_blank" v-if="pageData[19]&&pageData[19].children_count==0" class="active">
                            {{pageData[19].alias}}
                        </NuxtLink>
                        <NuxtLink
                            :to="{ path: `/primaryNavigation/${pageData[19].cid}`}"
                            target="_blank" v-else-if="pageData[19]&&pageData[19].children_count!=0" class="active">
                            {{pageData[19].alias}}
                        </NuxtLink>
                    </div>
                    <NuxtLink
                        :to="{ path: `/newsList/${pageData[19].cid}`}"
                        target="_blank" v-if="pageData[19].cid">
                        查看更多
                    </NuxtLink>
                 </div>
                 <div class="index_1_box_right_img_ul clearfix">
                    <div class="index_1_box_right_img_li cover100" v-for="item in boxData20">
                        <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                            <img :src="item.imgurl">
                            <div class="index_1_box_right_img_li_dot1 dot1">
                                {{item.title}}
                            </div>
                        </NuxtLink>
                        <NuxtLink :to="{ path: `/newsDetail/${item.id}`}" target="_blank" v-if="item.islink==0">
                            <img :src="item.imgurl">
                            <div class="index_1_box_right_img_li_dot1 dot1">
                                {{item.title}}
                            </div>
                        </NuxtLink>
                    </div>
                 </div>
                 <div class="index_1_box_right_ul clearfix">
                    <div class="index_1_box_right_li" v-for="item in boxData20data2">
                        <NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1">
                            <div class="index_1_box_right_li_font">详</div>
                            <div class="index_1_box_right_li_dot1 dot1">{{item.title}}</div>
                        </NuxtLink>
                        <NuxtLink :to="{path:`/newsDetail/${item.id}`}" target="_blank" v-if="item.islink==0">
                            <div class="index_1_box_right_li_font">详</div>
                            <div class="index_1_box_right_li_dot1 dot1">{{item.title}}</div>
                        </NuxtLink>
                    </div>
                 </div>
             </div>
        </section>
        <!-- 页面底部 -->
        <HomeFoot></HomeFoot>
    </div>
</template>

<script setup>
//1.加载页面必备组件 start---------------------------------------->
import { ref, onMounted } from 'vue';
import { ElRadio, ElRadioGroup, ElMessage } from 'element-plus';
//1.加载页面必备组件 end---------------------------------------->

//2.交互方法 start---------------------------------------->
//2.1 新闻图片切换
const hoverStatus = ref(1)
const qhPic = function (num) {
    hoverStatus.value = num;
}
//2.2 投票
const radio1 = ref('1');
let index = ref(0)
let isDisabled = ref(false)

function handleVote(){
    isDisabled.value = true
    ElMessage.success('投票成功')
}
//2.4 获得所有广告
let adList = ref([]);
const {data:adData,error:adError} = requestData('/web/getWebsiteAdvertisement',{method:'GET',query:{'ad_tag':'INDEDX'}});
if (adError.value) {
    console.error('广告列表请求失败:', adError.value);
} else {
    //当有值了以后再放进去，万恶之源，也是nuxt2和3都存在的一个问题，也许nuxt4会解决这个问题
    if (adData.value && adData.value.data) {
        adList.value = adData.value.data;
    }
}
//2.交互方法 end---------------------------------------->

//3.页面基本信息 start---------------------------------------->
//3.1 导航信息
const pageData = ref([
    // { cid: "", title: "", data: [] ,children_count:""},
]);
//3.2 模块数据
//注意前置变量 在nuxt3的ssr模式中，并不存在变量提升。
//模块1
const boxData1 = ref([])
const boxData1data2 = ref([])
//模块2
const boxData2 = ref([]);
//模块3 - 该数据已经在模块中请求
//const boxData3 = ref([]);
//模块4
const boxData4 = ref([]);
//模块5
const boxData5 = ref([]);
const boxData5data2 = ref([]);
//模块6
const boxData6 = ref([]);
//模块7
const boxData7 = ref([]);
//模块8
const boxData8 = ref([]);
const boxData88 = ref([]);
//模块9
const boxData9 = ref([]);
const boxData9data2 = ref([]);
//模块10 - 该模块只有一个入口
//const boxData10 = ref([]);
//模块11
const boxData11 = ref([]);
const boxData11data2 = ref([]);
//模块12
const boxData12 = ref([]);
//模块13 - 该模块只有一个入口
//const boxData13 = ref([]);
//模块14 - 该模块含有子导航
const boxData14 = ref([]);
const boxData14data2 = ref([]);
const boxData14menu = ref([]);
const boxData14mainData = ref([]);
const boxData14mainCid = ref("");
//模块15 - 该模块只有一个入口 没有数据
//模块16 - 该模块含有子导航
const boxData16 = ref([]);
const boxData16data2 = ref([]);
const boxData16menu = ref([]);
const boxData16mainData = ref([]);
const boxData16mainCid = ref("");
//模块17 - 该模块只有一个入口 没有数据
//模块18
const boxData18 = ref([]);
const boxData18data2 = ref([]);
//模块19
const boxData19 = ref([]);
//模块20
const boxData20 = ref([]);
const boxData20data2 = ref([]);

//3.2 开始获取导航池
try {
    const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
        method: 'GET',
        query: {
            'placeid': 1,
            'pid': 0,
            'num': 22
        },
    });
    console.log("成功获取网站导航池！：", navigateData.data);
    // 遍历可用的导航池放到页面中
    for (let index in navigateData.data) {
        let data = {
            title: navigateData.data[index].name,
            cid: navigateData.data[index].category_id,
            children_count: navigateData.data[index].children_count,
            alias: navigateData.data[index].alias
        };
        if (navigateData.data[index].is_url == 1) {
            // 处理 URL 的逻辑
        } else {
            pageData.value.push(data);
        }
    }
    // 导航池加载完毕，开始申请模块数据
    await getPageData1();
    await getPageData1_data2();
    await getPageData2();
    await getPageData4();
    await getPageData5();
    await getPageData5_data2();
    await getPageData6();
    await getPageData7();
    await getPageData8();
    await getPageData8_data2();
    await getPageData9();
    await getPageData9_data2();
    await getPageData11();
    await getPageData11_data2();
    await getPageData12();
    await getPageData14();
    await getPageData14_data2();
    await getPageData14menu();
    await getPageData14mainData();
    await getPageData16();
    await getPageData16_data2();
    await getPageData16menu();
    await getPageData16mainData();
    await getPageData18();
    await getPageData18_data2();
    await getPageData19();
    await getPageData20();
    await getPageData20_data2();
    await getSeo();
} catch (error) {
    console.error('获取页面导航失败！:', error);
}

//模块1
async function getPageData1() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[0].cid,
            'level': 3,
            'pagesize': 2
        },
    });
    if (mkdataError.value) {
        //console.error('模块1数据上部分请求失败！', mkdataError.value);
    } else {
        if (mkdata.value) {
            //console.log('模块1数据上部分请求成功！', mkdata.value.data);
            boxData1.value = mkdata.value.data;
        }
    }
}
async function getPageData1_data2() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[0].cid,
            'level': 1,
            'pagesize': 6
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            //console.log()
            boxData1data2.value = mkdata.value.data;
        }
    }
}
//模块2
async function getPageData2() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[1].cid,
            'level': 3,
            'pagesize': 7
        },
    });
    if (mkdataError.value) {
       //console.log()
    } else {
        if (mkdata.value) {
            boxData2.value = mkdata.value.data;
        }
    }
}
//模块4
async function getPageData4() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[3].cid,
            'level': 3,
            'pagesize': 4
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData4.value = mkdata.value.data;
        }
    }
}
//模块5
async function getPageData5() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[4].cid,
            'level': 3,
            'pagesize': 1
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData5.value = mkdata.value.data;
        }
    }
}
async function getPageData5_data2() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[4].cid,
            'level': 1,
            'pagesize': 1,
            'placeid': 2
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData5data2.value = mkdata.value.data;
        }
    }
}
//模块6
async function getPageData6() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[5].cid,
            'level': 3,
            'pagesize': 2
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData6.value = mkdata.value.data;
        }
    }
}
//模块7
async function getPageData7() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[6].cid,
            'level': 1,
            'pagesize': 5
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData7.value = mkdata.value.data;
        }
    }
}
//模块8
async function getPageData8() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[7].cid,
            'level': 3,
            'pagesize': 2
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData8.value = mkdata.value.data;
        }
    }
}
async function getPageData8_data2() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[7].cid,
            'level': 3,
            'pagesize': 7,
            'placeid': 1
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData88.value = mkdata.value.data;
        }
    }
}
//模块9
async function getPageData9() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[8].cid,
            'level': 3,
            'pagesize': 2
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData9.value = mkdata.value.data;
        }
    }
}
async function getPageData9_data2() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[8].cid,
            'level': 1,
            'pagesize': 6,
            'placeid': 3
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData9data2.value = mkdata.value.data;
        }
    }
}
//模块11
async function getPageData11() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[10].cid,
            'level': 3,
            'pagesize': 2
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData11.value = mkdata.value.data;
        }
    }
}
async function getPageData11_data2() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[10].cid,
            'level': 1,
            'pagesize': 4,
            'placeid': 4
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData11data2.value = mkdata.value.data;
        }
    }
}
//模块12
async function getPageData12() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[11].cid,
            'level': 1,
            'pagesize': 10
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData12.value = mkdata.value.data;
        }
    }
}
//模块13 只有一个入口
//模块14
async function getPageData14() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[13].cid,
            'level': 3,
            'pagesize': 2
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData14.value = mkdata.value.data;
        }
    }
}
async function getPageData14_data2() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[13].cid,
            'level': 1,
            'pagesize': 6,
            'placeid': 3
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData14data2.value = mkdata.value.data;
        }
    }
}
//获取模块14的子导航
async function getPageData14menu() {
    const navData =  await requestDataPromise('/web/getWebsiteModelCategory', {
        method: 'GET',
        query: {
            'pid': pageData.value[13].cid,
            'placeid': 1,
            'num': 8
        },
    });
    boxData14menu.value = navData.data;
    //不需要从方法中传递，你现在本身就在promise队列中
    boxData14mainCid.value = navData.data[0].category_id;
}
async function getPageData14mainData() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': boxData14mainCid.value,
            'level': 1,
            'pagesize': 4
        },
    });
    if (mkdataError.value) {
        console.log(mkdataError.value);
    } else {
        if (mkdata.value) {
            boxData14mainData.value = mkdata.value.data;
        }
    }
}
//模块15 只有一个入口
//模块16
async function getPageData16() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[15].cid,
            'level': 3,
            'pagesize': 4
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData16.value = mkdata.value.data;
        }
    }
}
async function getPageData16_data2() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[15].cid,
            'level': 1,
            'pagesize': 6,
            'placeid': 3
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData16data2.value = mkdata.value.data;
        }
    }
}
//获取模块16的子导航
async function getPageData16menu() {
    const navData =  await requestDataPromise('/web/getWebsiteModelCategory', {
        method: 'GET',
        query: {
            'pid': pageData.value[15].cid,
            'placeid': 1,
            'num': 8
        },
    });
    boxData16menu.value = navData.data;
    //不需要从方法中传递，你现在本身就在promise队列中
    boxData16mainCid.value = navData.data[0].category_id;
}
async function getPageData16mainData() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': boxData16mainCid.value,
            'level': 1,
            'pagesize': 4
        },
    });
    if (mkdataError.value) {
        console.log(mkdataError.value);
    } else {
        if (mkdata.value) {
            console.log(mkdata.value);
            boxData16mainData.value = mkdata.value.data;
        }
    }
}
//模块17 只有一个入口
//模块18
async function getPageData18() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[17].cid,
            'level': 3,
            'pagesize': 1
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData18.value = mkdata.value.data;
        }
    }
}
async function getPageData18_data2() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[17].cid,
            'level': 1,
            'pagesize': 2
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData18data2.value = mkdata.value.data;
        }
    }
}
//模块19
async function getPageData19() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[18].cid,
            'level': 1,
            'pagesize':3
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData19.value = mkdata.value.data;
        }
    }
}
//模块20
async function getPageData20() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[19].cid,
            'level': 3,
            'pagesize':2
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData20.value = mkdata.value.data;
        }
    }
}
async function getPageData20_data2() {
    const { data: mkdata, error: mkdataError } =  requestData('/web/getWebsiteModelArticles', {
        method: 'GET',
        query: {
            'catid': pageData.value[19].cid,
            'level': 1,
            'pagesize':3,
            'placeid': 2
        },
    });
    if (mkdataError.value) {
        //console.log()
    } else {
        if (mkdata.value) {
            boxData20data2.value = mkdata.value.data;
        }
    }
}
//3.页面基本信息 end---------------------------------------->

//4.设置seo信息 start---------------------------------------->
//4.1 设置seo信息
async function getSeo() {
    const setData =  await requestDataPromise('/web/getWebsiteFootInfo', {
        method: 'GET',
        query: {},
    });
    seoSetup(setData.data.website_head.title,setData.data.website_head.description,setData.data.website_head.keywords)
}
//4.设置seo信息 end---------------------------------------->
</script>

<style lang="less" scoped>
    @import url('@/assets/css/index.less');
</style>