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 phone_none">
                    <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>
            <!-- 农民工维权 phone-->
            <div class="phone_box_1 pc_none">
                <div class="phone_box_1_head">
                    <NuxtLink class="" :href="getLinkPath(pageData[1])">
                        {{ pageData[1].alias }}
                    </NuxtLink>
                </div>
                <div class="phone_box_1_ul">
                    <div class="">
                        <NuxtLink class="" v-for="item in boxData2" :href="getLinkPathDetail(item)"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
            </div>
            <!-- 广告位一 start -->
            <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
            <!-- 广告位一 end -->
            <section class="index_3 clearfix phone_none">
                <div class="index_3_h4_box">
                    <h4 class="index_3_h4">
                        <span class="index_3_h4_a" :title="最新热门职位">最新热门职位</span>
                    </h4>
                </div>
                <!-- {{ job_vacancy }} -->
                <!-- open 最新热门职位1-->
                <div class="index_3_ul clearfix_2" v-if="job_vacancy">
                    <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 phone_none">
                <!-- open 推荐就业单位-->
                <div class="index_3_h4_box">
                    <h4 class="index_3_h4">
                        <span class="index_3_h4_a" title="推荐就业单位">推荐就业单位</span>
                    </h4>
                </div>
                <div class="index_4_ul clearfix">
                    <NuxtLink class="index_4_ul_a dot1" :href="`/${item.pinyin}/${item.id}.html`" :title="item.title"
                        v-for="(item, index) in recommend_company" :key="index">
                        {{ item.title }}
                    </NuxtLink>
                </div>
                <!-- over 推荐就业单位-->
            </section>
            <!-- 广告位二 start -->
            <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
            <!-- 广告位二 end -->
            <!-- 动态模块开始-->
            <section class="index_5 clearfix phone_none">
                <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 }}11111
                    </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 致富信息-->
            <!-- 致富信息 phone-->
            <div class="phone_box_2 pc_none">
                <div class="phone_box_2_head">
                    <NuxtLink class="" :href="getLinkPath(pageData[3])">
                        {{ pageData[3].alias }}
                    </NuxtLink>
                </div>
                <div class="phone_box_2_img_ul">
                    <div class="">
                        <NuxtLink class="" :href="getLinkPathDetail(item)" v-for="item in boxData4"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            <img class="" :src="item.imgurl">
                            <span class="">
                                {{ item.title }}
                            </span>
                        </NuxtLink>
                    </div>
                </div>
                <div class="phone_box_2_ul">
                    <div class="">
                        <NuxtLink class="" :href="getLinkPathDetail(item)" v-for="item in boxData4data4"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
            </div>
            <!-- open 农民工资讯-->
            <section class="index_6 clearfix phone_none">
                <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.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.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.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.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.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.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.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 农民工资讯-->
            <!-- 农民工资讯 phone-->
            <div class="phone_box_3 pc_none" v-if="pageData.length > 5">
                <div class="phone_box_3_head">
                    <NuxtLink class="" :href="getLinkPath(pageData[5])">
                        {{ pageData[5].alias }}
                    </NuxtLink>
                </div>
                <div class="phone_box_3_img_ul">
                    <div class="" v-if="boxData6.length > 0">
                        <NuxtLink class="" :href="getLinkPathDetail(boxData6[0])"
                            :target="boxData6[0].islink == 1 ? '_blank' : '_self'">
                            <img class="" :src="boxData6[0].imgurl" :alt="boxData6[0].title">
                            <span class=" ">{{ boxData6[0].title }}</span>
                        </NuxtLink>
                    </div>
                </div>
                <div class="phone_box_3_ul">
                    <div class="">
                        <NuxtLink class="" v-if="boxData6.length > 1" :href="getLinkPathDetail(boxData6[1])"
                            :target="boxData6[1].islink == 1 ? '_blank' : '_self'">
                            {{ boxData6[1].title }}
                        </NuxtLink>
                        <NuxtLink class="" v-if="boxData6.length > 2" :href="getLinkPathDetail(boxData6[2])"
                            :target="boxData6[2].islink == 1 ? '_blank' : '_self'">
                            {{ boxData6[2].title }}
                        </NuxtLink>
                        <NuxtLink class="" v-if="boxData6data2.length > 0" v-for="item in boxData6data2"
                            :href="getLinkPathDetail(item)" :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
            </div>
            <section class="index_7 clearfix phone_none">
                <!-- 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 phone_none">
                <!-- 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>
            <!-- 人才服务 phone-->
            <div class="phone_box_4 pc_none" v-if="pageData[6].cid">
                <div class="phone_box_4_head">
                    <NuxtLink class="" :href="getLinkPath(pageData[6])">
                        {{ pageData[6].alias }}
                    </NuxtLink>
                </div>
                <div class="phone_box_4_img_ul">
                    <div class="">
                        <NuxtLink class="" :href="getLinkPathDetail(item)" v-for="item in boxData7"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            <img class="" :src="item.imgurl">
                            <span>
                                {{ item.title }}
                            </span>
                        </NuxtLink>
                    </div>
                </div>
                <div class="phone_box_4_ul">
                    <div class="">
                        <NuxtLink class="" v-for="item in boxData7data4" :href="getLinkPathDetail(item)"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
            </div>
            <!-- 广告位三 start -->
            <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>
            <!-- <HomeTopTenTitle :imgurl="adList[2]" v-if="adList[2]"></HomeTopTenTitle> -->
            <!-- 广告位三 end -->
            <section class="index_9 clearfix phone_none">
                <!-- 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>
            <!-- 农民工创业 phone -->
            <div class="phone_box_5 pc_none" v-if="pageData[7].cid">
                <div class="phone_box_5_head">
                    <NuxtLink class="" :href="getLinkPath(pageData[7])">
                        {{ pageData[7].alias }}
                    </NuxtLink>
                </div>
                <div class="phone_box_5_ul">
                    <div class="">
                        <NuxtLink class="" v-for="item in boxData8" :href="getLinkPathDetail(item)"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
            </div>
            <!-- 农民工培训 phone-->
            <div class="phone_box_6 pc_none" v-if="pageData[8].cid">
                <div class="phone_box_6_head">
                    <NuxtLink class=" " :href="getLinkPath(pageData[8])">
                        {{ pageData[8].alias }}
                    </NuxtLink>
                </div>
                <div class="phone_box_6_ul">
                    <div class="">
                        <NuxtLink class="" v-for="item in boxData9" :href="getLinkPathDetail(item)"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
            </div>
            <div class="phone_box_7 pc_none">
                <div class="phone_box_7_head">
                    <a class="" title="">知识天地</a>
                </div>
                <div class="phone_box_7_img_ul">
                    <div class="">
                        <NuxtLink class="" v-for="item in boxData10" :href="getLinkPathDetail(item)"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            <img class="" :src="item.imgurl" alt="item.title">
                            <span class="">
                                {{ item.title }}
                            </span>
                        </NuxtLink>
                    </div>
                </div>
            </div>
            <section class="index_10 clearfix phone_none">
                <!-- 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>
            <!-- 三农人物 phone-->
            <div class="phone_box_8 pc_none">
                <div class="phone_box_8_head">
                    <a class="" title="">三农人物</a>
                </div>
                <div class="phone_box_8_img_ul">
                    <div class="">
                        <NuxtLink class="" v-for="item in boxData11.slice(0, 1)" :href="getLinkPathDetail(item)"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            <img class="" :src="item.imgurl" alt="item.title">
                            <span class="">
                                {{ item.title }}
                            </span>
                        </NuxtLink>
                    </div>
                </div>
                <div class="phone_box_8_ul">
                    <div class="">
                        <NuxtLink class="" v-for="item in boxData11.slice(1, 2)" :href="getLinkPathDetail(item)"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
            </div>
        </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
        },
    });
     
    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;
            }
            console.log('boxData6', boxData6.value);
        }
        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();
let getJson_company = [
    { 'id': $pageNav[8] + ",0,6" },
    { 'level': "1,0,18" },
]
let companyJson = JSON.stringify(getJson_company)
//企业功能
//农民工培训模块547
const recommend_company = ref('') // 推荐岗位
const getRecommendCompany = async () => {
    const getCompany = await requestDataPromise('/web/getWebsiteCompany', {
        method: 'GET',
        query: {
            'id': companyJson
        },
    });
    if (getCompany.code == 200) {
        console.log('getCompany', getCompany);
        if (getCompany.data.length > 0) {
            boxData9.value = getCompany.data[0].text_num;
        }
        if (getCompany.data.length > 1) {
            recommend_company.value = getCompany.data[1].text_num;
        }
    }
}
getRecommendCompany()
//项目模块(致富信息)
let getJson_project = [
    { 'id': $pageNav[3] + ",5,15" },
]
let projectJson = JSON.stringify(getJson_project)
//项目功能
const project = ref('') // 项目功能
const getProject = async () => {
    const getProject = await requestDataPromise('/web/getWebsiteProject', {
        method: 'GET',
        query: {
            'id': projectJson
        },
    });
    if (getProject.code == 200) {
        console.log('getProject', getProject);
        getProject.data[0].img_num.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);
            }
        });
        getProject.data[0].text_num.forEach((item, index) => {
            if (index < 10) {
                boxData4data4.value.push(item);
            } else {
                boxData4data5.value.push(item);
            }
        });
    }
}
getProject()
//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 },
            { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no', tagPriority: 10 }
        ]
    });
} else {
    console.log("设置首页SEO出错！", setData.message)
}
//5.设置seo数据 start---------------------------------------->
//6.获取页面职位 及推荐单位 start---------------------------------------->
//6.1 获取最新热门岗位
let 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("获取到的岗位和简历：", typeof (getJob.data.job_recuiting));
        if (typeof (getJob.data.job_recuiting) == string) {
            job_vacancy.value = getJob.data.job_recuiting; // 招聘岗位
        }
        // 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>
<style lang="less" scoped>
@media screen and (min-width:801px) {
    /*pc*/
    .pc_none {
        display: none;
    }
}
@media screen and (max-width:800px) {
    /*ipad_phone*/
    .index_main {
        width: 100%;
        margin-bottom: 0px;
    }
    .index_1 {
        width: 100%;
        margin: 0px auto 0px;
        min-height: auto;
    }
    .index_2 {
        width: 100%;
        margin-bottom: 12px;
    }
    .index_1_h3 {
        width: 92%;
        text-align: center;
        height: 33px;
        overflow: hidden;
        margin: 19px auto 0px;
    }
    .index_1_h3 .index_1_h3_a {
        display: inline-block;
        width: auto;
        max-width: 100%;
        height: 100%;
        line-height: 33px;
        font-size: 22px;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .index_1_h3_title_box {
        width: 75%;
        margin: 9px auto 0px;
    }
    .index_1_h3_title_box .index_1_h3_title_box_a {
        width: 100%;
        display: none;
        font-size: 16px;
        margin: 0;
    }
    .index_1_h3_title_box .index_1_h3_title_box_a:nth-of-type(1) {
        display: block;
    }
    .roll_1_box {
        width: 92%;
        overflow: hidden;
        height: auto;
        margin: 0px auto 0px;
        float: none;
    }
    .phone_box_1 {
        width: 92%;
        margin: 0px auto 0px;
        .phone_box_1_head {
            height: 50px;
            line-height: 50px;
            background: #fff;
            border-bottom: 1px solid #E6E6E6;
            width: 100%;
            a {
                float: left;
                height: 50px;
                line-height: 50px;
                margin: 0;
                position: relative;
                color: #489d97;
                font-size: 18px;
                font-weight: bold;
                box-sizing: border-box;
                position: relative;
                padding-left: 8px;
            }
            a::before {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: linear-gradient(to top, #0998A9, #6ADDD6);
                width: 3px;
                height: 15px;
            }
        }
        .phone_box_1_ul {
            overflow: hidden;
            height: 205px;
            margin: 8px auto 0px;
            >div {
                width: 100%;
                height: 100%;
            }
            a {
                width: 100% !important;
                display: block;
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #E6E6E6;
                display: block;
                position: relative;
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 16px;
                color: #333;
                text-indent: 18px;
            }
            a::after {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: #E6E6E6;
                width: 6px;
                height: 6px;
            }
            a:nth-of-type(n+6) {
                display: none;
            }
        }
    }
    .phone_box_2 {
        width: 92%;
        margin: 0px auto 0px;
        .phone_box_2_head {
            height: 50px;
            line-height: 50px;
            background: #fff;
            border-bottom: 1px solid #E6E6E6;
            margin-top: 15px;
            width: 100%;
            a {
                float: left;
                height: 50px;
                line-height: 50px;
                margin: 0;
                position: relative;
                color: #489d97;
                font-size: 18px;
                font-weight: bold;
                box-sizing: border-box;
                position: relative;
                padding-left: 8px;
            }
            a::before {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: linear-gradient(to top, #0998A9, #6ADDD6);
                width: 3px;
                height: 15px;
            }
        }
        .phone_box_2_img_ul {
            height: 55vw;
            overflow: hidden;
            margin-top: 15px;
            div {
                width: 100%;
                float: none;
                height: 55vw;
                border-radius: 10px;
                position: relative;
                overflow: hidden;
            }
            a {
                display: block;
                width: 100%;
                height: 100%;
            }
            img {
                display: block;
                width: 100%;
                height: 100%;
            }
            span {
                position: absolute;
                width: 100%;
                height: 66px;
                line-height: 90px;
                color: #fff;
                font-size: 16px;
                left: 0px;
                bottom: 0px;
                padding: 0px 5%;
                box-sizing: border-box;
                display: block;
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            >div:nth-of-type(n+2) {
                display: none;
            }
        }
        .phone_box_2_ul {
            overflow: hidden;
            height: 205px;
            margin: 8px auto 0px;
            >div {
                width: 100%;
                height: 100%;
            }
            a {
                width: 100% !important;
                display: block;
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #E6E6E6;
                display: block;
                position: relative;
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 16px;
                color: #333;
                text-indent: 18px;
            }
            a::after {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: #E6E6E6;
                width: 6px;
                height: 6px;
            }
            a:nth-of-type(n+6) {
                display: none;
            }
        }
    }
    .phone_box_3 {
        width: 92%;
        margin: 0px auto 0px;
        .phone_box_3_head {
            height: 50px;
            line-height: 50px;
            background: #fff;
            border-bottom: 1px solid #E6E6E6;
            margin-top: 15px;
            width: 100%;
            a {
                float: left;
                height: 50px;
                line-height: 50px;
                margin: 0;
                position: relative;
                color: #489d97;
                font-size: 18px;
                font-weight: bold;
                box-sizing: border-box;
                position: relative;
                padding-left: 8px;
            }
            a::before {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: linear-gradient(to top, #0998A9, #6ADDD6);
                width: 3px;
                height: 15px;
            }
        }
        .phone_box_3_img_ul {
            height: 55vw;
            overflow: hidden;
            margin-top: 15px;
            div {
                width: 100%;
                float: none;
                height: 55vw;
                border-radius: 10px;
                position: relative;
                overflow: hidden;
            }
            a {
                display: block;
                width: 100%;
                height: 100%;
            }
            img {
                display: block;
                width: 100%;
                height: 100%;
            }
            span {
                position: absolute;
                width: 100%;
                height: 66px;
                line-height: 90px;
                color: #fff;
                font-size: 16px;
                left: 0px;
                bottom: 0px;
                padding: 0px 5%;
                box-sizing: border-box;
                display: block;
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            >div:nth-of-type(n+2) {
                display: none;
            }
        }
        .phone_box_3_ul {
            overflow: hidden;
            height: 205px;
            margin: 15px auto 0px;
            >div {
                width: 100%;
                height: 100%;
            }
            a {
                width: 100% !important;
                display: block;
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #E6E6E6;
                display: block;
                position: relative;
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 16px;
                color: #333;
                text-indent: 18px;
            }
            a::after {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: #E6E6E6;
                width: 6px;
                height: 6px;
            }
            a:nth-of-type(n+6) {
                display: none;
            }
        }
    }
    .phone_box_4 {
        width: 92%;
        margin: 0px auto 0px;
        .phone_box_4_head {
            height: 50px;
            line-height: 50px;
            background: #fff;
            border-bottom: 1px solid #E6E6E6;
            margin-top: 15px;
            width: 100%;
            a {
                float: left;
                height: 50px;
                line-height: 50px;
                margin: 0;
                position: relative;
                color: #489d97;
                font-size: 18px;
                font-weight: bold;
                box-sizing: border-box;
                position: relative;
                padding-left: 8px;
            }
            a::before {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: linear-gradient(to top, #0998A9, #6ADDD6);
                width: 3px;
                height: 15px;
            }
        }
        .phone_box_4_img_ul {
            height: 55vw;
            overflow: hidden;
            margin-top: 15px;
            div {
                width: 100%;
                float: none;
                height: 55vw;
                border-radius: 10px;
                position: relative;
                overflow: hidden;
            }
            a {
                display: block;
                width: 100%;
                height: 100%;
            }
            img {
                display: block;
                width: 100%;
                height: 100%;
            }
            span {
                position: absolute;
                width: 100%;
                height: 66px;
                line-height: 90px;
                color: #fff;
                font-size: 16px;
                left: 0px;
                bottom: 0px;
                padding: 0px 5%;
                box-sizing: border-box;
                display: block;
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            >div:nth-of-type(n+2) {
                display: none;
            }
        }
        .phone_box_4_ul {
            overflow: hidden;
            height: 205px;
            margin: 15px auto 0px;
            >div {
                width: 100%;
                height: 100%;
            }
            a {
                width: 100% !important;
                display: block;
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #E6E6E6;
                display: block;
                position: relative;
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 16px;
                color: #333;
                text-indent: 18px;
            }
            a::after {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: #E6E6E6;
                width: 6px;
                height: 6px;
            }
            a:nth-of-type(n+6) {
                display: none;
            }
        }
    }
    .phone_box_5 {
        width: 92%;
        margin: 0px auto 0px;
        .phone_box_5_head {
            height: 50px;
            line-height: 50px;
            background: #fff;
            border-bottom: 1px solid #E6E6E6;
            margin-top: 15px;
            width: 100%;
            a {
                float: left;
                height: 50px;
                line-height: 50px;
                margin: 0;
                position: relative;
                color: #489d97;
                font-size: 18px;
                font-weight: bold;
                box-sizing: border-box;
                position: relative;
                padding-left: 8px;
            }
            a::before {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: linear-gradient(to top, #0998A9, #6ADDD6);
                width: 3px;
                height: 15px;
            }
        }
        .phone_box_5_ul {
            overflow: hidden;
            height: 205px;
            margin: 8px auto 0px;
            >div {
                width: 100%;
                height: 100%;
            }
            a {
                width: 100% !important;
                display: block;
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #E6E6E6;
                display: block;
                position: relative;
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 16px;
                color: #333;
                text-indent: 18px;
            }
            a::after {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: #E6E6E6;
                width: 6px;
                height: 6px;
            }
            a:nth-of-type(n+6) {
                display: none;
            }
        }
    }
    .phone_box_6 {
        width: 92%;
        margin: 0px auto 0px;
        .phone_box_6_head {
            height: 50px;
            line-height: 50px;
            background: #fff;
            border-bottom: 1px solid #E6E6E6;
            margin-top: 15px;
            width: 100%;
            a {
                float: left;
                height: 50px;
                line-height: 50px;
                margin: 0;
                position: relative;
                color: #489d97;
                font-size: 18px;
                font-weight: bold;
                box-sizing: border-box;
                position: relative;
                padding-left: 8px;
            }
            a::before {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: linear-gradient(to top, #0998A9, #6ADDD6);
                width: 3px;
                height: 15px;
            }
        }
        .phone_box_6_ul {
            overflow: hidden;
            height: 205px;
            margin: 8px auto 0px;
            >div {
                width: 100%;
                height: 100%;
            }
            a {
                width: 100% !important;
                display: block;
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #E6E6E6;
                display: block;
                position: relative;
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 16px;
                color: #333;
                text-indent: 18px;
            }
            a::after {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: #E6E6E6;
                width: 6px;
                height: 6px;
            }
            a:nth-of-type(n+6) {
                display: none;
            }
        }
    }
    .phone_box_7 {
        width: 92%;
        margin: 0px auto 0px;
        .phone_box_7_head {
            height: 50px;
            line-height: 50px;
            background: #fff;
            border-bottom: 1px solid #E6E6E6;
            margin-top: 15px;
            width: 100%;
            a {
                float: left;
                height: 50px;
                line-height: 50px;
                margin: 0;
                position: relative;
                color: #489d97;
                font-size: 18px;
                font-weight: bold;
                box-sizing: border-box;
                position: relative;
                padding-left: 8px;
            }
            a::before {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: linear-gradient(to top, #0998A9, #6ADDD6);
                width: 3px;
                height: 15px;
            }
        }
        .phone_box_7_img_ul {
            height: 55vw;
            overflow: hidden;
            margin-top: 15px;
            div {
                width: 100%;
                float: none;
                height: 55vw;
                border-radius: 10px;
                position: relative;
                overflow: hidden;
            }
            a {
                display: block;
                width: 100%;
                height: 100%;
            }
            img {
                display: block;
                width: 100%;
                height: 100%;
            }
            span {
                position: absolute;
                width: 100%;
                height: 66px;
                line-height: 90px;
                color: #fff;
                font-size: 16px;
                left: 0px;
                bottom: 0px;
                padding: 0px 5%;
                box-sizing: border-box;
                display: block;
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            >div:nth-of-type(n+2) {
                display: none;
            }
        }
    }
    .phone_box_8 {
        width: 92%;
        margin: 0px auto 0px;
        .phone_box_8_head {
            height: 50px;
            line-height: 50px;
            background: #fff;
            border-bottom: 1px solid #E6E6E6;
            margin-top: 15px;
            width: 100%;
            a {
                float: left;
                height: 50px;
                line-height: 50px;
                margin: 0;
                position: relative;
                color: #489d97;
                font-size: 18px;
                font-weight: bold;
                box-sizing: border-box;
                position: relative;
                padding-left: 8px;
            }
            a::before {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: linear-gradient(to top, #0998A9, #6ADDD6);
                width: 3px;
                height: 15px;
            }
        }
        .phone_box_8_img_ul {
            height: 55vw;
            overflow: hidden;
            margin-top: 15px;
            div {
                width: 100%;
                float: none;
                height: 55vw;
                border-radius: 10px;
                position: relative;
                overflow: hidden;
            }
            a {
                display: block;
                width: 100%;
                height: 100%;
            }
            img {
                display: block;
                width: 100%;
                height: 100%;
            }
            span {
                position: absolute;
                width: 100%;
                height: 66px;
                line-height: 90px;
                color: #fff;
                font-size: 16px;
                left: 0px;
                bottom: 0px;
                padding: 0px 5%;
                box-sizing: border-box;
                display: block;
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            >div:nth-of-type(n+2) {
                display: none;
            }
        }
        .phone_box_8_ul {
            overflow: hidden;
            height: 41px;
            margin: 15px auto 0px;
            >div {
                width: 100%;
                height: 100%;
            }
            a {
                width: 100% !important;
                display: block;
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #E6E6E6;
                display: block;
                position: relative;
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 16px;
                color: #333;
                text-indent: 18px;
            }
            a::after {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: #E6E6E6;
                width: 6px;
                height: 6px;
            }
            a:nth-of-type(n+2) {
                display: none;
            }
        }
    }
    .phone_box_9 {
        width: 92%;
        margin: 0px auto 0px;
        .phone_box_8_head {
            height: 50px;
            line-height: 50px;
            background: #fff;
            border-bottom: 1px solid #E6E6E6;
            margin-top: 15px;
            width: 100%;
            a {
                float: left;
                height: 50px;
                line-height: 50px;
                margin: 0;
                position: relative;
                color: #489d97;
                font-size: 18px;
                font-weight: bold;
                box-sizing: border-box;
                position: relative;
                padding-left: 8px;
            }
            a::before {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: linear-gradient(to top, #0998A9, #6ADDD6);
                width: 3px;
                height: 15px;
            }
        }
        .phone_box_8_ul {
            overflow: hidden;
            height: 41px;
            margin: 8px auto 0px;
            >div {
                width: 100%;
                height: 100%;
            }
            a {
                width: 100% !important;
                display: block;
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #E6E6E6;
                display: block;
                position: relative;
                word-break: keep-all;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 16px;
                color: #333;
                text-indent: 18px;
            }
            a::after {
                content: '';
                display: block;
                position: absolute;
                left: 0px;
                top: 18px;
                background: #E6E6E6;
                width: 6px;
                height: 6px;
            }
            a:nth-of-type(n+2) {
                display: none;
            }
        }
    }
    .phone_none {
        display: none;
    }
}
</style>