|
|
@@ -2,15 +2,43 @@
|
|
|
<div>
|
|
|
<HomePageHead></HomePageHead>
|
|
|
<HomePageNavigation></HomePageNavigation>
|
|
|
- <HomeSecondaryHeading :titleData="pageData" :pinyinid="routeId"></HomeSecondaryHeading>
|
|
|
+ <!-- <HomeSecondaryHeading :titleData="pageData" :pinyinid="routeId"></HomeSecondaryHeading> -->
|
|
|
<!-- 频道页 -->
|
|
|
+ <!-- 农副产品供销网-频道页 -->
|
|
|
<main class="index_main" id="all_vue">
|
|
|
+ <!-- 二级栏目 start -->
|
|
|
+ <nav class="channel_nav clearfix" v-if="pageData">
|
|
|
+ <a class="channel_nav_head_name" href="" title="">
|
|
|
+ {{ title }}
|
|
|
+ </a>
|
|
|
+ <div class="channel_nav_a_box clearfix">
|
|
|
+ <NuxtLink :href="getLinkPath(item)" class="channel_nav_a" :title="item.alias"
|
|
|
+ v-for="(item, index) in pageData" :key="index">
|
|
|
+ <span class="nav2_title">{{ item.alias }}</span>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </nav>
|
|
|
+ <!-- 二级栏目 end -->
|
|
|
<section class="channel_1 clearfix">
|
|
|
<div class="channel_box_1 clearfix">
|
|
|
- <div class="channel_name_ul">
|
|
|
- <div class="channel_name_ul_li" v-for="(per_obj, per_index) in 10" :key="per_obj">
|
|
|
- <a class="channel_name_ul_li_tag" href="" title="">【三农资讯】</a>
|
|
|
- <a class="channel_name_ul_li_dot1 dot1" href="" title="">民工动态民工动态民工动态民工动态民工动态民工动态民工动态</a>
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[0])" v-if="pageData[0]"
|
|
|
+ :title="pageData[0].alias">
|
|
|
+ {{ pageData[0].alias }}
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[0])" v-if="pageData[0]"
|
|
|
+ :title="pageData[0].alias">
|
|
|
+ 栏目简介
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="channel_name_ul" v-if="pageData[0].data2">
|
|
|
+ <div class="channel_name_ul_li" v-for="(item, index) in pageData[0].data2" :key="index">
|
|
|
+ <NuxtLink class="channel_name_ul_li_dot1 dot1" :href="getLinkPathDetail(item)"
|
|
|
+ :title="item.title" :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
+ {{ item.title }}
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -20,246 +48,302 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
- <div class="channel_banner_1"><a class="channel_banner_1_a" href="" title=""><img
|
|
|
- class="channel_banner_1_img" src="@/public/img/3.png" title="" alt=""></a></div>
|
|
|
+ <!-- 广告1 -->
|
|
|
+ <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
|
|
|
<section class="channel_2 clearfix">
|
|
|
<div class="channel_box_3 clearfix">
|
|
|
- <!--open 企业风采-->
|
|
|
+ <!--start 模块2-->
|
|
|
<div class="channel_head_btn_box">
|
|
|
<div class="channel_head_btn channel_head_btn_only">
|
|
|
- <a class="channel_head_a" href="" title="">企业风采</a>
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[1])" v-if="pageData[1]"
|
|
|
+ :title="pageData[1].alias">
|
|
|
+ {{ pageData[1].alias }}
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
- <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[1])" v-if="pageData[1]"
|
|
|
+ :title="pageData[1].alias">
|
|
|
+ 栏目简介
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
- <div class="channel_big_ul clearfix">
|
|
|
- <div class="channel_big_li clearfix" v-for="(per_obj, per_index) in 2" :key="per_obj">
|
|
|
- <div class="channel_big_li_img_box">
|
|
|
- <img class="channel_big_li_img" src="@/public/img/28.png" title="" alt="">
|
|
|
+ <div class="channel_big_ul clearfix" >
|
|
|
+ <div class="channel_big_li clearfix" v-if="pageData[1].data[0]">
|
|
|
+ <div class="channel_big_li_img_box" v-if="pageData[1].data[0]">
|
|
|
+ <NuxtLink :href="getLinkPathDetail(pageData[1].data[0])"
|
|
|
+ :title="pageData[1].data[0].title">
|
|
|
+ <img class="channel_big_li_img" :src="pageData[1].data[0].imgurl"
|
|
|
+ :title="pageData[1].data[0].title" alt="">
|
|
|
+ <span class="channel_big_li_content">{{ pageData[1].data[0].title }}</span>
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
- <div class="channel_big_li_in">
|
|
|
+ <div class="channel_big_li_in" v-if="pageData[1].data2">
|
|
|
<div class="channel_ul_1">
|
|
|
- <a class="channel_ul_1_a dot1" href="" title="" v-for="(per_obj, per_index) in 4"
|
|
|
- :key="per_obj">农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
|
|
|
+ <NuxtLink class="channel_ul_1_a dot1" v-for="(item, index) in pageData[1].data2"
|
|
|
+ :href="getLinkPathDetail(item)" :title="item.title" :key="item.id"
|
|
|
+ :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
+ {{ item.title }}
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="channel_big_li clearfix" v-if="pageData[1].data[1]">
|
|
|
+ <div class="channel_big_li_img_box" v-if="pageData[1].data[1]">
|
|
|
+ <NuxtLink :href="getLinkPathDetail(pageData[1].data[1])"
|
|
|
+ :title="pageData[1].data[1].title">
|
|
|
+ <img class="channel_big_li_img" :src="pageData[1].data[1].imgurl"
|
|
|
+ :title="pageData[1].data[1].title" alt="">
|
|
|
+ <span class="channel_big_li_content">{{ pageData[1].data[1].title }}</span>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="channel_big_li_in" v-if="pageData[1].data3">
|
|
|
+ <div class="channel_ul_1">
|
|
|
+ <NuxtLink class="channel_ul_1_a dot1" v-for="(item, index) in pageData[1].data3"
|
|
|
+ :href="getLinkPathDetail(item)" :title="item.title" :key="item.id"
|
|
|
+ :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
+ {{ item.title }}
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--end 企业风采 -->
|
|
|
- <!--open 国际贸易-->
|
|
|
+ <!--end 模块2 -->
|
|
|
+ <!--start 模块3-->
|
|
|
<div class="channel_head_btn_box channel_head_top">
|
|
|
<div class="channel_head_btn channel_head_btn_only">
|
|
|
- <a class="channel_head_a" href="" title="">
|
|
|
- 国际贸易
|
|
|
- </a>
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[2])" v-if="pageData[2]"
|
|
|
+ :title="pageData[2].alias">
|
|
|
+ {{ pageData[2].alias }}
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
- <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[2])" v-if="pageData[2]"
|
|
|
+ :title="pageData[2].alias">
|
|
|
+ 栏目简介
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
<div class=" clearfix">
|
|
|
<div class="channel_box_5 clearfix">
|
|
|
<div class="channel_img_ul_2">
|
|
|
- <div class="channel_img_ul_2_li">
|
|
|
- <a class="channel_img_ul_2_li_a" href="" title="">
|
|
|
- <img class="channel_img_ul_2_li_img" src="@/public/img/5.png" title="" alt="">
|
|
|
+ <div class="channel_img_ul_2_li" v-if="pageData[2].data[0]">
|
|
|
+ <NuxtLink :href="getLinkPathDetail(pageData[2].data[0])"
|
|
|
+ :title="pageData[2].data[0].title">
|
|
|
+ <img class="channel_img_ul_2_li_img" :src="pageData[2].data[0].imgurl" title=""
|
|
|
+ alt="">
|
|
|
<div class="channel_img_ul_2_li_dot1 dot1">
|
|
|
- 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
|
|
|
+ {{ pageData[2].data[0].title }}
|
|
|
</div>
|
|
|
- </a>
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="channel_box_6 clearfix">
|
|
|
- <div class="channel_ul_2 clearfix">
|
|
|
- <a class="channel_ul_2_a dot1" href="" title="" v-for="(per_obj, per_index) in 6"
|
|
|
- :key="per_obj">
|
|
|
- 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权 </a>
|
|
|
- </div>
|
|
|
+ <div class="channel_box_6 clearfix" v-if="pageData[2].data2"">
|
|
|
+ <div class=" channel_ul_2 clearfix">
|
|
|
+ <NuxtLink class="channel_ul_2_a dot1" v-for="(item, index) in pageData[2].data2"
|
|
|
+ :href="getLinkPathDetail(item)" :title="item.title" :key="item.id"
|
|
|
+ :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
+ {{ item.title }}
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--end 国际贸易 -->
|
|
|
</div>
|
|
|
- <div class="channel_box_4 clearfix">
|
|
|
- <!--open 热点话题 -->
|
|
|
- <div class="channel_head_btn_box">
|
|
|
- <div class="channel_head_btn channel_head_btn_only">
|
|
|
- <a class="channel_head_a" href="" title="">
|
|
|
- 热点话题
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
+ <!--end 模块3 -->
|
|
|
+ </div>
|
|
|
+ <div class="channel_box_4 clearfix">
|
|
|
+ <!--start 模块4 -->
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[3])" v-if="pageData[3]"
|
|
|
+ :title="pageData[3].alias">
|
|
|
+ {{ pageData[3].alias }}
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[3])" v-if="pageData[3]"
|
|
|
+ :title="pageData[3].alias">
|
|
|
+ 栏目简介
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="channel_img_ul_3" v-if="pageData[3].data">
|
|
|
+ <div class="channel_img_ul_3_li clearfix_2" v-for="(item, index) in pageData[3].data" :key="item">
|
|
|
+ <NuxtLink class="channel_img_ul_3_li_a" :href="getLinkPathDetail(item)" :title="item.title"
|
|
|
+ :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
+ <div class="channel_img_ul_3_li_img_box">
|
|
|
+ <img class="channel_img_ul_3_li_img" :src="item.imgurl" title="" alt="">
|
|
|
</div>
|
|
|
- <div class="channel_img_ul_3">
|
|
|
- <div class="channel_img_ul_3_li clearfix_2" v-for="(per_obj, per_index) in 6" :key="per_obj">
|
|
|
- <a class="channel_img_ul_3_li_a" href="" title="">
|
|
|
- <div class="channel_img_ul_3_li_img_box">
|
|
|
- <img class="channel_img_ul_3_li_img" src="@/public/img/29.png" title="" alt="">
|
|
|
- </div>
|
|
|
- <div class="channel_img_ul_3_li_dot3 dot3">
|
|
|
- 国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易国际贸易
|
|
|
- </div>
|
|
|
- <div class="channel_img_ul_3_li_num">{{ per_index + 1 }}</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ <div class="channel_img_ul_3_li_dot3 dot3">
|
|
|
+ {{ item.title }}
|
|
|
</div>
|
|
|
+ <div class="channel_img_ul_3_li_num">{{ index + 1 }}</div>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--end 模块4 -->
|
|
|
+ </section>
|
|
|
+ <!-- 广告2 -->
|
|
|
+ <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
|
|
|
+ <section class="channel_3 clearfix">
|
|
|
+ <div class="channel_box_3 clearfix"v-if="pageData[4]">
|
|
|
+ <!--start 模块5 -->
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[4])" v-if="pageData[4]"
|
|
|
+ :title="pageData[4].alias">
|
|
|
+ {{ pageData[4].alias }}
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
- <!--end 热点话题 -->
|
|
|
- </section>
|
|
|
- <div class="channel_banner_2"><a class="channel_banner_2_a" href="" title=""><img
|
|
|
- class="channel_banner_2_img" src="@/public/img/3.png" title="" alt=""></a></div>
|
|
|
- <section class="channel_3 clearfix">
|
|
|
- <div class="channel_box_3 clearfix">
|
|
|
- <!--open 新人新事 -->
|
|
|
- <div class="channel_head_btn_box">
|
|
|
- <div class="channel_head_btn channel_head_btn_only">
|
|
|
- <a class="channel_head_a" href="" title="">
|
|
|
- 新人新事
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
- </div>
|
|
|
- <div class="channel_img_ul_4 clearfix">
|
|
|
- <div class="channel_img_ul_4_li clearfix" v-for="(per_obj, per_index) in 2" :key="per_obj">
|
|
|
- <a class="channel_img_ul_4_li_a clearfix" href="" title="">
|
|
|
- <div class="channel_img_ul_4_li_img_box">
|
|
|
- <img class="channel_img_ul_4_li_img" src="@/public/img/30.png" title="" alt="">
|
|
|
- </div>
|
|
|
- <div class="channel_img_ul_4_li_dot2 dot2">
|
|
|
- 招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标招商招标 </div>
|
|
|
- </a>
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[4])" v-if="pageData[4]"
|
|
|
+ :title="pageData[4].alias">
|
|
|
+ 栏目简介
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="channel_img_ul_4 clearfix" v-if="pageData[4].data">
|
|
|
+ <div class="channel_img_ul_4_li clearfix" v-for="(item, index) in pageData[4].data" :key="index">
|
|
|
+ <NuxtLink class="channel_img_ul_4_li_a clearfix" :href="getLinkPathDetail(item)" :title="item.title"
|
|
|
+ :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
+ <div class="channel_img_ul_4_li_img_box">
|
|
|
+ <img class="channel_img_ul_4_li_img" :src="item.imgurl" title="" alt="">
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="channel_ul_3 clearfix">
|
|
|
- <div class="channel_ul_3_li clearfix" v-for="(per_obj, per_index) in 3" :key="per_obj">
|
|
|
- <a class="channel_ul_3_li_a" href="" title="">
|
|
|
- <div class="channel_ul_3_li_tag">新人新事</div>
|
|
|
- <div class="channel_ul_3_li_dot1 dot1">
|
|
|
- 新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事新人新事</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--end 新人新事 -->
|
|
|
+ <div class="channel_img_ul_4_li_dot2 dot2">{{ item.title }}</div>
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
- <div class="channel_box_4 clearfix">
|
|
|
- <!--open 专题报道-->
|
|
|
- <div class="channel_head_btn_box">
|
|
|
- <div class="channel_head_btn channel_head_btn_only">
|
|
|
- <a class="channel_head_a" href="" title="">
|
|
|
- 专题报道
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
- </div>
|
|
|
- <div class="channel_img_ul_5">
|
|
|
- <div class="channel_img_ul_5_li">
|
|
|
- <a class="channel_img_ul_5_li_a" href="" title="">
|
|
|
- <img class="channel_img_ul_5_li_img" src="@/public/img/31.png" title="" alt="">
|
|
|
- <div class="channel_img_ul_5_li_dot2 dot2">
|
|
|
- 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--end 专题报道-->
|
|
|
+ </div>
|
|
|
+ <div class="channel_ul_3 clearfix" v-if="pageData[4].data2">
|
|
|
+ <div class="channel_ul_3_li clearfix" v-for="(item, index) in pageData[4].data2" :key="index">
|
|
|
+ <NuxtLink class="channel_ul_3_li_a" :href="getLinkPathDetail(item)" :title="item.title"
|
|
|
+ :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
+ <div class="channel_ul_3_li_tag">{{ pageData[4].alias }}</div>
|
|
|
+ <div class="channel_ul_3_li_dot1 dot1"> {{ item.title }}</div>
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- <section class="channel_4 clearfix">
|
|
|
- <div class="channel_box_3 clearfix">
|
|
|
- <div class="channel_head_btn_box">
|
|
|
- <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_1_num == 1 }"
|
|
|
- @mouseover="channel_choice_1_num = 1">
|
|
|
- <a class="channel_head_a" href="" title="">农产动态</a>
|
|
|
- </div>
|
|
|
- <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_1_num == 2 }"
|
|
|
- @mouseover="channel_choice_1_num = 2">
|
|
|
- <a class="channel_head_a" href="" title=""> 品牌快讯 </a>
|
|
|
- </div>
|
|
|
- <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
- </div>
|
|
|
- <div class=" clearfix">
|
|
|
- <!--open 农产动态-->
|
|
|
- <div class=" clearfix" v-show="channel_choice_1_num == 1">
|
|
|
- <div class="channel_box_5 clearfix">
|
|
|
- <div class="channel_img_ul_6">
|
|
|
- <div class="channel_img_ul_6_li"><a class="channel_img_ul_6_li_a" href=""
|
|
|
- title=""><img class="channel_img_ul_6_li_img" src="@/public/img/31.png"
|
|
|
- title="" alt="">
|
|
|
- <div class="channel_img_ul_6_li_dot2 dot2">
|
|
|
- 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
|
|
|
- </div>
|
|
|
- </a></div>
|
|
|
- </div>
|
|
|
- <div class="channel_img_ul_even_1 clearfix">
|
|
|
- <div class="channel_img_ul_even_1_li" v-for="(per_obj, per_index) in 2"
|
|
|
- :key="per_obj">
|
|
|
- <a class="channel_img_ul_even_1_li_a" href="" title="">
|
|
|
- <img class="channel_img_ul_even_1_li_img" src="@/public/img/32.png"
|
|
|
- title="" alt="">
|
|
|
- <div class="channel_img_ul_even_1_li_dot2 dot2">
|
|
|
- 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
|
|
|
- </div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
+ <!--end 模块5 -->
|
|
|
+ </div>
|
|
|
+ <div class="channel_box_4 clearfix" v-if="pageData[5]">
|
|
|
+ <!--start 模块6-->
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn channel_head_btn_only">
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[5])" v-if="pageData[5]"
|
|
|
+ :title="pageData[5].alias">
|
|
|
+ {{ pageData[5].alias }}
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[5])" v-if="pageData[5]"
|
|
|
+ :title="pageData[5].alias">
|
|
|
+ 栏目简介
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class="channel_img_ul_5">
|
|
|
+ <div class="channel_img_ul_5_li" v-if="pageData[5].data[0]">
|
|
|
+ <NuxtLink class="channel_img_ul_5_li_a" :href="getLinkPathDetail(pageData[5].data[0])"
|
|
|
+ :title="pageData[5].data[0].title"
|
|
|
+ :target="pageData[5].data[0].islink == 1 ? '_blank' : '_self'">
|
|
|
+ <img class="channel_img_ul_5_li_img" :src="pageData[5].data[0].imgurl" title="" alt="">
|
|
|
+ <div class="channel_img_ul_5_li_dot2 dot2"> {{ pageData[5].data[0].title }}</div>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--end 模块6-->
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <section class="channel_4 clearfix">
|
|
|
+ <div class="channel_box_3 clearfix" v-if="pageData[6]">
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn">
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[6])" v-if="pageData[6]"
|
|
|
+ :title="pageData[6].alias">
|
|
|
+ {{ pageData[6].alias }}
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[6])" v-if="pageData[6]"
|
|
|
+ :title="pageData[6].alias">
|
|
|
+ 栏目简介
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class=" clearfix">
|
|
|
+ <!--start 模块7-->
|
|
|
+ <div class=" clearfix">
|
|
|
+ <div class="channel_box_5 clearfix">
|
|
|
+ <div class="channel_img_ul_6" v-if="pageData[6].data[0]">
|
|
|
+ <div class="channel_img_ul_6_li">
|
|
|
+ <NuxtLink class="channel_img_ul_6_li_a" :href="getLinkPathDetail(pageData[6].data[0])"
|
|
|
+ :title="pageData[6].data[0].title"
|
|
|
+ :target="pageData[6].data[0].islink == 1 ? '_blank' : '_self'">
|
|
|
+ <img class="channel_img_ul_6_li_img" :src="pageData[6].data[0].imgurl" title=""
|
|
|
+ alt="">
|
|
|
+ <div class="channel_img_ul_6_li_dot2 dot2">
|
|
|
+ {{ pageData[6].data[0].title }}
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
- <div class="channel_box_6 clearfix">
|
|
|
- <div class="channel_ul_4 clearfix">
|
|
|
- <a class="channel_ul_4_a dot1" href="" title="" v-for="(per_obj, per_index) in 10"
|
|
|
- :key="per_obj">
|
|
|
- 1农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权 </a>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="channel_img_ul_even_1 clearfix" v-if="pageData[6].data2">
|
|
|
+ <div class="channel_img_ul_even_1_li" v-for="(item, index) in pageData[6].data2"
|
|
|
+ :key="index">
|
|
|
+ <NuxtLink class="channel_img_ul_even_1_li_a" :href="getLinkPathDetail(item)"
|
|
|
+ :title="item.title" :key="item.id" :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
+ <img class="channel_img_ul_even_1_li_img" :src="item.imgurl" title="" alt="">
|
|
|
+ <div class="channel_img_ul_even_1_li_dot2 dot2">
|
|
|
+ {{ item.title }}
|
|
|
+ </div>
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--end 农产动态-->
|
|
|
- <!--open 品牌快讯-->
|
|
|
- <div class=" clearfix" v-show="channel_choice_1_num == 2"> 品牌快讯</div>
|
|
|
- <!--end 品牌快讯-->
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="channel_box_4 clearfix">
|
|
|
- <div class="channel_head_btn_box">
|
|
|
- <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_2_num == 1 }"
|
|
|
- @mouseover="channel_choice_2_num = 1">
|
|
|
- <a class="channel_head_a" href="" title=""> 市场预测 </a>
|
|
|
+ <div class="channel_box_6 clearfix">
|
|
|
+ <div class="channel_ul_4 clearfix" v-if="pageData[6].data3">
|
|
|
+ <NuxtLink class="channel_ul_4_a dot1" :href="getLinkPathDetail(item)"
|
|
|
+ v-for="(item, index) in pageData[6].data3" :key="index"
|
|
|
+ :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
+ {{ item.title }}
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
- <div class="channel_head_btn" :class="{ channel_head_btn_only: channel_choice_2_num == 2 }"
|
|
|
- @mouseover="channel_choice_2_num = 2">
|
|
|
- <a class="channel_head_a" href="" title="">价格行情</a>
|
|
|
- </div>
|
|
|
- <a class="channel_head_btn_right_a" href="" title="">栏目简介</a>
|
|
|
</div>
|
|
|
- <div class=" clearfix">
|
|
|
- <!--open 市场预测 -->
|
|
|
- <div class=" clearfix" v-show="channel_choice_2_num == 1">
|
|
|
- <div class="channel_img_ul_7 clearfix">
|
|
|
- <div class="channel_img_ul_7_li">
|
|
|
- <a class="channel_img_ul_7_li_a" href="" title="">
|
|
|
- <img class="channel_img_ul_7_li_img" src="@/public/img/33.png" title="" alt="">
|
|
|
- <div class="channel_img_ul_7_li_foot">
|
|
|
- <div class="channel_img_ul_7_li_tag">热 门</div>
|
|
|
- <div class="channel_img_ul_7_li_dot1 dot1">
|
|
|
- 热门热门热门热门热门热门热门热门热门热门热门热门热门</div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="channel_box_4 clearfix" v-if="pageData[7]">
|
|
|
+ <div class="channel_head_btn_box">
|
|
|
+ <div class="channel_head_btn">
|
|
|
+ <NuxtLink class="channel_head_a" :href="getLinkPath(pageData[7])" v-if="pageData[7]"
|
|
|
+ :title="pageData[7].alias">
|
|
|
+ {{ pageData[7].alias }}
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <NuxtLink class="channel_head_btn_right_a" :href="getLinkPath(pageData[7])" v-if="pageData[7]"
|
|
|
+ :title="pageData[7].alias">
|
|
|
+ 栏目简介
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ <div class=" clearfix">
|
|
|
+ <!--start 模块8 -->
|
|
|
+ <div class=" clearfix" v-show="channel_choice_2_num == 1">
|
|
|
+ <div class="channel_img_ul_7 clearfix">
|
|
|
+ <div class="channel_img_ul_7_li" v-if="pageData[7].data[0]">
|
|
|
+ <NuxtLink class="channel_img_ul_7_li_a" :href="getLinkPathDetail(pageData[7].data[0])"
|
|
|
+ :title="pageData[7].data[0].title"
|
|
|
+ :target="pageData[7].data[0].islink == 1 ? '_blank' : '_self'">
|
|
|
+ <img class="channel_img_ul_7_li_img" :src="pageData[7].data[0].imgurl" title="" alt="">
|
|
|
+ <div class="channel_img_ul_7_li_foot">
|
|
|
+ <div class="channel_img_ul_7_li_tag">热 门</div>
|
|
|
+ <div class="channel_img_ul_7_li_dot1 dot1">{{ pageData[7].data[0].title }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="channel_ul_5 clearfix">
|
|
|
- <a class="channel_ul_5_a dot1" href="" title="" v-for="(per_obj, per_index) in 6"
|
|
|
- :key="per_obj">
|
|
|
- 农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
- <!--end 市场预测 -->
|
|
|
- <!--open 价格行情 -->
|
|
|
- <div class=" clearfix" v-show="channel_choice_2_num == 2">
|
|
|
- 价格行情
|
|
|
- </div>
|
|
|
- <!--end 价格行情 -->
|
|
|
+ </div>
|
|
|
+ <div class="channel_ul_5 clearfix" v-if="pageData[7].data2">
|
|
|
+ <NuxtLink class="channel_ul_5_a dot1" :href="getLinkPathDetail(item)"
|
|
|
+ v-for="(item, index) in pageData[7].data2" :key="index"
|
|
|
+ :target="item.islink == 1 ? '_blank' : '_self'">
|
|
|
+ {{ item.title }}
|
|
|
+ </NuxtLink>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- </main>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ </main>
|
|
|
|
|
|
- <!-- 页脚部分 -->
|
|
|
- <HomeFoot1></HomeFoot1>
|
|
|
+ <!-- 页脚部分 -->
|
|
|
+ <HomeFoot1></HomeFoot1>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -267,6 +351,8 @@
|
|
|
//0.加载页面依赖 start ---------------------------------------->
|
|
|
import { ref, onMounted } from 'vue';
|
|
|
import { ElMessage } from 'element-plus';
|
|
|
+const channel_choice_1_num = ref(1)
|
|
|
+const channel_choice_2_num = ref(1)
|
|
|
//0.加载页面依赖 end ---------------------------------------->
|
|
|
|
|
|
//1.获得路由id start ---------------------------------------->
|
|
|
@@ -287,13 +373,29 @@ if (getRouteId.code == 200) {
|
|
|
}
|
|
|
//1.获得路由id end ---------------------------------------->
|
|
|
|
|
|
-//2.选项卡 start ---------------------------------------->
|
|
|
-let showTabs = ref(1)
|
|
|
-let qhtabs = function (number) {
|
|
|
- console.log(number)
|
|
|
- showTabs.value = number
|
|
|
+//2.页面交互效果 start ---------------------------------------->
|
|
|
+// 2.1 一级栏目
|
|
|
+const title = ref("")
|
|
|
+const tabsData = ref(1)
|
|
|
+
|
|
|
+async function getPageDataTitle() {
|
|
|
+ const mkdata = await requestDataPromise('/web/getOneWebsiteCategory', {
|
|
|
+ method: 'GET',
|
|
|
+ query: {
|
|
|
+ 'catid': routeId,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ if (mkdata.code == 200) {
|
|
|
+ title.value = mkdata.data.alias;
|
|
|
+ } else {
|
|
|
+ console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
+ console.log("错误位置：获取二级标题")
|
|
|
+ console.log("后端错误反馈：", mkdata.message)
|
|
|
+ console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
+ }
|
|
|
}
|
|
|
-//2.选项卡 end ---------------------------------------->
|
|
|
+getPageDataTitle();
|
|
|
+//2.页面交互效果 end ---------------------------------------->
|
|
|
|
|
|
//3.广告 start ---------------------------------------->
|
|
|
let adImg1 = ref({})
|
|
|
@@ -304,7 +406,7 @@ onMounted(async () => {
|
|
|
//从客户端获取行政职能部门 加快打开速度
|
|
|
const { $webUrl, $CwebUrl } = useNuxtApp();
|
|
|
//广告1
|
|
|
- let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_category_0001`
|
|
|
+ let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nfcpgxw_category_0001`
|
|
|
const responseAd1 = await fetch(url, {
|
|
|
headers: {
|
|
|
'Content-Type': 'application/json',
|
|
|
@@ -316,7 +418,7 @@ onMounted(async () => {
|
|
|
adImg1.value = resultAd1.data[0];
|
|
|
|
|
|
//广告2
|
|
|
- let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_category_0002`
|
|
|
+ let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nfcpgxw_category_0002`
|
|
|
const responseAd2 = await fetch(url2, {
|
|
|
headers: {
|
|
|
'Content-Type': 'application/json',
|
|
|
@@ -328,7 +430,7 @@ onMounted(async () => {
|
|
|
adImg2.value = resultAd2.data[0];
|
|
|
|
|
|
//广告3
|
|
|
- let url3 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_category_0003`
|
|
|
+ let url3 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nfcpgxw_category_0003`
|
|
|
const responseAd3 = await fetch(url3, {
|
|
|
headers: {
|
|
|
'Content-Type': 'application/json',
|
|
|
@@ -340,7 +442,7 @@ onMounted(async () => {
|
|
|
adImg3.value = resultAd3.data[0];
|
|
|
|
|
|
//广告4
|
|
|
- let url4 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_category_0004`
|
|
|
+ let url4 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nfcpgxw_category_0004`
|
|
|
const responseAd4 = await fetch(url4, {
|
|
|
headers: {
|
|
|
'Content-Type': 'application/json',
|
|
|
@@ -418,15 +520,34 @@ try {
|
|
|
}
|
|
|
//导航池加载完毕，开始申请模块数据
|
|
|
let getJson = [
|
|
|
- { "parent": routeId + ",0,0", "child": pageData.value[0].cid + ",5,10" },//模块1 顶部没有标题的那个
|
|
|
- { "parent": routeId + ",0,0", "child": pageData.value[1].cid + ",1,6" },//模块2
|
|
|
- { "parent": routeId + ",0,0", "child": pageData.value[2].cid + ",1,6" },//模块3
|
|
|
- { "parent": routeId + ",0,0", "child": pageData.value[3].cid + ",1,6" },//模块4
|
|
|
- { "parent": routeId + ",0,0", "child": pageData.value[4].cid + ",3,10" },//模块5
|
|
|
- { "parent": routeId + ",0,0", "child": pageData.value[5].cid + ",2,6" },//模块6
|
|
|
- { "parent": routeId + ",0,0", "child": pageData.value[6].cid + ",0,6" },//模块7
|
|
|
- { "parent": routeId + ",0,0", "child": pageData.value[7].cid + ",1,0" },//模块8
|
|
|
+ // { "parent": routeId + ",0,0", "child": pageData.value[0].cid + ",4,8" },//模块1
|
|
|
+ // { "parent": routeId + ",0,0", "child": pageData.value[1].cid + ",2,8" },//模块2
|
|
|
+ // { "parent": routeId + ",0,0", "child": pageData.value[2].cid + ",1,6" },//模块3
|
|
|
+ // { "parent": routeId + ",0,0", "child": pageData.value[3].cid + ",6,0" },//模块4
|
|
|
+ // { "parent": routeId + ",0,0", "child": pageData.value[4].cid + ",2,3" },//模块5
|
|
|
+ // { "parent": routeId + ",0,0", "child": pageData.value[5].cid + ",1,0" },//模块6
|
|
|
+ // { "parent": routeId + ",0,0", "child": pageData.value[6].cid + ",3,10" },//模块7
|
|
|
+ // { "parent": routeId + ",0,0", "child": pageData.value[7].cid + ",1,6" },//模块8
|
|
|
]
|
|
|
+ for (let i = 0; i < pageData.value.length; i++) {
|
|
|
+ if (i == 0) {
|
|
|
+ getJson.push({ "parent": routeId + ",0,0", "child": pageData.value[i].cid + ",4,8" });
|
|
|
+ } else if (i == 1) {
|
|
|
+ getJson.push({ "parent": routeId + ",0,0", "child": pageData.value[i].cid + ",2,8" });
|
|
|
+ } else if (i == 2) {
|
|
|
+ getJson.push({ "parent": routeId + ",0,0", "child": pageData.value[i].cid + ",1,6" });
|
|
|
+ } else if (i == 3) {
|
|
|
+ getJson.push({ "parent": routeId + ",0,0", "child": pageData.value[i].cid + ",6,0" });
|
|
|
+ } else if (i == 4) {
|
|
|
+ getJson.push({ "parent": routeId + ",0,0", "child": pageData.value[i].cid + ",2,3" });
|
|
|
+ } else if (i == 5) {
|
|
|
+ getJson.push({ "parent": routeId + ",0,0", "child": pageData.value[i].cid + ",1,0" });
|
|
|
+ } else if (i == 6) {
|
|
|
+ getJson.push({ "parent": routeId + ",0,0", "child": pageData.value[i].cid + ",3,10" });
|
|
|
+ } else if (i == 7) {
|
|
|
+ getJson.push({ "parent": routeId + ",0,0", "child": pageData.value[i].cid + ",1,6" });
|
|
|
+ }
|
|
|
+ }
|
|
|
let jsonString = JSON.stringify(getJson);
|
|
|
getPageAllData(jsonString);
|
|
|
|
|
|
@@ -446,35 +567,43 @@ async function getPageAllData(jsonString) {
|
|
|
},
|
|
|
});
|
|
|
|
|
|
+ console.log("频道页渲染的模块数据：", mkdata);
|
|
|
+
|
|
|
if (mkdata.code == 200) {
|
|
|
//模块1 顶部大图和列表
|
|
|
pageData.value[0].data = mkdata.data[0].child.imgnum;
|
|
|
pageData.value[0].data2 = mkdata.data[0].child.textnum;
|
|
|
//模块2
|
|
|
pageData.value[1].data = mkdata.data[1].child.imgnum;
|
|
|
- pageData.value[1].data2 = mkdata.data[1].child.textnum;
|
|
|
+ for (let index in mkdata.data[1].child.textnum) {
|
|
|
+ if (index < 4) {
|
|
|
+ pageData.value[1].data2.push(mkdata.data[1].child.textnum[index]);
|
|
|
+ } else {
|
|
|
+ pageData.value[1].data3.push(mkdata.data[1].child.textnum[index]);
|
|
|
+ }
|
|
|
+ }
|
|
|
//模块3
|
|
|
pageData.value[2].data = mkdata.data[2].child.imgnum;
|
|
|
pageData.value[2].data2 = mkdata.data[2].child.textnum;
|
|
|
//模块4
|
|
|
pageData.value[3].data = mkdata.data[3].child.imgnum;
|
|
|
- pageData.value[3].data2 = mkdata.data[3].child.textnum;
|
|
|
//模块5
|
|
|
- for(let index in mkdata.data[4].child.imgnum){
|
|
|
- if(index<1){
|
|
|
- pageData.value[4].data.push(mkdata.data[4].child.imgnum[index]);
|
|
|
- }else{
|
|
|
- pageData.value[4].data2.push(mkdata.data[4].child.imgnum[index]);
|
|
|
- }
|
|
|
- }
|
|
|
- pageData.value[4].data3 = mkdata.data[4].child.textnum;
|
|
|
+ pageData.value[4].data = mkdata.data[4].child.imgnum;
|
|
|
+ pageData.value[4].data2 = mkdata.data[4].child.textnum;
|
|
|
//模块6
|
|
|
pageData.value[5].data = mkdata.data[5].child.imgnum;
|
|
|
- pageData.value[5].data2 = mkdata.data[5].child.textnum;
|
|
|
//模块7
|
|
|
- pageData.value[6].data = mkdata.data[6].child.textnum;
|
|
|
+ for (let index in mkdata.data[6].child.imgnum) {
|
|
|
+ if (index < 1) {
|
|
|
+ pageData.value[6].data.push(mkdata.data[6].child.imgnum[index]);
|
|
|
+ } else {
|
|
|
+ pageData.value[6].data2.push(mkdata.data[6].child.imgnum[index]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ pageData.value[6].data3 = mkdata.data[6].child.textnum;
|
|
|
//模块8
|
|
|
pageData.value[7].data = mkdata.data[7].child.imgnum;
|
|
|
+ pageData.value[7].data2 = mkdata.data[7].child.textnum;
|
|
|
|
|
|
} else {
|
|
|
ElMessage.error(mkdata.message)
|
|
|
@@ -505,7 +634,7 @@ if (setData.code == 200) {
|
|
|
]
|
|
|
});
|
|
|
} else {
|
|
|
- console.log("设置频道页SEO出错！",setData.message)
|
|
|
+ console.log("设置频道页SEO出错！", setData.message)
|
|
|
}
|
|
|
//5.设置seo信息 end---------------------------------------->
|
|
|
</script>
|
Jing