nongzigongxiaowang/pages/index.vue

<template>
    <div>
        <HomePageHead></HomePageHead>
        <HomePageNavigation></HomePageNavigation>
        <!-- 农资供销 nzgx -->
        <main class="index_main">
            <div class="index_head_out clearfix">
                <h3 class="index_head_h3" v-if="headline">
                    <NuxtLink class="index_head_h3_a dot1" :href="getLinkPathDetail(headline)" :title="headline.title"
                        :target="headline.islink == 1 ? '_blank' : '_self'">
                        <div class="index_head_h3_tag">头条</div>
                        {{ headline.title }}
                    </NuxtLink>
                </h3>
                <div class="index_head_a_box clearfix" v-if="headlineData2">
                    <NuxtLink :href="getLinkPathDetail(item)" class="index_head_a dot1" :title="item.title"
                        v-for="item in headlineData2" :target="headline.islink == 1 ? '_blank' : '_self'">
                        {{ item.title }}
                    </NuxtLink>
                </div>
            </div>
            <section class="index_1 clearfix">
                <div class="index_1_box">
                    <div class="roll_1_box">
                        <HomeBigSwiper></HomeBigSwiper>
                    </div>
                </div>
                <div class="index_2_box">
                    <div class="index_1_ul clearfix">
                        <NuxtLink :href="getLinkPathDetail(item)" class="index_1_ul_a dot1" :title="item.title"
                            v-for="item in hotNewsList" :target="headline.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
            </section>
            <section class="index_2 clearfix">
                <div class="index_head_box clearfix">
                    <div class="index_head_box_left">
                        <div class="index_head_left_a_btn ">
                            <a class="index_head_left_a index_head_left_a_only" href="" title="">企业推荐</a>
                        </div>
                    </div>
                    <div class="index_head_box_right">
                        <a class="index_head_box_right_1_a" href="" title=""> 更多 &gt; </a>
                    </div>
                </div>
                <!--企业推荐open-->
                <div class="index_2_color_box clearfix">
                    <div class="index_ul_2 clearfix">
                        <div class="index_ul_2_li">
                            <div class="index_ul_2_li_num">1</div> <a class="index_ul_2_li_a dot2" href=""
                                title="">欣欣商贸贸公司</a>
                        </div>
                        <div class="index_ul_2_li">
                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
                                title="">欣欣商贸公贸公贸公司</a>
                        </div>
                        <div class="index_ul_2_li">
                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
                                title="">欣欣商贸公贸贸公司</a>
                        </div>
                        <div class="index_ul_2_li">
                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
                                title="">1欣欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸贸公司</a>
                        </div>
                        <div class="index_ul_2_li">
                            <div class="index_ul_2_li_num">12</div> <a class="index_ul_2_li_a dot2" href=""
                                title="">欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司</a>
                        </div>
                        <div class="index_ul_2_li">
                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
                                title="">欣欣商贸公贸公贸公司</a>
                        </div>
                        <div class="index_ul_2_li">
                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
                                title="">欣欣贸公司</a>
                        </div>
                        <div class="index_ul_2_li">
                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
                                title="">欣欣商贸公贸公贸公司</a>
                        </div>
                        <div class="index_ul_2_li">
                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
                                title="">欣欣贸公司</a>
                        </div>
                        <div class="index_ul_2_li">
                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
                                title="">欣欣商贸公贸公贸公司</a>
                        </div>
                    </div>
                    <div class="index_2_foot clearfix">
                        <a class="index_2_foot_a_btn" href="" title="">开通企业网站</a>
                        <a class="index_2_foot_a_btn" href="" title="">管理企业网站</a>
                    </div>
                </div>
                <!--企业推荐end-->
            </section>
            <!-- 广告1 -->
            <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
            <section class="index_3 clearfix">
                <div class="index_3_head_box clearfix">
                    <span class="index_3_head_btn_a back100 index_3_head_btn_a_only" title="">产品分类</span>
                    <div class="index_head_btn_right_box_2">
                        <span class="index_head_btn_right_a_2" @click="goAddShop">发布信息</span>
                    </div>
                </div>

                <div class=" clearfix">
                    <div class=" clearfix">
                        <!--产品分类open-->
                        <div class="index_big_ul clearfix">
                            <div class="index_big_li clearfix" v-for="(item, index) in navigation" :key="index">
                                <a class="index_big_li_head_a" :href="getLinkPath(item)" :title="item.alias">{{
                                    item.alias }}</a>
                                <div class="index_ul_3_in clearfix">
                                    <a class="index_ul_3_a"
                                        :href="`/${item.aLIas_pinyin}/${item1.aLIas_pinyin}/list-1.html`"
                                        :title="item1.alias" v-for="(item1, index1) in item.children.slice(0, 7)"
                                        :key="index1">
                                        <span>{{ item1.alias }}</span>
                                    </a>
                                    <a class="index_ul_3_a" :href="getLinkPath(item)" :title="item.alias"
                                        v-if="item.children.length > 7">
                                        <span>更多></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!--产品分类end-->
                    </div>
                </div>
            </section>
            <section class="index_4 clearfix">
                <div class="index_1_box clearfix">
                    <div class="index_head_box clearfix">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink
                                    :class="['index_head_left_a', hoverStatus == 1 ? 'index_head_left_a_only' : '']"
                                    v-if="pageData[0]" @mouseenter="qhPic(1)" :href="getLinkPath(pageData[0])"
                                    :title="pageData[0].alias">
                                    {{ pageData[0].alias }}
                                </NuxtLink>
                            </div>
                            <!-- 书刊信息 -->
                            <!-- <div class="index_head_left_a_btn">
                                <NuxtLink
                                    :class="['index_head_left_a', hoverStatus == 2 ? 'index_head_left_a_only' : '']"
                                    v-if="pageData[1]"
                                    @mouseenter="qhPic(2)"
                                    :href="getLinkPath(pageData[1])"
                                    :title="pageData[1].alias"
                                    >
                                    {{pageData[1].alias}}
                                </NuxtLink>
                            </div> -->
                        </div>
                        <div class="index_head_box_right">
                            <NuxtLink class="index_head_box_right_1_a" v-if="pageData[0]"
                                :href="getLinkPath(pageData[0])" :title="pageData[0].alias">
                                更多 &gt;
                            </NuxtLink>
                        </div>
                    </div>
                    <!--tabs1-->
                    <div class="index_3_box_box clearfix" v-if="hoverStatus == 1">
                        <div class="index_3_box clearfix" v-if="boxData1.length > 0">
                            <div class="index_ul_4_out clearfix">
                                <div class="index_ul_4_img_box clearfix">
                                    <NuxtLink v-for="(item, index) in boxData1" :key="index"
                                        :href="getLinkPathDetail(item)" :title="item.name"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_ul_4_img" :src="item.imgurl" :alt="item.name">
                                    </NuxtLink>
                                </div>
                                <div class="index_ul_4">
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData1[0])"
                                        v-if="boxData1[0]" :title="boxData1[0].name"
                                        :target="boxData1[0].islink == 1 ? '_blank' : '_self'">
                                        {{ boxData1[0].name }}
                                    </NuxtLink>
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
                                        v-for="item in boxData1data3" :title="item.name"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.name }}
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_ul_5 clearfix">
                                <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
                                    v-for="item in boxData1data4" :title="item.name"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.name }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_4_box clearfix" v-if="boxData1data2.length > 0">
                            <div class="index_ul_4_out clearfix">
                                <div class="index_ul_4_img_box clearfix">
                                    <NuxtLink v-for="item in boxData1data2" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_ul_4_img" :src="item.imgurl" :alt="item.name">
                                    </NuxtLink>
                                </div>
                                <div class="index_ul_4">
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData1data2[0])"
                                        v-if="boxData1data2[0]" :title="boxData1data2[0].name"
                                        :target="boxData1data2[0].islink == 1 ? '_blank' : '_self'">
                                        {{ boxData1data2[0].name }}
                                    </NuxtLink>
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
                                        v-for="item in boxData1data5" :title="item.name"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.name }}
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_ul_5 clearfix">
                                <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
                                    v-for="item in boxData1data6" :title="item.name"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.name }}
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                    <!--tabs2-->
                    <div class="clearfix" v-if="hoverStatus == 2">
                        <div class="index_3_box clearfix">
                            <div class="index_ul_4_out clearfix">
                                <div class="index_ul_4_img_box clearfix">
                                    <NuxtLink v-for="item in boxData2" :href="getLinkPathDetail(item)"
                                        :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_ul_4_img" :src="item.imgurl" alt="item.title">
                                    </NuxtLink>
                                </div>
                                <div class="index_ul_4">
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData2[0])"
                                        v-if="boxData2[0]" :title="boxData2[0].title"
                                        :target="boxData2[0].islink == 1 ? '_blank' : '_self'">
                                        {{ boxData2[0].title }}
                                    </NuxtLink>
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
                                        v-for="item in boxData2data3" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_ul_5 clearfix">
                                <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
                                    v-for="item in boxData2data4" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_4_box clearfix">
                            <div class="index_ul_4_out clearfix">
                                <div class="index_ul_4_img_box clearfix">
                                    <NuxtLink v-for="item in boxData2data2" :href="getLinkPathDetail(item)"
                                        :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_ul_4_img" :src="item.imgurl" alt="item.title">
                                    </NuxtLink>
                                </div>
                                <div class="index_ul_4">
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData2data2[0])"
                                        v-if="boxData2data2[0]" :title="boxData2data2[0].title"
                                        :target="boxData2data2[0].islink == 1 ? '_blank' : '_self'">
                                        {{ boxData2data2[0].title }}
                                    </NuxtLink>
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
                                        v-for="item in boxData2data5" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_ul_5 clearfix">
                                <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
                                    v-for="item in boxData2data6" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="index_2_box clearfix">
                    <div class="index_head_box clearfix">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[2]"
                                    :href="getLinkPath(pageData[2])" :title="pageData[2].alias">
                                    {{ pageData[2].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right_3">
                            <NuxtLink class="index_head_box_right_3_a" v-for="item in boxData3menu"
                                :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }" :title="item.alias">
                                {{ item.alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <!--综合资讯open-->
                    <div class="index_ul_6 clearfix">
                        <NuxtLink class="index_ul_6_a dot1" :href="getLinkPathDetail(item)" v-for="item in boxData3"
                            :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                    <!--综合资讯end-->
                </div>
            </section>
            <section class="index_5 clearfix">
                <div class="index_1_box clearfix">
                    <!-- 供求信息 商品类型 start---------------------->
                    <div class="index_head_box clearfix">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[3]"
                                    :href="getLinkPath(pageData[3])" :title="pageData[3].alias">
                                    {{ pageData[3].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right_3">
                            <NuxtLink class="index_head_box_right_3_a" v-for="item in boxData4menu"
                                :to="{ path: `/gongqiuxinxi/${item.aLIas_pinyin}/index.html` }" :title="item.alias">
                                {{ item.alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class=" clearfix">
                        <div class="index_3_box clearfix">
                            <div class="index_img_ul_1_ul">
                                <div class="index_img_ul_1_li">
                                    <NuxtLink class="index_img_ul_1_li_a" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'"
                                        v-for="item in boxData4">
                                        <img class="index_img_ul_1_li_img" :src="item.imgurl" :alt="item.name">
                                        <div class="index_img_ul_1_li_dot1 dot1">
                                            {{ item.name }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                        <div class="index_4_box clearfix">
                            <div class="index_name_ul">
                                <div class="index_name_ul_li" v-for="item in boxData4data2">
                                    <NuxtLink class="index_name_ul_li_tag" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        供应
                                    </NuxtLink>
                                    <NuxtLink class="index_name_ul_li_dot1 dot1" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.name }}
                                    </NuxtLink>
                                </div>
                                <div class="index_name_ul_li" v-for="item in boxData4data3">
                                    <NuxtLink class="index_name_ul_li_tag" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        【供应】
                                    </NuxtLink>
                                    <NuxtLink class="index_name_ul_li_dot1 dot1" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.name }}
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_name_ul_2">
                                <div class="index_name_ul_2_li" v-for="item in boxData4data4">
                                    <NuxtLink class="index_name_ul_2_li_tag" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        求购
                                    </NuxtLink>
                                    <NuxtLink class="index_name_ul_2_li_dot1 dot1 dot1" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.name }}
                                    </NuxtLink>
                                </div>
                                <div class="index_name_ul_2_li" v-for="item in boxData4data5" :key="per_obj">
                                    <NuxtLink class="index_name_ul_2_li_tag" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        【求购】
                                    </NuxtLink>
                                    <NuxtLink class="index_name_ul_2_li_dot1 dot1 dot1" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.name }}
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 供求信息 商品类型 end---------------------->
                </div>
                <div class="index_2_box clearfix">
                    <div class="index_head_box clearfix">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[4]"
                                    :href="getLinkPath(pageData[4])" :title="pageData[4].alias">
                                    {{ pageData[4].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right">
                            <NuxtLink class="index_head_box_right_1_a" v-if="pageData[4]"
                                :href="getLinkPath(pageData[4])" :title="pageData[4].alias">
                                更多 &gt;
                            </NuxtLink>
                        </div>
                    </div>
                    <div class=" clearfix">
                        <!--三农专题open-->
                        <div class="index_5_box clearfix">
                            <div class="index_img_ul_2">
                                <div class="index_img_ul_2_li" v-for="item in boxData5" :key="per_obj">
                                    <NuxtLink class="index_img_ul_2_li" :href="getLinkPathDetail(item)"
                                        :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
                                        <div class="index_img_ul_2_li_dot1 dot1">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                        <div class="index_6_box clearfix">
                            <div class="index_ul_8 clearfix">
                                <div class="index_ul_8_li_box" v-for="item in boxData5data2" :key="per_obj">
                                    <div class="index_ul_8_li">
                                        <NuxtLink class="index_ul_8_a dot2" :href="getLinkPathDetail(item)"
                                            :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                            {{ item.title }}
                                        </NuxtLink>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--三农专题end-->
                    </div>
                </div>
            </section>
            <!-- 广告2 -->
            <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
            <section class="index_6 clearfix">
                <div class="index_1_box clearfix">
                    <div class="index_head_box clearfix">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[5]"
                                    :href="getLinkPath(pageData[5])" :title="pageData[5].alias">
                                    {{ pageData[5].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right_4">
                            <NuxtLink class="index_head_box_right_4_a" v-for="item in boxData6menu"
                                :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }" :title="item.alias">
                                {{ item.alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <!--政策法规open-->
                    <div class=" clearfix">
                        <div class="index_3_box clearfix">
                            <div class="index_img_ul_3">
                                <div class="index_img_ul_3_li">
                                    <NuxtLink class="index_img_ul_3_li_a" :href="getLinkPathDetail(item)"
                                        :title="item.title" v-for="item in boxData6"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_img_ul_3_li_img" :src="item.imgurl" alt="item.title">
                                        <div class="index_img_ul_3_li_dot2 dot2">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_img_ul_even_1 clearfix">
                                <div class="index_img_ul_even_1_li" v-for="item in boxData6data2">
                                    <NuxtLink class="index_img_ul_even_1_li_a" :href="getLinkPathDetail(item)"
                                        :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_img_ul_even_1_li_img" :src="item.imgurl" alt="item.title">
                                        <div class="index_img_ul_even_1_li_dot2 dot2">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                        <div class="index_4_box clearfix">
                            <div class="index_ul_9 clearfix">
                                <div class="index_ul_9_head_box clearfix">
                                    <NuxtLink :to="{ path: `/${boxData6childpinyin}/list-1.html` }"
                                        v-if="boxData6menu[0]" class="index_ul_9_head_a" :title="boxData6menu[0].alias">
                                        {{ boxData6menu[0].alias }}
                                    </NuxtLink>
                                </div>
                                <NuxtLink class="index_ul_9_a dot1" :href="getLinkPathDetail(item)" :title="item.title"
                                    v-for="item in boxData6mainData" :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                    <!--政策法规end-->
                </div>
                <div class="index_2_box clearfix">
                    <div class="index_head_box clearfix">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[6]"
                                    :href="getLinkPath(pageData[6])" :title="pageData[6].alias">
                                    {{ pageData[6].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right">
                            <NuxtLink class="index_head_box_right_1_a" v-if="pageData[6]"
                                :href="getLinkPath(pageData[6])" :title="pageData[6].alias">
                                更多 &gt;
                            </NuxtLink>
                        </div>
                    </div>
                    <!--会展服务open-->
                    <div class=" clearfix">
                        <div class="index_even_img_ul_1 clearfix">
                            <div class="index_even_img_ul_1_li" v-for="item in boxData7" :key="per_obj">
                                <NuxtLink class="index_even_img_ul_1_a" :href="getLinkPathDetail(item)"
                                    :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img class="index_even_img_ul_1_li_img" :src="item.imgurl" alt="item.title">
                                    <div class="index_even_img_ul_1_dot1 dot1">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_ul_10 clearfix">
                            <NuxtLink class="index_ul_10_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData7data2" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                    </div>
                    <!--会展服务end-->
                </div>
            </section>
            <section class="index_7 clearfix">
                <div class="index_7_line_box clearfix">
                    <div class="index_7_in_box">
                        <div class="index_7_head">
                            <NuxtLink class="index_7_head_a" v-if="pageData[7]" :href="getLinkPath(pageData[7])"
                                :title="pageData[7].alias">
                                {{ pageData[7].alias }}
                            </NuxtLink>
                        </div>
                        <div class="index_ul_11 clearfix">
                            <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData8" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index_7_in_box">
                        <div class="index_7_head">
                            <NuxtLink class="index_7_head_a" v-if="pageData[8]" :href="getLinkPath(pageData[8])"
                                :title="pageData[8].alias">
                                {{ pageData[8].alias }}
                            </NuxtLink>
                        </div>
                        <!--策划服务open-->
                        <div class="index_ul_11 clearfix">
                            <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData9" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                        <!--策划服务end-->
                    </div>
                    <div class="index_7_in_box">
                        <div class="index_7_head">
                            <NuxtLink class="index_7_head_a" v-if="pageData[9]" :href="getLinkPath(pageData[9])"
                                :title="pageData[9].alias">
                                {{ pageData[9].alias }}
                            </NuxtLink>
                        </div>
                        <!--网站动态-->
                        <div class="index_ul_11 clearfix">
                            <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData10" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                        <!--网站动态-->
                    </div>
                </div>
            </section>
            <section class="index_8 clearfix">
                <div class="index_1_box clearfix">
                    <div class="index_head_box clearfix index_head_box_2">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[10]"
                                    :href="getLinkPath(pageData[10])" :title="pageData[10].alias">
                                    {{ pageData[10].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                    <!--行业报告open-->
                    <div class="index_big_2_ul clearfix">
                        <div class="index_big_2_li clearfix">
                            <div class="index_big_2_li_img_box">
                                <div v-for="(item, index) in boxData11">
                                    <NuxtLink v-if="showImg == index" class="index_big_2_li_img_a"
                                        :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_big_2_li_img" :src="item.imgurl" alt="item.title">
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_big_2_li_in">
                                <div class="index_ul_12">
                                    <NuxtLink class="index_ul_12_a dot1" v-for="(item, index) in boxData11"
                                        :href="getLinkPathDetail(item)" @mouseenter="changeImg(index)"
                                        :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="index_ul_13 clearfix">
                        <NuxtLink class="index_ul_13_a dot1" v-for="(item, index) in boxData11data2"
                            :href="getLinkPathDetail(item)" :title="item.title"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                    <!--行业报告end-->
                </div>
                <div class="index_2_box clearfix">
                    <div class="index_head_box clearfix index_head_box_3">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[11]"
                                    :href="getLinkPath(pageData[11])" :title="pageData[11].alias">
                                    {{ pageData[11].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right">
                            <NuxtLink class="index_head_box_right_1_a" v-if="pageData[11]"
                                :href="getLinkPath(pageData[11])" :title="pageData[11].alias">
                                更多 &gt;
                            </NuxtLink>
                        </div>
                    </div>
                    <!--专家服务open-->
                    <div class="index_ul_6 clearfix">
                        <div class="index_ul_6_li clearfix">
                            <NuxtLink class="index_ul_6_li_a" v-for="(item, index) in boxData12"
                                :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <div class="index_ul_6_img_box">
                                    <img class="index_ul_6_img" :src="item.imgurl" alt="item.title">
                                </div>
                                <div class="index_ul_6_li_right">
                                    <!-- <div class="index_ul_6_li_head">郭建炜</div> -->
                                    <article class="index_ul_6_li_article dot3">
                                        {{ item.title }}
                                    </article>
                                    <span class="index_ul_6_li_article_detail">【详细】</span>
                                </div>
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index_ul_13 clearfix">
                        <NuxtLink class="index_ul_13_a dot1" v-for="item in boxData12data2"
                            :href="getLinkPathDetail(item)" :title="item.title"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                    <!--专家服务end-->
                </div>
            </section>
            <!-- 广告3 -->
            <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>
        </main>
        <!-- 页面底部 -->
        <HomeFoot></HomeFoot>
    </div>
</template>

<script setup>
//0.加载页面必备组件 start---------------------------------------->
import { ref, onMounted } from 'vue';
import { ElMessage } from 'element-plus';
import { getToken } from '@/store/useCookieStore'
//获得全局url
const { $BwebUrl, $CwebUrl } = useNuxtApp();
//0.加载页面必备组件 end---------------------------------------->

//1.获取头条新闻 start---------------------------------------->
//1.1 头条
const headline = ref({})
const headlineData2 = ref([])
async function getModelData1() {
    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
        method: 'GET',
        query: {
            'imgnum': 0,
            'textnum': 4,
            'level': 1,
            'placeid': 0,
            'id': ''
        },
    });
    if (mkdata.code == 200) {
        //填充大标题
        for (let index in mkdata.data.text) {
            if (index < 1) {
                headline.value = mkdata.data.text[index]
            } else {
                headlineData2.value.push(mkdata.data.text[index])
            }
        }
    } else {
        console.log("设置大标题错误", mkdata.message)
    }
}
getModelData1()

//1.3 今日热点
const hotNewsList = ref("")
async function getModelData3() {
    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
        method: 'GET',
        query: {
            'imgnum': 0,
            'textnum': 10,
            'level': 6,
            'placeid': 0,
            'id': ''
        },
    });
    if (mkdata.code == 200) {
        hotNewsList.value = mkdata.data.text;
    } else {
        console.log("获取首页今日热点错误", mkdata.message)
    }
}
getModelData3()
//1.获取头条新闻 end---------------------------------------->

//2.选项卡 start---------------------------------------->
const hoverStatus = ref(1)
const qhPic = function (num) {
    hoverStatus.value = num;
}

const hoverStatusTwo = ref(1)
const qhPicTwo = function (num) {
    hoverStatusTwo.value = num;
}

const hoverStatusThree = ref(1)
const qhPicThree = function (num) {
    hoverStatusThree.value = num;
}

let goAddShop = () => {
    if (getToken()) {
        window.open($BwebUrl + '/#/addGood', '_blank');
    } else {
        ElMessage.error('请先登录!')
    }
}

//图片切换
const showImg = ref(1)
const changeImg = function (num) {
    showImg.value = num;
}
//2.选项卡 end---------------------------------------->

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

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

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

    //广告2
    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nzgxw_index_0002`
    const responseAd2 = await fetch(url2, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const resultAd2 = await responseAd2.json();
    adImg2.value = resultAd2.data[0];

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

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

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

//4.页面数据 start---------------------------------------->
//产品分类部分导航菜单
const navigation = ref([]);
async function getNavigation() {
    const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
        method: 'GET',
        query: {
            'pid': 0,
            'num': 10,
            'placeid': 29,
            'type': 1
        },
    });
    navigation.value = mkdata.data;
    // console.log("navigation11111111", navigation.value);
}
getNavigation();

//4.1导航
const pageData = ref([
    //示例 { cid: "", title: "", data: [] ,children_count:""},
]);
//4.2 模块数据
//模块1
const boxData1 = ref([])
const boxData1data2 = ref([])
const boxData1data3 = ref([])
const boxData1data4 = ref([])
const boxData1data5 = ref([])
const boxData1data6 = ref([])
//模块2
const boxData2 = ref([])
const boxData2data2 = ref([])
const boxData2data3 = ref([])
const boxData2data4 = ref([])
const boxData2data5 = ref([])
const boxData2data6 = ref([])
//模块3
const boxData3 = ref([]);
const boxData3menu = ref([]);
//模块4
const boxData4 = ref([]);
const boxData4data2 = ref([]);
const boxData4data3 = ref([]);
const boxData4data4 = ref([]);
const boxData4data5 = ref([]);
const boxData4menu = ref([]);
//模块5
const boxData5 = ref([])
const boxData5data2 = ref([])
//模块6
const boxData6 = ref([]);
const boxData6data2 = ref([]);
const boxData6menu = ref([]);
const boxData6childpinyin = ref([]);
const boxData6mainData = ref([]);
//模块7
const boxData7 = ref([]);
const boxData7data2 = ref([]);
//模块8
const boxData8 = ref([]);
//模块9
const boxData9 = ref([]);
//模块10
const boxData10 = ref([]);
//模块11
const boxData11 = ref([]);
const boxData11data2 = ref([]);
//模块12
const boxData12 = ref([]);
const boxData12data2 = ref([]);

//引入导航
const { $pageNav } = useNuxtApp();

//4.3获得导航数据
try {
    const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
        method: 'GET',
        query: {
            'placeid': 1,
            'pid': 0,
            'num': 30
        },
    });
    if (navigateData.code == 200) {
        // 遍历可用的导航池放到页面中
        for (let index in navigateData.data) {
            let data = {
                title: navigateData.data[index].name,
                cid: navigateData.data[index].category_id,
                children_count: navigateData.data[index].children_count,
                alias: navigateData.data[index].alias,
                aLIas_pinyin: navigateData.data[index].aLIas_pinyin,
                chilid_id: navigateData.data[index].chilid_id
            };
            //渲染标题
            //1
            if (navigateData.data[index].category_id == $pageNav[0]) { pageData.value[0] = data }
            //2
            if (navigateData.data[index].category_id == $pageNav[1]) { pageData.value[1] = data }
            //3
            if (navigateData.data[index].category_id == $pageNav[2]) { pageData.value[2] = data }
            //4
            if (navigateData.data[index].category_id == $pageNav[3]) { pageData.value[3] = data }
            //5
            if (navigateData.data[index].category_id == $pageNav[4]) { pageData.value[4] = data }
            //6
            if (navigateData.data[index].category_id == $pageNav[5]) { pageData.value[5] = data }
            //7
            if (navigateData.data[index].category_id == $pageNav[6]) { pageData.value[6] = data }
            //8
            if (navigateData.data[index].category_id == $pageNav[7]) { pageData.value[7] = data }
            //9
            if (navigateData.data[index].category_id == $pageNav[8]) { pageData.value[8] = data }
            //10
            if (navigateData.data[index].category_id == $pageNav[9]) { pageData.value[9] = data }
            //11
            if (navigateData.data[index].category_id == $pageNav[10]) { pageData.value[10] = data }
            //12
            if (navigateData.data[index].category_id == $pageNav[11]) { pageData.value[11] = data }
        }
    } else {
        console.log("获取导航池出错！", navigateData.message)
    }
} catch (error) {
    console.log("错误：导航池渲染执行接口出错！请检查首页的14的模块的具体执行方法！")
}

let getJson = [
    { "parent": $pageNav[0] + ",2,10", "child": "" },//模块1
    { "parent": $pageNav[1] + ",2,10", "child": "" },//模块2
    { "parent": $pageNav[2] + ",0,7", "child": $pageNav[12] + ",0,1" },//模块3 
    { "parent": $pageNav[3] + ",1,6", "child": $pageNav[14] + ",0,1" },//模块4 商城相关，暂时不用
    { "parent": $pageNav[4] + ",2,4", "child": "" },//模块5
    { "parent": $pageNav[5] + ",3,10", "child": $pageNav[13] + ",0,11" },//模块6
    { "parent": $pageNav[6] + ",2,7", "child": "" },//模块7
    { "parent": $pageNav[7] + ",0,3", "child": "" },//模块8
    { "parent": $pageNav[8] + ",0,3", "child": "" },//模块9
    { "parent": $pageNav[9] + ",0,3", "child": "" },//模块10
    { "parent": $pageNav[10] + ",4,3", "child": "" },//模块11
    { "parent": $pageNav[11] + ",1,3", "child": "" },//模块12
]

let jsonString = JSON.stringify(getJson);

async function getPageAllData() {
    const mkdata = await requestDataPromise('/web/getWebsiteAllArticle', {
        method: 'GET',
        query: {
            'id': jsonString
        },
    });
    console.log("mkdata", mkdata)
    if (mkdata.code == 200) {
        //模块1
        // for (let index in mkdata.data[0].imgnum) {
        //     if (index < 1) {
        //         boxData1.value.push(mkdata.data[0].imgnum[index])
        //     } else {
        //         boxData1data2.value.push(mkdata.data[0].imgnum[index])
        //     }
        // }
        // for (let index in mkdata.data[0].textnum) {
        //     if (index < 2) {
        //         // boxData1data3.value.push(mkdata.data[0].textnum[index])
        //     } else if (index >= 2 && index < 5) {
        //         boxData1data4.value.push(mkdata.data[0].textnum[index])
        //     } else if (index >= 5 && index <= 6) {
        //         boxData1data5.value.push(mkdata.data[0].textnum[index])
        //     } else if (index >= 7 && index <= 10) {
        //         boxData1data6.value.push(mkdata.data[0].textnum[index])
        //     }
        // }
        //模块2
        for (let index in mkdata.data[1].imgnum) {
            if (index < 1) {
                boxData2.value.push(mkdata.data[1].imgnum[index])
            } else {
                boxData2data2.value.push(mkdata.data[1].imgnum[index])
            }
        }
        for (let index in mkdata.data[1].textnum) {
            if (index < 2) {
                boxData2data3.value.push(mkdata.data[1].textnum[index])
            } else if (index >= 2 && index < 5) {
                boxData2data4.value.push(mkdata.data[1].textnum[index])
            } else if (index >= 5 && index <= 6) {
                boxData2data5.value.push(mkdata.data[1].textnum[index])
            } else if (index >= 7 && index <= 10) {
                boxData2data6.value.push(mkdata.data[1].textnum[index])
            }
        }
        //模块3
        boxData3.value = mkdata.data[2].textnum;
        for (let index in mkdata.data[2].child.all_childcat) {
            if (index < 3) {
                boxData3menu.value.push(mkdata.data[2].child.all_childcat[index])
            }
        }
        //模块4 商城相关
        for (let index in mkdata.data[3].child.all_childcat) {
            if (index < 3) {
                boxData4menu.value.push(mkdata.data[3].child.all_childcat[index])
            }
        }
        //模块5
        boxData5.value = mkdata.data[4].imgnum;
        boxData5data2.value = mkdata.data[4].textnum;
        //模块6
        for (let index in mkdata.data[5].imgnum) {
            if (index < 1) {
                boxData6.value.push(mkdata.data[5].imgnum[index])
            } else {
                boxData6data2.value.push(mkdata.data[5].imgnum[index])
            }
        }
        // console.log("boxData6data2", boxData6data2.value);
        boxData6childpinyin.value = mkdata.data[5].child.pinyin;
        boxData6mainData.value = mkdata.data[5].child.textnum;
        for (let index in mkdata.data[5].child.all_childcat) {
            if (index < 3) {
                boxData6menu.value.push(mkdata.data[5].child.all_childcat[index])
            }
        }
        //模块7
        boxData7.value = mkdata.data[6].imgnum;
        boxData7data2.value = mkdata.data[6].textnum;
        //模块8
        boxData8.value = mkdata.data[7].textnum;
        //模块9
        boxData9.value = mkdata.data[8].textnum;
        //模块10
        boxData10.value = mkdata.data[9].textnum;
        //模块11
        boxData11.value = mkdata.data[10].imgnum;
        boxData11data2.value = mkdata.data[10].textnum;
        //模块12
        boxData12.value = mkdata.data[11].imgnum;
        boxData12data2.value = mkdata.data[11].textnum;

    } else {
        ElMessage.error(mkdata.message)
    }
}
getPageAllData();

// 获取首页商品模块数据
const getShopData1 = async () => {
    const mkdata = await requestDataPromise('/web/getWebsiteshopList', {
        method: 'GET',
        query: {
            'catid': $pageNav[0],
            'page': 1,
            'pageSize': 12,
            'ismix': 1,
        },
    });
    // console.log("mkdata11111111", mkdata);

    if (mkdata.code == 200) {
        for (let index in mkdata.data.goods) {
            if (index < 1) {
                boxData1.value.push(mkdata.data.goods[index])
            } else if (index >= 1 && index < 3) {
                boxData1data3.value.push(mkdata.data.goods[index])
            } else if (index >= 3 && index < 6) {
                boxData1data4.value.push(mkdata.data.goods[index])
            }else if(index >= 6 && index < 7){
                boxData1data2.value.push(mkdata.data.goods[index])
            }else if(index >= 7 && index < 9){
                boxData1data5.value.push(mkdata.data.goods[index])
            }else if(index >= 9 && index < 12){
                boxData1data6.value.push(mkdata.data.goods[index])
            }
        }

    }
}
getShopData1()

// 获取首页商品模块数据
const getShopData = async () => {
    const mkdata = await requestDataPromise('/web/getWebsiteshopList', {
        method: 'GET',
        query: {
            'catid': $pageNav[3],
            'page': 1,
            'pageSize': 10,
        },
    });
    if (mkdata.code == 200) {
        for (let index in mkdata.data.type1) {
            if (index < 1) {
                boxData4.value.push(mkdata.data.type1[index])
            } else if (index >= 1 && index < 2) {
                boxData4data2.value.push(mkdata.data.type1[index])
            } else if (index >= 2 && index < 4) {
                boxData4data3.value.push(mkdata.data.type1[index])
            }

        }
        for (let index in mkdata.data.type2) {
            if (index < 1) {
                boxData4data4.value.push(mkdata.data.type2[index])
            } else if (index >= 1 && index < 3) {
                boxData4data5.value.push(mkdata.data.type2[index])
            }
        }
    }
}
getShopData()


//4.页面数据 end---------------------------------------->

//5.设置seo数据 start---------------------------------------->
//获取seo数据
const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
    method: 'GET',
    query: {},
});
if (setData.code == 200) {
    let seoTitle = setData.data.website_head.title;
    let seoDescription = setData.data.website_head.description;
    let seoKeywords = setData.data.website_head.keywords;
    let seoSuffix = setData.data.website_head.suffix;
    let seoName = setData.data.website_head.website_name;

    useSeoMeta({
        title: seoTitle + "_" + seoSuffix,
        meta: [
            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
        ]
    });
} else {
    console.log("设置首页SEO出错！", setData.message)
}
//5.设置seo数据 start---------------------------------------->
</script>

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