<template>
<div>
<!-- 页面头部 -->
<HomePageHead></HomePageHead>
<!-- 页面导航 -->
<HomePageNavigation></HomePageNavigation>
<!-- 资讯 -->
<HomePageMessage></HomePageMessage>
<!-- 十强称号logo -->
<HomeAdvertising :imgurl="adImg2" v-if="adImg2"></HomeAdvertising>
<!-- 更多服务 -->
<HomeMoreService></HomeMoreService>
<!-- 板块标题 -->
<!-- <div class="titleBox" id="ztzx">
<img src="../public/index/theme1.png" alt="主题资讯">
</div> -->
<!-- 模块一 新农村 pagedata[0] -->
<div class="farming" >
<div class="inner">
<div class="farmerLeft" v-if="pageData.length>=1">
<div class="farmer">
<h3 v-if="pageData[0].cid">
<!-- <NuxtLink
:to="{path:`/newsList/${pageData[0].cid}`}" target="_blank"
v-if="pageData[0].cid&&pageData[0].children_count==0" class="active" :title="pageData[0].alias">
{{pageData[0].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[0].cid}`}" target="_blank"
v-else-if="pageData[0].cid&&pageData[0].children_count!=0" class="active" :title="pageData[0].alias">
{{pageData[0].alias}}
</NuxtLink> -->
<a
v-if="pageData[0].cid"
:href="getLinkPath(pageData[0])"
class="active"
:title="pageData[0].alias"
>
{{ pageData[0].alias }}
</a>
<!-- <NuxtLink
:to="{path:`/newsList/${pageData[0].cid}`}" target="_blank" :title="pageData[0].alias"
v-if="pageData[0].cid&&pageData[0].children_count==0">
查看更多
</NuxtLink>
<NuxtLink
:to="{path:`/primaryNavigation/${pageData[0].cid}`}" target="_blank" :title="pageData[0].alias"
v-else-if="pageData[0].cid&&pageData[0].children_count!=0">
</NuxtLink> -->
<a
v-if="pageData[0].cid"
:href="getLinkPath(pageData[0])"
:title="pageData[0].alias"
>
查看更多
</a>
</h3>
<ul class="mode1ul_style1">
<li v-for="(item,index) in boxData1" class="imgbg">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div>
<p>
<span v-if="index==0">专题</span>
{{item.title}}
</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div>
<p>
<span v-if="index==0">专题</span>
{{item.title}}
</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</div>
</NuxtLink>
</li>
</ul>
<ul class="mode1ul_style2">
<li v-for="item in boxData1data2">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<p class="title">{{ item.title }}</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<p class="title">{{ item.title }}</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</NuxtLink>
</li>
</ul>
</div>
</div>
<!-- 模块二 贴身宝贝 pagedata[1] -->
<div class="farmerRight" v-if="pageData.length>=2">
<div class="rich">
<h3 v-if="pageData[1].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[1].cid}`}"
target="_blank" v-if="pageData[1]&&pageData[1].children_count==0" class="active" :title="pageData[1].alias">
{{pageData[1].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[1].cid}`}"
target="_blank" v-else-if="pageData[1]&&pageData[1].children_count!=0" class="active" :title="pageData[1].alias">
{{pageData[1].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/newsList/${pageData[1].cid}`, query: { catid: pageData[1].cid } }"
target="_blank" v-if="pageData[1]&&pageData[1].children_count==0" :title="pageData[1].alias">
查看更多
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[1].cid}`, query: { catid: pageData[1].cid } }"
target="_blank" v-else-if="pageData[1]&&pageData[1].children_count!=0" :title="pageData[1].alias">
查看更多
</NuxtLink>
</h3>
<ul>
<li v-for="(item,index) in boxData2">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<div class="index">{{index+1}}</div>
<div class="title">{{item.title}}</div>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-if="item.islink==0" :title="item.title">
<div class="index">{{index+1}}</div>
<div class="title">{{item.title}}</div>
</NuxtLink>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="scienceEducation">
<div class="inner">
<div class="scienceLeft" v-if="pageData.length>=3">
<!-- 模块三 政策法规 pagedata[2] -->
<HomeSlider :message="pageData[2]"></HomeSlider>
</div>
<div class="scienceRight" v-if="pageData.length>=4">
<div class="adBox1">
<a href="http://www.baidu.com" target="_blank">
<img :src="adImg3.thumb" v-if="adImg3 && !adImg3.image_src" alt="三农资讯网_广告位2">
<img :src="adImg3.image_src" v-if="adImg3 && adImg3.image_src" alt="三农资讯网_广告位2">
</a>
</div>
<!-- 模块四 三农之窗 pagedata[3] -->
<h3 v-if="pageData[3].cid">
<span>
<NuxtLink
:to="{ path: `/newsList/${pageData[3].cid}`}"
target="_blank" v-if="pageData[3]&&pageData[3].children_count==0" class="active" :title="pageData[3].alias">
{{pageData[3].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[3].cid}`}"
target="_blank" v-else-if="pageData[3]&&pageData[3].children_count!=0" class="active" :title="pageData[3].alias">
{{pageData[3].alias}}
</NuxtLink>
</span>
<NuxtLink
:to="{ path: `/newsList/${pageData[3].cid}`, query: { catid: pageData[3].cid } }"
target="_blank" v-if="pageData[3]&&pageData[3].children_count==0" :title="pageData[3].alias">
查看更多
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[3].cid}`, query: { catid: pageData[3].cid } }"
target="_blank" v-else-if="pageData[3]&&pageData[3].children_count!=0" :title="pageData[3].alias">
查看更多
</NuxtLink>
</h3>
<div class="banner_b_img">
<ul>
<li v-for="item in boxData4">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<!-- <img src="../public/index/qz.png" alt="三农招聘"> -->
<p>{{item.title}}</p>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-if="item.islink==0" :title="item.title">
<!-- <img src="../public/index/qz.png" alt="三农招聘"> -->
<p>{{item.title}}</p>
</NuxtLink>
</li>
</ul>
</div>
</div>
</div>
</div>
<HomeTopTen :imgurl="adImg4" v-if="adImg4"></HomeTopTen>
<!-- 模块五 区域经济 pagedata[4] -->
<div class="layoutCopy">
<div class="layoutCopyLeft">
<div class="layoutCopyLeftTop">
<div class="layoutCopyLeft1" v-if="pageData.length>=5">
<div class="layoutTitleBox" v-if="pageData[4]">
<div class="layoutTitle" v-if="pageData[4].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[4].cid}`}"
target="_blank" v-if="pageData[4]&&pageData[4].children_count==0" class="active" :title="pageData[4].alias">
{{pageData[4].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[4].cid}`}"
target="_blank" v-else-if="pageData[4]&&pageData[4].children_count!=0" class="active" :title="pageData[4].alias">
{{pageData[4].alias}}
</NuxtLink>
</div>
<div class="layoutMore" v-if="pageData[4].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[4].cid}`, query: { catid: pageData[4].cid }}"
target="_blank" v-if="pageData[4]&&pageData[4].children_count==0" :title="pageData[4].alias">
查看更多
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[4].cid}`, query: { catid: pageData[4].cid }}"
target="_blank" v-else-if="pageData[4]&&pageData[4].children_count!=0" :title="pageData[4].alias">
查看更多
</NuxtLink>
</div>
</div>
<div class="layoutCopyData_style1" v-if="boxData5[0]">
<NuxtLink :to="boxData5[0].linkurl" target="_blank" v-if="boxData5[0].islink==1" :title="boxData5[0].title">
<img :src="boxData5[0].imgurl" :alt="boxData5[0].title">
<div>
<span>{{ boxData5[0].title }}</span>
</div>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${boxData5[0].id}`" target="_blank" v-if="boxData5[0].islink==0" :title="boxData5[0].title">
<img :src="boxData5[0].imgurl" :alt="boxData5[0].title">
<div>
<span>{{ boxData5[0].title }}</span>
</div>
</NuxtLink>
<NuxtLink :to="boxData5data2[0].linkurl" target="_blank" v-if="boxData5data2[0]&&boxData5data2[0].islink==1" :title="boxData5data2[0].title">
<p class="title">{{ boxData5data2[0].title }}</p>
<p> </p>
<!-- <p>{{getTime(boxData5data2[0].updated_at,'month',1)}}</p> -->
</NuxtLink>
<NuxtLink :to="`/newsDetail/${boxData5data2[0].id}`" target="_blank" v-if="boxData5data2[0]&&boxData5data2[0].islink==0" :title="boxData5data2[0].title">
<p class="title">{{ boxData5data2[0].title }}</p>
<p> </p>
<!-- <p>{{getTime(boxData5data2[0].updated_at,'month',1)}}</p> -->
</NuxtLink>
</div>
</div>
<!-- 模块五 三农投资 pagedata[5] -->
<div class="layoutCopyLeft2" v-if="pageData.length>=6">
<div class="layoutTitleBox" v-if="pageData[5]">
<div class="layoutTitle" v-if="pageData[5].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[5].cid}`}"
target="_blank" v-if="pageData[5]&&pageData[5].children_count==0" class="active" :title="pageData[5].alias">
{{pageData[5].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[5].cid}`}"
target="_blank" v-else-if="pageData[5]&&pageData[5].children_count!=0" class="active" :title="pageData[5].alias">
{{pageData[5].alias}}
</NuxtLink>
</div>
<div class="layoutMore" v-if="pageData[5].cid">
<NuxtLink :to="{ path: `/newsList/${pageData[5].cid}`, query: { catid: pageData[5].cid } }" target="_blank" v-if="pageData[5]&&pageData[5].children_count==0" :title="pageData[5].alias">
查看更多
</NuxtLink>
<NuxtLink :to="{ path: `/primaryNavigation/${pageData[5].cid}`, query: { catid: pageData[5].cid } }" target="_blank" v-else-if="pageData[5]&&pageData[5].children_count!=0" :title="pageData[5].alias">
查看更多
</NuxtLink>
</div>
</div>
<div class="layoutCopyData_style2">
<NuxtLink :to="item.linkurl" target="_blank" v-for="item in boxData6" v-show='item.islink==1' :title="item.title">
<p class="title">{{ item.title }}</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-for="item in boxData6" v-show='item.islink==0' :title="item.title">
<p class="title">{{ item.title }}</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</NuxtLink>
</div>
</div>
</div>
<div class="layoutCopyLeftBottom" v-if="pageData.length>=7">
<div class="layoutTitleBox" v-if="pageData[6]">
<div class="layoutTitle" v-if="pageData[6].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[6].cid}`}"
target="_blank" v-if="pageData[6]&&pageData[6].children_count==0" class="active" :title="pageData[6].alias">
{{pageData[6].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[6].cid}`}"
target="_blank" v-else-if="pageData[6]&&pageData[6].children_count!=0" class="active" :title="pageData[6].alias">
{{pageData[6].alias}}
</NuxtLink>
</div>
<div class="layoutMore" v-if="pageData[6].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[6].cid}`, query: { catid: pageData[6].cid } }"
target="_blank" v-if="pageData[6]&&pageData[6].children_count==0" :title="pageData[6].alias">
查看更多
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[6].cid}`, query: { catid: pageData[6].cid } }"
target="_blank" v-else-if="pageData[6]&&pageData[6].children_count!=0" :title="pageData[6].alias">
查看更多
</NuxtLink>
</div>
</div>
<div class="layoutCopyData_style3">
<div v-for="(item,index) in boxData7">
<NuxtLink :to="item.linkurl" target="_blank" v-if="index==1&&item.islink==1" class="style3link1" :title="item.title">
<div class="time">
<p>{{getTime(item.updated_at,'day',1)}}</p>
<p>{{getTime(item.updated_at,'month',1)}}</p>
</div>
<div>
<p class="title">{{ item.title }}</p>
<p class="introduce">{{ item.introduce }}</p>
</div>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-if="index==1&&item.islink==0" class="style3link1" :title="item.title">
<div class="time">
<p>{{getTime(item.updated_at,'day',1)}}</p>
<p>{{getTime(item.updated_at,'month',1)}}</p>
</div>
<div>
<p class="title">{{item.title}}</p>
<p class="introduce">{{item.introduce}}</p>
</div>
</NuxtLink>
<NuxtLink :to="item.linkurl" target="_blank" v-if="index>1&&item.islink==1" class="style3link2" :title="item.title">
<div>
<b></b>
<p class="title">{{item.title}}</p>
</div>
<p> </p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-if="index>1&&item.islink==0" class="style3link2" :title="item.title">
<div>
<b></b>
<p class="title">{{ item.title }}</p>
</div>
<p> </p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</NuxtLink>
</div>
</div>
</div>
</div>
<div class="layoutCopyRight" v-if="pageData.length>=8">
<div class="layoutTitleBox" v-if="pageData[7]">
<div class="layoutTitle" v-if="pageData[7].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[7].cid}`}"
target="_blank" v-if="pageData[7]&&pageData[7].children_count==0" class="active" :title="pageData[7].alias">
{{pageData[7].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[7].cid}`}"
target="_blank" v-else-if="pageData[7]&&pageData[7].children_count!=0" class="active" :title="pageData[7].alias">
{{pageData[7].alias}}
</NuxtLink>
</div>
<div class="layoutMore" v-if="pageData[7].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[7].cid}`, query: { catid: pageData[7].cid } }"
target="_blank" v-if="pageData[7]&&pageData[7].children_count==0" :title="pageData[7].alias">
查看更多
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[7].cid}`, query: { catid: pageData[7].cid } }"
target="_blank" v-else-if="pageData[7]&&pageData[7].children_count!=0" :title="pageData[7].alias">
查看更多
</NuxtLink>
</div>
</div>
<div class="layoutCopyData_style4">
<div class="layoutCopyData_pic">
<NuxtLink :to="item.linkurl" target="_blank" v-for="item in boxData8" v-show="item.islink==1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<p>{{item.title}}</p>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-for="item in boxData8" v-show="item.islink==0" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<p>{{item.title}}</p>
</NuxtLink>
</div>
<div class="layoutCopyData_text">
<NuxtLink :to="item.linkurl" target="_blank" v-for="item in boxData88" v-show="item.islink==1" :title="item.title">
<div class="title">{{item.title}}</div>
<div class="more">详</div>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${item.id}`" target="_blank" v-for="item in boxData88" v-show="item.islink==0" :title="item.title">
<div class="title">{{item.title}}</div>
<div class="more">详</div>
</NuxtLink>
</div>
</div>
</div>
</div>
<!-- 板块标题 -->
<!-- <div class="titleBox" id="hdzx">
<img src="../public/index/theme2.png" alt="互动资讯">
</div> -->
<div class="farming">
<div class="inner">
<div class="farmerLeft">
<div class="farmer">
<h3>
<div class="titleBoxTabs" v-if="pageData.length>=9">
<span class="active" v-if="pageData[8].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[8].cid}`}" @mouseenter="tabsData1 = 1"
target="_blank" v-if="pageData[8]&&pageData[8].children_count==0" :title="pageData[8].alias" :class="{ active: tabsData1 == 1 }">
{{pageData[8].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[8].cid}`}" @mouseenter="tabsData1 = 1"
target="_blank" v-else-if="pageData[8]&&pageData[8].children_count!=0" :title="pageData[8].alias" :class="{ active: tabsData1 == 1 }">
{{pageData[8].alias}}
</NuxtLink>
</span>
<span v-if="pageData[9].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[9].cid}`}" @mouseenter="tabsData1 = 2"
target="_blank" v-if="pageData[9]&&pageData[9].children_count==0" :title="pageData[9].alias" :class="{active:tabsData1 == 2 }">
{{pageData[9].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[9].cid}`}" @mouseenter="tabsData1 = 2"
target="_blank" v-else-if="pageData[9]&&pageData[9].children_count!=0" :title="pageData[9].alias" :class="{active:tabsData1 == 2 }">
{{pageData[9].alias}}
</NuxtLink>
</span>
</div>
</h3>
<!--模块9 start -->
<ul class="mode1ul_style1" v-if="tabsData1==1">
<li v-for="(item,index) in boxData9" class="imgbg">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div>
<p>
<span v-if="index==0">专题</span>
{{ item.title }}
</p>
<p> </p>
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div>
<p>
<span v-if="index==0">专题</span>
{{ item.title }}
</p>
<p> </p>
</div>
</NuxtLink>
</li>
</ul>
<ul class="mode1ul_style2" v-if="tabsData1==1">
<li v-for="item in boxData9data2">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<p class="title">{{ item.title }}</p>
<p> </p>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<p class="title">{{ item.title }}</p>
<p> </p>
</NuxtLink>
</li>
</ul>
<!--模块9 end -->
<!--模块10 start -->
<ul class="mode1ul_style1" v-if="tabsData1==2">
<li v-for="(item,index) in boxData10" class="imgbg">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div>
<p>
<span v-if="index==0">专题</span>
{{ item.title }}
</p>
<p> </p>
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div>
<p>
<span v-if="index==0">专题</span>
{{ item.title }}
</p>
<p> </p>
</div>
</NuxtLink>
</li>
</ul>
<ul class="mode1ul_style2" v-if="tabsData1==2">
<li v-for="item in boxData10data2">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<p class="title">{{ item.title }}</p>
<p> </p>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<p class="title">{{ item.title }}</p>
<p> </p>
</NuxtLink>
</li>
</ul>
<!--模块10 end -->
</div>
</div>
<div class="farmerRight">
<div class="rich" v-if="pageData.length>=11">
<h3 v-if="pageData[10]">
<span v-if="pageData[10].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[10].cid}`}"
target="_blank" v-if="pageData[10]&&pageData[10].children_count==0" class="active" :title="pageData[10].alias">
{{pageData[10].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[10].cid}`}"
target="_blank" v-else-if="pageData[10]&&pageData[10].children_count!=0" class="active" :title="pageData[10].alias">
{{pageData[10].alias}}
</NuxtLink>
</span>
<NuxtLink
:to="{ path: `/newsList/${pageData[10].cid}`, query: { catid: pageData[1].cid } }"
target="_blank" v-if="pageData[10]&&pageData[10].children_count==0" :title="pageData[10].alias">
查看更多
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[10].cid}`, query: { catid: pageData[1].cid } }"
target="_blank" v-else-if="pageData[10]&&pageData[10].children_count!=0" :title="pageData[10].alias">
查看更多
</NuxtLink>
</h3>
<div class="richList">
<div class="richListPic" v-if="boxData11[0]">
<NuxtLink :to="boxData11[0].linkurl" target="_blank" v-if="boxData11[0].islink==1 " :title="boxData11[0].title">
<img :src="boxData11[0].imgurl" :alt="boxData11[0].title">
<div>
<span>{{boxData11[0].title}}</span>
</div>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${boxData11[0].id}`" target="_blank" v-if="boxData11[0].islink==0" :title="boxData11[0].title">
<img :src="boxData11[0].imgurl" :alt="boxData11[0].title">
<div>
<span>{{boxData11[0].title}}</span>
</div>
</NuxtLink>
</div>
<div class="richListText" v-if="boxData11data2[0]">
<NuxtLink :to="boxData11data2[0].linkurl" target="_blank" v-if="boxData11data2[0].islink==1" :title="boxData11data2[0].title">
<span>{{boxData11data2[0].title}}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${boxData11data2[0].id}`" target="_blank" v-if="boxData11data2[0].islink==0" :title="boxData11data2[0].title">
<span>{{boxData11data2[0].title}}</span>
</NuxtLink>
</div>
<div class="richListText" v-if="boxData11data2[1]">
<NuxtLink :to="boxData11data2[1].linkurl" target="_blank" v-if="boxData11data2[1].islink==1" :title="boxData11data2[1].title">
<span>{{boxData11data2[1].title}}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${boxData11data2[1].id}`" target="_blank" v-if="boxData11data2[1].islink==0" :title="boxData11data2[1].title">
<span>{{boxData11data2[1].title}}</span>
</NuxtLink>
</div>
<div class="richListPictow" v-if="boxData11[0]">
<NuxtLink :to="boxData11[1].linkurl" target="_blank" v-if="boxData11[1].islink==1" :title="boxData11[1].title">
<img :src="boxData11[0].imgurl" :alt="boxData11[0].title">
<div>
<span>{{boxData11[0].title}}</span>
</div>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${boxData11[1].id}`" target="_blank" v-if="boxData11[1].islink==0" :title="boxData11[1].title">
<img :src="boxData11[0].imgurl" :alt="boxData11[0].title">
<div>
<span>{{boxData11[0].title}}</span>
</div>
</NuxtLink>
</div>
<div class="richListText" v-if="boxData11data2[2]">
<NuxtLink :to="boxData11data2[2].linkurl" target="_blank" v-if="boxData11data2[2].islink==1" :title="boxData11data2[2].title">
<span>{{boxData11data2[2].title}}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${boxData11data2[2].id}`" target="_blank" v-if="boxData11data2[2].islink==0" :title="boxData11data2[2].title">
<span>{{boxData11data2[2].title}}</span>
</NuxtLink>
</div>
<div class="richListText" v-if="boxData11data2[3]">
<NuxtLink :to="boxData11data2[3].linkurl" target="_blank" v-if="boxData11data2[3].islink==1" :title="boxData11data2[3].title">
<span>{{boxData11data2[3].title}}</span>
</NuxtLink>
<NuxtLink :to="`/newsDetail/${boxData11data2[3].id}`" target="_blank" v-if="boxData11data2[3].islink==0" :title="boxData11data2[3].title">
<span>{{boxData11data2[3].title}}</span>
</NuxtLink>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="index_3 clearfix">
<div class="index_3_box_left">
<div class="index_2_head_box clearfix">
<div class="index_1_head_box index_1_head_box_2 clearfix" v-if="pageData.length>=12">
<div class="index_1_head index_1_head_only" v-if="pageData[11].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[11].cid}`}" @mouseenter="tabsData2 = 1"
target="_blank" v-if="pageData[11]&&pageData[11].children_count==0" :class="{ active: tabsData2 == 1 }" :title="pageData[11].alias">
{{pageData[11].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[11].cid}`}" @mouseenter="tabsData2 = 1"
target="_blank" v-else-if="pageData[11]&&pageData[11].children_count!=0" :class="{ active: tabsData2 == 1 }" :title="pageData[11].alias">
{{pageData[11].alias}}
</NuxtLink>
</div>
<div class="index_1_head" v-if="pageData[12].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[12].cid}`}" @mouseenter="tabsData2 = 2"
target="_blank" v-if="pageData[12]&&pageData[12].children_count==0" :class="{ active: tabsData2 == 2 }" :title="pageData[12].alias">
{{pageData[12].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[12].cid}`}"@mouseenter="tabsData2 = 2"
target="_blank" v-else-if="pageData[12]&&pageData[12].children_count!=0" :class="{ active: tabsData2 == 2 }" :title="pageData[12].alias">
{{pageData[12].alias}}
</NuxtLink>
</div>
</div>
</div>
<!-- 模块12 -->
<div class="index_3_ul clearfix" v-if="tabsData2==1">
<div :class="['index_3_li',index < 2 ? 'index_3_li_color' : '']" v-for="(item, index) in boxData12">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<p class="title">
<b :class="['lis',index < 2 ? 'active' : '']"></b>
{{item.title}}
</p>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<p class="title">
<b :class="['lis',index < 2 ? 'active' : '']"></b>
{{item.title}}
</p>
</NuxtLink>
</div>
</div>
<!-- 模块13 -->
<div class="index_3_ul clearfix" v-if="tabsData2==2">
<div :class="['index_3_li',index < 2 ? 'index_3_li_color' : '']" v-for="(item, index) in boxData13">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<p class="title">
<b :class="['lis',index < 2 ? 'active' : '']"></b>
{{item.title}}
</p>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<p class="title">
<b :class="['lis',index < 2 ? 'active' : '']"></b>
{{item.title}}
</p>
</NuxtLink>
</div>
</div>
</div>
<div class="index_1_box_right">
<img src="../public/index/sndc.png" alt="三农调查">
<div class="index_3_box_vote">
<div class="inquire">
<p>郑州17名警察因出警慢被关禁闭,你怎么看?</p>
<div class="radio">
<el-radio-group v-model="radio1" text-color=#33B023 :disabled="isDisabled">
<el-radio value="1" size="large">支持，警察不关心百姓应惩罚</el-radio>
<el-radio value="2" size="large">反对，这件事就关禁闭不合理</el-radio>
<el-radio value="3" size="large">建议其他部门效仿此做法</el-radio>
<el-radio value="4" size="large">其他</el-radio>
</el-radio-group>
</div>
<div class="btn">
<button class="voting" @click="handleVote" :disabled="isDisabled">投票</button>
<button class="look">查看</button>
</div>
</div>
</div>
</div>
</section>
<div class="titleBox">
<a href="http://www.baidu.com" target="_blank">
<img :src="adImg5.thumb" v-if="adImg5 && !adImg5.image_src" alt="三农资讯网_广告位4">
<img :src="adImg5.image_src" v-if="adImg5 && adImg5.image_src" alt="三农资讯网_广告位4">
</a>
</div>
<div class="lastPart3">
<div class="inner">
<div class="lastPartTitle" v-if="pageData.length>=14">
<div class="left" >
<span v-if="pageData[13].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[13].cid}`}"
target="_blank" v-if="pageData[13]&&pageData[13].children_count==0" :title="pageData[13].alias" @mouseenter="tabsData3=1" :class="{ active: tabsData3 == 1 }">
{{pageData[13].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[13].cid}`}"
target="_blank" v-else-if="pageData[13]&&pageData[13].children_count!=0" :title="pageData[13].alias" @mouseenter="tabsData3=1" :class="{ active: tabsData3 == 1 }">
{{pageData[13].alias}}
</NuxtLink>
</span>
<span v-if="pageData[14].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[14].cid}`}"
target="_blank" v-if="pageData[14]&&pageData[14].children_count==0" :title="pageData[14].alias" @mouseenter="tabsData3=2" :class="{ active: tabsData3 == 2 }">
{{pageData[14].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[14].cid}`}"
target="_blank" v-else-if="pageData[14]&&pageData[14].children_count!=0" :title="pageData[14].alias" @mouseenter="tabsData3=2" :class="{ active: tabsData3 == 2 }">
{{pageData[14].alias}}
</NuxtLink>
</span>
</div>
<div class="right" v-if="tabsData3==1">
<NuxtLink :to="{ path: `/newsList/${item.category_id}`}" target="_blank" v-if="pageData[14].cid" v-for="item in boxData14menu" :title="item.alias">
{{item.alias}}
</NuxtLink>
</div>
<div class="right" v-if="tabsData3==2">
<NuxtLink :to="{ path: `/newsList/${item.category_id}`}" target="_blank" v-if="pageData[15].cid" v-for="item in boxData15menu" :title="item.alias">
{{item.alias}}
</NuxtLink>
</div>
</div>
<!-- 模块14 -->
<div class="lastPartContext" v-if="tabsData3==1">
<div class="left">
<ul class="mode1ul_style1">
<li v-for="(item,index) in boxData14" class="imgbg">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div>
<p>
<span v-if="index==0">专题</span>
{{ item.title }}
</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div>
<p>
<span v-if="index==0">专题</span>
{{ item.title }}
</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</div>
</NuxtLink>
</li>
</ul>
<ul class="mode1ul_style2">
<li v-for="item in boxData14data2">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<p class="title">{{ item.title }}</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<p class="title">{{ item.title }}</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</NuxtLink>
</li>
</ul>
</div>
<div class="right" v-if="pageData.length>=15">
<div class="title">
<h3 v-if="boxData14menu[0]">
<NuxtLink
:to="{ path: `/newsList/${boxData14menu[0].category_id}`, query: { catid: boxData14menu[0].cid } }"
target="_blank" v-if="boxData14menu[0]" class="leftTitle" :title="boxData14menu[0].alias">
{{ boxData14menu[0].alias }}
</NuxtLink>
<NuxtLink
:to="{ path: `/newsList/${boxData14menu[0].category_id}`, query: { catid: boxData14menu[0].cid } }"
target="_blank" v-if="boxData14menu[0]" :title="boxData14menu[0].alias">
查看更多
</NuxtLink>
</h3>
</div>
<ul class="content">
<li v-for="item in boxData14mainData">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<span>
<strong>{{getTime(item.updated_at,'month',1)}}</strong>
{{getTime(item.updated_at,'year',3)}}
</span>
<span class="text">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<span>
<strong>{{getTime(item.updated_at,'month',1)}}</strong>
{{getTime(item.updated_at,'year',3)}}
</span>
<span class="text">{{ item.title }}</span>
</NuxtLink>
</li>
</ul>
</div>
</div>
<!-- 模块15 -->
<div class="lastPartContext" v-if="tabsData3==2">
<div class="left">
<ul class="mode1ul_style1">
<li v-for="(item,index) in boxData15" class="imgbg">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div>
<p>
<span v-if="index==0">专题</span>
{{ item.title }}
</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div>
<p>
<span v-if="index==0">专题</span>
{{ item.title }}
</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</div>
</NuxtLink>
</li>
</ul>
<ul class="mode1ul_style2">
<li v-for="item in boxData15data2">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<p class="title">{{ item.title }}</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<p class="title">{{ item.title }}</p>
<!-- <p>{{getTime(item.updated_at,'month',1)}}</p> -->
</NuxtLink>
</li>
</ul>
</div>
<div class="right" v-if="pageData.length>=15">
<div class="title">
<h3 v-if="boxData15menu[0]">
<NuxtLink
:to="{ path: `/newsList/${boxData15menu[0].category_id}`, query: { catid: boxData15menu[0].cid } }"
target="_blank" v-if="boxData15menu[0]" class="leftTitle" :title="boxData15menu[0].alias">
{{ boxData15menu[0].alias }}
</NuxtLink>
<NuxtLink
:to="{ path: `/newsList/${boxData15menu[0].category_id}`, query: { catid: boxData15menu[0].cid } }"
target="_blank" v-if="boxData15menu[0]" :title="boxData15menu[0].alias">
查看更多
</NuxtLink>
</h3>
</div>
<ul class="content">
<li v-for="item in boxData15mainData">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<span>
<strong>{{getTime(item.updated_at,'month',1)}}</strong>
{{getTime(item.updated_at,'year',3)}}
</span>
<span class="text">{{ item.title }}</span>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }" target="_blank" v-if="item.islink==0" :title="item.title">
<span>
<strong>{{getTime(item.updated_at,'month',1)}}</strong>
{{getTime(item.updated_at,'year',3)}}
</span>
<span class="text">{{ item.title }}</span>
</NuxtLink>
</li>
</ul>
</div>
</div>
</div>
</div>
<section class="index_2 clearfix">
<div class="index_2_head_box clearfix" v-if="pageData.length>=16">
<div class="index_1_head_box index_1_head_box_2 clearfix">
<div class="index_1_head index_1_head_only" v-if="pageData[15].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[15].cid}`}" @mouseenter="tabsData4=1" :class="{ active: tabsData4 == 1 }"
target="_blank" v-if="pageData[15]&&pageData[15].children_count==0" :title="pageData[15].alias">
{{pageData[15].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[15].cid}`}" @mouseenter="tabsData4=1" :class="{ active: tabsData4 == 1 }"
target="_blank" v-else-if="pageData[15]&&pageData[15].children_count!=0" :title="pageData[15].alias">
{{pageData[15].alias}}
</NuxtLink>
</div>
<div class="index_1_head" v-if="pageData[16].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[16].cid}`}" @mouseenter="tabsData4=2" :class="{ active: tabsData4 == 2 }"
target="_blank" v-if="pageData[16]&&pageData[16].children_count==0" :title="pageData[16].alias">
{{pageData[16].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[16].cid}`}" @mouseenter="tabsData4=2" :class="{ active: tabsData4 == 2 }"
target="_blank" v-else-if="pageData[16]&&pageData[16].children_count!=0" :title="pageData[16].alias">
{{pageData[16].alias}}
</NuxtLink>
</div>
</div>
<div class="index_2_head_a_box clearfix" v-if="tabsData4==1">
<NuxtLink :to="{ path: `/newsList/${item.category_id}`}" target="_blank" v-if="pageData[15].cid" v-for="item in boxData16menu" :title="item.alias">
{{item.alias}}
</NuxtLink>
</div>
<div class="index_2_head_a_box clearfix" v-if="tabsData4==2">
<NuxtLink :to="{ path: `/newsList/${item.category_id}`}" target="_blank" v-if="pageData[16].cid" v-for="item in boxData17menu" :title="item.alias">
{{item.alias}}
</NuxtLink>
</div>
</div>
<div class=" clearfix">
<!--模块16-->
<div class=" clearfix" v-if="tabsData4==1">
<div class="index_1_box">
<div class="index_2_big_img_ul">
<div class="index_2_big_img_li cover100" v-if="boxData16[0]">
<NuxtLink :to="boxData16[0].linkurl" target="_blank" v-if="boxData16[0].islink==1" :title="boxData16[0].title">
<img class="" :src="boxData16[0].imgurl" :alt="boxData16[0].title">
<div class="index_2_big_img_li_dot2 dot2">
<span class="index_2_big_img_li_dot2_tag">专题</span>
{{boxData16[0].title}}
</div>
<div class="index_1_box_right_img_li_dot1 dot1">
<!-- {{getTime(boxData16[0].updated_at,'month',1)}} -->
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${boxData16[0].id}`}" target="_blank" v-if="boxData16[0].islink==0" :title="boxData16[0].title">
<img class="" :src="boxData16[0].imgurl" :alt="boxData16[0].title">
<div class="index_2_big_img_li_dot2 dot2">
<span class="index_2_big_img_li_dot2_tag">专题</span>
{{boxData16[0].title}}
</div>
<div class="index_1_box_right_img_li_dot1 dot1">
<!-- {{getTime(boxData16[0].updated_at,'month',1)}} -->
</div>
</NuxtLink>
</div>
</div>
<div class="index_1_box_right_img_ul index_1_box_right_img_ul_2 clearfix" v-if="boxData16[1]">
<div class="index_1_box_right_img_li cover100">
<NuxtLink :to="boxData16[1].linkurl" target="_blank" v-if="boxData16[1].islink==1" :title="boxData16[1].title">
<img class="" :src="boxData16[1].imgurl" :alt="boxData16[1].title">
<div class="index_1_box_right_img_li_dot1 dot1">
{{boxData16[1].title}}
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${boxData16[1].id}`}" target="_blank" v-if="boxData16[1].islink==0" :title="boxData16[1].title">
<img class="" :src="boxData16[1].imgurl" :alt="boxData16[1].title">
<div class="index_1_box_right_img_li_dot1 dot1">
{{boxData16[1].title}}
</div>
</NuxtLink>
</div>
<div class="index_1_box_right_img_li cover100" v-if="boxData16[2]">
<NuxtLink :to="boxData16[2].linkurl" target="_blank" v-if="boxData16[2].islink==1" :title="boxData16[2].title">
<img class="" :src="boxData16[2].imgurl" :alt="boxData16[2].title">
<div class="index_1_box_right_img_li_dot1 dot1">
{{boxData16[2].title}}
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${boxData16[2].id}`}" target="_blank" v-if="boxData16[2].islink==0" :title="boxData16[2].title">
<img class="" :src="boxData16[2].imgurl" :alt="boxData16[2].title">
<div class="index_1_box_right_img_li_dot1 dot1">
{{boxData16[2].title}}
</div>
</NuxtLink>
</div>
</div>
<div class="index_2_big_img_ul" v-if="boxData16[3]">
<NuxtLink :to="boxData16[3].linkurl" target="_blank" v-if="boxData16[3].islink==1" :title="boxData16[3].title">
<div class="index_2_big_img_li cover100" v-if="boxData16[3]">
<img class="" :src="boxData16[3].imgurl" :alt="boxData16[3].title">
<div class="index_2_big_img_li_dot2 dot2">
{{boxData16[3].title}}
</div>
<!--<div class="index_1_box_right_img_li_dot1 dot1">
{{getTime(boxData16[3].updated_at,'month',1)}}
</div>-->
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${boxData16[3].id}`}" target="_blank" v-if="boxData16[3].islink==0" :title="boxData16[3].title">
<div class="index_2_big_img_li cover100" v-if="boxData16[3]">
<img class="" :src="boxData16[3].imgurl" :alt="boxData16[3].title">
<div class="index_2_big_img_li_dot2 dot2">
{{boxData16[3].title}}
</div>
<!--<div class="index_1_box_right_img_li_dot1 dot1">
{{getTime(boxData16[3].updated_at,'month',1)}}
</div> -->
</div>
</NuxtLink>
</div>
</div>
<div class="index_1_box">
<div class="index_1_ul clearfix">
<div class="index_1_li clearfix index_1_li_only" v-for="item in boxData16data2">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<div class="index_1_li_dot2 dot2">
{{ item.title }}
</div>
<!--<div class="index_1_li_time">
{{getTime(item.updated_at,'month',1)}}
</div> -->
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`}" target="_blank" v-if="item.islink==0" :title="item.title">
<div class="index_1_li_dot2 dot2">
{{ item.title }}
</div>
<!-- <div class="index_1_li_time">
{{getTime(item.updated_at,'month',1)}}
</div> -->
</NuxtLink>
</div>
</div>
</div>
<div class="index_1_box_right">
<div class="index_1_head_box clearfix index_1_head_box_line_none">
<NuxtLink
:to="{ path: `/newsList/${boxData16menu[0].category_id}`}"
target="_blank" v-if="boxData16menu[0]" class="leftTitle" :title="boxData16menu[0].alias">
{{ boxData16menu[0].alias }}
</NuxtLink>
<NuxtLink
:to="{ path: `/newsList/${boxData16menu[0].category_id}`}"
target="_blank" v-if="boxData16menu[0]" :title="boxData16menu[0].alias">
查看更多
</NuxtLink>
</div>
<div class="index_2_ul">
<div class="index_2_li clearfix" v-for="item in boxData16mainData">
<NuxtLink :to="{path:`/newsDetail/${item.id}`}" target="_blank" :title="item.title">
<time class="index_2_li_time_box">
<div class="index_2_li_time_head">
{{getTime(item.updated_at,'day',1)}}
</div>
<div class="index_2_li_time_foot">
{{getTime(item.updated_at,'year',2)}}
</div>
</time>
<div class="index_2_li_dot2 dot2">
{{item.title}}
</div>
</NuxtLink>
</div>
</div>
</div>
</div>
<!--模块17-->
<div class=" clearfix" v-if="tabsData4==2">
<div class="index_1_box">
<div class="index_2_big_img_ul">
<div class="index_2_big_img_li cover100" v-if="boxData17[0]">
<NuxtLink :to="boxData17[0].linkurl" target="_blank" v-if="boxData17[0].islink==1" :title="boxData17[0].title">
<img class="" :src="boxData17[0].imgurl" :alt="boxData17[0].title">
<div class="index_2_big_img_li_dot2 dot2">
<span class="index_2_big_img_li_dot2_tag">专题</span>
{{boxData17[0].title}}
</div>
<div class="index_1_box_right_img_li_dot1 dot1">
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${boxData17[0].id}`}" target="_blank" v-if="boxData17[0].islink==0" :title="boxData17[0].title">
<img class="" :src="boxData17[0].imgurl" :alt="boxData17[0].title">
<div class="index_2_big_img_li_dot2 dot2">
<span class="index_2_big_img_li_dot2_tag">专题</span>
{{boxData17[0].title}}
</div>
<div class="index_1_box_right_img_li_dot1 dot1">
</div>
</NuxtLink>
</div>
</div>
<div class="index_1_box_right_img_ul index_1_box_right_img_ul_2 clearfix" v-if="boxData17[1]">
<div class="index_1_box_right_img_li cover100">
<NuxtLink :to="boxData17[1].linkurl" target="_blank" v-if="boxData17[1].islink==1" :title="boxData17[1].title">
<img class="" :src="boxData17[1].imgurl" :alt="boxData17[1].title">
<div class="index_1_box_right_img_li_dot1 dot1">
{{boxData17[1].title}}
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${boxData17[1].id}`}" target="_blank" v-if="boxData17[1].islink==0" :title="boxData17[1].title">
<img class="" :src="boxData17[1].imgurl" :alt="boxData17[1].title">
<div class="index_1_box_right_img_li_dot1 dot1">
{{boxData17[1].title}}
</div>
</NuxtLink>
</div>
<div class="index_1_box_right_img_li cover100" v-if="boxData17[2]">
<NuxtLink :to="boxData17[2].linkurl" target="_blank" v-if="boxData17[2].islink==1" :title="boxData17[2].title">
<img class="" :src="boxData17[2].imgurl" :alt="boxData17[2].title">
<div class="index_1_box_right_img_li_dot1 dot1">
{{boxData17[2].title}}
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${boxData17[2].id}`}" target="_blank" v-if="boxData17[2].islink==0" :title="boxData17[2].title">
<img class="" :src="boxData17[2].imgurl" :alt="boxData17[2].title">
<div class="index_1_box_right_img_li_dot1 dot1">
{{boxData17[2].title}}
</div>
</NuxtLink>
</div>
</div>
<div class="index_2_big_img_ul" v-if="boxData17[3]">
<NuxtLink :to="boxData17[3].linkurl" target="_blank" v-if="boxData17[3].islink==1" :title="boxData17[3].title">
<div class="index_2_big_img_li cover100" v-if="boxData17[3]">
<img class="" :src="boxData17[3].imgurl" :alt="boxData17[3].title">
<div class="index_2_big_img_li_dot2 dot2">
{{boxData17[3].title}}
</div>
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${boxData17[3].id}`}" target="_blank" v-if="boxData17[3].islink==0" :title="boxData17[3].title">
<div class="index_2_big_img_li cover100" v-if="boxData17[3]">
<img class="" :src="boxData17[3].imgurl" :alt="boxData17[3].title">
<div class="index_2_big_img_li_dot2 dot2">
{{boxData17[3].title}}
</div>
</div>
</NuxtLink>
</div>
</div>
<div class="index_1_box">
<div class="index_1_ul clearfix">
<div class="index_1_li clearfix index_1_li_only" v-for="item in boxData17data2">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<div class="index_1_li_dot2 dot2">
{{ item.title }}
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`}" target="_blank" v-if="item.islink==0" :title="item.title">
<div class="index_1_li_dot2 dot2">
{{ item.title }}
</div>
</NuxtLink>
</div>
</div>
</div>
<div class="index_1_box_right">
<div class="index_1_head_box clearfix index_1_head_box_line_none">
<NuxtLink
:to="{ path: `/newsList/${boxData17menu[0].category_id}`}"
target="_blank" v-if="boxData17menu[0]" class="leftTitle" :title="boxData17menu[0].alias">
{{ boxData17menu[0].alias }}
</NuxtLink>
<NuxtLink
:to="{ path: `/newsList/${boxData17menu[0].category_id}`}"
target="_blank" v-if="boxData17menu[0]" :title="boxData17menu[0].alias">
查看更多
</NuxtLink>
</div>
<div class="index_2_ul">
<div class="index_2_li clearfix" v-for="item in boxData17mainData">
<NuxtLink :to="{path:`/newsDetail/${item.id}`}" target="_blank" :title="item.title">
<time class="index_2_li_time_box">
<div class="index_2_li_time_head">
{{getTime(item.updated_at,'day',1)}}
</div>
<div class="index_2_li_time_foot">
{{getTime(item.updated_at,'year',2)}}
</div>
</time>
<div class="index_2_li_dot2 dot2">
{{item.title}}
</div>
</NuxtLink>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="index_1 clearfix">
<div class="index_1_box">
<div class="index_1_head_box clearfix" v-if="pageData.length>=18">
<div class="index_1_head index_1_head_only" v-if="pageData[17].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[17].cid}`}"
target="_blank" v-if="pageData[17]&&pageData[17].children_count==0" class="active" :title="pageData[17].alias">
{{pageData[17].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[17].cid}`}"
target="_blank" v-else-if="pageData[17]&&pageData[17].children_count!=0" class="active" :title="pageData[17].alias">
{{pageData[17].alias}}
</NuxtLink>
</div>
<NuxtLink
:to="{ path: `/newsList/${pageData[17].cid}`}"
target="_blank" v-if="pageData[17]&&pageData[17].children_count==0" :title="pageData[17].alias">
查看更多
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[17].cid}`}"
target="_blank" v-else-if="pageData[17]&&pageData[17].children_count!=0" :title="pageData[17].alias">
查看更多
</NuxtLink>
</div>
<div class="index_1_ul clearfix index_1_ul_mrbot" v-if="boxData18[0]">
<div class="index_1_img_li clearfix">
<NuxtLink :to="boxData18[0].linkurl" target="_blank" v-if="boxData18[0].islink==1" :title="boxData18[0].title">
<img :src="boxData18[0].imgurl">
<div class="index_1_li_dot3 dot3">
{{boxData18[0].title}}
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${boxData18[0].id}`}" target="_blank" v-if="boxData18[0].islink==0" :title="boxData18[0].title">
<img :src="boxData18[0].imgurl">
<div class="index_1_li_dot3 dot3">
{{boxData18[0].title}}
</div>
</NuxtLink>
</div>
</div>
<div class="index_1_ul clearfix" v-for="item in boxData18data2">
<div class="index_1_li clearfix index_1_li_bottom">
<NuxtLink :to="item.linkurl" target="_blank" v-if="boxData18[0].islink==1" :title="item.title">
<div class="index_1_li_dot2 dot2">
{{item.title}}
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`}" target="_blank" v-if="boxData18[0].islink==0" :title="item.title">
<div class="index_1_li_dot2 dot2">
{{item.title}}
</div>
</NuxtLink>
</div>
</div>
</div>
<div class="index_1_box">
<div class="index_1_head_box clearfix" v-if="pageData.length>=19">
<div class="index_1_head index_1_head_only" v-if="pageData[18].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[18].cid}`}"
target="_blank" v-if="pageData[18]&&pageData[18].children_count==0" class="active" :title="pageData[18].alias">
{{pageData[18].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[18].cid}`}"
target="_blank" v-else-if="pageData[18]&&pageData[18].children_count!=0" class="active" :title="pageData[18].alias">
{{pageData[18].alias}}
</NuxtLink>
</div>
<NuxtLink
:to="{ path: `/newsList/${pageData[18].cid}`}"
target="_blank" v-if="pageData[18]&&pageData[18].children_count==0" :title="pageData[18].alias">
查看更多
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[18].cid}`}"
target="_blank" v-else-if="pageData[18]&&pageData[18].children_count!=0" :title="pageData[18].alias">
查看更多
</NuxtLink>
</div>
<div class="index_1_ul clearfix" v-for="(item,index) in boxData19">
<div class="index_1_li clearfix index_1_li_bold index_1_li_bottom2" v-if="index == 0">
<NuxtLink :to="{path:`/newsDetail/${item.id}`}" target="_blank" :title="item.title">
<div class="index_1_li_dot2 dot2">
{{item.title}}
</div>
</NuxtLink>
</div>
<div class="index_1_li clearfix index_1_li_bottom2" v-else>
<NuxtLink :to="{path:`/newsDetail/${item.id}`}" target="_blank" :title="item.title">
<div class="index_1_li_dot2 dot2">
{{item.title}}
</div>
</NuxtLink>
</div>
</div>
</div>
<div class="index_1_box_right" v-if="pageData.length>=20">
<div class="index_1_head_box clearfix">
<div class="index_1_head index_1_head_only" v-if="pageData[19].cid">
<NuxtLink
:to="{ path: `/newsList/${pageData[19].cid}`}"
target="_blank" v-if="pageData[19]&&pageData[19].children_count==0" class="active" :title="pageData[19].alias">
{{pageData[19].alias}}
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[19].cid}`}"
target="_blank" v-else-if="pageData[19]&&pageData[19].children_count!=0" class="active" :title="pageData[19].alias">
{{pageData[19].alias}}
</NuxtLink>
</div>
<NuxtLink
:to="{ path: `/newsList/${pageData[19].cid}`}"
target="_blank" v-if="pageData[19]&&pageData[19].children_count==0" :title="pageData[19].alias">
查看更多
</NuxtLink>
<NuxtLink
:to="{ path: `/primaryNavigation/${pageData[19].cid}`}"
target="_blank" v-else-if="pageData[19]&&pageData[19].children_count!=0" :title="pageData[19].alias">
查看更多
</NuxtLink>
</div>
<div class="index_1_box_right_img_ul clearfix">
<div class="index_1_box_right_img_li cover100" v-for="item in boxData20">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div class="index_1_box_right_img_li_dot1 dot1">
{{item.title}}
</div>
</NuxtLink>
<NuxtLink :to="{ path: `/newsDetail/${item.id}`}" target="_blank" v-if="item.islink==0" :title="item.title">
<img :src="item.imgurl" :alt="item.title">
<div class="index_1_box_right_img_li_dot1 dot1">
{{item.title}}
</div>
</NuxtLink>
</div>
</div>
<div class="index_1_box_right_ul clearfix">
<div class="index_1_box_right_li" v-for="item in boxData20data2">
<NuxtLink :to="item.linkurl" target="_blank" v-if="item.islink==1" :title="item.title">
<div class="index_1_box_right_li_font">详</div>
<div class="index_1_box_right_li_dot1 dot1">{{item.title}}</div>
</NuxtLink>
<NuxtLink :to="{path:`/newsDetail/${item.id}`}" target="_blank" v-if="item.islink==0" :title="item.title">
<div class="index_1_box_right_li_font">详</div>
<div class="index_1_box_right_li_dot1 dot1">{{item.title}}</div>
</NuxtLink>
</div>
</div>
</div>
</section>
<!-- 页面底部 -->
<HomeFoot></HomeFoot>
</div>
</template>
<script setup>
//1.加载页面必备组件 start---------------------------------------->
import { ref, onMounted } from 'vue';
import { ElRadio, ElRadioGroup, ElMessage } from 'element-plus';
import { useSeoMeta } from '#imports';
//格式化跳转路径
const getLinkPath = (item) => {
if (item.children_count === 0) {
return `/newsList/${item.cid}`;
} else {
return `/primaryNavigation/${item.cid}`;
}
}
//1.加载页面必备组件 end---------------------------------------->
//2.交互方法 start---------------------------------------->
//2.1 新闻图片切换
const hoverStatus = ref(1)
const qhPic = function (num) {
hoverStatus.value = num;
}
//2.2 投票
const radio1 = ref('1');
let index = ref(0)
let isDisabled = ref(false)
function handleVote(){
isDisabled.value = true
ElMessage.success('投票成功')
}
//2.4 获得所有广告
let adImg2 = ref({})
let adImg3 = ref({})
let adImg4 = ref({})
let adImg5 = ref({})
async function getAdData(){
const adData = await requestDataPromise('/web/getWebsiteAdvertisement',{method:'GET',query:{'ad_tag':'INDEDX'}});
for(let item of adData.data){
if(item.ad_tag == 'SNZXWT_INDEDX_0002'){
adImg2.value = item;
}
if(item.ad_tag == 'SNZXWT_INDEDX_0003'){
adImg3.value = item;
}
if(item.ad_tag == 'SNZXWT_INDEDX_0004'){
adImg4.value = item;
}
if(item.ad_tag == 'SNZXWT_INDEDX_0005'){
adImg5.value = item;
}
}
}
getAdData();
//2.交互方法 end---------------------------------------->
//3.页面基本信息 start---------------------------------------->
//3.1 导航信息
const pageData = ref([
// { cid: "", title: "", data: [] ,children_count:""},
]);
//3.2 模块数据
//注意前置变量 在nuxt3的ssr模式中，并不存在变量提升。
//模块1
const boxData1 = ref([])
const boxData1data2 = ref([])
//模块2
const boxData2 = ref([]);
//模块3 - 该数据已经在模块中请求
//const boxData3 = ref([]);
//模块4
const boxData4 = ref([]);
//模块5
const boxData5 = ref([]);
const boxData5data2 = ref([]);
//模块6
const boxData6 = ref([]);
//模块7
const boxData7 = ref([]);
//模块8
const boxData8 = ref([]);
const boxData88 = ref([]);
//模块9 模块10 切换
const tabsData1 = ref(1)
//模块9
const boxData9 = ref([]);
const boxData9data2 = ref([]);
//模块10
const boxData10 = ref([]);
const boxData10data2 = ref([]);
//模块11
const boxData11 = ref([]);
const boxData11data2 = ref([]);
//模块12 模块13 切换
const tabsData2 = ref(1)
//模块12
const boxData12 = ref([]);
//模块13 - 该模块只有一个入口
const boxData13 = ref([]);
//模块14 模块15 切换
const tabsData3 = ref(2)
//模块14 - 该模块含有子导航
const boxData14 = ref([]);
const boxData14data2 = ref([]);
const boxData14menu = ref([]);
const boxData14mainData = ref([]);
const boxData14mainCid = ref("");
//模块15 - 该模块只有一个入口 没有数据
const boxData15 = ref([]);
const boxData15data2 = ref([]);
const boxData15menu = ref([]);
const boxData15mainData = ref([]);
const boxData15mainCid = ref("");
//模块16 模块17 切换
const tabsData4 = ref(1)
//模块16 - 该模块含有子导航
const boxData16 = ref([]);
const boxData16data2 = ref([]);
const boxData16menu = ref([]);
const boxData16mainData = ref([]);
const boxData16mainCid = ref("");
//模块17 - 该模块只有一个入口 没有数据
const boxData17 = ref([]);
const boxData17data2 = ref([]);
const boxData17menu = ref([]);
const boxData17mainData = ref([]);
const boxData17mainCid = ref("");
//模块18
const boxData18 = ref([]);
const boxData18data2 = ref([]);
//模块19
const boxData19 = ref([]);
//模块20
const boxData20 = ref([]);
const boxData20data2 = ref([]);
//3.2 开始获取导航池
try {
const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
method: 'GET',
query: {
'placeid': 1,
'pid': 0,
'num': 22
},
});
console.log("成功获取网站导航池！：", navigateData.data);
// 遍历可用的导航池放到页面中
for (let index in navigateData.data) {
let data = {
title: navigateData.data[index].name,
cid: navigateData.data[index].category_id,
children_count: navigateData.data[index].children_count,
alias: navigateData.data[index].alias
};
if (navigateData.data[index].is_url == 1) {
// 处理 URL 的逻辑
} else {
pageData.value.push(data);
}
}
// 导航池加载完毕，开始申请模块数据
await getPageData1();
await getPageData1_data2();
await getPageData2();
await getPageData4();
await getPageData5();
await getPageData5_data2();
await getPageData6();
await getPageData7();
await getPageData8();
await getPageData8_data2();
await getPageData9();
await getPageData9_data2();
await getPageData10();
await getPageData10_data2();
await getPageData11();
await getPageData11_data2();
await getPageData12();
await getPageData13();
await getPageData14();
await getPageData14_data2();
await getPageData14menu();
await getPageData14mainData();
await getPageData15();
await getPageData15_data2();
await getPageData15menu();
await getPageData15mainData();
await getPageData16();
await getPageData16_data2();
await getPageData16menu();
await getPageData16mainData();
await getPageData17();
await getPageData17_data2();
await getPageData17menu();
await getPageData17mainData();
await getPageData18();
await getPageData18_data2();
await getPageData19();
await getPageData20();
await getPageData20_data2();
//await getSeo();
} catch (error) {
console.error('获取页面导航失败！:', error);
}
//模块1
async function getPageData1() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[0].cid,
'level': 3,
'pagesize': 2
},
});
boxData1.value = mkdata.data;
}
async function getPageData1_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[0].cid,
'level': 1,
'pagesize': 8
},
});
boxData1data2.value = mkdata.data;
}
//模块2
async function getPageData2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[1].cid,
'level': 3,
'pagesize': 8
},
});
boxData2.value = mkdata.data;
}
//模块4
async function getPageData4() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[3].cid,
'level': 3,
'pagesize': 5
},
});
boxData4.value = mkdata.data;
}
//模块5
async function getPageData5() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[4].cid,
'level': 3,
'pagesize': 1
},
});
boxData5.value = mkdata.data;
}
async function getPageData5_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[4].cid,
'level': 1,
'pagesize': 1,
'placeid': 2
},
});
boxData5data2.value = mkdata.data;
}
//模块6
async function getPageData6() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[5].cid,
'level': 3,
'pagesize': 3
},
});
boxData6.value = mkdata.data;
}
//模块7
async function getPageData7() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[6].cid,
'level': 1,
'pagesize': 5
},
});
boxData7.value = mkdata.data;
}
//模块8
async function getPageData8() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[7].cid,
'level': 3,
'pagesize': 2
},
});
boxData8.value = mkdata.data;
}
async function getPageData8_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[7].cid,
'level': 3,
'pagesize': 7,
'placeid': 1
},
});
boxData88.value = mkdata.data;
}
//模块9
async function getPageData9() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[8].cid,
'level': 3,
'pagesize': 2
},
});
boxData9.value = mkdata.data;
}
async function getPageData9_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[8].cid,
'level': 1,
'pagesize': 8,
'placeid': 3
},
});
boxData9data2.value = mkdata.data;
}
//模块10
async function getPageData10() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[9].cid,
'level': 3,
'pagesize': 2
},
});
boxData10.value = mkdata.data;
}
async function getPageData10_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[9].cid,
'level': 1,
'pagesize': 8,
'placeid': 3
},
});
boxData10data2.value = mkdata.data;
}
//模块11
async function getPageData11() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[10].cid,
'level': 3,
'pagesize': 2
},
});
boxData11.value = mkdata.data;
}
async function getPageData11_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[10].cid,
'level': 1,
'pagesize': 4,
'placeid': 4
},
});
boxData11data2.value = mkdata.data;
}
//模块12
async function getPageData12() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[11].cid,
'level': 1,
'pagesize': 14
},
});
boxData12.value = mkdata.data;
}
//模块13 只有一个入口
async function getPageData13() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[12].cid,
'level': 1,
'pagesize': 14
},
});
boxData13.value = mkdata.data;
}
//模块14
async function getPageData14() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[13].cid,
'level': 3,
'pagesize': 2
},
});
boxData14.value = mkdata.data;
}
async function getPageData14_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[13].cid,
'level': 1,
'pagesize': 8,
'placeid': 3
},
});
boxData14data2.value = mkdata.data;
}
//获取模块14的子导航
async function getPageData14menu() {
const navData = await requestDataPromise('/web/getWebsiteModelCategory', {
method: 'GET',
query: {
'pid': pageData.value[13].cid,
'placeid': 1,
'num': 8
},
});
boxData14menu.value = navData.data;
//不需要从方法中传递，你现在本身就在promise队列中
if(boxData14menu.value.length!=0){
boxData14mainCid.value = navData.data[0].category_id;
}
}
async function getPageData14mainData() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': boxData14mainCid.value,
'level': 1,
'pagesize': 5
},
});
boxData14mainData.value = mkdata.data;
}
//模块15 只有一个入口
async function getPageData15() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[14].cid,
'level': 3,
'pagesize': 2
},
});
boxData15.value = mkdata.data;
}
async function getPageData15_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[14].cid,
'level': 1,
'pagesize': 8,
'placeid': 3
},
});
boxData15data2.value = mkdata.data;
}
//获取模块14的子导航
async function getPageData15menu() {
const navData = await requestDataPromise('/web/getWebsiteModelCategory', {
method: 'GET',
query: {
'pid': pageData.value[14].cid,
'placeid': 1,
'num': 8
},
});
boxData15menu.value = navData.data;
//不需要从方法中传递，你现在本身就在promise队列中
if(boxData15menu.value.length!=0){
boxData15mainCid.value = navData.data[0].category_id;
}
}
async function getPageData15mainData() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': boxData15mainCid.value,
'level': 1,
'pagesize': 5
},
});
boxData15mainData.value = mkdata.data;
}
//模块16
async function getPageData16() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[15].cid,
'level': 3,
'pagesize': 4
},
});
boxData16.value = mkdata.data;
}
async function getPageData16_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[15].cid,
'level': 1,
'pagesize': 8,
'placeid': 3
},
});
boxData16data2.value = mkdata.data;
}
//获取模块16的子导航
async function getPageData16menu() {
const navData = await requestDataPromise('/web/getWebsiteModelCategory', {
method: 'GET',
query: {
'pid': pageData.value[15].cid,
'placeid': 1,
'num': 8
},
});
boxData16menu.value = navData.data;
//不需要从方法中传递，你现在本身就在promise队列中
boxData16mainCid.value = navData.data[0].category_id;
}
async function getPageData16mainData() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': boxData16mainCid.value,
'level': 1,
'pagesize': 5
},
});
boxData16mainData.value = mkdata.data;
}
//模块17 只有一个入口
async function getPageData17() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[16].cid,
'level': 3,
'pagesize': 4
},
});
boxData17.value = mkdata.data;
}
async function getPageData17_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[16].cid,
'level': 1,
'pagesize': 8,
'placeid': 3
},
});
boxData17data2.value = mkdata.data;
}
//获取模块16的子导航
async function getPageData17menu() {
const navData = await requestDataPromise('/web/getWebsiteModelCategory', {
method: 'GET',
query: {
'pid': pageData.value[16].cid,
'placeid': 1,
'num': 8
},
});
boxData17menu.value = navData.data;
//不需要从方法中传递，你现在本身就在promise队列中
if(boxData17menu.value.length!=0){
boxData17mainCid.value = navData.data[0].category_id;
}
}
async function getPageData17mainData() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': boxData17mainCid.value,
'level': 1,
'pagesize': 5
},
});
boxData17mainData.value = mkdata.data;
}
//模块18
async function getPageData18() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[17].cid,
'level': 3,
'pagesize': 1
},
});
boxData18.value = mkdata.data;
}
async function getPageData18_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[17].cid,
'level': 1,
'pagesize': 3
},
});
boxData18data2.value = mkdata.data;
}
//模块19
async function getPageData19() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[18].cid,
'level': 1,
'pagesize':4
},
});
boxData19.value = mkdata.data;
}
//模块20
async function getPageData20() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[19].cid,
'level': 3,
'pagesize':2
},
});
boxData20.value = mkdata.data;
}
async function getPageData20_data2() {
const mkdata = await requestDataPromise('/web/getWebsiteModelArticles', {
method: 'GET',
query: {
'catid': pageData.value[19].cid,
'level': 1,
'pagesize':3,
'placeid': 2
},
});
boxData20data2.value = mkdata.data;
}
//3.页面基本信息 end---------------------------------------->
//4.设置seo数据 start---------------------------------------->
//获取seo数据
const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
method: 'GET',
query: {},
});
//console.log(setData); 如果请求出错，你可以注释下面这一段，然后看看问题到底是出在哪里了
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---------------------------------------->
</script>
<style lang="less" scoped>
@import url('@/assets/css/index.less');
</style>