<template>
<div>
<!-- 页面头部 -->
<HomePageHead></HomePageHead>
<!-- 页面导航 -->
<HomePageNavigation></HomePageNavigation>
<!-- 广告位 1 -->
<HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
<!-- 新闻头条部分 -->
<div class="topNewsPart">
<div class="inner" v-if="headlinelist">
<div class="toutiao" v-if="tabsData == 1">
<div class="xwtt">
<span class="ttlogo">新闻头条</span>
<NuxtLink :to="headlinelist[0].linkurl" v-if="headlinelist[0].islink == 1"
:title="headlinelist[0].title">
<span class="tttitle">{{ headlinelist[0].title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${headlinelist[0].id}`" v-if="headlinelist[0].islink == 0"
:title="headlinelist[0].title">
<span class="tttitle">{{ headlinelist[0].title }}</span>
</NuxtLink>
</div>
<div class="toutiao1">
<NuxtLink :to="headlinelist[1].linkurl" v-if="headlinelist[1].islink == 1"
:title="headlinelist[1].title">
<span class="tttitle">{{ headlinelist[1].title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${headlinelist[1].id}`" v-if="headlinelist[1].islink == 0"
:title="headlinelist[1].title">
<span class="tttitle">{{ headlinelist[1].title }}</span>
</NuxtLink>
</div>
</div>
<div class="toutiao" v-if="tabsData == 2">
<div class="xwtt">
<span class="ttlogo">新闻头条</span>
<NuxtLink :to="headlinelist[2].linkurl" v-if="headlinelist[2].islink == 1"
:title="headlinelist[2].title">
<span class="tttitle">{{ headlinelist[2].title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${headlinelist[2].id}`" v-if="headlinelist[2].islink == 0"
:title="headlinelist[2].title">
<span class="tttitle">{{ headlinelist[2].title }}</span>
</NuxtLink>
</div>
<div class="toutiao1">
<NuxtLink :to="headlinelist[3].linkurl" v-if="headlinelist[3].islink == 1"
:title="headlinelist[3].title">
<span class="tttitle">{{ headlinelist[3].title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${headlinelist[3].id}`" v-if="headlinelist[3].islink == 0"
:title="headlinelist[3].title">
<span class="tttitle">{{ headlinelist[3].title }}</span>
</NuxtLink>
</div>
</div>
<div class="toutiao" v-if="tabsData == 3">
<div class="xwtt">
<span class="ttlogo">新闻头条</span>
<NuxtLink :to="headlinelist[4].linkurl" v-if="headlinelist[4].islink == 1"
:title="headlinelist[4].title">
<span class="tttitle">{{ headlinelist[4].title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${headlinelist[4].id}`" v-if="headlinelist[4].islink == 0"
:title="headlinelist[4].title">
<span class="tttitle">{{ headlinelist[4].title }}</span>
</NuxtLink>
</div>
<div class="toutiao1">
<NuxtLink :to="headlinelist[5].linkurl" v-if="headlinelist[5].islink == 1"
:title="headlinelist[5].title">
<span class="tttitle">{{ headlinelist[5].title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${headlinelist[5].id}`" v-if="headlinelist[5].islink == 0"
:title="headlinelist[5].title">
<span class="tttitle">{{ headlinelist[5].title }}</span>
</NuxtLink>
</div>
</div>
<!-- 三个横线样式 start-->
<ul class="vibrant">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
{{ 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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
{{ 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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
{{ item.title }}
</NuxtLink>
</li>
</ul>
</div>
</div>
<div class="foot">
<div class="head_nav">
<div class="nav_list">
<a href="">
<img src="../public/index/icon01.png" alt="招商引资">
<span>招商引资</span>
</a>
</div>
<div class="nav_list">
<a href="">
<img src="../public/index/icon02.png" alt="产品营销">
<span>产品营销</span>
</a>
</div>
<div class="nav_list">
<a href="">
<img src="../public/index/icon03.png" alt="项目推介">
<span>项目推介</span>
</a>
</div>
<div class="nav_list">
<a href="">
<img src="../public/index/icon04.png" alt="打造品牌">
<span>打造品牌</span>
</a>
</div>
<div class="nav_list">
<a href="">
<img src="../public/index/icon05.png" alt="策划服务">
<span>策划服务</span>
</a>
</div>
<div class="nav_list">
<a href="">
<img src="../public/index/icon06.png" alt="认证服务">
<span>认证服务</span>
</a>
</div>
<div class="nav_list">
<a href="">
<img src="../public/index/icon07.png" alt="培训服务">
<span>培训服务</span>
</a>
</div>
<div class="nav_list">
<a href="">
<img src="../public/index/icon08.png" alt="信息服务">
<span>信息服务</span>
</a>
</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-for="(item, index) in boxData4data1" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="title1">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<img :src="item.imgurl" alt="item.title">
<span class="title1">{{ item.title }}</span>
</NuxtLink>
</div>
<div class="bottom_context">
<div class="bottom_left" v-for="(item, index) in boxData4data2" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="" class="">
<span class="title2">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
{{ 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_right_content_top" v-for="(item, index) in boxData5" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="content_top_title2">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="content_top_title2">{{ item.title }}</span>
</NuxtLink>
</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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="sec_content">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<span class="sec_content">{{ item.title }}</span>
</NuxtLink>
</li>
</ul>
</div>
<div class="part1_right_content" v-if="tabsData1 == 2">
<div class="part1_right_content_top" v-for="(item, index) in boxData6" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="content_top_title2">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="content_top_title2">{{ item.title }}</span>
</NuxtLink>
</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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="sec_content">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<span class="sec_content">{{ item.title }}</span>
</NuxtLink>
</li>
</ul>
</div>
<div class="part1_right_content" v-if="tabsData1 == 3">
<div class="part1_right_content_top" v-for="(item, index) in boxData7" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="content_top_title2">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="content_top_title2">{{ item.title }}</span>
</NuxtLink>
</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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="sec_content">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
{{ item.title }}
</NuxtLink>
</li>
</ul>
</div>
<div class="part2_content_right">
<div class="right_top" v-for="(item, index) in boxData8data1" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<span class="title11">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<span class="title11">{{ item.title }}</span>
</NuxtLink>
</div>
<div class="right_bottom">
<div class="bottom_left" v-for="(item, index) in boxData8data2" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<span class="title22">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
<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_right_content_top" v-for="(item, index) in boxData9" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<span class="content_top_title22">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<span class="content_top_title22">{{ item.title }}</span>
</NuxtLink>
</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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="sec_content_part2">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<span class="sec_content_part2">{{ item.title }}</span>
</NuxtLink>
</li>
</ul>
</div>
<div class="part2_right_content" v-if="tabsData2 == 2">
<div class="part2_right_content_top" v-for="(item, index) in boxData10" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<span class="content_top_title22">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<span class="content_top_title22">{{ item.title }}</span>
</NuxtLink>
</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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="sec_content_part2">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<span class="sec_content_part2">{{ item.title }}</span>
</NuxtLink>
</li>
</ul>
</div>
<div class="part2_right_content" v-if="tabsData2 == 3">
<div class="part2_right_content_top" v-for="(item, index) in boxData11" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<span class="content_top_title22">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<span class="content_top_title22">{{ item.title }}</span>
</NuxtLink>
</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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="sec_content_part2">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<span class="part3_text">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
{{ 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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<span class="part3_text">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
{{ 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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
{{ item.title }}
</NuxtLink>
</li>
</ul>
<ul class="part4_left_bottom">
<li class="left_btm_newsList" v-for="item in boxData14data2">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
{{ item.title }}
</NuxtLink>
</li>
</ul>
</div>
<div class="part4_right" v-for="(item, index) in boxData14" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="part4_right_title">
{{ item.title }}
</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="part5_text">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
{{ 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 :to="item.linkurl" v-if="item.islink == 1"
:title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
{{ 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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="part5_text">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
{{ 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 :to="item.linkurl" v-if="item.islink == 1"
:title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
{{ 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-for="(item, index) in boxData17data1" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="part5_text">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
<img :src="item.imgurl" alt="">
<span class="part5_text">{{ item.title }}</span>
</NuxtLink>
</div>
<div class="content_bottom">
<div class="content_bottom_1" v-for="(item, index) in boxData17data2" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="part5_text">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
{{ 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-for="(item, index) in boxData18data1" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="part5_text">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
<img :src="item.imgurl" alt="">
<span class="part5_text">{{ item.title }}</span>
</NuxtLink>
</div>
<div class="content_bottom">
<div class="content_bottom_1" v-for="(item, index) in boxData18data2" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<img :src="item.imgurl" alt="">
<span class="part5_text">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0"
:title="item.title">
{{ 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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="numStyle">{{ index + 1 }}</span>
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="part5_text11">{{ item.title }}</span>
<img :src="item.imgurl" alt="">
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
{{ item.title }}
</NuxtLink>
</li>
</ul>
<div class="part5_photo_text_right" v-for="(item, index) in boxData19data2" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="part5_text11">{{ item.title }}</span>
<img :src="item.imgurl" alt="">
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="numStyle">{{ index + 1 }}</span>
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="part5_text11">{{ item.title }}</span>
<img :src="item.imgurl" alt="">
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<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 :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
{{ item.title }}
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
{{ item.title }}
</NuxtLink>
</li>
</ul>
<div class="part5_photo_text_right" v-for="(item, index) in boxData20data2" :key="index">
<NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
<span class="part5_text11">{{ item.title }}</span>
<img :src="item.imgurl" alt="">
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" v-if="item.islink == 0" :title="item.title">
<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">
<img :src="adImg5.thumb" :title="adImg5.place_name">
</a>
<a :href="adImg5.image_url" v-else>
<img :src="adImg5.image_src" :title="adImg5.ad_name">
</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">
<img src="../public/index/xcsc.png" alt="乡村商城">
乡村商城
</h2>
<ul class="part6_left_content111">
<li class="part6_left_content_list" v-for="item in 4">
<span class="jiantou">></span>
<span class="fenlei">农副产品</span>
<span class="fenlei">农产资料</span>
</li>
</ul>
</div>
<div class="part6_left_content1">
<h2 class="part6_left_content_title">
<img src="../public/index/scbj.png" alt="">
市场报价
<span class="selectMore">查询 ></span>
</h2>
<ul class="part6_left_content111">
<li class="part6_left_content_list" v-for="item in 4">
<span class="jiantou">></span>
<span class="fenlei">最新报价</span>
<span class="fenlei">分类查询</span>
</li>
</ul>
</div>
</div>
<div class="part6_right">
<h2 class="part6_right_title">土乡特色</h2>
<div class="part6_right_content">
<ul class="part6_right_content_list">
<li class="yslist">
<img src="../public/index/ts01.png" alt="饮食特产">
饮食特产
</li>
<li class="yslist">
<img src="../public/index/ts02.png" alt="日用特产">
日用特产
</li>
<li class="yslist">
<img src="../public/index/ts03.png" alt="工业特产">
工业特产
</li>
<li class="yslist">
<img src="../public/index/ts04.png" alt="民族特产">
民族特产
</li>
</ul>
<ul class="part6_right_content_list1">
<li class="swlist">
<img src="../public/index/ts05.png" alt="生物特产">
生物特产
</li>
<li class="swlist">
<img src="../public/index/ts06.png" alt="文化特产">
文化特产
</li>
<li class="swlist">
<img src="../public/index/ts07.png" alt="资源特产">
资源特产
</li>
<li class="swlist">
<img src="../public/index/ts08.png" alt="其他特产">
其他特产
</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`;
} else {
return `/primaryNavigation/${item.cid}`;
}
// if (item.children_count == 0) {
// return `/newsList/${item.cid}?page=1`;
// } else {
// return `/${item.url}/`;
// }
}
const getLinkPath1 = (item) => {
// console.log('item111', item);
//return `/${item.url}/1.html`;
// return `/newsList/${item.category_id}?page=1`;
return `/newsList/${item.category_id}`;
}
//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([]);
// 模块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([]);
//获取头条 start ---------------------------------------->
const headlinelist = ref("")
async function getModelData1() {
const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
method: 'GET',
query: {
'pageSize': 6,
'level': 1,
'placeid': 0,
'id': 0
},
});
if (mkdata.code == 200) {
headlinelist.value = mkdata.data;
console.log("成功获取头条信息！", headlinelist.value);
} 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
};
//主体渲染
//第一层
//三农资讯328
// if (navigateData.data[index].category_id == 11) { pageData.value[0] = data }
if (navigateData.data[index].category_id == 328) { pageData.value[0] = data }
//三农服务27
// if (navigateData.data[index].category_id == 317) { pageData.value[1] = data }
if (navigateData.data[index].category_id == 27) { pageData.value[1] = data }
//网站公告410
// if (navigateData.data[index].category_id == 1) { pageData.value[2] = data }
if (navigateData.data[index].category_id == 410) { pageData.value[2] = data }
//第二层
//乡村招商325
// if (navigateData.data[index].category_id == 2) { pageData.value[3] = data }
if (navigateData.data[index].category_id == 325) { pageData.value[3] = data }
//乡村建设320
// if (navigateData.data[index].category_id == 5) { pageData.value[4] = data }
if (navigateData.data[index].category_id == 320) { pageData.value[4] = data }
//乡村管理319
// if (navigateData.data[index].category_id == 12) { pageData.value[5] = data }
if (navigateData.data[index].category_id == 319) { pageData.value[5] = data }
//乡村文化321
// if (navigateData.data[index].category_id == 13) { pageData.value[6] = data }
if (navigateData.data[index].category_id == 321) { pageData.value[6] = data }
//第三层
//三农投资408
// if (navigateData.data[index].category_id == 24) { pageData.value[7] = data }
if (navigateData.data[index].category_id == 408) { pageData.value[7] = data }
//乡村生活322
// if (navigateData.data[index].category_id == 14) { pageData.value[8] = data }
if (navigateData.data[index].category_id == 322) { pageData.value[8] = data }
//乡村经济323
// if (navigateData.data[index].category_id == 15) { pageData.value[9] = data }
if (navigateData.data[index].category_id == 323) { pageData.value[9] = data }
//乡村风采318
// if (navigateData.data[index].category_id == 27) { pageData.value[10] = data }
if (navigateData.data[index].category_id == 318) { pageData.value[10] = data }
//第四层
//乡村名企407
// if (navigateData.data[index].category_id == 16) { pageData.value[11] = data }
if (navigateData.data[index].category_id == 407) { pageData.value[11] = data }
//特色乡村331
// if (navigateData.data[index].category_id == 18) { pageData.value[12] = data }
if (navigateData.data[index].category_id == 331) { pageData.value[12] = data }
//产业集群330
// if (navigateData.data[index].category_id == 21) { pageData.value[13] = data }
if (navigateData.data[index].category_id == 330) { pageData.value[13] = data }
//第五层
//三农人物18
// if (navigateData.data[index].category_id == 153) { pageData.value[14] = data }
if (navigateData.data[index].category_id == 18) { pageData.value[14] = data }
//三农名企335
// if (navigateData.data[index].category_id == 26) { pageData.value[15] = data }
if (navigateData.data[index].category_id == 335) { pageData.value[15] = data }
//农技推广348
// if (navigateData.data[index].category_id == 27) { pageData.value[16] = data }
if (navigateData.data[index].category_id == 348) { pageData.value[16] = data }
//致富信息23
// if (navigateData.data[index].category_id == 28) { pageData.value[17] = data }
if (navigateData.data[index].category_id == 23) { pageData.value[17] = data }
//三农探索16
// if (navigateData.data[index].category_id == 317) { pageData.value[18] = data }
if (navigateData.data[index].category_id == 16) { pageData.value[18] = data }
//招工求职344
// if (navigateData.data[index].category_id == 15) { pageData.value[19] = data }
if (navigateData.data[index].category_id == 344) { pageData.value[19] = 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": "11,0,20", "child": "11,0,0" },//模块1 三农资讯328
// { "parent": "317,0,4", "child": "" },//模块2 三农服务27
// { "parent": "2,0,4", "child": "" },//模块3 网站公告410
// { "parent": "5,3,10", "child": "5,0,0" },//模块4 乡村招商325
// { "parent": "12,2,0", "child": "" },//模块5 乡村建设320
// { "parent": "13,2,0", "child": "" },//模块6 乡村管理319
// { "parent": "24,2,0", "child": "" },//模块7 乡村文化321
// { "parent": "12,3,10", "child": "5,0,0" },//模块8 三农投资408
// { "parent": "14,2,0", "child": "" },//模块9 乡村生活322
// { "parent": "15,2,0", "child": "" },//模块10 乡村经济323
// { "parent": "27,2,0", "child": "" },//模块11 乡村风采318
// { "parent": "13,1,5", "child": "" },//模块12 乡村名企407
// { "parent": "24,1,5", "child": "" },//模块13 特色乡村331
// { "parent": "14,1,13", "child": "14,0,0" },//模块14 产业集群330
// { "parent": "15,1,10", "child": "" },//模块15 三农人物18
// { "parent": "27,1,10", "child": "" },//模块16 三农名企335
// { "parent": "16,3,10", "child": "" },//模块17 农技推广348
// { "parent": "18,3,10", "child": "" },//模块18 致富信息23
// { "parent": "15,2,7", "child": "" },//模块19 三农探索16
// { "parent": "26,2,7", "child": "" },//模块20 招工求职344
// 乡村网
{ "parent": "328,0,20", "child": "328,0,0" },//模块1 三农资讯328
{ "parent": "27,0,4", "child": "" },//模块2 三农服务27
{ "parent": "410,0,4", "child": "" },//模块3 网站公告410
{ "parent": "325,3,10", "child": "325,0,0" },//模块4 乡村招商325
{ "parent": "320,2,0", "child": "" },//模块5 乡村建设320
{ "parent": "319,2,0", "child": "" },//模块6 乡村管理319
{ "parent": "321,2,0", "child": "" },//模块7 乡村文化321
{ "parent": "408,3,10", "child": "408,0,0" },//模块8 三农投资408
{ "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,0,0" },//模块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
]
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;
boxData1menu.value = mkdata.data[0].child.all_childcat;
//模块2 三农服务
boxData2.value = mkdata.data[1].textnum;
//模块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]);
}
}
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]);
}
}
console.log("成功获取模块数据11115555！", mkdata.data[7].imgnum);
console.log("成功获取模块数据11115555！", boxData8data1.value);
console.log("成功获取模块数据11115555！", boxData8data2.value);
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]);
}
}
// 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]);
}
}
} else {
ElMessage.error(mkdata.message)
}
}
getPageAllData();
//获取模块下的特殊数据
let getJson1 = [
// { "parent": "11,0,6" },//模块1 三农资讯328
// { "parent": "317,0,6" },//模块2 三农服务27
// { "parent": "2,0,6" },//模块3 网站公告410
// { "parent": "5,0,6" },//模块4 乡村招商325
// { "parent": "12,0,6" },//模块8 三农投资408
// { "parent": "13,0,6" },//模块12 乡村名企407
// { "parent": "24,0,2" },//模块13 特色乡村331
// { "parent": "14,0,2" },//模块14 产业集群330
{ "parent": "320,0,6", "child": "" },//模块5 乡村建设320
{ "parent": "319,0,6", "child": "" },//模块6 乡村管理319
{ "parent": "321,0,6", "child": "" },//模块7 乡村文化321
{ "parent": "322,0,6", "child": "" },//模块9 乡村生活322
{ "parent": "323,0,6", "child": "" },//模块10 乡村经济323
{ "parent": "318,0,6", "child": "" },//模块11 乡村风采318
{ "parent": "16,0,2", "child": "" },//模块19 三农探索16
{ "parent": "344,0,2", "child": "" },//模块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) {
//模块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: {},
// });
// let seoTitle = setData.data.website_head.title;
// let seoDescription = setData.data.website_head.description;
// let seoKeywords = setData.data.website_head.keywords;
// useSeoMeta({
// title: seoTitle,
// meta: [
// { name: 'description', content: seoDescription },
// { name: 'keywords', content: seoKeywords }
// ]
// });
//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>