nongmingongwang/pages/index.vue

<template>
    <div>
        <HomePageHead></HomePageHead>
        <HomePageNavigation></HomePageNavigation>
        <main class="index_main">
            <section class="index_1 clearfix">
                <h3 class="index_1_h3">
                    <NuxtLink class="index_1_h3_a" :href="getLinkPathDetail(headline)" :title="headline.title"
                        :target="headline.islink == 1 ? '_blank' : '_self'">
                        {{ headline.title }}
                    </NuxtLink>
                </h3>
                <div class="index_1_h3_title_box">
                    <NuxtLink class="index_1_h3_title_box_a" :href="getLinkPathDetail(headline)" :title="headline.title"
                        :target="headline.islink == 1 ? '_blank' : '_self'" v-for="item in headlineData2">
                        {{ item.title }}
                    </NuxtLink>
                </div>
            </section>
            <section class="index_2 clearfix">
                <div class="roll_1_box">
                    <!-- 农 民 工 轮播图-->
                    <HomeSmallSwiperNmg></HomeSmallSwiperNmg>
                </div>
                <!-- open 农民工人才库-->
                <div class="index_2_right_box">
                    <div class="index_2_head clearfix">
                        <NuxtLink class="index_2_head_a" :class="{ 'index_2_head_a_only': hoverStatus === 1 }"
                            @mouseenter="qhPic(1)" :href="getLinkPath(pageData[0])" :title="pageData[0].alias">
                            {{ pageData[0].alias }}
                        </NuxtLink>
                        <NuxtLink class="index_2_head_a" :class="{ 'index_2_head_a_only': hoverStatus === 2 }"
                            @mouseenter="qhPic(2)" :href="getLinkPath(pageData[1])" :title="pageData[1].alias">
                            {{ pageData[1].alias }}
                        </NuxtLink>
                        <NuxtLink class="index_2_head_a" :class="{ 'index_2_head_a_only': hoverStatus === 3 }"
                            @mouseenter="qhPic(3)" :href="getLinkPath(pageData[2])" :title="pageData[2].alias">
                            {{ pageData[2].alias }}
                        </NuxtLink>
                    </div>
                    <div class="index_2_ul index_2_ul_top index_2_ul_bold" v-if="hoverStatus == 1">
                        <NuxtLink class="index_2_ul_a dot1" v-for="item in boxData1" :href="getLinkPathDetail(item)"
                            :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                    <div class="index_2_ul index_2_ul_top index_2_ul_bold" v-if="hoverStatus == 2">
                        <NuxtLink class="index_2_ul_a dot1" v-for="item in boxData2" :href="getLinkPathDetail(item)"
                            :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                    <div class="index_2_ul index_2_ul_top index_2_ul_bold" v-if="hoverStatus == 3">
                        <NuxtLink class="index_2_ul_a dot1" v-for="item in boxData3" :href="getLinkPathDetail(item)"
                            :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
                <!-- over 农民工人才库-->
            </section>
            <!-- 广告位一 start -->
            <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
            <!-- 广告位一 end -->
            <section class="index_3 clearfix">
                <div class="index_3_h4_box">
                    <h4 class="index_3_h4">
                        <span class="index_3_h4_a">最新热门职位</span>
                    </h4>
                </div>
                <!-- {{ job_vacancy }} -->
                <!-- open 最新热门职位1-->
                <div class="index_3_ul clearfix_2">
                    <div class="index_3_li clearfix_2" v-for="(item, index) in job_vacancy" :key="index">
                        <NuxtLink class="index_3_li_a" :href="`/${item.pinyin}/${item.id}.html`" title="">
                            <div class="index_3_li_name_box">
                                <div class="index_3_li_num">{{ index + 1 }}</div>
                                <div class="index_3_li_name dot1">{{ item.title }}</div>
                            </div>
                            <div class="index_3_li_dot1 dot1">
                                {{ item.business_name }}
                            </div>
                        </NuxtLink>
                    </div>
                </div>
                <!-- over 最新热门职位1-->
                <!-- open 最新热门职位2ul-->
                <div class="index_3_ol_box">
                    <div class="index_3_ol clearfix">
                        <div class="index_3_ol_li" v-for="(item, index) in recommend_job" :key="index">
                            <NuxtLink class="index_3_ol_li_a" :href="`/${item.pinyin}/${item.id}.html`" title="">
                                <div class="index_3_li_num">{{ index + 1 }}</div>
                                <div class="index_3_ol_li_dot1 dot1">
                                    {{ item.business_name }}--{{ item.title }}
                                </div>
                            </NuxtLink>
                        </div>
                    </div>
                </div>
                <!-- over 最新热门职位2-ul-->
            </section>
            <section class="index_4 clearfix">
                <!-- open 推荐就业单位-->
                <div class="index_3_h4_box">
                    <h4 class="index_3_h4">
                        <a class="index_3_h4_a" href="" title="">推荐就业单位</a>
                    </h4>
                </div>
                <div class="index_4_ul clearfix">
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                    <a class="index_4_ul_a dot1" href=""
                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
                </div>
                <!-- over 推荐就业单位-->
            </section>
            <!-- 广告位二 start -->
            <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
            <!-- 广告位二 end -->
            <!-- 动态模块开始-->
            <section class="index_5 clearfix">
                <div class="index_2_head  clearfix">
                    <NuxtLink class="index_2_head_a" :class="{ 'index_2_head_a_only': hoverStatusTwo === 1 }"
                        @mouseenter="qhPicTwo(1)" :href="getLinkPath(pageData[3])" :title="pageData[3].alias">
                        {{ pageData[3].alias }}
                    </NuxtLink>
                    <NuxtLink class="index_2_head_a" :class="{ 'index_2_head_a_only': hoverStatusTwo === 2 }"
                        @mouseenter="qhPicTwo(2)" :href="getLinkPath(pageData[4])" :title="pageData[4].alias">
                        {{ pageData[4].alias }}
                    </NuxtLink>
                </div>
                <div class="clearfix" v-if="hoverStatusTwo === 1">
                    <div class="index_5_box_1 clearfix">
                        <div class="index_5_big_img_ul">
                            <div class="index_5_big_img_li">
                                <NuxtLink class="index_5_big_img_li_a" :href="getLinkPathDetail(item)"
                                    v-for="item in boxData4" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img class="index_5_big_img_li_img" :src="item.imgurl" alt="item.title">
                                    <div class="index_5_big_img_li_dot2 dot2">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_5_img_ul">
                            <div class="index_5_img_li" v-for="item in boxData4data2">
                                <NuxtLink class="index_5_img_li_a" :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img class="index_5_img_li_img" :src="item.imgurl" alt="item.title">
                                    <div class="index_5_img_li_dot2 dot2">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                    <div class="index_5_box_2 clearfix">
                        <div class="index_5_ul">
                            <NuxtLink class="index_5_ul_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData4data4" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index_5_box_3 clearfix">
                        <div class="index_5_img_ul_2 clearfix">
                            <div class="index_5_img_ul_2_li" v-for="item in boxData4data3">
                                <NuxtLink class="index_5_img_ul_2_li_a" :href="getLinkPathDetail(item)"
                                    :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img class="index_5_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
                                    <div class="index_5_img_ul_2_li_dot1 dot1">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_2_ul index_2_ul_2">
                            <NuxtLink class="index_2_ul_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData4data5" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                    </div>
                </div>
                <div class="clearfix" v-if="hoverStatusTwo === 2">
                    <div class="index_5_box_1 clearfix">
                        <div class="index_5_big_img_ul">
                            <div class="index_5_big_img_li">
                                <NuxtLink class="index_5_big_img_li_a" :href="getLinkPathDetail(item)"
                                    v-for="item in boxData5" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img class="index_5_big_img_li_img" :src="item.imgurl" alt="item.title">
                                    <div class="index_5_big_img_li_dot2 dot2">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_5_img_ul">
                            <div class="index_5_img_li" v-for="item in boxData5data2">
                                <NuxtLink class="index_5_img_li_a" :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img class="index_5_img_li_img" :src="item.imgurl" alt="item.title">
                                    <div class="index_5_img_li_dot2 dot2">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                    <div class="index_5_box_2 clearfix">
                        <div class="index_5_ul">
                            <NuxtLink class="index_5_ul_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData5data4" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index_5_box_3 clearfix">
                        <div class="index_5_img_ul_2 clearfix">
                            <div class="index_5_img_ul_2_li" v-for="item in boxData5data3">
                                <NuxtLink class="index_5_img_ul_2_li_a" :href="getLinkPathDetail(item)"
                                    :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img class="index_5_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
                                    <div class="index_5_img_ul_2_li_dot1 dot1">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_2_ul index_2_ul_2">
                            <NuxtLink class="index_2_ul_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData5data5" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                    </div>
                </div>
            </section>
            <!-- over 致富信息-->

            <!-- open 农民工资讯-->
            <section class="index_6 clearfix">
                <div class="index_2_head clearfix">
                    <NuxtLink class="index_2_head_a index_2_head_a_only" v-if="pageData.length > 5"
                        :href="getLinkPath(pageData[5])" :title="pageData[5].alias">
                        {{ pageData[5].alias }}
                    </NuxtLink>
                    <div class="index_6_head_right">
                        <div class="index_6_head_right_in" v-if="boxData6menu">
                            <NuxtLink class="index_6_head_right_in_a" v-for="item in boxData6menu"
                                :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }" :title="item.alias">
                                {{ item.alias }}
                            </NuxtLink>
                        </div>

                        <NuxtLink class="index_6_head_right_in_a" v-if="pageData.length > 5"
                            :href="getLinkPath(pageData[5])" :title="pageData[5].alias">
                            更多 &gt;
                        </NuxtLink>
                    </div>
                </div>
                <div class="index_6_left clearfix">
                    <div class="roll_2_box" v-if="boxData6.length > 0">
                        <div class="roll_2_img_ul">
                            <div class="roll_2_per">
                                <NuxtLink class="roll_2_per_a" v-if="showImg == 1 && boxData6[0].length > 0"
                                    :href="getLinkPathDetail(boxData6[0])" :title="boxData6[0].title"
                                    :target="boxData6[0].islink == 1 ? '_blank' : '_self'">
                                    <img class="roll_2_per_a_img" :src="boxData6[0].imgurl" :alt="boxData6[0].title">
                                </NuxtLink>
                                <NuxtLink class="roll_2_per_a" v-if="showImg == 2 && boxData6[0].length > 1"
                                    :href="getLinkPathDetail(boxData6[1])" :title="boxData6[1].title"
                                    :target="boxData6[1].islink == 1 ? '_blank' : '_self'">
                                    <img class="roll_2_per_a_img" :src="boxData6[1].imgurl" :alt="boxData6[1].title">
                                </NuxtLink>
                                <NuxtLink class="roll_2_per_a" v-if="showImg == 3 && boxData6[0].length > 2"
                                    :href="getLinkPathDetail(boxData6[2])" :title="boxData6[2].title"
                                    :target="boxData6[2].islink == 1 ? '_blank' : '_self'">
                                    <img class="roll_2_per_a_img" :src="boxData6[2].imgurl" :alt="boxData6[2].title">
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                    <div class="roll_2_btn_box" v-if="boxData6.length > 0">
                        <div class="roll_2_btn roll_2_btn_only" v-if="boxData6[0].length > 0">
                            <NuxtLink class="roll_2_btn_dot2 dot2" @mouseenter="changeImg(1)"
                                :href="getLinkPathDetail(boxData6[0])" :title="boxData6[0].title"
                                :target="boxData6[0].islink == 1 ? '_blank' : '_self'">
                                {{ boxData6[0].title }}
                            </NuxtLink>
                        </div>
                        <div class="roll_2_btn roll_2_btn_only" v-if="boxData6[0].length > 1">
                            <NuxtLink class="roll_2_btn_dot2 dot2" @mouseenter="changeImg(2)"
                                :href="getLinkPathDetail(boxData6[1])" :title="boxData6[1].title"
                                :target="boxData6[1].islink == 1 ? '_blank' : '_self'">
                                {{ boxData6[1].title }}
                            </NuxtLink>
                        </div>
                        <div class="roll_2_btn roll_2_btn_only" v-if="boxData6[0].length > 2">
                            <NuxtLink class="roll_2_btn_dot2 dot2" @mouseenter="changeImg(3)"
                                :href="getLinkPathDetail(boxData6[2])" :title="boxData6[2].title"
                                :target="boxData6[2].islink == 1 ? '_blank' : '_self'">
                                {{ boxData6[2].title }}
                            </NuxtLink>
                        </div>
                    </div>
                </div>
                <div class="index_6_right clearfix">
                    <div class="index_6_img_ul clearfix" v-if="boxData6data2.length > 0">
                        <div class="index_6_img_li" v-for="item in boxData6data2">
                            <NuxtLink class="index_6_img_li_a" :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img class="index_6_img_li_img" :src="item.imgurl" alt="item.title">
                                <div class="index_6_img_li_dot3 dot3">
                                    {{ item.title }}
                                </div>
                            </NuxtLink>
                        </div>
                    </div>
                </div>
            </section>
            <!-- over 农民工资讯-->
            <section class="index_7 clearfix">
                <!-- open 专题报道-->
                <div class="index_6_left clearfix">
                    <div class="index_7_head" v-if="boxData6menu[0]">
                        <NuxtLink :to="{ path: `/${boxData6pinyin}/list-1.html` }" v-if="boxData6menu[0]"
                            class="index_7_head_a" :title="boxData6menu[0].alias">
                            {{ boxData6menu[0].alias }}
                        </NuxtLink>
                    </div>
                    <div class="index_7_ul clearfix">
                        <NuxtLink class="index_7_ul_a dot1" :href="getLinkPathDetail(item)"
                            v-for="item in boxData6mainData" :title="item.title"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
                <!-- over 专题报道-->
                <!-- 各地机构动态open -->
                <div class="index_7_right clearfix">
                    <div class="index_7_head">
                        <a class="index_7_head_a" href="" title="">各地机构动态</a>
                    </div>
                    <div class="index_7_btn_ul clearfix">
                        <NuxtLink class="index_7_btn_a dot1" v-if="pageData[11].cid" :href="getLinkPath(pageData[11])"
                            :title="pageData[11].alias">
                            劳动保障部门
                        </NuxtLink>
                        <NuxtLink class="index_7_btn_a dot1" v-if="pageData[12].cid" :href="getLinkPath(pageData[12])"
                            :title="pageData[12].alias">
                            各级工会组织
                        </NuxtLink>
                        <NuxtLink class="index_7_btn_a dot1" v-if="pageData[13].cid" :href="getLinkPath(pageData[13])"
                            :title="pageData[13].alias">
                            各地妇联组织
                        </NuxtLink>
                        <NuxtLink class="index_7_btn_a dot1" v-if="pageData[14].cid" :href="getLinkPath(pageData[14])"
                            :title="pageData[14].alias">
                            各地人才市场
                        </NuxtLink>
                        <a class="index_7_btn_a dot1" href="" title="">各地人才中介</a>
                        <a class="index_7_btn_a dot1" href="" title="">各地用户大户</a>
                    </div>
                </div>
                <!-- 各地机构动态over -->
            </section>
            <section class="index_8 clearfix">
                <!-- open 人才服务-->
                <div class="index_2_head  clearfix">
                    <NuxtLink class="index_2_head_a index_2_head_a_only" v-if="pageData[6].cid"
                        :href="getLinkPath(pageData[6])" :title="pageData[6].alias">
                        {{ pageData[6].alias }}
                    </NuxtLink>
                    <div class="index_6_head_right">
                        <div class="index_6_head_right_in">
                            <NuxtLink class="index_6_head_right_in_a" v-for="item in boxData7menu"
                                :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }" :title="item.alias">
                                {{ item.alias }}
                            </NuxtLink>
                        </div>
                        <NuxtLink class="index_6_head_right_in_a" v-if="pageData[6].cid"
                            :href="getLinkPath(pageData[6])" :title="pageData[6].alias">
                            更多 &gt;
                        </NuxtLink>
                    </div>
                </div>
                <div class="index_5_box_1 clearfix">
                    <div class="index_5_big_img_ul">
                        <div class="index_5_big_img_li">
                            <NuxtLink class="index_5_big_img_li_a" :href="getLinkPathDetail(item)"
                                v-for="item in boxData7" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img class="index_5_big_img_li_img" :src="item.imgurl" alt="item.title">
                                <div class="index_5_big_img_li_dot2 dot2">
                                    {{ item.title }}
                                </div>
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index_5_img_ul">
                        <div class="index_5_img_li" v-for="item in boxData7data2">
                            <NuxtLink class="index_5_img_li_a" :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img class="index_5_img_li_img" :src="item.imgurl" alt="item.title">
                                <div class="index_5_img_li_dot2 dot2">
                                    {{ item.title }}
                                </div>
                            </NuxtLink>
                        </div>
                    </div>
                </div>
                <div class="index_5_box_2 clearfix">
                    <div class="index_5_ul">
                        <NuxtLink class="index_5_ul_a dot1" :href="getLinkPathDetail(item)" :title="item.title"
                            v-for="item in boxData7data4" :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
                <div class="index_5_box_3 clearfix">
                    <div class="index_5_img_ul_2 clearfix">
                        <div class="index_5_img_ul_2_li" v-for="item in boxData7data3">
                            <NuxtLink class="index_5_img_ul_2_li_a" :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img class="index_5_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
                                <div class="index_5_img_ul_2_li_dot1 dot1">
                                    {{ item.title }}
                                </div>
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="adBox1" v-if="adImg3">
                        <a href="http://nzgxw.org.cn/" v-if="adImg3.image_url == null" target="_blank"
                            :title="adImg3.introduce">
                            <img :src="adImg3.thumb" :title="adImg3.introduce" :id="adImg3.ad_tag"
                                data-tag="adImg3.ad_tag">
                        </a>
                        <a :href="adImg3.image_url" :title="adImg3.introduce" v-else>
                            <img :src="adImg3.image_src" :alt="adImg3.introduce" :id="adImg3.ad_tag"
                                data-tag="adImg3.ad_tag">
                        </a>
                    </div>
                </div>
                <!-- over 人才服务-->
            </section>
            <!-- 广告位三 start -->
            <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>
            <!-- <HomeTopTenTitle :imgurl="adList[2]" v-if="adList[2]"></HomeTopTenTitle> -->
            <!-- 广告位三 end -->
            <section class="index_9 clearfix">
                <!-- open 民工培训-->
                <div class="index_9_box_1">
                    <div class="index_2_head clearfix">
                        <NuxtLink :class="['index_2_head_a', hoverStatusThree == 1 ? 'index_2_head_a_only' : '']"
                            @mouseenter="qhPicThree(1)" v-if="pageData[7].cid" :href="getLinkPath(pageData[7])"
                            :title="pageData[7].alias">
                            {{ pageData[7].alias }}
                        </NuxtLink>
                        <NuxtLink :class="['index_2_head_a', hoverStatusThree == 2 ? 'index_2_head_a_only' : '']"
                            @mouseenter="qhPicThree(2)" v-if="pageData[8].cid" :href="getLinkPath(pageData[8])"
                            :title="pageData[8].alias">
                            {{ pageData[8].alias }}
                        </NuxtLink>
                    </div>
                    <div class="index_2_ul index_9_ul_1" v-if="hoverStatusThree == 1">
                        <NuxtLink class="index_2_ul_a dot1" :href="getLinkPathDetail(item)" :title="item.title"
                            v-for="item in boxData8" :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                    <div class="index_2_ul index_9_ul_1" v-if="hoverStatusThree == 2">
                        <NuxtLink class="index_2_ul_a dot1" :href="getLinkPathDetail(item)" :title="item.title"
                            v-for="item in boxData9" :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
                <!-- over 民工培训-->
                <!-- open 知识天地-->
                <div class="index_5_box_3 clearfix">
                    <div class="index_2_head clearfix">
                        <a class="index_2_head_a index_2_head_a_only" title="">知识天地</a>
                    </div>
                    <div class="index_9_big_img_ul">
                        <div class="index_5_big_img_li">
                            <NuxtLink class="index_5_big_img_li_a" :href="getLinkPathDetail(item)"
                                v-for="item in boxData10" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img class="index_9_big_img_li_img" :src="item.imgurl" alt="item.title">
                                <div class="index_5_big_img_li_dot2 dot2">
                                    {{ item.title }}
                                </div>
                            </NuxtLink>
                        </div>
                    </div>
                </div>
                <!-- over 知识天地-->
            </section>
            <section class="index_10 clearfix">
                <!-- open 各地组织机构展示-->
                <div class="index_9_box_1 index_10_box_1">
                    <div class="index_2_head clearfix">
                        <a class="index_2_head_a index_2_head_a_only" title="">各地组织机构展示</a>
                    </div>
                    <div class="index_10_ul clearfix">
                        <NuxtLink class="index_10_ul_a dot1" v-if="pageData[13].cid" :href="getLinkPath(pageData[13])"
                            :title="pageData[13].alias">
                            妇联组织
                        </NuxtLink>
                        <NuxtLink class="index_10_ul_a dot1" v-if="pageData[14].cid" :href="getLinkPath(pageData[14])"
                            :title="pageData[14].alias">
                            人才市场
                        </NuxtLink>
                        <NuxtLink class="index_10_ul_a dot1" v-if="pageData[11].cid" :href="getLinkPath(pageData[11])"
                            :title="pageData[11].alias">
                            劳动保障机构
                        </NuxtLink>
                        <NuxtLink class="index_10_ul_a dot1" v-if="pageData[12].cid" :href="getLinkPath(pageData[12])"
                            :title="pageData[12].alias">
                            工会组织
                        </NuxtLink>
                    </div>
                </div>
                <!-- over 各地组织机构展示-->
                <!-- open 三农人物-->
                <div class="index_5_box_3 clearfix index_10_box_3">
                    <div class="index_2_head clearfix">
                        <a class="index_2_head_a index_2_head_a_only" title="">三农人物</a>
                    </div>
                    <div class="index_10_img_ul clearfix">
                        <div class="index_10_img_ul_li" v-for="item in boxData11">
                            <NuxtLink class="index_10_img_ul_li_a" :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img class="index_10_img_ul_li_img" :src="item.imgurl" alt="item.title">
                                <div class="index_10_img_ul_li_dot1 dot1">
                                    {{ item.title }}
                                </div>
                            </NuxtLink>
                        </div>
                    </div>
                </div>
                <!-- over 三农人物-->
            </section>
        </main>
        <HomeFoot></HomeFoot>
    </div>
</template>

<script setup>
//0.加载页面必备组件 start---------------------------------------->
import { ref, onMounted } from 'vue';
import { ElMessage } from 'element-plus';
//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': 5,
            '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: {
            'pageSize': 10,
            'level': 6,
            'placeid': 0,
            'id': ''
        },
    });
    if (mkdata.code == 200) {
        hotNewsList.value = mkdata.data;
    } 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;
}

//图片切换
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=nmgw_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=nmgw_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=nmgw_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=nmgw_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---------------------------------------->
//4.1导航
const pageData = ref([
    //示例 { cid: "", title: "", data: [] ,children_count:""},
]);
//4.2 模块数据
//模块1
const boxData1 = ref([])
//模块2
const boxData2 = ref([]);
//模块3 
const boxData3 = ref([]);
//模块4
const boxData4 = ref([]);
const boxData4data2 = ref([]);
const boxData4data3 = ref([]);
const boxData4data4 = ref([]);
const boxData4data5 = ref([]);
//模块5
const boxData5 = ref([]);
const boxData5data2 = ref([]);
const boxData5data3 = ref([]);
const boxData5data4 = ref([]);
const boxData5data5 = ref([]);
//模块6
const boxData6 = ref([]);
const boxData6data2 = ref([]);
const boxData6menu = ref([]);
const boxData6mainData = ref([]);
const boxData6pinyin = ref("");
//模块7
const boxData7 = ref([]);
const boxData7data2 = ref([]);
const boxData7data3 = ref([]);
const boxData7data4 = ref([]);
const boxData7data5 = ref([]);
const boxData7menu = ref([]);
const boxData7mainData = ref([]);
const boxData7pinyin = ref("");
//模块8
const boxData8 = ref([]);
//模块9
const boxData9 = ref([]);
//模块10 
const boxData10 = ref([]);
//模块11
const boxData11 = 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农民工资讯552 759
            if (navigateData.data[index].category_id == $pageNav[0]) { pageData.value[0] = data }
            //2农民工维权548 747
            if (navigateData.data[index].category_id == $pageNav[1]) { pageData.value[1] = data }
            //3人才市场554  760
            if (navigateData.data[index].category_id == $pageNav[2]) { pageData.value[2] = data }
            //4致富信息545  2039
            if (navigateData.data[index].category_id == $pageNav[3]) { pageData.value[3] = data }
            //5书刊音像城561 690
            if (navigateData.data[index].category_id == $pageNav[4]) { pageData.value[4] = data }
            //6农民工资讯552  759
            if (navigateData.data[index].category_id == $pageNav[5]) { pageData.value[5] = data }
            //7人才服务539  762
            if (navigateData.data[index].category_id == $pageNav[6]) { pageData.value[6] = data }
            //8农民工创业546  691
            if (navigateData.data[index].category_id == $pageNav[7]) { pageData.value[7] = data }
            //9农民工培训547  692
            if (navigateData.data[index].category_id == $pageNav[8]) { pageData.value[8] = data }
            //10知识天地558  686
            if (navigateData.data[index].category_id == $pageNav[9]) { pageData.value[9] = data }
            //11三农人物18  687
            if (navigateData.data[index].category_id == $pageNav[10]) { pageData.value[10] = data }
            // 固定的一级栏目
            //12 劳动保障555  768
            if (navigateData.data[index].category_id == $pageNav[11]) { pageData.value[11] = data }
            //13 工会组织556  771
            if (navigateData.data[index].category_id == $pageNav[12]) { pageData.value[12] = data }
            //14 妇联组织557  773
            if (navigateData.data[index].category_id == $pageNav[13]) { pageData.value[13] = data }
            //15 人才市场554  760
            if (navigateData.data[index].category_id == $pageNav[14]) { pageData.value[14] = data }
        }
    } else {
        console.log("获取导航池出错！", navigateData.message)
    }
} catch (error) {
    console.log("错误：导航池渲染执行接口出错！请检查首页的14的模块的具体执行方法！")
}

let getJson = [
    { "parent": $pageNav[0] + ",0,6", "child": "" },//模块1 农民工资讯552
    { "parent": $pageNav[1] + ",0,6", "child": "" },//模块2 农民工维权548
    { "parent": $pageNav[2] + ",0,6", "child": "" },//模块3 人才市场554
    { "parent": $pageNav[3] + ",5,15", "child": "" },//模块4 致富信息545
    { "parent": $pageNav[4] + ",5,15", "child": "" },//模块5 书刊音像城561
    { "parent": $pageNav[5] + ",6,6", "child": $pageNav[15] + ",0,4" },//模块6 农民工资讯552pre 必须含有一个子导航的id 才能获取到子导航列表
    { "parent": $pageNav[6] + ",5,15", "child": "" },//模块7人才服务539
    { "parent": $pageNav[7] + ",0,6", "child": "" },//模块8 农民工创业546
    { "parent": $pageNav[8] + ",0,6", "child": "" },//模块9 农民工培训547
    { "parent": $pageNav[9] + ",1,0", "child": "" },//模块10 知识天地558
    { "parent": $pageNav[10] + ",2,0", "child": "" },//模块11 三农人物18
]

let jsonString = JSON.stringify(getJson);

async function getPageAllData() {
    const mkdata = await requestDataPromise('/web/getWebsiteAllArticle', {
        method: 'GET',
        query: {
            'id': jsonString
        },
    });
    console.log('111', mkdata.data);


    if (mkdata.code == 200) {
        if (mkdata.data.length > 0) {
            //模块1
            boxData1.value = mkdata.data[0].textnum;
        }

        if (mkdata.data.length > 1) {
            //模块2
            boxData2.value = mkdata.data[1].textnum;
        }

        if (mkdata.data.length > 2) {
            //模块3
            boxData3.value = mkdata.data[2].textnum;
        }

        if (mkdata.data.length > 3) {
            //模块4
            mkdata.data[3].imgnum.forEach((item, index) => {
                if (index < 1) {
                    boxData4.value.push(item);
                } else if (index >= 1 && index <= 2) {
                    boxData4data2.value.push(item);
                } else if (index >= 3) {
                    boxData4data3.value.push(item);
                }
            });
            mkdata.data[3].textnum.forEach((item, index) => {
                if (index < 10) {
                    boxData4data4.value.push(item);
                } else {
                    boxData4data5.value.push(item);
                }
            });
        }

        if (mkdata.data.length > 4) {
            //模块5
            mkdata.data[4].imgnum.forEach((item, index) => {
                if (index < 1) {
                    boxData5.value.push(item);
                } else if (index >= 1 && index <= 2) {
                    boxData5data2.value.push(item);
                } else if (index >= 3) {
                    boxData5data3.value.push(item);
                }
            });
            mkdata.data[4].textnum.forEach((item, index) => {
                if (index < 10) {
                    boxData5data4.value.push(item);
                } else {
                    boxData5data5.value.push(item);
                }
            });
        }

        if (mkdata.data.length > 5) {
            //模块6
            for (let index in mkdata.data[5].imgnum) {
                if (index < 3) {
                    boxData6.value.push(mkdata.data[5].imgnum[index])
                } else {
                    boxData6data2.value.push(mkdata.data[5].imgnum[index])
                }
            }
            if (mkdata.data[5].child) {
                for (let index in mkdata.data[5].child.all_childcat) {
                    if (index < 6) {
                        boxData6menu.value.push(mkdata.data[5].child.all_childcat[index])
                    }
                }
                //子导航路径
                boxData6pinyin.value = mkdata.data[5].child.pinyin;
                //子导航内容
                boxData6mainData.value = mkdata.data[5].child.textnum;
            }


        }

        if (mkdata.data.length > 6) {
            //模块7
            for (let index in mkdata.data[6].imgnum) {
                if (index < 1) {
                    boxData7.value.push(mkdata.data[6].imgnum[index])
                } else if (index >= 1 && index <= 2) {
                    boxData7data2.value.push(mkdata.data[6].imgnum[index])
                } else if (index >= 3) {
                    boxData7data3.value.push(mkdata.data[6].imgnum[index])
                }
            }

            for (let index in mkdata.data[6].textnum) {
                if (index <= 9) {
                    boxData7data4.value.push(mkdata.data[6].textnum[index])
                } else {
                    boxData7data5.value.push(mkdata.data[6].textnum[index])
                }
            }
            if (mkdata.data[6].child) {
                //子导航路径
                boxData7pinyin.value = mkdata.data[6].child.pinyin;
                //子导航内容
                boxData7mainData.value = mkdata.data[6].child.textnum;
            }

        }

        if (mkdata.data.length > 7) {
            //模块8
            boxData8.value = mkdata.data[7].textnum;
        }
        if (mkdata.data.length > 8) {
            //模块9
            boxData9.value = mkdata.data[8].textnum;
        }
        if (mkdata.data.length > 9) {
            //模块10
            boxData10.value = mkdata.data[9].imgnum;
        }
        if (mkdata.data.length > 10) {
            //模块11
            boxData11.value = mkdata.data[10].imgnum;
        }






    } else {
        ElMessage.error(mkdata.message)
    }
}
getPageAllData();
//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---------------------------------------->

//6.获取页面职位 及推荐单位 start---------------------------------------->
//6.1 获取最新热门岗位
const job_vacancy = ref('') // 招聘岗位
const getJob = async () => {
    const getJob = await requestDataPromise('/web/getWebsiteJob', {
        method: 'GET',
        query: {
            'job1_num': 6,
            'job2_num': 6,
        },
    });
    if (getJob.code == 200) {
        console.log("获取到的岗位和简历：", getJob.data);
        job_vacancy.value = getJob.data.job_recuiting; // 招聘岗位
    }
}
getJob()
//6.2 获取推荐岗位
const recommend_job = ref('') // 推荐岗位
const getRecommendJob = async () => {
    const getRecommendJob = await requestDataPromise('/web/getWebsiteLevelJob', {
        method: 'GET',
        query: {
            'job_level': 1,
            'pageSize': 6,
        },
    });
    console.log("获取推荐岗位1111：", getRecommendJob);
    if (getRecommendJob.code == 200) {
        console.log("获取推荐岗位1111222：", getRecommendJob.data);
        recommend_job.value = getRecommendJob.data; // 推荐岗位
    }
}
getRecommendJob()

// 6.获取页面职位 及推荐单位 end---------------------------------------->
</script>

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