sannongzixunwang_web/pages/index.vue

<template>
    <div>
        <HomePageHead></HomePageHead>
        <HomePageNavigation></HomePageNavigation>
        <HomePageMessage></HomePageMessage>
        <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
        <HomeMoreService></HomeMoreService>
        <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}`}"
                                v-if="pageData[0]&&pageData[0].children_count==0" class="active" :title="pageData[0].alias">
                                {{pageData[0].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/xinnongcun11/${pageData[0].cid}`}"
                                v-else-if="pageData[0]&&pageData[0].children_count!=0" class="active" :title="pageData[0].alias">
                                {{pageData[0].alias}}
                            </NuxtLink>
                            <NuxtLink
                                v-if="pageData[0].cid"
                                :href="getLinkPath(pageData[0])"
                                :title="pageData[0].alias"
                            >
                                查看更多
                            </NuxtLink>
                        </h3>
                        <ul class="mode1ul_style1">
                            <li v-for="(item,index) in boxData1" class="imgbg">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{item.title}}
                                        </p>
                                    </div>
                                </NuxtLink>
                            </li>
                        </ul>
                        <ul class="mode1ul_style2">
                            <li v-for="item in boxData1data2">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title">
                                    <p class="title">{{ item.title }}</p>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="farmerRight" v-if="pageData.length>=2">
                    <div class="rich">
                        <h3 v-if="pageData[1].cid">
                            <NuxtLink
                                v-if="pageData[1].cid"
                                :href="getLinkPath(pageData[1])"
                                class="active"
                                :title="pageData[1].alias"
                            >
                                {{ pageData[1].alias }}
                            </NuxtLink>
                            <NuxtLink
                                v-if="pageData[1].cid"
                                :href="getLinkPath(pageData[1])"
                                :title="pageData[1].alias"
                            >
                                查看更多
                            </NuxtLink>
                        </h3>
                        <ul>
                            <li v-for="(item,index) in boxData2">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title">
                                    <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">
                    <HomeSlider :message="pageData[2]"></HomeSlider>
                </div>
                <div class="scienceRight" v-if="pageData.length>=4">
                    <div class="adBox1" v-if="adImg3">
                        <a href="http://nzgxw.org.cn/" v-if="adImg2.image_url==null" target="_blank">
                            <img :src="adImg2.thumb" >
                        </a>
                        <a :href="adImg2.image_url" v-else>
                            <img :src="adImg2.image_src">
                        </a>
                    </div>
                    <h3 v-if="pageData[3].cid">
                        <span>
                            <NuxtLink
                                v-if="pageData[3].cid"
                                :href="getLinkPath(pageData[3])"
                                class="active"
                                :title="pageData[3].alias"
                            >
                                {{ pageData[3].alias }}
                            </NuxtLink>
                        </span>
                        <NuxtLink
                            v-if="pageData[3].cid"
                            :href="getLinkPath(pageData[3])"
                            :title="pageData[3].alias"
                        >
                            查看更多
                        </NuxtLink>
                    </h3>
                    <div class="banner_b_img">
                        <ul>
                            <li v-for="item in boxData4">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title">
                                    <p class="title">{{ item.title }}</p>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <HomeTopTen :imgurl="adImg3" v-if="adImg3"></HomeTopTen>
        <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
                                    v-if="pageData[4].cid"
                                    :href="getLinkPath(pageData[4])"
                                    class="active"
                                    :title="pageData[4].alias"
                                >
                                    {{ pageData[4].alias }}
                                </NuxtLink>
                            </div>
                            <div class="layoutMore" v-if="pageData[4].cid">
                                <NuxtLink
                                    v-if="pageData[4].cid"
                                    :href="getLinkPath(pageData[4])"
                                    :title="pageData[4].alias"
                                >
                                    查看更多
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="layoutCopyData_style1" v-if="boxData5[0]">
                            <NuxtLink :to="boxData5[0].linkurl" v-if="boxData5[0].islink==1" :title="boxData5[0].title">
                                <img :src="boxData5[0].imgurl" :alt="boxData5[0].title">
                                <div>
                                    <span>{{ boxData5[0].title }}</span>
                                </div>
                            </NuxtLink>
                            <NuxtLink :to="`/newsDetail/${boxData5[0].id}`" v-if="boxData5[0].islink==0" :title="boxData5[0].title">
                                <img :src="boxData5[0].imgurl" :alt="boxData5[0].title">
                                <div>
                                    <span>{{ boxData5[0].title }}</span>
                                </div>
                            </NuxtLink>
                            <NuxtLink :to="boxData5data2[0].linkurl" v-if="boxData5data2[0]&&boxData5data2[0].islink==1" :title="boxData5data2[0].title">
                                <p class="title">{{ boxData5data2[0].title }}</p>
                                <p>&nbsp;</p>
                            </NuxtLink>
                            <NuxtLink :to="`/newsDetail/${boxData5data2[0].id}`" v-if="boxData5data2[0]&&boxData5data2[0].islink==0" :title="boxData5data2[0].title">
                                <p class="title">{{ boxData5data2[0].title }}</p>
                                <p>&nbsp;</p>
                            </NuxtLink>
                        </div>
                    </div>
                    <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}`}"
                                    v-if="pageData[5]&&pageData[5].children_count==0" class="active" :title="pageData[5].alias">
                                    {{pageData[5].alias}}
                                </NuxtLink>
                                <NuxtLink
                                    :to="{ path: `/primaryNavigation/${pageData[5].cid}`}"
                                    v-else-if="pageData[5]&&pageData[5].children_count!=0" class="active" :title="pageData[5].alias">
                                    {{pageData[5].alias}}
                                </NuxtLink>
                            </div>
                            <div class="layoutMore" v-if="pageData[5].cid">
                                <NuxtLink :to="{ path: `/newsList/${pageData[5].cid}`}" v-if="pageData[5]&&pageData[5].children_count==0" :title="pageData[5].alias">
                                    查看更多
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/primaryNavigation/${pageData[5].cid}`}" v-else-if="pageData[5]&&pageData[5].children_count!=0" :title="pageData[5].alias">
                                    查看更多
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="layoutCopyData_style2">
                            <NuxtLink :to="item.linkurl" v-for="item in boxData6" v-show='item.islink==1' :title="item.title">
                                <p class="title">{{ item.title }}</p>
                            </NuxtLink>
                            <NuxtLink :to="`/newsDetail/${item.id}`" v-for="item in boxData6" v-show='item.islink==0' :title="item.title">
                                <p class="title">{{ item.title }}</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}`}"
                                v-if="pageData[6]&&pageData[6].children_count==0" class="active" :title="pageData[6].alias">
                                {{pageData[6].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[6].cid}`}"
                                v-else-if="pageData[6]&&pageData[6].children_count!=0" class="active" :title="pageData[6].alias">
                                {{pageData[6].alias}}
                            </NuxtLink>
                        </div>
                        <div class="layoutMore" v-if="pageData[6].cid">
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[6].cid}`}"
                                v-if="pageData[6]&&pageData[6].children_count==0" :title="pageData[6].alias">
                                查看更多
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[6].cid}`}"
                                v-else-if="pageData[6]&&pageData[6].children_count!=0" :title="pageData[6].alias">
                                查看更多
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="layoutCopyData_style3">
                        <div v-for="(item,index) in boxData7">
                            <NuxtLink :to="item.linkurl" v-if="index==0&&item.islink==1" class="style3link1" :title="item.title">
                                <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}`" v-if="index==0&&item.islink==0" class="style3link1" :title="item.title">
                                <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" v-if="index>0&&item.islink==1" class="style3link2" :title="item.title">
                                <div>
                                    <b></b>
                                    <p class="title">{{item.title}}</p>
                                </div>
                                <p>&nbsp;</p>
                            </NuxtLink>
                            <NuxtLink :to="`/newsDetail/${item.id}`" v-if="index>0&&item.islink==0" class="style3link2" :title="item.title">
                                <div>
                                    <b></b>
                                    <p class="title">{{ item.title }}</p>
                                </div>
                                <p>&nbsp;</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}`}"
                            v-if="pageData[7]&&pageData[7].children_count==0" class="active" :title="pageData[7].alias">
                            {{pageData[7].alias}}
                        </NuxtLink>
                        <NuxtLink
                            :to="{ path: `/primaryNavigation/${pageData[7].cid}`}"
                            v-else-if="pageData[7]&&pageData[7].children_count!=0" class="active" :title="pageData[7].alias">
                            {{pageData[7].alias}}
                        </NuxtLink>
                    </div>
                    <div class="layoutMore" v-if="pageData[7].cid">
                        <NuxtLink
                            :to="{ path: `/newsList/${pageData[7].cid}`}"
                            v-if="pageData[7]&&pageData[7].children_count==0" :title="pageData[7].alias">
                            查看更多
                        </NuxtLink>
                        <NuxtLink
                            :to="{ path: `/primaryNavigation/${pageData[7].cid}`}"
                            v-else-if="pageData[7]&&pageData[7].children_count!=0" :title="pageData[7].alias">
                            查看更多
                        </NuxtLink>
                    </div>
                </div>
                <div class="layoutCopyData_style4">
                    <div class="layoutCopyData_pic">
                        <NuxtLink :to="item.linkurl" v-for="item in boxData8" v-show="item.islink==1" :title="item.title">
                            <img :src="item.imgurl" :alt="item.title">
                            <p>{{item.title}}</p>
                        </NuxtLink>
                        <NuxtLink :to="`/newsDetail/${item.id}`" v-for="item in boxData8" v-show="item.islink==0" :title="item.title">
                            <img :src="item.imgurl" :alt="item.title">
                            <p>{{item.title}}</p>
                        </NuxtLink>
                    </div>
                    <div class="layoutCopyData_text">
                        <NuxtLink :to="item.linkurl" v-for="item in boxData88" v-show="item.islink==1" :title="item.title">
                            <div class="title">{{item.title}}</div>
                            <div class="more">详</div>
                        </NuxtLink>
                        <NuxtLink :to="`/newsDetail/${item.id}`" v-for="item in boxData88" v-show="item.islink==0" :title="item.title">
                            <div class="title">{{item.title}}</div>
                            <div class="more">详</div>
                        </NuxtLink>
                    </div>
                </div>
            </div>
        </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}`}" @mouseenter="tabsData1 = 1"
                                        v-if="pageData[8]&&pageData[8].children_count==0" :title="pageData[8].alias" :class="{ active: tabsData1 == 1 }">
                                        {{pageData[8].alias}}
                                    </NuxtLink>
                                    <NuxtLink
                                        :to="{ path: `/primaryNavigation/${pageData[8].cid}`}" @mouseenter="tabsData1 = 1"
                                        v-else-if="pageData[8]&&pageData[8].children_count!=0" :title="pageData[8].alias" :class="{ active: tabsData1 == 1 }">
                                        {{pageData[8].alias}}
                                    </NuxtLink>
                                </span>

                                <span v-if="pageData[9].cid">
                                    <NuxtLink
                                        :to="{ path: `/newsList/${pageData[9].cid}`}" @mouseenter="tabsData1 = 2"
                                        v-if="pageData[9]&&pageData[9].children_count==0" :title="pageData[9].alias" :class="{active:tabsData1 == 2 }">
                                        {{pageData[9].alias}}
                                    </NuxtLink>
                                    <NuxtLink
                                        :to="{ path: `/primaryNavigation/${pageData[9].cid}`}" @mouseenter="tabsData1 = 2"
                                        v-else-if="pageData[9]&&pageData[9].children_count!=0" :title="pageData[9].alias" :class="{active:tabsData1 == 2 }">
                                        {{pageData[9].alias}}
                                    </NuxtLink>
                                </span>
                            </div>
                        </h3>
                        <ul class="mode1ul_style1" v-if="tabsData1==1">
                            <li v-for="(item,index) in boxData9" class="imgbg">
                                <NuxtLink :to="item.linkurl" v-if="item.islink==1" :title="item.title">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                        <p>&nbsp;</p>
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" v-if="item.islink==0" :title="item.title">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                        <p>&nbsp;</p>
                                    </div>
                                </NuxtLink>
                            </li>
                        </ul>
                        <ul class="mode1ul_style2" v-if="tabsData1==1">
                            <li v-for="item in boxData9data2">
                                <NuxtLink :to="item.linkurl" v-if="item.islink==1" :title="item.title">
                                    <p class="title">{{ item.title }}</p>
                                    <p>&nbsp;</p>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" v-if="item.islink==0" :title="item.title">
                                    <p class="title">{{ item.title }}</p>
                                    <p>&nbsp;</p>
                                </NuxtLink>
                            </li>
                        </ul>
                        <ul class="mode1ul_style1" v-if="tabsData1==2">
                            <li v-for="(item,index) in boxData10" class="imgbg">
                                <NuxtLink :to="item.linkurl" v-if="item.islink==1" :title="item.title">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                        <p>&nbsp;</p>
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" v-if="item.islink==0" :title="item.title">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                        <p>&nbsp;</p>
                                    </div>
                                </NuxtLink>
                            </li>
                        </ul>
                        <ul class="mode1ul_style2" v-if="tabsData1==2">
                            <li v-for="item in boxData10data2">
                                <NuxtLink :to="item.linkurl" v-if="item.islink==1" :title="item.title">
                                    <p class="title">{{ item.title }}</p>
                                    <p>&nbsp;</p>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" v-if="item.islink==0" :title="item.title">
                                    <p class="title">{{ item.title }}</p>
                                    <p>&nbsp;</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}`}"
                                    v-if="pageData[10]&&pageData[10].children_count==0" class="active" :title="pageData[10].alias">
                                    {{pageData[10].alias}}
                                </NuxtLink>
                                <NuxtLink
                                    :to="{ path: `/primaryNavigation/${pageData[10].cid}`}"
                                    v-else-if="pageData[10]&&pageData[10].children_count!=0" class="active" :title="pageData[10].alias">
                                    {{pageData[10].alias}}
                                </NuxtLink>
                            </span>
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[10].cid}`}"
                                v-if="pageData[10]&&pageData[10].children_count==0" :title="pageData[10].alias">
                                查看更多
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[10].cid}`}"
                                v-else-if="pageData[10]&&pageData[10].children_count!=0" :title="pageData[10].alias">
                                查看更多
                            </NuxtLink>
                        </h3>
                        <div class="richList">
                            <div class="richListPic" v-if="boxData11[0]">
                                <NuxtLink :to="boxData11[0].linkurl" v-if="boxData11[0].islink==1" :title="boxData11[0].title">
                                    <img :src="boxData11[0].imgurl" :alt="boxData11[0].title">
                                    <div>
                                        <span>{{boxData11[0].title}}</span>
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11[0].id}`" v-if="boxData11[0].islink==0" :title="boxData11[0].title">
                                    <img :src="boxData11[0].imgurl" :alt="boxData11[0].title">
                                    <div>
                                        <span>{{boxData11[0].title}}</span>
                                    </div>
                                </NuxtLink>
                            </div>
                            <div class="richListText" v-if="boxData11data2[0]">
                                <NuxtLink :to="boxData11data2[0].linkurl" v-if="boxData11data2[0].islink==1" :title="boxData11data2[0].title">
                                    <span>{{boxData11data2[0].title}}</span>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11data2[0].id}`" v-if="boxData11data2[0].islink==0" :title="boxData11data2[0].title">
                                    <span>{{boxData11data2[0].title}}</span>
                                </NuxtLink>
                            </div>
                            <div class="richListText" v-if="boxData11data2[1]">
                                <NuxtLink :to="boxData11data2[1].linkurl" v-if="boxData11data2[1].islink==1" :title="boxData11data2[1].title">
                                    <span>{{boxData11data2[1].title}}</span>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11data2[1].id}`"  v-if="boxData11data2[1].islink==0" :title="boxData11data2[1].title">
                                    <span>{{boxData11data2[1].title}}</span>
                                </NuxtLink>
                            </div>
                            <div class="richListPictow" v-if="boxData11[1]">
                                <NuxtLink :to="boxData11[1].linkurl"  v-if="boxData11[1].islink==1" :title="boxData11[1].title">
                                    <img :src="boxData11[1].imgurl" :alt="boxData11[1].title">
                                    <div>
                                        <span>{{boxData11[1].title}}</span>
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11[1].id}`" v-if="boxData11[1].islink==0" :title="boxData11[1].title">
                                    <img :src="boxData11[1].imgurl" :alt="boxData11[1].title">
                                    <div>
                                        <span>{{boxData11[1].title}}</span>
                                    </div>
                                </NuxtLink>
                            </div>
                            <div class="richListText" v-if="boxData11data2[2]">
                                <NuxtLink :to="boxData11data2[2].linkurl" v-if="boxData11data2[2].islink==1" :title="boxData11data2[2].title">
                                    <span>{{boxData11data2[2].title}}</span>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11data2[2].id}`"  v-if="boxData11data2[2].islink==0" :title="boxData11data2[2].title">
                                    <span>{{boxData11data2[2].title}}</span>
                                </NuxtLink>
                            </div>
                            <div class="richListText" v-if="boxData11data2[3]">
                                <NuxtLink :to="boxData11data2[3].linkurl"  v-if="boxData11data2[3].islink==1" :title="boxData11data2[3].title">
                                    <span>{{boxData11data2[3].title}}</span>
                                </NuxtLink>
                                <NuxtLink :to="`/newsDetail/${boxData11data2[3].id}`"  v-if="boxData11data2[3].islink==0" :title="boxData11data2[3].title">
                                    <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}`}" @mouseenter="tabsData2 = 1"
                                v-if="pageData[11]&&pageData[11].children_count==0" :class="{ active: tabsData2 == 1 }" :title="pageData[11].alias">
                                {{pageData[11].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[11].cid}`}" @mouseenter="tabsData2 = 1"
                                v-else-if="pageData[11]&&pageData[11].children_count!=0" :class="{ active: tabsData2 == 1 }" :title="pageData[11].alias">
                                {{pageData[11].alias}}
                            </NuxtLink>
                        </div>

                        <div class="index_1_head" v-if="pageData[12].cid">
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[12].cid}`}" @mouseenter="tabsData2 = 2"
                                v-if="pageData[12]&&pageData[12].children_count==0" :class="{ active: tabsData2 == 2 }" :title="pageData[12].alias">
                                {{pageData[12].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[12].cid}`}"@mouseenter="tabsData2 = 2"
                                v-else-if="pageData[12]&&pageData[12].children_count!=0" :class="{ active: tabsData2 == 2 }" :title="pageData[12].alias">
                                {{pageData[12].alias}}
                            </NuxtLink>
                        </div>

                     </div>
                 </div>
                 <div class="index_3_ul clearfix" v-if="tabsData2==1">
                     <div :class="['index_3_li',index < 2 ? 'index_3_li_color' : '']" v-for="(item, index) in boxData12">
                        <NuxtLink :to="item.linkurl" v-if="item.islink==1" :title="item.title">
                            <p class="title">
                                <b :class="['lis',index < 2 ? 'active' : '']"></b>
                                {{item.title}}
                            </p>
                        </NuxtLink>
                        <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" v-if="item.islink==0" :title="item.title">
                            <p class="title">
                                <b :class="['lis',index < 2 ? 'active' : '']"></b>
                                {{item.title}}
                            </p>
                        </NuxtLink>
                    </div>
                </div>

                <div class="index_3_ul clearfix" v-if="tabsData2==2">
                     <div :class="['index_3_li',index < 2 ? 'index_3_li_color' : '']" v-for="(item, index) in boxData13">
                        <NuxtLink :to="item.linkurl" v-if="item.islink==1" :title="item.title">
                            <p class="title">
                                <b :class="['lis',index < 2 ? 'active' : '']"></b>
                                {{item.title}}
                            </p>
                        </NuxtLink>
                        <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" v-if="item.islink==0" :title="item.title">
                            <p class="title">
                                <b :class="['lis',index < 2 ? 'active' : '']"></b>
                                {{item.title}}
                            </p>
                        </NuxtLink>
                    </div>
                </div>
            </div>
            <div class="index_1_box_right">
                <img src="../public/index/sndc.png" alt="三农调查">
                <div class="index_3_box_vote">
                    <div class="inquire" v-if="voteList.length>0">
                        <p v-if="voteList.length>0">{{voteList[0].survey_name}}</p>
                        <div class="radioBox">
                            <div v-if="!isDisabled">
                                <div class="radio" v-if="isRadio">
                                    <el-radio-group v-model="radio1" @change="handleRadioChange">
                                        <el-radio v-for="item in voteList" :key="item.id" :value="item.id" size="large">
                                            <span v-if="item.is_other == 0">{{item.choice_name}}</span>
                                            <span v-else>其他</span>
                                        </el-radio>
                                    </el-radio-group>
                                    <el-input
                                        v-if="showUserChoice"
                                        v-model="userChoice"
                                        :rows="2"
                                        type="textarea"
                                        resize="none"
                                        placeholder="请输入.."
                                    />
                                </div>
                                <div class="checkInputBox" v-else>
                                    <el-checkbox-group v-model="check1" @change="handleCheckboxChange">
                                        <span v-for="item in voteList" :key="item.id">
                                            <span v-if="item.is_other == 0">
                                                <el-checkbox size="large" :label="item.choice_name" :value="item.id"/>
                                            </span>
                                            <span v-else>
                                                <el-checkbox size="large" label="其他" :value="item.id"/>
                                            </span>
                                        </span>
                                    </el-checkbox-group>
                                    <el-input
                                        v-if="showUserChoice"
                                        v-model="userChoice"
                                        :rows="2"
                                        type="textarea"
                                        resize="none"
                                        placeholder="请输入.."
                                    />
                                </div>
                            </div>
                            <div class="inquireData" v-else>
                                <div v-for="item in websiteSurveyData.data" :key="item.id">
                                    <div class="inquireDataItem active" v-if="item.status == 1">
                                        <div class="inquireDataItemTitle">
                                            <span v-if="item.choice_name == ''">其他</span>
                                            <span v-else>{{item.choice_name}}</span>
                                        </div>
                                        <div class="inquireDataItemNum">{{item.results}}票</div>
                                    </div>
                                    <div class="inquireDataItem" v-else>
                                        <div class="inquireDataItemTitle">
                                            <span v-if="item.choice_name == ''">其他</span>
                                            <span v-else>{{item.choice_name}}</span>
                                        </div>
                                        <div class="inquireDataItemNum">{{item.results}}票</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="btn">
                            <button class="voting" @click="addWebsiteSurvey" :disabled="isDisabled" v-if="!isDisabled">投票</button>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="titleBox" v-if="adImg4">
            <a href="http://nzgxw.org.cn/" v-if="adImg4.image_url==null" target="_blank">
                <img :src="adImg4.thumb">
            </a>
            <a :href="adImg4.image_url" v-else target="_blank">
                <img :src="adImg4.image_src">
            </a>
        </div>
        <div class="lastPart3">
            <div class="inner">
                <div class="lastPartTitle" v-if="pageData.length>=14">
                    <div class="left" >
                        <span v-if="pageData[13].cid">
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[13].cid}`}"
                                v-if="pageData[13]&&pageData[13].children_count==0" :title="pageData[13].alias" @mouseenter="tabsData3=1" :class="{ active: tabsData3 == 1 }">
                                {{pageData[13].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[13].cid}`}"
                                v-else-if="pageData[13]&&pageData[13].children_count!=0" :title="pageData[13].alias" @mouseenter="tabsData3=1" :class="{ active: tabsData3 == 1 }">
                                {{pageData[13].alias}}
                            </NuxtLink>
                        </span>
                        <span v-if="pageData[14].cid">
                            <NuxtLink
                                :to="{ path: `/newsList/${pageData[14].cid}`}"
                                v-if="pageData[14]&&pageData[14].children_count==0" :title="pageData[14].alias" @mouseenter="tabsData3=2" :class="{ active: tabsData3 == 2 }">
                                {{pageData[14].alias}}
                            </NuxtLink>
                            <NuxtLink
                                :to="{ path: `/primaryNavigation/${pageData[14].cid}`}"
                                v-else-if="pageData[14]&&pageData[14].children_count!=0" :title="pageData[14].alias" @mouseenter="tabsData3=2" :class="{ active: tabsData3 == 2 }">
                                {{pageData[14].alias}}
                            </NuxtLink>
                        </span>
                    </div>
                    <div class="right" v-if="tabsData3==1">
                        <NuxtLink :to="{ path: `/newsList/${item.category_id}`}" v-if="pageData[13].cid" v-for="item in boxData14menu" :title="item.alias">
                            {{item.alias}}
                        </NuxtLink>
                    </div>
                    <div class="right" v-if="tabsData3==2">
                        <NuxtLink :to="{ path: `/newsList/${item.category_id}`}" v-if="pageData[14].cid" v-for="item in boxData15menu" :title="item.alias">
                            {{item.alias}}
                        </NuxtLink>
                    </div>
                </div>
                <div class="lastPartContext" v-if="tabsData3==1">
                    <div class="left">
                        <ul class="mode1ul_style1">
                            <li v-for="(item,index) in boxData14" class="imgbg">
                                <NuxtLink :to="item.linkurl" v-if="item.islink==1" :title="item.title">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" v-if="item.islink==0" :title="item.title">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                    </div>
                                </NuxtLink>
                            </li>
                        </ul>
                        <ul class="mode1ul_style2">
                            <li v-for="item in boxData14data2">
                                <NuxtLink :to="item.linkurl" v-if="item.islink==1" :title="item.title">
                                    <p class="title">{{ item.title }}</p>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" v-if="item.islink==0" :title="item.title">
                                    <p class="title">{{ item.title }}</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}`}"
                                    v-if="boxData14menu[0]" class="leftTitle" :title="boxData14menu[0].alias">
                                    {{ boxData14menu[0].alias }}
                                </NuxtLink>
                                <NuxtLink
                                    :to="{ path: `/newsList/${boxData14menu[0].category_id}`}"
                                    v-if="boxData14menu[0]" :title="boxData14menu[0].alias">
                                    查看更多
                                </NuxtLink>
                            </h3>
                        </div>
                        <ul class="content">
                            <li v-for="item in boxData14mainData">
                                <NuxtLink :to="item.linkurl" v-if="item.islink==1" :title="item.title">
                                    <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 } }" v-if="item.islink==0" :title="item.title">
                                    <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 class="lastPartContext" v-if="tabsData3==2">
                    <div class="left">
                        <ul class="mode1ul_style1">
                            <li v-for="(item,index) in boxData15" class="imgbg">
                                <NuxtLink :to="item.linkurl" v-if="item.islink==1" :title="item.title">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" v-if="item.islink==0" :title="item.title">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div>
                                        <p>
                                            <span v-if="index==0">专题</span>
                                            {{ item.title }}
                                        </p>
                                    </div>
                                </NuxtLink>
                            </li>
                        </ul>
                        <ul class="mode1ul_style2">
                            <li v-for="item in boxData15data2">
                                <NuxtLink :to="item.linkurl"  v-if="item.islink==1" :title="item.title">
                                    <p class="title">{{ item.title }}</p>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"  v-if="item.islink==0" :title="item.title">
                                    <p class="title">{{ item.title }}</p>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div class="right" v-if="pageData.length>=15">
                        <div class="title">
                            <h3 v-if="boxData15menu[0]">
                                <NuxtLink
                                    :to="{ path: `/newsList/${boxData15menu[0].category_id}`}"
                                    v-if="boxData15menu[0]" class="leftTitle" :title="boxData15menu[0].alias">
                                    {{ boxData15menu[0].alias }}
                                </NuxtLink>
                                <NuxtLink
                                    :to="{ path: `/newsList/${boxData15menu[0].category_id}`}"
                                    v-if="boxData15menu[0]" :title="boxData15menu[0].alias">
                                    查看更多
                                </NuxtLink>
                            </h3>
                        </div>
                        <ul class="content">
                            <li v-for="item in boxData15mainData">
                                <NuxtLink :to="item.linkurl" v-if="item.islink==1" :title="item.title">
                                    <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 } }" v-if="item.islink==0" :title="item.title">
                                    <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}`}" :class="{ active: tabsData4 == 1 }" 
                            v-if="pageData[15]&&pageData[15].children_count==0" :title="pageData[15].alias">
                            {{pageData[15].alias}}
                        </NuxtLink>
                        <NuxtLink
                            :to="{ path: `/primaryNavigation/${pageData[15].cid}`}" :class="{ active: tabsData4 == 1 }"
                            v-else-if="pageData[15]&&pageData[15].children_count!=0" :title="pageData[15].alias">
                            {{pageData[15].alias}}
                        </NuxtLink>
                    </div>
                </div>
                <div class="index_2_head_a_box clearfix">
                    <NuxtLink :to="{ path: `/newsList/${item.category_id}`}" v-if="pageData[15].cid" v-for="item in boxData16menu" :title="item.alias">
                        {{item.alias}}
                    </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">
                                <NuxtLink :to="boxData16[0].linkurl" v-if="boxData16[0].islink==1" :title="boxData16[0].title">
                                    <img class="" :src="boxData16[0].imgurl" :alt="boxData16[0].title">
                                    <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">

                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${boxData16[0].id}`}"  v-if="boxData16[0].islink==0" :title="boxData16[0].title">
                                    <img class="" :src="boxData16[0].imgurl" :alt="boxData16[0].title">
                                    <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">
                                        
                                    </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" v-if="boxData16[1].islink==1" :title="boxData16[1].title">
                                    <img class="" :src="boxData16[1].imgurl" :alt="boxData16[1].title">
                                    <div class="index_1_box_right_img_li_dot1 dot1">
                                        {{boxData16[1].title}}
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${boxData16[1].id}`}" v-if="boxData16[1].islink==0" :title="boxData16[1].title">
                                    <img class="" :src="boxData16[1].imgurl" :alt="boxData16[1].title">
                                    <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" v-if="boxData16[2].islink==1" :title="boxData16[2].title">
                                    <img class="" :src="boxData16[2].imgurl" :alt="boxData16[2].title">
                                    <div class="index_1_box_right_img_li_dot1 dot1">
                                        {{boxData16[2].title}}
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${boxData16[2].id}`}" v-if="boxData16[2].islink==0" :title="boxData16[2].title">
                                    <img class="" :src="boxData16[2].imgurl" :alt="boxData16[2].title">
                                    <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" v-if="boxData16[3].islink==1" :title="boxData16[3].title">
                                <div class="index_2_big_img_li cover100" v-if="boxData16[3]">
                                    <img class="" :src="boxData16[3].imgurl" :alt="boxData16[3].title">
                                    <div class="index_2_big_img_li_dot2 dot2">
                                        {{boxData16[3].title}}
                                    </div>
                                </div>
                            </NuxtLink>
                            <NuxtLink :to="{ path: `/newsDetail/${boxData16[3].id}`}" v-if="boxData16[3].islink==0" :title="boxData16[3].title">
                                <div class="index_2_big_img_li cover100" v-if="boxData16[3]">
                                    <img class="" :src="boxData16[3].imgurl" :alt="boxData16[3].title">
                                    <div class="index_2_big_img_li_dot2 dot2">
                                        {{boxData16[3].title}}
                                    </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" v-if="item.islink==1" :title="item.title">
                                    <div class="index_1_li_dot2 dot2">
                                       {{ item.title }}
                                    </div>
                                </NuxtLink>
                                <NuxtLink :to="{ path: `/newsDetail/${item.id}`}" v-if="item.islink==0" :title="item.title">
                                    <div class="index_1_li_dot2 dot2">
                                       {{ item.title }}
                                    </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}`}"
                                v-if="boxData16menu[0]" class="leftTitle" :title="boxData16menu[0].alias">
                                {{ boxData16menu[0].alias }}
                            </NuxtLink>

                            <NuxtLink
                                :to="{ path: `/newsList/${boxData16menu[0].category_id}`}"
                                v-if="boxData16menu[0]" :title="boxData16menu[0].alias">
                                查看更多
                            </NuxtLink>
                        </div>                  
                        <div class="index_2_ul">
                            <div class="index_2_li clearfix" v-for="item in boxData16mainData">
                                <NuxtLink :to="{path:`/newsDetail/${item.id}`}" :title="item.title">
                                    <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>
        <HomeFoot></HomeFoot>
    </div>
</template>

<script setup>
//页面是否已经加载完毕
const pageLoading = ref(false)
//1.加载页面必备组件 start---------------------------------------->
import { ref, onMounted } from 'vue';
import { ElRadio, ElRadioGroup,ElCheckbox,ElCheckboxGroup,ElMessage,ElInput } from 'element-plus';
import { useSeoMeta } from '#imports';

//格式化跳转路径 - 标题
const getLinkPath = (item) => {
    if (item.children_count == 0) {
        return `/newsList/${item.cid}`;
    } else {
        return `/primaryNavigation/${item.cid}`;
    }
}
//格式化跳转路径 - 到详情
const getLinkPathDetail = (item) => {
    if (item.islink == 1) {
        return `${item.linkurl}`;
    } else {
        return `/newsDetail/${item.id}`;
    }
}
//1.加载页面必备组件 end---------------------------------------->

//2.交互方法 start---------------------------------------->
//2.1 新闻图片切换
const hoverStatus = ref(1)
const qhPic = function (num) {
    hoverStatus.value = num;
}
//2.交互方法 end---------------------------------------->


//3.投票 start---------------------------------------->
//3.1 投票选择的值
const radio1 = ref(''); //单选
const check1 = ref([]); //多选
const isDisabled = ref(false);//是否禁用提交按钮
const isRadio = ref(true);//是否渲染单选

const userSurId = ref('');//投票属于哪一篇文章
const userChoice = ref('');//用于判断用户选择了其他选项以后，输入的值
const userIsChoice = ref('');//用于判断其他选项目前是什么值
const showUserChoice = ref(false);//是否显示其他输入框
const websiteSurveyData = ref([]);//投票结果

//3.2获得投票列表
let voteList = ref([]);
//广告改为客户端启动
// async function getVoteList(){
//     const voteData = await requestHome('/web/getWebsiteSurvey',{method:'GET'});
//     //这里有问题，后台传入的数据已经发生了变化，按照传入的进行修改
//     if(voteData.code == 200){
//         voteList.value = voteData.data;
//         console.log(voteList.value)
//         //判断显示单选还是多选
//         //survey_type 0是单选 1是多选
//         if(voteData.data[0].survey_type == 0){
//             isRadio.value = true;
//         }else{
//             isRadio.value = false;
//         }

//         for(let item of voteData.data){
//             //如果含有其他
//             if(item.is_other==1){
//                 userIsChoice.value = item.id;
//             }
//         }
//         //用户投票属于哪一篇文章
//         userSurId.value = voteData.data[0].sur_id;

//     }else{
//         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
//         console.log("错误位置：首页投票")
//         console.log("后端错误反馈：",voteData.message)
//         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->") 
//     }
// }
//getVoteList()
//3.2当用户选择了选项，判断是否展示其他输入框
const handleRadioChange = (value) => {
    if(value == userIsChoice.value){
        showUserChoice.value = true;
    }else{
        showUserChoice.value = false;
    }
}

const handleCheckboxChange = (value) => {
    if (value.includes(userIsChoice.value)) {
        showUserChoice.value = true;
    } else {
        showUserChoice.value = false;
    }
}

//3.2发起投票
async function addWebsiteSurvey(){
    //判断当前是单选还是多选
    console.log(isRadio.value)
    if(isRadio.value){
        console.log("用户单选！")
        if(radio1.value!=''){
            //先判断一下是否使用了其他选项
            if(showUserChoice.value){
                if(userChoice.value!=''){
                    //文章id
                    // console.log(userSurId.value)
                    // 用户输入的值
                    // console.log(userChoice.value)
                    //如果使用了其他，其他的选项需要增加进去
                    const ChoiceData = await requestHome('/web/addWebsiteSurveyOption',{
                        method:'GET',
                        query:{
                            'sur_id':userSurId.value,//投票的新闻id
                            'choice_name':userChoice.value,//投票的选项id
                        }
                    });
                    if(ChoiceData.code == 200){
                        //提交完其他选项以后，再正式发起投票
                        const mkData = await requestHome('/web/addWebsiteSurveyVote',{
                            method:'GET',
                            query:{
                                'sur_id':userSurId.value,
                                'choice_id':ChoiceData.data
                            }
                        });
                        if(mkData.code == 200){
                            ElMessage.success('投票成功！')
                            //把投票结果显示到页面上 禁用投票按钮
                            isDisabled.value = true;
                            websiteSurveyData.value = mkData.data;
                            //遍历一下，把用户选中的那个设置status为1
                            let data = mkData.data;
                            //遍历一下，把用户选中的那个设置status为1
                            for(let item of data.data){
                                for(let i of data.choice){
                                    if(item.id == i){
                                        console.log(item.id)
                                        item.status = 1;
                                    }
                                }
                            }
                            websiteSurveyData.value = data;
                        }else{
                            ElMessage.error(mkData.message)
                        }
                    }else{
                        ElMessage.error('其他投票失败！')
                    }
                }else{
                    ElMessage.error('请输入选项内容！')
                }
            }else{
                //如果没选择其他，直接提交选择的内容
                const mkData = await requestHome('/web/addWebsiteSurveyVote',{
                    method:'GET',
                    query:{
                        'sur_id':userSurId.value,
                        'choice_id':radio1.value
                    }
                });
                if(mkData.code == 200){
                    ElMessage.success('投票成功！')
                    //把投票结果显示到页面上 禁用投票按钮
                    isDisabled.value = true;
                    let data = mkData.data;
                    //遍历一下，把用户选中的那个设置status为1
                    for(let item of data.data){
                        for(let i of data.choice){
                            if(item.id == i){
                                item.status = 1;
                            }
                        }
                    }
                    websiteSurveyData.value = data;
                }else{
                    ElMessage.error('投票失败！')
                }
            }
        }else{
            ElMessage.error('请选择一个选项')
        }
    }else{
        console.log("多选！")
        //多选
        if(check1.value!=[]){
             //先判断一下是否使用了其他选项
            if(showUserChoice.value){
                if(userChoice.value!=''){
                    //判断用户是否只选择了一个其他
                    if(check1.value.length == 1){
                        const ChoiceData = await requestHome('/web/addWebsiteSurveyOption',{
                            method:'GET',
                            query:{
                                'sur_id':userSurId.value,//投票的新闻id
                                'choice_name':userChoice.value,//用户输入的其他选项文字
                            }
                        });
                        if(ChoiceData.code == 200){
                            //提交完其他选项以后，再正式发起投票
                            const mkData = await requestHome('/web/addWebsiteSurveyVote',{
                                method:'GET',
                                query:{
                                    'sur_id':userSurId.value,
                                    'choice_id':ChoiceData.data
                                }
                            });
                            if(mkData.code == 200){
                                ElMessage.success('投票成功！')
                                //把投票结果显示到页面上 禁用投票按钮
                                isDisabled.value = true;
                                websiteSurveyData.value = mkData.data;
                                //遍历一下，把用户选中的那个设置status为1
                                let data = mkData.data;
                                //遍历一下，把用户选中的那个设置status为1
                                for(let item of data.data){
                                    for(let i of data.choice){
                                        if(item.id == i){
                                            console.log(item.id)
                                            item.status = 1;
                                        }
                                    }
                                }
                                websiteSurveyData.value = data;
                            }else{
                                ElMessage.error(mkData.message)
                            }
                        }else{
                            ElMessage.error('其他投票失败！')
                        }

                    }else{
                        //用户选择了除了其他以外，还包括别的选项
                        const ChoiceData = await requestHome('/web/addWebsiteSurveyOption',{
                            method:'GET',
                            query:{
                                'sur_id':userSurId.value,//投票的新闻id
                                'choice_name':userChoice.value,//用户输入的其他选项文字
                            }
                        });
                        if(ChoiceData.code == 200){
                            let data = check1.value;
                            //找到多选的数组，把其他默认值给替换掉
                            for (let i = 0; i < data.length; i++) {
                                if (data[i] == userIsChoice.value) {
                                    data[i] = ChoiceData.data;
                                }
                            }
                            let jsonArray = JSON.stringify(data);
                            //提交完其他选项以后，再正式发起投票
                            const mkData = await requestHome('/web/addWebsiteSurveyVote',{
                                method:'GET',
                                query:{
                                    'sur_id':userSurId.value,
                                    'choice_id':jsonArray
                                }
                            });
                            
                            if(mkData.code == 200){
                                ElMessage.success('投票成功！')
                                //把投票结果显示到页面上 禁用投票按钮
                                isDisabled.value = true;
                                websiteSurveyData.value = mkData.data;
                                //遍历一下，把用户选中的那个设置status为1
                                let data = mkData.data;
                                //遍历一下，把用户选中的那个设置status为1
                                for(let item of data.data){
                                    for(let i of data.choice){
                                        if(item.id == i){
                                            //console.log(item.id)
                                            item.status = 1;
                                        }
                                    }
                                }
                                websiteSurveyData.value = data;
                            }else{
                                ElMessage.error(mkData.message)
                            }
                        }else{
                            ElMessage.error('其他投票失败！')
                        }

                    }
                }else{
                    ElMessage.error('请输入选项内容！')
                }
            }else{
                let jsonArray = JSON.stringify(check1.value);
                //如果没选择其他，直接提交选择的内容
                const mkData = await requestHome('/web/addWebsiteSurveyVote',{
                    method:'GET',
                    query:{
                        'sur_id':userSurId.value,
                        'choice_id':jsonArray
                    }
                });
                if(mkData.code == 200){
                    ElMessage.success('投票成功！')
                    //把投票结果显示到页面上 禁用投票按钮
                    isDisabled.value = true;
                    websiteSurveyData.value = mkData.data;
                    //遍历一下，把用户选中的那个设置status为1
                    let data = mkData.data;
                    //遍历一下，把用户选中的那个设置status为1
                    for(let item of data.data){
                        for(let i of data.choice){
                            if(item.id == i){
                                console.log(item.id)
                                item.status = 1;
                            }
                        }
                    }
                    websiteSurveyData.value = data;
                }else{
                    ElMessage.error('投票失败！')
                }
            }
        }else{
            ElMessage.error('请选择一个选项')
        }
    }
}
//3.投票 end---------------------------------------->


//4.广告 start---------------------------------------->
//获得所有广告
let adImg1 = ref({})
let adImg2 = ref({})
let adImg3 = ref({})
let adImg4 = ref({})

onMounted(async ()  => {
    //从客户端获取行政职能部门 加快打开速度//从客户端获取行政职能部门 加快打开速度
    const { $webUrl, $CwebUrl } = useNuxtApp();

    //从客户端启动投票
    //获得投票列表
    let voteUrl = `${$webUrl}/web/getWebsiteSurvey`
    const responseVote = await fetch(voteUrl, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const voteData = await responseVote.json();
    if(voteData.code == 200){
        voteList.value = voteData.data;
        console.log(voteList.value)
        //判断显示单选还是多选
        //survey_type 0是单选 1是多选
        if(voteData.data[0].survey_type == 0){
            isRadio.value = true;
        }else{
            isRadio.value = false;
        }

        for(let item of voteData.data){
            //如果含有其他
            if(item.is_other==1){
                userIsChoice.value = item.id;
            }
        }
        //用户投票属于哪一篇文章
        userSurId.value = voteData.data[0].sur_id;

    }else{
        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
        console.log("错误位置：首页投票")
        console.log("后端错误反馈：",voteData.message)
        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->") 
    }

    //从客户端启动广告
    //广告1
    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0001`
    const responseAd1 = await fetch(url, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const resultAd1 = await responseAd1.json();
    adImg1.value = resultAd1.data[0];
    
    //广告2
    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0002`
    const responseAd2 = await fetch(url2, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const resultAd2 = await responseAd2.json();
    adImg2.value = resultAd2.data[0];

    //广告3
    let url3 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0003`
    const responseAd3 = await fetch(url3, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const resultAd3 = await responseAd3.json();
    adImg3.value = resultAd3.data[0];

    //广告4
    let url4 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0004`
    const responseAd4 = await fetch(url4, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const resultAd4 = await responseAd4.json();
    adImg4.value = resultAd4.data[0];

})
//4.交互方法 end---------------------------------------->

//5.页面基本信息 start---------------------------------------->
//5.1 导航信息
const pageData = ref([
    // { cid: "", title: "", data: [] ,children_count:""},
]);
//5.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 模块10 切换
const tabsData1 = ref(1)
//模块9
const boxData9 = ref([]);
const boxData9data2 = ref([]);
//模块10 
const boxData10 = ref([]);
const boxData10data2 = ref([]);
//模块11
const boxData11 = ref([]);
const boxData11data2 = ref([]);
//模块12 模块13 切换
const tabsData2 = ref(1)
//模块12
const boxData12 = ref([]);
//模块13 - 该模块只有一个入口
const boxData13 = ref([]);
//模块14 模块15 切换
const tabsData3 = ref(1)
//模块14 - 该模块含有子导航
const boxData14 = ref([]);
const boxData14data2 = ref([]);
const boxData14menu = ref([]);
const boxData14mainData = ref([]);
//模块15
const boxData15 = ref([]);
const boxData15data2 = ref([]);
const boxData15menu = ref([]);
const boxData15mainData = ref([]);
//模块16 模块17 切换
const tabsData4 = ref(1)
//模块16 - 该模块含有子导航
const boxData16 = ref([]);
const boxData16data2 = ref([]);
const boxData16menu = ref([]);
const boxData16mainData = ref([]);

//3.2获得导航数据
try {
    const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
        method: 'GET',
        query: {
            'placeid': 1,
            'pid': 0,
            'num':30
        },
    });
    if(navigateData.code == 200){
        // 遍历可用的导航池放到页面中
        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
            };
            //主体渲染 第一层
            //新农村11
            if(navigateData.data[index].category_id == 11){pageData.value[0]=data}
            //农民工317
            if(navigateData.data[index].category_id == 317){pageData.value[1]=data}
            //第二层
            //政策法规1
            if(navigateData.data[index].category_id == 1){pageData.value[2]=data}
            //三农之窗2
            if(navigateData.data[index].category_id == 2){pageData.value[3]=data}
            //第三层
            //区域经济5
            if(navigateData.data[index].category_id == 5){pageData.value[4]=data}
            //三农投资6
            if(navigateData.data[index].category_id == 12){pageData.value[5]=data}
            //农贸信息13
            if(navigateData.data[index].category_id == 13){pageData.value[6]=data}
            //书刊信息24
            if(navigateData.data[index].category_id == 24){pageData.value[7]=data}
            //第四层
            //三农科教14
            if(navigateData.data[index].category_id == 14){pageData.value[8]=data}
            //文化生活15
            if(navigateData.data[index].category_id == 15){pageData.value[9]=data}
            //三农服务27
            if(navigateData.data[index].category_id == 27){pageData.value[10]=data}
            //第五层
            //三农探索16
            if(navigateData.data[index].category_id == 16){pageData.value[11]=data}
            //三农人物18
            if(navigateData.data[index].category_id == 18){pageData.value[12]=data}
            //第六层
            //农资购销21
            if(navigateData.data[index].category_id == 21){pageData.value[13]=data}
            //农产购销153
            if(navigateData.data[index].category_id == 153){pageData.value[14]=data}
            //第七层
            //打假维权26
            if(navigateData.data[index].category_id == 26){pageData.value[15]=data}
        }
    }else{
        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
        console.log("错误位置：首页导航池")
        console.log("后端错误反馈：",navigateData.message)
        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
    }
} catch (error) {
    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
    console.log("错误位置：首页导航渲染阶段")
    console.log("错误：导航池渲染执行接口出错！请检查首页的14的模块的具体执行方法！")
    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
}

//获得模块数据
async function getPageData(catid,img_num,text_num,modulesNum,childNavNum,childImgNum,childTextNum){
    const mkdata =  await requestDataPromise('/web/getWebsiteCatidArticle', {
        method: 'GET',
        query: {
            'catid': catid, //catid
            'img_num': img_num, //图片数量
            'text_num': text_num, //文字数量
            'child_catnum':childNavNum,//子级栏目菜单数量
            'child_imgnum':childImgNum,//子栏目展示图片新闻数量
            'child_textnum':childTextNum//子栏目展示文字新闻数量
        },
    });
    //模块1新农村
    if(modulesNum == 1){
        boxData1.value = mkdata.data.img;
        boxData1data2.value = mkdata.data.text;
    }
    //模块2农名工
    if(modulesNum == 2){
        boxData2.value = mkdata.data.text;
    }
    //模块4三农之窗
    if(modulesNum == 4){
        boxData4.value = mkdata.data.text;
    }
    //模块5区域经济
    if(modulesNum == 5){
        boxData5.value = mkdata.data.img;
        boxData5data2.value = mkdata.data.text;
    }
    //模块6三农投资
    if(modulesNum == 6){
        boxData6.value = mkdata.data.text;
    }
    //模块7农贸信息
    if(modulesNum == 7){
        boxData7.value = mkdata.data.text;
    }
    //模块8书刊信息
    if(modulesNum == 8){
        boxData8.value = mkdata.data.img;
        boxData88.value = mkdata.data.text;
    }
    //模块9三农科教
    if(modulesNum == 9){
        boxData9.value = mkdata.data.img;
        boxData9data2.value = mkdata.data.text;
    }
    //模块10文化生活
    if(modulesNum == 10){
        boxData10.value = mkdata.data.img;
        boxData10data2.value = mkdata.data.text;
    }
    //模块11三农服务
    if(modulesNum == 11){
        boxData11.value = mkdata.data.img;
        boxData11data2.value = mkdata.data.text;
    }
    //模块12三农探索
    if(modulesNum == 12){
        boxData12.value = mkdata.data.text;
    }
    //模块13三农人物
    if(modulesNum == 13){
        boxData13.value = mkdata.data.text;
    }
    //模块14农资购销 该栏目含有子导航
    if(modulesNum == 14){
        boxData14.value = mkdata.data.img;
        boxData14data2.value = mkdata.data.text;
    }
    if(modulesNum == 142){
        boxData14menu.value = mkdata.data.child;
        boxData14mainData.value = mkdata.data.child[0].text;
    }
    //模块14农产购销 该栏目含有子导航
    if(modulesNum == 15){
        boxData15.value = mkdata.data.img;
        boxData15data2.value = mkdata.data.text;
    }
    if(modulesNum == 152){
        boxData15menu.value = mkdata.data.child;
        boxData15mainData.value = mkdata.data.child[0].text;
    }
    //模块15打假维权 
    if(modulesNum == 16){
        console.log(990088)
        console.log(mkdata)

        boxData16.value = mkdata.data.img;
        boxData16data2.value = mkdata.data.text;
    }
    if(modulesNum == 162){
        boxData16menu.value = mkdata.data.child;
        boxData16mainData.value = mkdata.data.child[0].text;
    }
}
//模块1新农村 导航池11 图文2 文字8 
await getPageData(11,2,8,1,0,0,0);
//模块2农民工 导航池317 文字8 
await getPageData(317,0,8,2,0,0,0);
//----//组件 模块3政策法规 导航池1 图文4 文字8  
//模块4三农之窗 文字8 
await getPageData(2,0,5,4,0,0,0);
//模块5区域经济 图文1 文字1 
await getPageData(5,1,1,5,0,0,0);
//模块6三农投资 导航池6 文字3
await getPageData(12,0,3,6,0,0,0);
//模块7农贸信息 导航池13 图片5
await getPageData(13,0,4,7,0,0,0);
//模块8书刊信息 导航池24 图片2 文字
await getPageData(24,2,8,8,0,0,0);
//模块9三农科教 图片2 文字8 （9和10是选项卡 如果只有9没有10就会报错）
await getPageData(14,2,8,9,0,0,0);////////////////////////////////////                                   
//模块10文化生活 图片2 文字8 /////////////////////////////////////
await getPageData(15,2,8,10,0,0,0);///////////////////////////////////
//模块11三农服务27 图片2 文字4
await getPageData(27,2,4,11,0,0,0);
//模块12三农探索16 图片0 文字10（12和13是选项卡 如果只有12没有13就会报错）
await getPageData(16,0,14,12,0,0,0);//////////////////////////////////////
//模块13三农人物18 图片0 文字10;//////////////////////////////////////
await getPageData(18,0,14,13,0,0,0);//////////////////////////////////////
//模块14农资购销21 图片2 文字8 子导航8 子导航展示： 文字6
await getPageData(21,2,8,14,0,0,0);//////////////////////////////////////
await getPageData(21,0,0,142,8,0,5);/////////////////////////////////////
//模块15农产购销153 图片2 文字8 子导航8 子导航展示： 文字6
await getPageData(153,2,8,15,0,0,0);//////////////////////////////////////
await getPageData(153,0,0,152,8,0,5);/////////////////////////////////////
//模块16打假维权26 图片4 文字8 子导航8 子导航展示： 文字6
await getPageData(26,4,8,16,0,0,0);//////////////////////////////////////
await getPageData(26,0,0,162,8,0,5);/////////////////////////////////////
//5.页面基本信息 end---------------------------------------->

//6.设置seo数据 start---------------------------------------->
//获取seo数据
const setData =  await requestDataPromise('/web/getWebsiteFootInfo', {
    method: 'GET',
    query: {},
});
if(setData.code == 200){
    let seoTitle = setData.data.website_head.title;
    let seoDescription = setData.data.website_head.description;
    let seoKeywords = setData.data.website_head.keywords;
    let seoSuffix = setData.data.website_head.suffix;
    let seoName = setData.data.website_head.website_name;
  
    useSeoMeta({
        title: seoTitle + "_" + seoSuffix,
        meta: [
            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
        ]
    });
}else{
    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
    console.log("错误位置：设置首页SEO数据")
    console.log("后端错误反馈：",setData.message)
    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
}
//6.设置seo数据 start---------------------------------------->
</script>

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