xiangcunwang_web/pages/index.vue

<template>
    <div>
        <!-- 页面头部 -->
        <HomePageHead></HomePageHead>
        <!-- 页面导航 -->
        <HomePageNavigation></HomePageNavigation>
        <!-- 广告位 1 -->
        <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
        <!-- 新闻头条部分 -->
        <div class="topNewsPart">
            <div class="inner">
                <div class="toutiao" v-if="tabsData == 1">
                    <div class="xwtt" v-if="headlinelist.length >= 1">
                        <span class="ttlogo">新闻头条</span>
                        <NuxtLink :href="getLinkPathDetail(headlinelist[0])" :title="headlinelist[0].title"
                            :target="headlinelist[0].islink == 1 ? '_blank' : '_self'">
                            <span class="tttitle">{{ headlinelist[0].title }}</span>
                        </NuxtLink>
                    </div>
                    <div class="toutiao1" v-if="headlinelist.length >= 2">
                        <NuxtLink :href="getLinkPathDetail(headlinelist[1])" :title="headlinelist[1].title"
                            :target="headlinelist[1].islink == 1 ? '_blank' : '_self'">
                            <span class="tttitle">{{ headlinelist[1].title }}</span>
                        </NuxtLink>
                    </div>
                </div>
                <div class="toutiao" v-if="tabsData == 2">
                    <div class="xwtt" v-if="headlinelist.length >= 3">
                        <span class="ttlogo">新闻头条</span>
                        <NuxtLink :href="getLinkPathDetail(headlinelist[2])" :title="headlinelist[2].title"
                            :target="headlinelist[2].islink == 1 ? '_blank' : '_self'">
                            <span class="tttitle">{{ headlinelist[2].title }}</span>
                        </NuxtLink>
                    </div>
                    <div class="toutiao1" v-if="headlinelist.length >= 4">
                        <NuxtLink :href="getLinkPathDetail(headlinelist[3])" :title="headlinelist[3].title"
                            :target="headlinelist[3].islink == 1 ? '_blank' : '_self'">
                            <span class="tttitle">{{ headlinelist[3].title }}</span>
                        </NuxtLink>
                    </div>
                </div>
                <div class="toutiao" v-if="tabsData == 3">
                    <div class="xwtt" v-if="headlinelist.length >= 5">
                        <span class="ttlogo">新闻头条</span>
                        <NuxtLink :href="getLinkPathDetail(headlinelist[4])" :title="headlinelist[4].title"
                            :target="headlinelist[4].islink == 1 ? '_blank' : '_self'">
                            <span class="tttitle">{{ headlinelist[4].title }}</span>
                        </NuxtLink>
                    </div>
                    <div class="toutiao1" v-if="headlinelist.length >= 6">
                        <NuxtLink :href="getLinkPathDetail(headlinelist[5])" :title="headlinelist[5].title"
                            :target="headlinelist[5].islink == 1 ? '_blank' : '_self'">
                            <span class="tttitle">{{ headlinelist[5].title }}</span>
                        </NuxtLink>
                    </div>
                </div>
                <!-- 三个横线样式 start-->
                <ul class="vibrant" v-if="headlinelist.length >= 1">
                    <li @mouseenter="tabsData = 1" :class="{ active: tabsData == 1 }"></li>
                    <li @mouseenter="tabsData = 2" :class="{ active: tabsData == 2 }"></li>
                    <li @mouseenter="tabsData = 3" :class="{ active: tabsData == 3 }"></li>
                </ul>
                <!-- 三个横线样式 end-->
                <!-- 模块1 三农资讯 -->
                <div class="messageLeft" v-if="pageData.length >= 1">
                    <div class="leftTitle">
                        <h2 class="leftnav">
                            <NuxtLink class="active" v-if="pageData[0].cid" :href="getLinkPath(pageData[0])"
                                :title="pageData[0].alias">
                                {{ pageData[0].alias }}
                            </NuxtLink>
                            <em></em>
                        </h2>
                        <ul class="rightnav">
                            <li v-for="(item, index) in boxData1menu" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" v-if="index <= 2" :title="item.alias">
                                    {{ item.alias }}
                                </NuxtLink>
                                <span v-if="index < 2">/</span>
                            </li>
                            <li>
                                <NuxtLink class="active" v-if="pageData[0].cid" :href="getLinkPath(pageData[0])">
                                    更多>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <ul class="leftContent">
                        <li class="context" v-for="(item, index) in boxData1" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
                <div class="messageRight">
                    <div class="lunbo">
                        <HomeBigSwiper></HomeBigSwiper>
                    </div>
                    <div class="mid">
                        <div class="nav1" v-if="pageData.length >= 2">
                            <h2 class="navtitle">
                                <NuxtLink class="active" v-if="pageData[1].cid" :href="getLinkPath(pageData[1])"
                                    :title="pageData[1].alias">
                                    {{ pageData[1].alias }}
                                </NuxtLink>
                            </h2>
                            <ul class="navContext">
                                <li class="Contextlist" v-for="(item, index) in boxData2" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </li>
                            </ul>
                        </div>
                        <div class="nav2" v-if="pageData.length >= 3">
                            <h2 class="navtitle">
                                <img src="../public/index/gonggao.png" alt="">
                                <NuxtLink class="active" v-if="pageData[2].cid" :href="getLinkPath(pageData[2])"
                                    :title="pageData[2].alias">
                                    {{ pageData[2].alias }}
                                </NuxtLink>
                            </h2>
                            <ul class="navContext">
                                <li class="Contextlist" v-for="(item, index) in boxData3" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="foot">
                        <div class="head_nav">
                            <div class="nav_list">
                                <NuxtLink :href="getLinkPath1(boxData2menu1[0])" v-if="boxData2menu1[0]"
                                    :title="boxData2menu1[0].alias">
                                    <img src="../public/index/icon01.png">
                                    <span>{{ boxData2menu1[0].alias }}</span>
                                </NuxtLink>
                            </div>
                            <div class="nav_list">
                                <NuxtLink :href="getLinkPath1(boxData2menu1[1])" v-if="boxData2menu1[1]"
                                    :title="boxData2menu1[1].alias">
                                    <img src="../public/index/icon02.png">
                                    <span>{{ boxData2menu1[1].alias }}</span>
                                </NuxtLink>
                            </div>
                            <div class="nav_list">
                                <NuxtLink :href="getLinkPath1(boxData2menu1[2])" v-if="boxData2menu1[2]"
                                    :title="boxData2menu1[2].alias">
                                    <img src="../public/index/icon03.png">
                                    <span>{{ boxData2menu1[2].alias }}</span>
                                </NuxtLink>
                            </div>
                            <div class="nav_list">
                                <NuxtLink :href="getLinkPath1(boxData2menu1[3])" v-if="boxData2menu1[3]"
                                    :title="boxData2menu1[3].alias">
                                    <img src="../public/index/icon04.png">
                                    <span>{{ boxData2menu1[3].alias }}</span>
                                </NuxtLink>
                            </div>
                            <div class="nav_list">
                                <NuxtLink :href="getLinkPath1(boxData2menu1[4])" v-if="boxData2menu1[4]"
                                    :title="boxData2menu1[4].alias">
                                    <img src="../public/index/icon05.png">
                                    <span>{{ boxData2menu1[4].alias }}</span>
                                </NuxtLink>
                            </div>
                            <div class="nav_list">
                                <NuxtLink :href="getLinkPath1(boxData2menu1[5])" v-if="boxData2menu1[5]"
                                    :title="boxData2menu1[5].alias">
                                    <img src="../public/index/icon06.png">
                                    <span>{{ boxData2menu1[5].alias }}</span>
                                </NuxtLink>
                            </div>
                            <div class="nav_list">
                                <NuxtLink :href="getLinkPath1(boxData2menu1[6])" v-if="boxData2menu1[6]"
                                    :title="boxData2menu1[6].alias">
                                    <img src="../public/index/icon07.png">
                                    <span>{{ boxData2menu1[6].alias }}</span>
                                </NuxtLink>
                            </div>
                            <div class="nav_list">
                                <NuxtLink :href="getLinkPath1(boxData2menu1[7])" v-if="boxData2menu1[7]"
                                    :title="boxData2menu1[7].alias">
                                    <img src="../public/index/icon08.png">
                                    <span>{{ boxData2menu1[7].alias }}</span>
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="foot_nav">
                            <a href="">乡村建站服务</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 广告位 2 -->
        <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>

        <!-- 第一部分 -->
        <div class="part1">
            <div class="inner">
                <div class="part1_left" v-if="pageData.length >= 4">
                    <div class="part1_title">
                        <h2 class="nav_part1_left">
                            <NuxtLink class="active" v-if="pageData[3].cid" :href="getLinkPath(pageData[3])"
                                :title="pageData[3].alias">
                                {{ pageData[3].alias }}
                            </NuxtLink>
                            <em></em>
                        </h2>
                        <ul class="nav_part1_right">
                            <li class="nav_part1_right_title" v-for="(item, index) in boxData4menu" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" v-if="index <= 5" :title="item.alias">
                                    {{ item.alias }}
                                </NuxtLink>
                                <span v-if="index < 5">/</span>
                            </li>
                        </ul>
                    </div>
                    <div class="part1_content">
                        <div class="context_left">
                            <div class="top" v-if="boxData4data1.length > 0">
                                <NuxtLink :href="getLinkPathDetail(boxData4data1[0])" :title="boxData4data1[0].title"
                                    :target="boxData4data1[0].islink == 1 ? '_blank' : '_self'">
                                    <img :src="boxData4data1[0].imgurl" alt="item.title">
                                    <span class="title1">{{ boxData4data1[0].title }}</span>
                                </NuxtLink>
                            </div>
                            <div class="bottom_context">
                                <div class="bottom_left" v-for="(item, index) in boxData4data2" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img :src="item.imgurl" alt="item.title" class="">
                                        <span class="title2">{{ item.title }}</span>
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                        <div class="context_right">
                            <ul class="rightContent">
                                <li class="context1" v-for="(item, index) in boxData4" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="part1_right" v-if="pageData.length >= 7">
                    <div class="part1_right_title">
                        <!-- 乡村建设 -->
                        <h2 class="part1_right_title1" v-if="pageData[4].cid" @mouseenter="tabsData1 = 1"
                            :class="{ part1_right_title1_active: tabsData1 == 1 }">
                            <NuxtLink :href="getLinkPath(pageData[4])" @mouseenter="tabsData1 = 1"
                                :class="{ active: tabsData1 == 1 }" :title="pageData[4].alias">
                                {{ pageData[4].alias }}
                            </NuxtLink>
                            <em class="active_bg"></em>
                        </h2>
                        <!-- 乡村管理 -->
                        <h2 class="part1_right_title1" v-if="pageData[5].cid" @mouseenter="tabsData1 = 2"
                            :class="{ part1_right_title1_active: tabsData1 == 2 }">
                            <NuxtLink class="active" :href="getLinkPath(pageData[5])" @mouseenter="tabsData1 = 2"
                                :class="{ active: tabsData1 == 2 }" :title="pageData[5].alias">
                                {{ pageData[5].alias }}
                            </NuxtLink>
                            <em class="active_bg"></em>
                        </h2>
                        <!-- 乡村文化 -->
                        <h2 class="part1_right_title1" v-if="pageData[6].cid" @mouseenter="tabsData1 = 3"
                            :class="{ part1_right_title1_active: tabsData1 == 3 }">
                            <NuxtLink class="active" :href="getLinkPath(pageData[6])" @mouseenter="tabsData1 = 3"
                                :class="{ active: tabsData1 == 3 }" :title="pageData[6].alias">
                                {{ pageData[6].alias }}
                            </NuxtLink>
                            <em class="active_bg"></em>
                        </h2>
                    </div>
                    <div class="part1_right_content" v-if="tabsData1 == 1">
                        <div class="part1_top_111">
                            <div class="part1_right_content_top" v-for="(item, index) in boxData5" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img :src="item.imgurl" alt="">
                                    <span class="content_top_title2">{{ item.title }}</span>
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="part1_right_content_bottom">
                            <li class="content_bottom_list" v-for="(item, index) in boxData5data1" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
                                    <span class="sec_title">{{ item.alias }}</span>
                                </NuxtLink>
                                <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="sec_content">{{ item.title }}</span>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div class="part1_right_content" v-if="tabsData1 == 2">
                        <div class="part1_top_111">
                            <div class="part1_right_content_top" v-for="(item, index) in boxData6" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img :src="item.imgurl" alt="">
                                    <span class="content_top_title2">{{ item.title }}</span>
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="part1_right_content_bottom">
                            <li class="content_bottom_list" v-for="(item, index) in boxData6data1" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
                                    <span class="sec_title">{{ item.alias }}</span>
                                </NuxtLink>
                                <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="sec_content">{{ item.title }}</span>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div class="part1_right_content" v-if="tabsData1 == 3">
                        <div class="part1_top_111">
                            <div class="part1_right_content_top" v-for="(item, index) in boxData7" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img :src="item.imgurl" alt="">
                                    <span class="content_top_title2">{{ item.title }}</span>
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="part1_right_content_bottom">
                            <li class="content_bottom_list" v-for="(item, index) in boxData7data1" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
                                    <span class="sec_title">{{ item.alias }}</span>
                                </NuxtLink>
                                <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="sec_content">{{ item.title }}</span>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 第二部分 三农投资-->
        <div class="part2">
            <div class="inner">
                <div class="part2_left" v-if="pageData.length >= 8">
                    <div class="part2_title">
                        <h2 class="nav_part2_left">
                            <NuxtLink class="active" v-if="pageData[7].cid" :href="getLinkPath(pageData[7])"
                                :title="pageData[7].alias">
                                {{ pageData[7].alias }}
                            </NuxtLink>
                            <em></em>
                        </h2>
                        <ul class="nav_part2_right">
                            <li class="nav_part2_right_title" v-for="(item, index) in boxData8menu" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" v-if="index <= 5" :title="item.alias">
                                    {{ item.alias }}
                                </NuxtLink>
                                <span v-if="index < 5">/</span>
                            </li>
                        </ul>
                    </div>
                    <div class="part2_content">
                        <div class="part2_content_left">
                            <ul class="content_a">
                                <li class="context111" v-for="(item, index) in boxData8" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </li>
                            </ul>
                        </div>
                        <div class="part2_content_right">
                            <div class="right_top" v-if="boxData8data1.length > 0">
                                <NuxtLink :href="getLinkPathDetail(boxData8data1[0])" :title="boxData8data1[0].title"
                                    :target="boxData8data1[0].islink == 1 ? '_blank' : '_self'">
                                    <img :src="boxData8data1[0].imgurl" alt="item.title">
                                    <span class="title11">{{ boxData8data1[0].title }}</span>
                                </NuxtLink>
                            </div>
                            <div class="right_bottom">
                                <div class="bottom_left" v-for="(item, index) in boxData8data2" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img :src="item.imgurl" :alt="item.title">
                                        <span class="title22">{{ item.title }}</span>
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="part2_right" v-if="pageData.length >= 11">
                    <div class="part2_right_title">
                        <!-- 乡村生活 -->
                        <h2 class="part2_right_title1" v-if="pageData[8].cid" @mouseenter="tabsData2 = 1"
                            :class="{ part2_right_title1_active: tabsData2 == 1 }">
                            <NuxtLink :href="getLinkPath(pageData[8])" @mouseenter="tabsData2 = 1"
                                :class="{ active: tabsData2 == 1 }" :title="pageData[8].alias">
                                {{ pageData[8].alias }}
                            </NuxtLink>
                            <em class="active_bg11"></em>
                        </h2>
                        <!-- 乡村经济 -->
                        <h2 class="part2_right_title1" v-if="pageData[9].cid" @mouseenter="tabsData2 = 2"
                            :class="{ part2_right_title1_active: tabsData2 == 2 }">
                            <NuxtLink :href="getLinkPath(pageData[9])" @mouseenter="tabsData2 = 2"
                                :class="{ active: tabsData2 == 2 }" :title="pageData[9].alias">
                                {{ pageData[9].alias }}
                            </NuxtLink>
                            <em class="active_bg11"></em>
                        </h2>
                        <!-- 乡村风采 -->
                        <h2 class="part2_right_title1" v-if="pageData[10].cid" @mouseenter="tabsData2 = 3"
                            :class="{ part2_right_title1_active: tabsData2 == 3 }">
                            <NuxtLink :href="getLinkPath(pageData[10])" @mouseenter="tabsData2 = 3"
                                :class="{ active: tabsData2 == 3 }" :title="pageData[10].alias">
                                {{ pageData[10].alias }}
                            </NuxtLink>
                            <em class="active_bg11"></em>
                        </h2>
                    </div>
                    <div class="part2_right_content" v-if="tabsData2 == 1">
                        <div class="part2_top_1111">
                            <div class="part2_right_content_top" v-for="(item, index) in boxData9" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <span class="content_top_title22">{{ item.title }}</span>
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="part2_right_content_bottom">
                            <li class="content_bottom_list" v-for="(item, index) in boxData9data1" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
                                    <span class="sec_title_part2">{{ item.alias }}</span>
                                </NuxtLink>
                                <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="sec_content_part2">{{ item.title }}</span>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div class="part2_right_content" v-if="tabsData2 == 2">
                        <div class="part2_top_1111">
                            <div class="part2_right_content_top" v-for="(item, index) in boxData10" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <span class="content_top_title22">{{ item.title }}</span>
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="part2_right_content_bottom">
                            <li class="content_bottom_list" v-for="(item, index) in boxData10data1" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
                                    <span class="sec_title_part2">{{ item.alias }}</span>
                                </NuxtLink>
                                <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="sec_content_part2">{{ item.title }}</span>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div class="part2_right_content" v-if="tabsData2 == 3">
                        <div class="part2_top_1111">
                            <div class="part2_right_content_top" v-for="(item, index) in boxData11" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <span class="content_top_title22">{{ item.title }}</span>
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="part2_right_content_bottom">
                            <li class="content_bottom_list" v-for="(item, index) in boxData11data1" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
                                    <span class="sec_title_part2">{{ item.alias }}</span>
                                </NuxtLink>
                                <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="sec_content_part2">{{ item.title }}</span>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 广告位 3 -->
        <HomeAdvertising :imgurl="adImg3"></HomeAdvertising>

        <!-- 第三部分 -->
        <div class="part3">
            <div class="inner" v-if="pageData.length >= 13">
                <div class="part3_left">
                    <!-- 乡村名企 -->
                    <div class="part3_left_1">
                        <h2 class="part3_title1">
                            <NuxtLink class="active" v-if="pageData[11].cid" :href="getLinkPath(pageData[11])"
                                :title="pageData[11].alias">
                                {{ pageData[11].alias }}
                            </NuxtLink>
                            <em></em>
                        </h2>
                        <div class="part3_photo_text" v-for="(item, index) in boxData12data1" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <span class="part3_text">{{ item.title }}</span>
                            </NuxtLink>
                        </div>
                        <ul class="part3_content">
                            <li class="part3_contentList" v-for="(item, index) in boxData12" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <!-- 特色乡村 -->
                    <div class="part3_left_1">
                        <h2 class="part3_title1">
                            <NuxtLink class="active" v-if="pageData[12].cid" :href="getLinkPath(pageData[12])"
                                :title="pageData[12].alias">
                                {{ pageData[12].alias }}
                            </NuxtLink>
                            <em></em>
                        </h2>
                        <div class="part3_photo_text" v-for="(item, index) in boxData13data1" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <span class="part3_text">{{ item.title }}</span>
                            </NuxtLink>
                        </div>
                        <ul class="part3_content">
                            <li class="part3_contentList" v-for="(item, index) in boxData13" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="part3_right">
                    <h2 class="part3_right_title">
                        <NuxtLink to="#">
                            <img src="../public/index/title01.png" alt="乡村服务导航">
                            <span class="part3_text">乡村服务导航</span>
                        </NuxtLink>
                    </h2>
                    <ul class="part3_right_content">
                        <li class="content_list">
                            <NuxtLink to="#">
                                <div class="photo">
                                    <img src="../public/index/fw01.png" alt="">
                                </div>
                                <span class="part3_right_content_list">中国乡镇查询</span>
                            </NuxtLink>
                        </li>
                        <li class="content_list">
                            <NuxtLink to="#">
                                <div class="photo">
                                    <img src="../public/index/fw02.png" alt="">
                                </div>
                                <span class="part3_right_content_list">行政村庄查询</span>
                            </NuxtLink>
                        </li>
                        <li class="content_list">
                            <NuxtLink to="#">
                                <div class="photo">
                                    <img src="../public/index/fw03.png" alt="">
                                </div>
                                <span class="part3_right_content_list">乡村建站服务</span>
                            </NuxtLink>
                        </li>
                        <li class="content_list">
                            <NuxtLink to="#">
                                <div class="photo">
                                    <img src="../public/index/fw04.png" alt="">
                                </div>
                                <span class="part3_right_content_list">信息发布服务</span>
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 第四部分 -->
        <div class="part4">
            <div class="inner" v-if="pageData.length >= 14">
                <!-- 产业集群 -->
                <div class="part4_title">
                    <h2 class="part4_title_left">
                        <NuxtLink class="active" v-if="pageData[13].cid" :href="getLinkPath(pageData[13])"
                            :title="pageData[13].alias">
                            {{ pageData[13].alias }}
                        </NuxtLink>
                        <em></em>
                    </h2>
                    <ul class="part4_title_right">
                        <li class="right_titleList" v-for="(item, index) in boxData14menu" :key="index">
                            <NuxtLink :href="getLinkPath1(item)" v-if="index <= 7" :title="item.alias">
                                {{ item.alias }}
                            </NuxtLink>
                            <span v-if="index < 7">/</span>
                        </li>
                        <li class="more">
                            <NuxtLink class="active" v-if="pageData[13].cid" :href="getLinkPath(pageData[13])">
                                更多>
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
                <div class="part4_left">
                    <ul class="part4_left_top">
                        <li class="left_top_newsList" v-for="item in boxData14data1">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </li>
                    </ul>
                    <ul class="part4_left_bottom">
                        <li class="left_btm_newsList" v-for="item in boxData14data2">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
                <div class="part4_right" v-for="(item, index) in boxData14" :key="index">
                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                        :target="item.islink == 1 ? '_blank' : '_self'">
                        <img :src="item.imgurl" alt="">
                        <span class="part4_right_title">
                            {{ item.title }}
                        </span>
                    </NuxtLink>
                </div>
            </div>
        </div>

        <!-- 广告位 4 -->
        <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>

        <!-- 第五部分 -->
        <div class="part5">
            <div class="inner">
                <div class="part5_left">
                    <div class="part5_left_top">
                        <div class="part5_leftTitle" v-if="pageData.length >= 15">
                            <!-- 三农人物 -->
                            <h2 class="part5_left_title" v-if="pageData[14].cid" @mouseenter="tabsData3 = 1"
                                :class="{ part5_left_title_active: tabsData3 == 1 }">
                                <NuxtLink :href="getLinkPath(pageData[14])" @mouseenter="tabsData3 = 1"
                                    :class="{ active: tabsData3 == 1 }" :title="pageData[14].alias">
                                    {{ pageData[14].alias }}
                                </NuxtLink>
                                <em></em>
                            </h2>
                            <!-- 三农名企 -->
                            <h2 class="part5_left_title" v-if="pageData[15].cid" @mouseenter="tabsData3 = 2"
                                :class="{ part5_left_title_active: tabsData3 == 2 }">
                                <NuxtLink :href="getLinkPath(pageData[15])" @mouseenter="tabsData3 = 2"
                                    :class="{ active: tabsData3 == 2 }" :title="pageData[15].alias">
                                    {{ pageData[15].alias }}
                                </NuxtLink>
                                <em></em>
                            </h2>
                        </div>
                        <div class="part5_left_content">
                            <div class="part5_left_content_top" v-if="tabsData3 == 1">
                                <div class="content_top_left">
                                    <div class="part5_photo_text" v-for="(item, index) in boxData15" :key="index">
                                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                            :target="item.islink == 1 ? '_blank' : '_self'">
                                            <img :src="item.imgurl" alt="">
                                            <span class="part5_text">{{ item.title }}</span>
                                        </NuxtLink>
                                        <span class="littleTips">精选</span>
                                    </div>
                                    <ul class="part5_content">
                                        <li class="part5_content_list" v-for="item in boxData15data1">
                                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                                :target="item.islink == 1 ? '_blank' : '_self'">
                                                {{ item.title }}
                                            </NuxtLink>
                                        </li>
                                    </ul>
                                </div>
                                <ul class="content_top_right">
                                    <li class="content_right_list" v-for="item in boxData15data2">
                                        <NuxtLink to="#">
                                            <div class="part5_time">
                                                <span class="month">{{ getTime(item.updated_at, 'day', 1) }}</span>
                                                <span class="xiegang">/</span>
                                                <span class="day">{{ getTime(item.updated_at, 'month', 1) }}</span>
                                            </div>
                                            <div class="time_left_content">
                                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                                    {{ item.title }}
                                                </NuxtLink>
                                            </div>
                                        </NuxtLink>
                                    </li>
                                </ul>
                            </div>
                            <div class="part5_left_content_top" v-if="tabsData3 == 2">
                                <div class="content_top_left">
                                    <div class="part5_photo_text" v-for="(item, index) in boxData16" :key="index">
                                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                            :target="item.islink == 1 ? '_blank' : '_self'">
                                            <img :src="item.imgurl" alt="">
                                            <span class="part5_text">{{ item.title }}</span>
                                        </NuxtLink>
                                        <span class="littleTips">精选</span>
                                    </div>
                                    <ul class="part5_content">
                                        <li class="part5_content_list" v-for="item in boxData16data1">
                                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                                :target="item.islink == 1 ? '_blank' : '_self'">
                                                {{ item.title }}
                                            </NuxtLink>
                                        </li>
                                    </ul>
                                </div>
                                <ul class="content_top_right">
                                    <li class="content_right_list" v-for="item in boxData16data2">
                                        <NuxtLink to="#">
                                            <div class="part5_time">
                                                <span class="month">{{ getTime(item.updated_at, 'day', 1) }}</span>
                                                <span class="xiegang">/</span>
                                                <span class="day">{{ getTime(item.updated_at, 'month', 1) }}</span>
                                            </div>
                                            <div class="time_left_content">
                                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                                    {{ item.title }}
                                                </NuxtLink>
                                            </div>
                                        </NuxtLink>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="part5_left_bottom" v-if="pageData.length >= 17">
                        <div class="part5_leftTitle1" v-if="pageData.length >= 17">
                            <!-- 农技推广 -->
                            <h2 class="part5_left_title" v-if="pageData[16].cid" @mouseenter="tabsData4 = 1"
                                :class="{ part5_left_title_active: tabsData4 == 1 }">
                                <NuxtLink :href="getLinkPath(pageData[16])" @mouseenter="tabsData4 = 1"
                                    :class="{ active: tabsData4 == 1 }" :title="pageData[16].alias">
                                    {{ pageData[16].alias }}
                                </NuxtLink>
                                <em></em>
                            </h2>
                            <!-- 致富信息 -->
                            <h2 class="part5_left_title" v-if="pageData[17]" @mouseenter="tabsData4 = 2"
                                :class="{ part5_left_title_active: tabsData4 == 2 }">
                                <NuxtLink :href="getLinkPath(pageData[17])" @mouseenter="tabsData4 = 2"
                                    :class="{ active: tabsData4 == 2 }" :title="pageData[17].alias">
                                    {{ pageData[17].alias }}
                                </NuxtLink>
                                <em></em>
                            </h2>
                        </div>
                        <div class="part5_left_content1" v-if="tabsData4 == 1">
                            <div class="content_bottom_left">
                                <div class="content_top" v-if="boxData17data1.length > 0">
                                    <NuxtLink :href="getLinkPathDetail(boxData17data1[0])"
                                        :title="boxData17data1[0].title"
                                        :target="boxData17data1[0].islink == 1 ? '_blank' : '_self'">
                                        <img :src="boxData17data1[0].imgurl" alt="item.title">
                                        <span class="part5_text">{{ boxData17data1[0].title }}</span>
                                    </NuxtLink>
                                </div>
                                <div class="content_bottom">
                                    <div class="content_bottom_1" v-for="(item, index) in boxData17data2" :key="index">
                                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                            :target="item.islink == 1 ? '_blank' : '_self'">
                                            <img :src="item.imgurl" alt="">
                                            <span class="part5_text">{{ item.title }}</span>
                                        </NuxtLink>
                                    </div>
                                </div>
                            </div>
                            <div class="content_bottom_right">
                                <ul class="bottom_content_1">
                                    <li class="bottom_content_list" v-for="(item, index) in boxData17" :key="index">
                                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                            :target="item.islink == 1 ? '_blank' : '_self'">
                                            {{ item.title }}
                                        </NuxtLink>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="part5_left_content1" v-if="tabsData4 == 2">
                            <div class="content_bottom_left">
                                <div class="content_top" v-if="boxData18data1.length > 0">
                                    <NuxtLink :href="getLinkPathDetail(boxData18data1[0])"
                                        :title="boxData18data1[0].title"
                                        :target="boxData18data1[0].islink == 1 ? '_blank' : '_self'">
                                        <img :src="boxData18data1[0].imgurl" alt="item.title">
                                        <span class="part5_text">{{ boxData18data1[0].title }}</span>
                                    </NuxtLink>
                                </div>
                                <div class="content_bottom">
                                    <div class="content_bottom_1" v-for="(item, index) in boxData18data2" :key="index">
                                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                            :target="item.islink == 1 ? '_blank' : '_self'">
                                            <img :src="item.imgurl" alt="">
                                            <span class="part5_text">{{ item.title }}</span>
                                        </NuxtLink>
                                    </div>
                                </div>
                            </div>
                            <div class="content_bottom_right">
                                <ul class="bottom_content_1">
                                    <li class="bottom_content_list" v-for="(item, index) in boxData18" :key="index">
                                        <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                            :target="item.islink == 1 ? '_blank' : '_self'">
                                            {{ item.title }}
                                        </NuxtLink>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="part5_right" v-if="pageData.length >= 19">
                    <div class="part5_rightTitle">
                        <h2 class="part5_right_title" v-if="pageData[18].cid" @mouseenter="tabsData5 = 1"
                            :class="{ part5_right_title_active: tabsData5 == 1 }">
                            <NuxtLink :href="getLinkPath(pageData[18])" @mouseenter="tabsData5 = 1"
                                :class="{ active: tabsData5 == 1 }" :title="pageData[18].alias">
                                {{ pageData[18].alias }}
                            </NuxtLink>
                            <em></em>
                        </h2>
                        <h2 class="part5_right_title" v-if="pageData[19].cid" @mouseenter="tabsData5 = 2"
                            :class="{ part5_right_title_active: tabsData5 == 2 }">
                            <NuxtLink :href="getLinkPath(pageData[19])" @mouseenter="tabsData5 = 2"
                                :class="{ active: tabsData5 == 2 }" :title="pageData[19].alias">
                                {{ pageData[19].alias }}
                            </NuxtLink>
                            <em></em>
                        </h2>
                        <div class="rightMore">
                            <!-- <NuxtLink to="#">更多 ></NuxtLink> -->
                        </div>
                    </div>
                    <div v-if="tabsData5 == 1">
                        <ul class="part5_right_content_top">
                            <li class="part5_right_contentlist_top" v-for="(item, index) in boxData19" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="numStyle">{{ index + 1 }}</span>
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                        <div class="part5_photo_text_right" v-for="(item, index) in boxData19data1" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="part5_text11">{{ item.title }}</span>
                                <img :src="item.imgurl" alt="">
                            </NuxtLink>
                        </div>
                        <ul class="part5_right_content_11">
                            <li class="part5_right_contentlist_11" v-for="(item, index) in boxData19data3" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
                                    <span class="erjibiaoti">{{ item.alias }}</span>
                                </NuxtLink>
                                <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                        <div class="part5_photo_text_right" v-for="(item, index) in boxData19data2" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="part5_text11">{{ item.title }}</span>
                                <img :src="item.imgurl" alt="">
                            </NuxtLink>
                        </div>
                    </div>
                    <!-- 招工求职 -->
                    <div v-if="tabsData5 == 2">
                        <ul class="part5_right_content_top">
                            <li class="part5_right_contentlist_top" v-for="(item, index) in boxData20" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="numStyle">{{ index + 1 }}</span>
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                        <div class="part5_photo_text_right" v-for="(item, index) in boxData20data1" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="part5_text11">{{ item.title }}</span>
                                <img :src="item.imgurl" alt="">
                            </NuxtLink>
                        </div>
                        <ul class="part5_right_content_11">
                            <li class="part5_right_contentlist_11" v-for="(item, index) in boxData20data3" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" :title="item.alias">
                                    <span class="erjibiaoti">{{ item.alias }}</span>
                                </NuxtLink>
                                <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                        <div class="part5_photo_text_right" v-for="(item, index) in boxData20data2" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="part5_text11">{{ item.title }}</span>
                                <img :src="item.imgurl" alt="">
                            </NuxtLink>
                        </div>
                    </div>
                    <!-- 广告5 -->
                    <div class="adBox1" v-if="adImg5">
                        <a href="http://nzgxw.org.cn/" v-if="adImg5.image_url == null" target="_blank"
                            :title="adImg5.introduce">
                            <img :src="adImg5.thumb" :title="adImg5.introduce" :id="adImg5.ad_tag"
                                data-tag="adImg5.ad_tag">
                        </a>
                        <a :href="adImg5.image_url" :title="adImg5.introduce" v-else>
                            <img :src="adImg5.image_src" :alt="adImg5.introduce" :id="adImg5.ad_tag"
                                data-tag="adImg5.ad_tag">
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 第六部分 -->
        <div class="part6">
            <div class="inner">
                <div class="part6_left">
                    <!-- 乡村商城 -->
                    <div class="part6_left_content1">
                        <h2 class="part6_left_content_title">
                            <NuxtLink class="active" v-if="pageData[20].cid" href="/" :title="pageData[20].alias">
                                <img src="../public/index/xcsc.png" alt="乡村商城">
                                {{ pageData[20].alias }}
                            </NuxtLink>
                        </h2>
                        <ul class="part6_left_content111">
                            <li class="part6_left_content_list">
                                <span class="jiantou">></span>
                                <NuxtLink href="/" v-for="(item, index) in boxData21menu1" :key="index"
                                    :title="item.alias">
                                    <span class="fenlei">
                                        {{ item.alias }}
                                    </span>
                                </NuxtLink>
                            </li>
                            <li class="part6_left_content_list">
                                <span class="jiantou">></span>
                                <NuxtLink href="/" v-for="(item, index) in boxData21menu2" :key="index"
                                    :title="item.alias">
                                    <span class="fenlei">
                                        {{ item.alias }}
                                    </span>
                                </NuxtLink>
                            </li>
                            <li class="part6_left_content_list">
                                <span class="jiantou">></span>
                                <NuxtLink href="/" v-for="(item, index) in boxData21menu3" :key="index"
                                    :title="item.alias">
                                    <span class="fenlei">
                                        {{ item.alias }}
                                    </span>
                                </NuxtLink>
                            </li>
                            <li class="part6_left_content_list">
                                <span class="jiantou">></span>
                                <NuxtLink href="/" v-for="(item, index) in boxData21menu4" :key="index"
                                    :title="item.alias">
                                    <span class="fenlei">
                                        {{ item.alias }}
                                    </span>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <!-- 市场报价 -->
                    <div class="part6_left_content2">
                        <h2 class="part6_left_content_title">
                            <NuxtLink class="active" v-if="pageData[21].cid" href="/" :title="pageData[21].alias">
                                <img src="../public/index/scbj.png" alt="市场报价">
                                {{ pageData[21].alias }}
                            </NuxtLink>
                        </h2>
                        <ul class="part6_left_content222">
                            <li class="part6_left_content_list">
                                <NuxtLink href="/" v-if="boxData22menu1[0]" :title="boxData22menu1[0].alias">
                                    <img src="../public/index/scbj01.png">
                                    <div class="title_div">
                                        {{ boxData22menu1[0].alias }}
                                    </div>
                                </NuxtLink>
                            </li>
                            <li class="part6_left_content_list">
                                <NuxtLink href="/" v-if="boxData22menu1[1]" :title="boxData22menu1[1].alias">
                                    <img src="../public/index/scbj01.png">
                                    <div class="title_div">
                                        {{ boxData22menu1[1].alias }}
                                    </div>
                                </NuxtLink>
                            </li>
                            <li class="part6_left_content_list">
                                <NuxtLink href="/" v-if="boxData22menu1[2]" :title="boxData22menu1[2].alias">
                                    <img src="../public/index/scbj01.png">
                                    <div class="title_div">
                                        {{ boxData22menu1[2].alias }}
                                    </div>
                                </NuxtLink>
                            </li>
                            <li class="part6_left_content_list">
                                <NuxtLink href="/" v-if="boxData22menu1[3]" :title="boxData22menu1[3].alias">
                                    <img src="../public/index/scbj01.png">
                                    <div class="title_div">
                                        {{ boxData22menu1[3].alias }}
                                    </div>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 乡土特产 -->
                <div class="part6_right">
                    <h2 class="part6_right_title">
                        <NuxtLink v-if="pageData[22].cid" :href="getLinkPath(pageData[22])" :title="pageData[22].alias">
                            {{ pageData[22].alias }}
                        </NuxtLink>
                    </h2>
                    <div class="part6_right_content">
                        <ul class="part6_right_content_list" v-if="boxData23menu1">
                            <li class="yslist">
                                <NuxtLink :href="getLinkPath1(boxData23menu1[0])" v-if="boxData23menu1[0]"
                                    :title="boxData23menu1[0].alias">
                                    <img src="../public/index/ts01.png">
                                    {{ boxData23menu1[0].alias }}
                                </NuxtLink>
                            </li>
                            <li class="yslist">
                                <NuxtLink :href="getLinkPath1(boxData23menu1[1])" v-if="boxData23menu1[1]"
                                    :title="boxData23menu1[1].alias">
                                    <img src="../public/index/ts02.png">
                                    {{ boxData23menu1[1].alias }}
                                </NuxtLink>
                            </li>
                            <li class="yslist">
                                <NuxtLink :href="getLinkPath1(boxData23menu1[2])" v-if="boxData23menu1[2]"
                                    :title="boxData23menu1[2].alias">
                                    <img src="../public/index/ts03.png">
                                    {{ boxData23menu1[2].alias }}
                                </NuxtLink>
                            </li>
                            <li class="yslist">
                                <NuxtLink :href="getLinkPath1(boxData23menu1[3])" v-if="boxData23menu1[3]"
                                    :title="boxData23menu1[3].alias">
                                    <img src="../public/index/ts04.png">
                                    {{ boxData23menu1[3].alias }}
                                </NuxtLink>
                            </li>
                        </ul>
                        <ul class="part6_right_content_list1" v-if="boxData23menu2">
                            <li class="swlist">
                                <NuxtLink :href="getLinkPath1(boxData23menu2[0])" v-if="boxData23menu2[0]"
                                    :title="boxData23menu2[0].alias">
                                    <img src="../public/index/ts05.png">
                                    {{ boxData23menu2[0].alias }}
                                </NuxtLink>
                            </li>
                            <li class="swlist">
                                <NuxtLink :href="getLinkPath1(boxData23menu2[1])" v-if="boxData23menu2[1]"
                                    :title="boxData23menu2[1].alias">
                                    <img src="../public/index/ts06.png">
                                    {{ boxData23menu2[1].alias }}
                                </NuxtLink>
                            </li>
                            <li class="swlist">
                                <NuxtLink :href="getLinkPath1(boxData23menu2[2])" v-if="boxData23menu2[2]"
                                    :title="boxData23menu2[2].alias">
                                    <img src="../public/index/ts07.png">
                                    {{ boxData23menu2[2].alias }}
                                </NuxtLink>
                            </li>
                            <li class="swlist">
                                <NuxtLink :href="getLinkPath1(boxData23menu2[3])" v-if="boxData23menu2[3]"
                                    :title="boxData23menu2[3].alias">
                                    <img src="../public/index/ts08.png">
                                    {{ boxData23menu2[3].alias }}
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 页面底部 -->
        <HomeFoot></HomeFoot>
    </div>
</template>

<script setup>
import { ElMessage } from 'element-plus';
//1.页面必备方法 start ---------------------------------------->
//获得跳转链接
const getLinkPath = (item) => {
    // console.log('item', item);

    if (item.children_count == 0) {
        //return `/newsList/${item.cid}?page=1`;
        return `/${item.url}/list-1.html`;
    } else {
        //return `/primaryNavigation/${item.cid}`;
        return `/${item.url}/index.html`;
    }
}
const getLinkPath1 = (item) => {
    // console.log('item111', item);
    // return `/${item.url}/1.html`;
    // return `/newsList/${item.category_id}?page=1`;
    // return `/newsList/${item.category_id}`;
    return `/${item.aLIas_pinyin}/list-1.html`;
}
//首页跳转到详情，这里需要考虑外链
const getLinkPathDetail = (item) => {
    if (item.islink == 1) {
        return `${item.linkurl}`;
    } else {
        return `/${item.pinyin}/${item.id}.html`;
    }
}
const getLinkPathDetail1 = (item) => {
    if (item.islink == 1) {
        return `${item.linkurl}`;
    } else {
        return `/${item.aLIas_pinyin}/${item.id}.html`;
    }
}
//1.页面必备方法 end ---------------------------------------->


//2.获取基本信息 start ---------------------------------------->
// 2.1 导航信息
const pageData = ref([
    // { id: 0, data: [], data2: [], title: "", cid: "" },
])
//头条新闻切换
const tabsData = ref(1)
// 2.2 模块数据
//模块1 三农资讯
const boxData1 = ref([])
const boxData1menu = ref([])
//模块2 三农服务
const boxData2 = ref([]);
const boxData2menu1 = ref([]);
// 模块3 网站公告
const boxData3 = ref([]);
//模块4 乡村招商
const boxData4 = ref([]);
const boxData4data1 = ref([]);
const boxData4data2 = ref([]);
const boxData4menu = ref([]);
//模块5 模块6 模块7 切换
const tabsData1 = ref([1]);
//模块5 乡村建设
const boxData5 = ref([]);
const boxData5data1 = ref([]);
//模块6 乡村管理
const boxData6 = ref([]);
const boxData6data1 = ref([]);
//模块7 乡村文化
const boxData7 = ref([]);
const boxData7data1 = ref([]);
//模块8  三农投资
const boxData8 = ref([]);
const boxData8data1 = ref([]);
const boxData8data2 = ref([]);
const boxData8menu = ref([]);

//模块9 模块10 模块11 切换
const tabsData2 = ref(1)
//模块9 乡村生活
const boxData9 = ref([]);
const boxData9data1 = ref([]);
//模块10 乡村经济
const boxData10 = ref([]);
const boxData10data1 = ref([]);
//模块11 乡村风采
const boxData11 = ref([]);
const boxData11data1 = ref([]);

//模块12 乡村名企
const boxData12 = ref([]); //文字
const boxData12data1 = ref([]); //图片
//模块13 特色乡村
const boxData13 = ref([]); //文字
const boxData13data1 = ref([]); //图片
//模块14 产业集群
const boxData14 = ref([]); //图文
const boxData14data1 = ref([]); //文字1
const boxData14data2 = ref([]); //文字2
const boxData14menu = ref([]); //二级栏目
// //模块15 模块16 切换
const tabsData3 = ref(1)
//模块15 三农人物
const boxData15 = ref([]);
const boxData15data1 = ref([]);
const boxData15data2 = ref([]);
//模块16 三农名企
const boxData16 = ref([]);
const boxData16data1 = ref([]);
const boxData16data2 = ref([]);
//模块17 模块18 切换
const tabsData4 = ref(1)
//模块17 农技推广
const boxData17 = ref([]);
const boxData17data1 = ref([]);
const boxData17data2 = ref([]);
//模块18 致富信息
const boxData18 = ref([]);
const boxData18data1 = ref([]);
const boxData18data2 = ref([]);
//模块19 模块20 切换
const tabsData5 = ref(1)
// 模块19
const boxData19 = ref([]);
const boxData19data1 = ref([]);
const boxData19data2 = ref([]);
const boxData19data3 = ref([]);
//模块20
const boxData20 = ref([]);
const boxData20data1 = ref([]);
const boxData20data2 = ref([]);
const boxData20data3 = ref([]);

// 没有资讯的栏目
// 栏目1 乡村商城
const boxData21menu1 = ref([]);
const boxData21menu2 = ref([]);
const boxData21menu3 = ref([]);
const boxData21menu4 = ref([]);
// 栏目2 市场报价
const boxData22menu1 = ref([]);
const boxData22menu2 = ref([]);
const boxData22menu3 = ref([]);
const boxData22menu4 = ref([]);
// 栏目3 乡土特色
const boxData23menu1 = ref([]);
const boxData23menu2 = ref([]);

//获取头条 start ---------------------------------------->
const headlinelist = ref("")
async function getModelData1() {
    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
        method: 'GET',
        query: {
            'imgnum': 0,
            'textnum': 6,
            'level': 1,
            'placeid': 0,
            'id': 0,
        },
    });
    if (mkdata.code == 200) {
        if (mkdata.data.text.length > 0) {
            headlinelist.value = mkdata.data.text;
        }
    } else {
        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
        console.log("错误位置：设置大标题")
        console.log("后端错误反馈：", mkdata.message)
        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
    }
}
getModelData1()
//获取头条 end ---------------------------------------->

//3.3 获取所有导航
try {
    const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
        method: 'GET',
        query: {
            'placeid': 1,
            'pid': 0,
            'num': 40
        },
    });
    if (navigateData.code == 200) {
        // 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,
                url: navigateData.data[index].aLIas_pinyin
            };
            //主体渲染 
            //第一层
            //三农资讯445
            if (navigateData.data[index].category_id == 445) { pageData.value[0] = data }
            //三农服务27
            if (navigateData.data[index].category_id == 27) { pageData.value[1] = data }
            //网站公告410
            if (navigateData.data[index].category_id == 410) { pageData.value[2] = data }
            //第二层
            //乡村招商325
            if (navigateData.data[index].category_id == 325) { pageData.value[3] = data }
            //乡村建设320
            if (navigateData.data[index].category_id == 320) { pageData.value[4] = data }
            //乡村管理319
            if (navigateData.data[index].category_id == 319) { pageData.value[5] = data }
            //乡村文化321
            if (navigateData.data[index].category_id == 321) { pageData.value[6] = data }
            //第三层
            //三农投资408 12
            if (navigateData.data[index].category_id == 12) { pageData.value[7] = data }
            //乡村生活322
            if (navigateData.data[index].category_id == 322) { pageData.value[8] = data }
            //乡村经济323
            if (navigateData.data[index].category_id == 323) { pageData.value[9] = data }
            //乡村风采318
            if (navigateData.data[index].category_id == 318) { pageData.value[10] = data }
            //第四层
            //乡村名企407
            if (navigateData.data[index].category_id == 407) { pageData.value[11] = data }
            //特色乡村331
            if (navigateData.data[index].category_id == 331) { pageData.value[12] = data }
            //产业集群330
            if (navigateData.data[index].category_id == 330) { pageData.value[13] = data }
            //第五层
            //三农人物18
            if (navigateData.data[index].category_id == 18) { pageData.value[14] = data }
            //三农名企335
            if (navigateData.data[index].category_id == 335) { pageData.value[15] = data }
            //农技推广348
            if (navigateData.data[index].category_id == 348) { pageData.value[16] = data }
            //致富信息23
            if (navigateData.data[index].category_id == 23) { pageData.value[17] = data }
            //三农探索16
            if (navigateData.data[index].category_id == 16) { pageData.value[18] = data }
            //招工求职344
            if (navigateData.data[index].category_id == 344) { pageData.value[19] = data }

            //第六层
            // 乡村商城346
            if (navigateData.data[index].category_id == 346) { pageData.value[20] = data }
            // 市场报价345
            if (navigateData.data[index].category_id == 345) { pageData.value[21] = data }
            // 乡土特色343
            if (navigateData.data[index].category_id == 343) { pageData.value[22] = 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 ---------->")
}


let getJson = [
    { "parent": "445,0,20", "child": "445,1,1" },//模块1 三农资讯445
    { "parent": "27,0,4", "child": "27,1,1" },//模块2 三农服务27
    { "parent": "410,0,4", "child": "" },//模块3 网站公告410
    { "parent": "325,3,10", "child": "325,1,1" },//模块4 乡村招商325
    { "parent": "320,2,0", "child": "" },//模块5 乡村建设320
    { "parent": "319,2,0", "child": "" },//模块6 乡村管理319
    { "parent": "321,2,0", "child": "" },//模块7 乡村文化321
    { "parent": "12,3,10", "child": "12,1,1" },//模块8 三农投资1 12
    { "parent": "322,2,0", "child": "" },//模块9 乡村生活322
    { "parent": "323,2,0", "child": "" },//模块10 乡村经济323
    { "parent": "318,2,0", "child": "" },//模块11 乡村风采318
    { "parent": "407,1,5", "child": "" },//模块12 乡村名企407
    { "parent": "331,1,5", "child": "" },//模块13 特色乡村331 
    { "parent": "330,1,13", "child": "330,1,1" },//模块14 产业集群330
    { "parent": "18,1,10", "child": "" },//模块15 三农人物18
    { "parent": "335,1,10", "child": "" },//模块16 三农名企335
    { "parent": "348,3,10", "child": "" },//模块17 农技推广348
    { "parent": "23,3,10", "child": "" },//模块18 致富信息23
    { "parent": "16,2,7", "child": "" },//模块19 三农探索16
    { "parent": "344,2,7", "child": "" },//模块20 招工求职344

    //不包含资讯的导航
    { "parent": "346,0,0", "child": "346,1,1" },//模块1 乡村商城346
    { "parent": "345,0,0", "child": "345,1,1" },//模块5 市场报价345
    { "parent": "343,0,0", "child": "343,1,1" },//模块5 乡土特色343
]

let jsonString = JSON.stringify(getJson);

//获取所有数据
async function getPageAllData() {
    const mkdata = await requestDataPromise('/web/getWebsiteAllArticle', {
        method: 'GET',
        query: {
            'id': jsonString
        },
    });
    // console.log("成功获取模块数据1111！", mkdata);

    if (mkdata.code == 200) {
        // console.log("成功获取模块数据1111222！", mkdata.data[1].textnum);

        //模块1 三农资讯
        boxData1.value = mkdata.data[0].textnum;
        if (mkdata.data[0].child) {
            boxData1menu.value = mkdata.data[0].child.all_childcat;
        }
        //模块2 三农服务
        boxData2.value = mkdata.data[1].textnum;
        boxData2menu1.value = mkdata.data[1].child.all_childcat;
        //模块3 网站公告
        boxData3.value = mkdata.data[2].textnum;
        //模块4 乡村招商
        boxData4.value = mkdata.data[3].textnum;
        let data44 = mkdata.data[3].imgnum;
        for (let i in data44) {
            if (i < 1) {
                boxData4data1.value.push(data44[i]);
            } else {
                boxData4data2.value.push(data44[i]);
            }
        }
        if (mkdata.data[3].child) {
            boxData4menu.value = mkdata.data[3].child.all_childcat;
        }
        //模块5 乡村建设
        boxData5.value = mkdata.data[4].imgnum;

        //模块6乡村管理
        boxData6.value = mkdata.data[5].imgnum;
        //模块7乡村文化
        boxData7.value = mkdata.data[6].imgnum;
        //模块8 三农投资
        boxData8.value = mkdata.data[7].textnum;
        let data1 = mkdata.data[7].imgnum;
        for (let i in data1) {
            if (i < 1) {
                boxData8data1.value.push(data1[i]);
            } else {
                boxData8data2.value.push(data1[i]);
            }
        }
        if (mkdata.data[7].child) {
            boxData8menu.value = mkdata.data[7].child.all_childcat;
        }
        //模块9 乡村生活
        boxData9.value = mkdata.data[8].imgnum;
        //模块10 乡村经济
        boxData10.value = mkdata.data[9].imgnum;
        //模块11 乡村风采
        boxData11.value = mkdata.data[10].imgnum;

        //模块12 乡村名企
        boxData12.value = mkdata.data[11].textnum;
        boxData12data1.value = mkdata.data[11].imgnum;
        //模块13 特色乡村
        boxData13.value = mkdata.data[12].textnum;
        boxData13data1.value = mkdata.data[12].imgnum;
        //模块14 产业集群 
        boxData14.value = mkdata.data[13].imgnum;
        let data14 = mkdata.data[13].textnum;
        for (let i in data14) {
            if (i < 3) {
                boxData14data1.value.push(data14[i]);
            } else {
                boxData14data2.value.push(data14[i]);
            }
        }
        if (mkdata.data[13].child) {
            boxData14menu.value = mkdata.data[13].child.all_childcat;
        }
        //模块15 三农人物 
        boxData15.value = mkdata.data[14].imgnum;
        let data15 = mkdata.data[14].textnum;
        for (let i in data15) {
            if (i < 5) {
                boxData15data1.value.push(data15[i]);
            } else {
                boxData15data2.value.push(data15[i]);
            }
        }
        //模块16 三农名企
        boxData16.value = mkdata.data[15].imgnum;
        let data16 = mkdata.data[15].textnum;
        for (let i in data16) {
            if (i < 5) {
                boxData16data1.value.push(data16[i]);
            } else {
                boxData16data2.value.push(data16[i]);
            }
        }
        //模块17 农技推广
        boxData17.value = mkdata.data[16].textnum;
        let data17 = mkdata.data[16].imgnum;
        for (let i in data17) {
            if (i < 1) {
                boxData17data1.value.push(data17[i]);
            } else {
                boxData17data2.value.push(data17[i]);
            }
        }
        //模块18 致富信息 
        boxData18.value = mkdata.data[17].textnum;
        let data18 = mkdata.data[17].imgnum;
        for (let i in data18) {
            if (i < 1) {
                boxData18data1.value.push(data18[i]);
            } else {
                boxData18data2.value.push(data18[i]);
            }
        }

        //模块19 三农探索
        boxData19.value = mkdata.data[18].textnum;
        let data19 = mkdata.data[18].imgnum;
        for (let i in data19) {
            if (i < 1) {
                boxData19data1.value.push(data19[i]);
            } else {
                boxData19data2.value.push(data19[i]);
            }
        }

        //模块20 招工求职
        boxData20.value = mkdata.data[19].textnum;
        let data20 = mkdata.data[19].imgnum;
        for (let i in data20) {
            if (i < 1) {
                boxData20data1.value.push(data20[i]);
            } else {
                boxData20data2.value.push(data20[i]);
            }
        }

        //模块21 乡村商城
        let data21 = mkdata.data[20].child.all_childcat;
        for (let i in data21) {
            if (i < 2) {
                boxData21menu1.value.push(data21[i]);
            } else if (i < 4) {
                boxData21menu2.value.push(data21[i]);
            } else if (i < 6) {
                boxData21menu3.value.push(data21[i]);
            } else if (i < 8) {
                boxData21menu4.value.push(data21[i]);
            }
        }
        //模块22 市场报价
        boxData22menu1.value = mkdata.data[21].child.all_childcat;
        //模块23 乡土特色
        let data23 = mkdata.data[22].child.all_childcat;
        for (let i in data23) {
            if (i < 4) {
                boxData23menu1.value.push(data23[i]);
            } else if (i < 8) {
                boxData23menu2.value.push(data23[i]);
            }
        }
    } else {
        ElMessage.error(mkdata.message)
    }
}
getPageAllData();

//获取模块下的特殊数据
let getJson1 = [
    { "parent": "320,0,6" },//模块5 乡村建设320
    { "parent": "319,0,6" },//模块6 乡村管理319
    { "parent": "321,0,6" },//模块7 乡村文化321
    { "parent": "322,0,6" },//模块9 乡村生活322
    { "parent": "323,0,6" },//模块10 乡村经济323
    { "parent": "318,0,6" },//模块11 乡村风采318
    { "parent": "16,0,2" },//模块19 三农探索16
    { "parent": "344,0,2" },//模块20 招工求职344
]
let jsonString1 = JSON.stringify(getJson1);
//获取模块下的特殊数据
async function getPageData() {
    const mkdata = await requestDataPromise('/web/getWebsiteArticles', {
        method: 'GET',
        query: {
            'id': jsonString1
        },
    });
    if (mkdata.code == 200) {
        // console.log("成功获取模块数据2222！", mkdata);

        //模块5乡村建设
        boxData5data1.value = mkdata.data[0].textnum;
        //模块6乡村管理
        boxData6data1.value = mkdata.data[1].textnum;
        //模块7乡村文化
        boxData7data1.value = mkdata.data[2].textnum;
        //模块9 乡村生活
        boxData9data1.value = mkdata.data[3].textnum;
        //模块10 乡村经济
        boxData10data1.value = mkdata.data[4].textnum;
        //模块11 乡村风采
        boxData11data1.value = mkdata.data[5].textnum;
        //模块19 三农探索
        boxData19data3.value = mkdata.data[6].textnum;
        //模块20 招工求职
        boxData20data3.value = mkdata.data[7].textnum;
    }

}
getPageData();
//2.获取基本信息 end ---------------------------------------->

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

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

    //从客户端启动广告
    //广告1
    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_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=xcw_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=xcw_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=xcw_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];

    let url5 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=xcw_index_0005`
    const responseAd5 = await fetch(url5, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const resultAd5 = await responseAd5.json();
    adImg5.value = resultAd5.data[0];

})

//3.广告 end ---------------------------------------->

//4.设置seo数据 start---------------------------------------->
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 ---------->")
}
//4.设置seo数据 start---------------------------------------->
//5. 获取日期中单独的年 月 日 start--------------------------->
function getTime(date, part, digits) {
    const d = new Date(date);
    if (part === 'year') {
        let year = d.getFullYear();
        if (digits === 2) {
            return String(year).slice(-2);
        }
        return year;
    } else if (part === 'month') {
        let month = d.getMonth() + 1;
        if (digits === 2) {
            return String(month).padStart(2, '0');
        }
        if (month < 10) {
            month = '0' + month;
        } else {
            month = month;
        }
        return month;
    } else if (part === 'day') {
        let day = d.getDate();
        if (digits === 2) {
            return String(day).padStart(2, '0');
        }
        return day;
    }
    return null;
}
//5. 获取日期中单独的年 月 日 end------------------------------>
</script>

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