临时保存

临时保存

.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1744795676659}
+{"id":"dev","timestamp":1744879870414}

.nuxt/manifest/meta/dev.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1744795676659,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}
+{"id":"dev","timestamp":1744879870414,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.nuxt/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2025-04-16T09:28:02.456Z",
+  "date": "2025-04-17T08:51:12.907Z",
   "preset": "nitro-dev",
   "framework": {
     "name": "nuxt",
@@ -9,9 +9,9 @@
     "nitro": "2.10.4"
   },
   "dev": {
-    "pid": 8472,
+    "pid": 3312,
     "workerAddress": {
-      "socketPath": "\\\\.\\pipe\\nitro\\worker-8472-1.sock"
+      "socketPath": "\\\\.\\pipe\\nitro\\worker-3312-1.sock"
     }
   }
 }

.nuxt/tsconfig.json

@@ -102,7 +102,7 @@
         "./imports"
       ],
       "#app-manifest": [
-        "./manifest/meta/dev.json"
+        "./manifest/meta/dev"
       ],
       "#components": [
         "./components"

assets/css/index.less

@@ -102,6 +102,10 @@ section {
         height: 22px;
         line-height: 22px;
         margin: 5px 18px;
+        width: 220px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
     }
 }
 
@@ -135,6 +139,7 @@ section {
         padding: 0 10px;
         position: relative;
         font-weight: bold;
+        cursor: pointer;
     }
 
     .index_2_head_a_only {

components/home/SmallSwiperNmg.vue

@@ -1,139 +1,163 @@
 <template>
-      <div class="swiper">
-            <el-carousel :interval="3333" height="405px" indicator-class="custom-indicator">
-                  <el-carousel-item v-for="(item, item_index) in 4" :key="item">
-                        <!-- <img src="../../static/images/sgbhsihfgisdfaasda45632113_A_group_of_Chinese_farmers_are_trans_bb6f6cc3-e86b-4706-840c-0974beef5b2f@2x.png"alt=""> -->
-                        <img class="" src="../../public/img/12.png" title="" alt="">
-                        <span class="swiper_dot1 dot1">{{ item_index
-                        }}高邮市周山镇开展渔业安全生产应急高邮市周山镇开展渔业安全生产应急高邮市周山镇开展渔业安全生产应急高邮市周山镇开展渔业安全生产应急</span>
-                  </el-carousel-item>
-            </el-carousel>
-      </div>
-
+    <div class="swiper">
+        <el-carousel :interval="5000" height="405px" indicator-class="custom-indicator" @change="handleIndicatorChange">
+                <el-carousel-item v-for="item in imagelist" :key="item">
+                    <NuxtLink 
+                            :to="`/${item.pinyin}/${item.id}.html`"
+                            :title="item.title">
+                            <img :src="item.imgurl" :alt="item.title">
+                            <span class="swiper_dot1 dot1">{{ item.title }}</span>
+                    </NuxtLink>
+                </el-carousel-item>
+        </el-carousel>
+    </div>
 </template>
 
 <script setup>
-
 import { ElCarousel, ElCarouselItem } from 'element-plus'
+//获取焦点图数据 start---------------------------------------->
+const imagelist = ref("")
+async function getModelData1() {
+    const mkdata =  await requestDataPromise('/web/getWebsiteArticlett', {
+        method: 'GET',
+        query: {
+            'pageSize': 5,
+            'level': 2,
+            'placeid': 0,
+            'id':''
+        },
+    });
+    if(mkdata.code == 200){
+      imagelist.value = mkdata.data;
+    }else{
+      console.log("错误位置错误：获取首页轮播图",mkdata.message)
+    }
+}
+getModelData1()
 
+let currentIndex = ref(0)
+let handleIndicatorChange = (val) => {
+    currentIndex.value = val
+}
+//获取焦点图数据 end---------------------------------------->
 </script>
 
 <style lang="less" scoped>
 .dot1 {
-      display: block;
-      word-break: keep-all;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
+    display: block;
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .swiper {
-      width: 100%;
-      height: 405px;
-      position: relative;
+    width: 100%;
+    height: 405px;
+    position: relative;
 
-      img {
-            width: 100%;
-            height: 405px;
-      }
+    img {
+        width: 100%;
+        height: 405px;
+    }
 
-      .swiper_dot1 {
-            display: block;
-            width: 100%;
-            line-height: 60px;
-            height: 60px;
-            color: #fff;
-            font-size: 24px;
-            text-indent: 20px;
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            z-index: 10;
-            box-sizing: border-box;
-            padding-right: 244px;
+    .swiper_dot1 {
+        display: block;
+        width: 100%;
+        line-height: 60px;
+        height: 60px;
+        color: #fff;
+        font-size: 24px;
+        text-indent: 20px;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        z-index: 10;
+        box-sizing: border-box;
+        padding-right: 244px;
 
-            background: rgba(0, 0, 0, .5);
+        background: rgba(0, 0, 0, .5);
 
 
 
 
 
-      }
+    }
 
 }
 
 .el-carousel {
-      /deep/.el-carousel__arrow i {
-            font-size: 30px !important;
-      }
-
-      /deep/.el-carousel__arrow--left {
-            left: 16px;
-            width: 35px;
-            height: 57px;
-            color: #616358;
-            background: #dcdedc;
-            position: absolute;
-            left: 0px;
-            border: none;
-            border-radius: 0;
-      }
-
-      /deep/.el-carousel__arrow--right {
-            right: 16px;
-            width: 35px;
-            height: 57px;
-            color: #616358;
-            background: #dcdedc;
-            position: absolute;
-            right: 0;
-            border: none;
-            border-radius: 0;
-      }
-
-      /deep/ .el-carousel__indicators {
-            // 指示器
-            left: unset;
-            transform: unset;
-            right: 10px;
-            bottom: 11px;
-      }
-
-      /deep/ .el-carousel__button {
-            // 指示器按钮
-            width: 10px;
-            height: 10px;
-            border: none;
-            border-radius: 5px;
-            background: #ccc;
-            opacity: 1;
-      }
-
-      /deep/ .is-active .el-carousel__button {
-            // 指示器激活按钮
-            background: #fff;
-            width: 58px;
-            opacity: 1;
-
-      }
-
-      /deep/ .el-carousel__container {
-            height: 100%;
-      }
+    /deep/.el-carousel__arrow i {
+        font-size: 30px !important;
+    }
+
+    /deep/.el-carousel__arrow--left {
+        left: 16px;
+        width: 35px;
+        height: 57px;
+        color: #616358;
+        background: #dcdedc;
+        position: absolute;
+        left: 0px;
+        border: none;
+        border-radius: 0;
+    }
+
+    /deep/.el-carousel__arrow--right {
+        right: 16px;
+        width: 35px;
+        height: 57px;
+        color: #616358;
+        background: #dcdedc;
+        position: absolute;
+        right: 0;
+        border: none;
+        border-radius: 0;
+    }
+
+    /deep/ .el-carousel__indicators {
+        // 指示器
+        left: unset;
+        transform: unset;
+        right: 10px;
+        bottom: 11px;
+    }
+
+    /deep/ .el-carousel__button {
+        // 指示器按钮
+        width: 10px;
+        height: 10px;
+        border: none;
+        border-radius: 5px;
+        background: #ccc;
+        opacity: 1;
+    }
+
+    /deep/ .is-active .el-carousel__button {
+        // 指示器激活按钮
+        background: #fff;
+        width: 58px;
+        opacity: 1;
+
+    }
+
+    /deep/ .el-carousel__container {
+        height: 100%;
+    }
 }
 
 .custom-indicator button {
-      background-color: #fff;
+    background-color: #fff;
 
-      opacity: 1;
-      width: 8px;
-      height: 8px;
+    opacity: 1;
+    width: 8px;
+    height: 8px;
 }
 
 .custom-indicator button.is-active {
-      background-color: #DD7D18;
-      width: 58px;
+    background-color: #DD7D18;
+    width: 58px;
 
-      opacity: 1;
+    opacity: 1;
 }
 </style>

components/home/pageNavigation.vue

@@ -3,7 +3,11 @@
         <div class="partOne">
             <div class="inner">
                 <ul class="navigationOne">
-                    <li>首页</li>
+                    <li>
+                        <NuxtLink href="/">
+                            首页
+                        </NuxtLink>
+                    </li>
                     <li v-for="(item, index) in navigation1" :key="index">
                         <NuxtLink :href="getLinkPath(item)" :title="item.alias" :target="item.is_url == 1 ? '_blank' : '_self'">
                             {{ item.alias }}
@@ -30,26 +34,40 @@
                     搜索职位 : 
                 </div>
                 <div class="searchRole">
-                    <el-select v-model="depValue" placeholder="招聘" size="large" style="width: 75px">
-                        <el-option v-for="(item, index) in department" :key="index" :label="item.name"
-                            :value="item.id" />
-                    </el-select>
+                    <!--下拉框只在客户端渲染-->
+                    <client-only> 
+                        <el-select v-model="searchInputValue1" placeholder="招聘" size="large" style="width: 75px" :key="'select1'">
+                            <el-option v-for="item in selectOptions" :key="item.id" :label="item.name" :value="item.id" />
+                        </el-select>
+                    </client-only>
                     <i></i>
                     <input type="text" v-model="typeValue" placeholder="输入关键词" class="ipt">
-                    <em class="search" @click="searchDepartment"></em>
+                    <em class="search"></em>
                 </div>
                 <div class="searchRole">
-                    <el-select v-model="province" placeholder="选择职业" size="large" style="width: 80px">
-                        <el-option v-for="item in provinceList" :key="item.id" :label="item.name"
-                            @click="change(item.id)" :value="item.id" />
-                    </el-select>
+                    <client-only> 
+                        <el-select v-model="searchInputValue2" placeholder="选择职业" size="large" style="width: 80px" :key="'select2'">
+                            <el-option 
+                                v-for="item in selectOptions2" 
+                                :label="item.name"
+                                :value="item.id" 
+                                :key="item.id"
+                            />
+                        </el-select>
+                    </client-only>
                     <i></i>
-                    <el-select v-model="city" placeholder="选择地区" no-data-text="请先选择省份" size="large" style="width: 80px">
-                        <el-option v-for="(item, index) in cityList" :key="item.id" :label="item.name"
-                            @click="change1(item.id)" :value="item.id" />
-                    </el-select>
+                    <client-only> 
+                    <el-select v-model="searchInputValue3" placeholder="选择地区" size="large" style="width: 80px" :key="'select3'">
+                        <el-option 
+                            v-for="item in selectOptions3" 
+                            :key="item.id" 
+                            :label="item.name"
+                            :value="item.id" 
+                        />
+                        </el-select>
+                    </client-only>
                     <i></i>
-                    <em class="search1" @click="goToPrimary"></em>
+                    <!-- <em class="search1" @click="goToPrimary"></em> -->
                 </div>
                 <div class="title1">
                     更多搜索条件>>
@@ -57,62 +75,6 @@
             </div>
         </div>
     </div>
-    <!-- <div class="navigate">
-        <div class="partOne">
-            <div class="inner">
-                <div class="navLeft">
-                    <div class="navIndex">
-                        <NuxtLink :to="'/'" title="首页">首页</NuxtLink> 
-                    </div>
-                    <div class="navClass">
-                        <div>
-                            商城类
-                        </div>
-                        <div>
-                            资讯类
-                        </div>
-                    </div>
-                </div>
-                <ul class="navigationOne">
-                    <li v-for="(item, index) in navigation1" :key="index">
-                        <NuxtLink :href="getLinkPath(item)" :title="item.alias" v-if="index<=23" :target="item.is_url == 1 ? '_blank' : '_self'">
-                            {{ item.alias }}
-                        </NuxtLink>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <div class="deepServer">
-            <div class="inner">
-                <div class="deepServer_left">
-                    <div class="serverTitle">
-                        深度服务
-                    </div>
-                    <ul class="contentList">
-                        <li v-for="(item, index) in navigation2" :key="index">
-                            <NuxtLink :href="getLinkPath(item)" :title="item.alias" :target="item.is_url == 1 ? '_blank' : '_self'">
-                                {{ item.alias }}
-                            </NuxtLink>
-                        </li>
-                    </ul>
-                </div>
-                <div class="deepServer_right">
-                    <div class="serverTitle_right">
-                        站内搜索:
-                    </div>
-                    <div class="searchRole">
-                        <el-select v-model="selectValue" placeholder="请选择.." size="large" style="width: 100px">
-                            <el-option v-for="(item, index) in selectOptions" :key="index" :label="item.name"
-                                :value="item.id" />
-                        </el-select>
-                        <i></i>
-                        <input type="text" v-model="inputValue" placeholder="输入关键词" class="ipt">
-                        <em @click="goToPrimary"></em>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div> -->
 </template>
 
 <script setup>
@@ -151,14 +113,30 @@ getNavigation2();
 
 //2.搜索 start ---------------------------------------->
 import { ElSelect, ElOption, ElMessage } from 'element-plus'
-let selectOptions = [ //下拉框选项
+
+const searchInputValue1 = ref("")
+const searchInputValue2 = ref("")
+const searchInputValue3 = ref("")
+
+let selectOptions = [
     {name:'资讯',id:1},
     {name:'商城',id:2},
     {name:'招工招聘',id:3},
 ]
+let selectOptions2 = [
+    {name:'职业1',id:1},
+    {name:'职业2',id:2},
+    {name:'职业3',id:3},
+]
+let selectOptions3 = [ 
+    {name:'地区1',id:1},
+    {name:'地区2',id:2},
+    {name:'地区3',id:3},
+]
 const selectValue = ref("") //搜索左侧下拉选择的值
 const inputValue = ref("") //搜索右侧框输入的值
 
+
 //2.1跳转到搜索页面
 let goToPrimary = async () => {
     if (inputValue.value==""||selectValue.value=="") {

pages/index.vue

@@ -4,13 +4,21 @@
         <HomePageNavigation></HomePageNavigation>
         <main class="index_main">
             <section class="index_1 clearfix">
-                <h3 class="index_1_h3"><a class="index_1_h3_a" href="" title="">京津冀人社协同活动月启动 25项人社服务事项在三地“一卡通办”</a>
+                <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">
-                    <a class="index_1_h3_title_box_a" href="" title="">政讯通</a>
-                    <a class="index_1_h3_title_box_a" href="" title="">政讯通政讯通</a>
-                    <a class="index_1_h3_title_box_a" href="" title="">政讯通政讯通政讯通</a>
-                    <a class="index_1_h3_title_box_a" href="" title="">政讯通</a>
+                    <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">
@@ -21,28 +29,73 @@
                 <!-- open 农民工人才库-->
                 <div class="index_2_right_box">
                     <div class="index_2_head clearfix">
-                        <a class="index_2_head_a index_2_head_a_only" title="">农民工人才库</a>
-                        <a class="index_2_head_a" title="">农民工维权</a>
-                        <a class="index_2_head_a" title="">市场动态</a>
+                        <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">
-                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
-                        <a class="index_2_ul_a dot1" href=""
-                            title="">新一批深化财税改革举措呼之欲出零基预算等被频频...场动态市场动态市场动态市场动态市场动态市场动态</a>
-                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
-                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
-                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
-                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                    <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 -->
-            <HomeTopTenTitle></HomeTopTenTitle>
-            <!-- <HomeTopTenTitle :imgurl="adList[0]" v-if="adList[0]"></HomeTopTenTitle> -->
+            <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
             <!-- 广告位一 end -->
-
             <section class="index_3 clearfix">
                 <div class="index_3_h4_box">
                     <h4 class="index_3_h4">
@@ -206,102 +259,224 @@
                 </div>
                 <!-- over 推荐就业单位-->
             </section>
-
             <!-- 广告位二 start -->
-            <HomeTopTenTitle></HomeTopTenTitle>
-            <!-- <HomeTopTenTitle :imgurl="adList[1]" v-if="adList[1]"></HomeTopTenTitle> -->
+            <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
             <!-- 广告位二 end -->
-
-            <!-- open 致富信息-->
+            <!-- 动态模块开始-->
             <section class="index_5 clearfix">
                 <div class="index_2_head  clearfix">
-                    <a class="index_2_head_a index_2_head_a_only" title="">致富信息</a>
-                    <a class="index_2_head_a" title="">书刊音像城</a>
+                    <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">
+                <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">
-                                <a class="index_5_big_img_li_a" href="" title="">
-                                    <img class="index_5_big_img_li_img" src="../public/img/8.png" title="" alt="">
+                                <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">
-                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
-                                </a>
+                                        {{ item.title }}
+                                    </div>
+                                </NuxtLink>
                             </div>
                         </div>
                         <div class="index_5_img_ul">
-                            <div class="index_5_img_li">
-                                <a class="index_5_img_li_a" href="" title="">
-                                    <img class="index_5_img_li_img" src="../public/img/9.png" title="" alt="">
+                            <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">
-                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
-                                </a>
+                                        {{ 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 class="index_5_img_li">
-                                <a class="index_5_img_li_a" href="" title="">
-                                    <img class="index_5_img_li_img" src="../public/img/10.png" title="" alt="">
+                        </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">
-                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
-                                </a>
+                                        {{ item.title }}
+                                    </div>
+                                </NuxtLink>
                             </div>
                         </div>
                     </div>
                     <div class="index_5_box_2 clearfix">
                         <div class="index_5_ul">
-                            <a class="index_5_ul_a dot1" href="" title="">1农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
-                            <a class="index_5_ul_a dot1" href="" title="">2农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
-                            <a class="index_5_ul_a dot1" href="" title="">3农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
-                            <a class="index_5_ul_a dot1" href="" title="">4农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
-                            <a class="index_5_ul_a dot1" href="" title="">5农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
-                            <a class="index_5_ul_a dot1" href="" title="">6农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
-                            <a class="index_5_ul_a dot1" href="" title="">7农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
-                            <a class="index_5_ul_a dot1" href="" title="">8农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
-                            <a class="index_5_ul_a dot1" href="" title="">9农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
-                            <a class="index_5_ul_a dot1" href="" title="">10农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                            <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">
-                                <a class="index_5_img_ul_2_li_a" href="" title="">
-                                    <img class="index_5_img_ul_2_li_img" src="../public/img/12.png" title="" alt="">
-                                    <div class="index_5_img_ul_2_li_dot1 dot1">农民工维</div>
-                                </a>
-                            </div>
-                            <div class="index_5_img_ul_2_li">
-                                <a class="index_5_img_ul_2_li_a" href="" title="">
-                                    <img class="index_5_img_ul_2_li_img" src="../public/img/11.png" title="" alt="">
+                            <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">
-                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
-                                </a>
+                                        {{ item.title }}
+                                    </div>
+                                </NuxtLink>
                             </div>
                         </div>
                         <div class="index_2_ul index_2_ul_2">
-                            <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
-                            <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
-                            <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
-                            <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
-                            <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                            <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">
-                    <a class="index_2_head_a index_2_head_a_only" title="">农民工资讯</a>
+                    <NuxtLink
+                        class="index_2_head_a index_2_head_a_only"
+                        v-if="pageData[5].cid"
+                        :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">
-                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
-                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
-                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
-                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
-                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
+                            <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>
-                        <a class="index_6_head_right_in_a" href="" title=""> 更多 &gt; </a>
+
+                        <NuxtLink
+                            class="index_6_head_right_in_a"
+                            v-if="pageData[5].cid"
+                            :href="getLinkPath(pageData[5])"
+                            :title="pageData[5].alias"
+                            >
+                            更多 &gt;
+                        </NuxtLink>
                     </div>
                 </div>
+
+                            {{ boxData6mainData }}
+                            <div>33333333333333333333</div>
+
                 <div class="index_6_left clearfix">
                     <div class="roll_2_box">
                         <div class="roll_2_img_ul">
@@ -559,16 +734,15 @@ 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: {
-            'pageSize': 1,
+            'pageSize': 5,
             'level': 1,
             'placeid': 0,
             'id': ''
@@ -576,7 +750,13 @@ async function getModelData1() {
     });
     if (mkdata.code == 200) {
         //填充大标题
-        headline.value = mkdata.data[0]
+        for (let index in mkdata.data) {
+           if(index < 1 ){
+                headline.value = mkdata.data[index]
+           }else{
+                headlineData2.value.push(mkdata.data[index])
+           }
+        }
     } else {
         console.log("设置大标题错误", mkdata.message)
     }
@@ -611,6 +791,16 @@ 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;
+}
 //2.选项卡 end---------------------------------------->
 
 //3.广告 start---------------------------------------->
@@ -684,23 +874,29 @@ const pageData = ref([
 //4.2 模块数据
 //模块1
 const boxData1 = ref([])
-const boxData1data2 = ref([])
-const boxData1data3 = ref([])
 //模块2
 const boxData2 = ref([]);
-const boxData2data2 = ref([]);
 //模块3 
 const boxData3 = ref([]);
-const boxData3data2 = 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([]);
+
+
 //模块7
 const boxData7 = ref([]);
 const boxData7data2 = ref([]);
@@ -787,17 +983,19 @@ try {
 }
 
 let getJson = [
-    { "parent": "11,3,9", "child": "" },//模块1
-    { "parent": "317,1,2", "child": "" },//模块2
-    { "parent": "1,1,6", "child": "" },//模块3
-    { "parent": "2,2,4", "child": "" },//模块4
-    { "parent": "5,1,5", "child": "" },//模块5
-    { "parent": "12,0,9", "child": "" },//模块6
-    { "parent": "13,1,4", "child": "" },//模块7
-    { "parent": "24,1,6", "child": "" },//模块8
-    { "parent": "14,1,6", "child": "" },//模块9
-    { "parent": "15,0,7", "child": "" },//模块10
-    { "parent": "21,1,6", "child": "189,0,5" },//模块11 必须含有一个子导航的id 才能获取到子导航列表
+    { "parent": "11,0,6", "child": "" },//模块1
+    { "parent": "317,0,6", "child": "" },//模块2
+    { "parent": "1,0,6", "child": "" },//模块3
+    { "parent": "2,5,15", "child": "" },//模块4
+    { "parent": "5,5,15", "child": "" },//模块5
+    { "parent": "21,1,6", "child": "189,0,5" },//模块6 必须含有一个子导航的id 才能获取到子导航列表
+
+
+    { "parent": "12,0,9", "child": "" },//模块7
+    { "parent": "13,1,4", "child": "" },//模块8
+    { "parent": "24,1,6", "child": "" },//模块9
+    { "parent": "14,1,6", "child": "" },//模块10
+    { "parent": "15,0,7", "child": "" },//模块11
     { "parent": "16,2,4", "child": "" },//模块12
     { "parent": "18,3,9", "child": "" },//模块13
     { "parent": "27,2,5", "child": "" },//模块14
@@ -815,37 +1013,59 @@ async function getPageAllData() {
 
     if (mkdata.code == 200) {
         //模块1
-        mkdata.data[0].imgnum.forEach((item, index) => {
+        boxData1.value = mkdata.data[0].textnum;
+        //模块2
+        boxData2.value = mkdata.data[1].textnum;
+        //模块3
+        boxData3.value = mkdata.data[2].textnum;
+        //模块4
+        mkdata.data[3].imgnum.forEach((item, index) => {
             if (index < 1) {
-                boxData1.value.push(item);
+                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{
-                boxData1data2.value.push(item);
+                boxData4data5.value.push(item);
             }
         });
-        boxData1data3.value = mkdata.data[0].textnum;
-        //模块2
-        boxData2.value = mkdata.data[1].imgnum;
-        boxData2data2.value = mkdata.data[1].textnum;
-        //模块3
-        boxData3.value = mkdata.data[2].imgnum;
-        boxData3data2.value = mkdata.data[2].textnum;
-        //模块4
-        boxData4.value = mkdata.data[3].imgnum;
-        boxData4data2.value = mkdata.data[3].textnum;
         //模块5
-        boxData5.value = mkdata.data[4].imgnum;
-        boxData5data2.value = mkdata.data[4].textnum;
-        //模块6
-        mkdata.data[5].textnum.forEach((item, index) => {
-            if (index < 3) {
-                boxData6.value.push(item);
+        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{
-                boxData6data2.value.push(item);
+                boxData5data5.value.push(item);
             }
         });
-        //模块7
-        boxData7.value = mkdata.data[6].imgnum;
-        boxData7data2.value = mkdata.data[6].textnum;
+        //模块6
+        boxData6.value = mkdata.data[5].imgnum;
+        boxData6data2.value = mkdata.data[5].textnum;
+        for(let index in mkdata.data[5].child.all_childcat){
+            if(index < 6){
+                boxData6menu.value.push(mkdata.data[5].child.all_childcat[index])
+            }
+        }
+        //子导航内容
+        boxData6mainData.value = mkdata.data[5].child.textnum;
+
+
+        
+
         //模块8
         boxData8.value = mkdata.data[7].imgnum;
         boxData8data2.value = mkdata.data[7].textnum;