Browse Source

完成首页

完成首页
dangyunlong 2 weeks ago
parent
commit
ea8891cb62
6 changed files with 291 additions and 205 deletions
  1. 1 1
      .nuxt/manifest/latest.json
  2. 1 1
      .nuxt/manifest/meta/dev.json
  3. 3 3
      .nuxt/nitro.json
  4. 1 1
      .nuxt/nuxt.d.ts
  5. 1 1
      assets/css/public/footer.less
  6. 284 198
      pages/index.vue

+ 1 - 1
.nuxt/manifest/latest.json

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

+ 1 - 1
.nuxt/manifest/meta/dev.json

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

+ 3 - 3
.nuxt/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2025-04-17T08:51:12.907Z",
+  "date": "2025-04-18T00:21:29.520Z",
   "preset": "nitro-dev",
   "framework": {
     "name": "nuxt",
@@ -9,9 +9,9 @@
     "nitro": "2.10.4"
   },
   "dev": {
-    "pid": 3312,
+    "pid": 6540,
     "workerAddress": {
-      "socketPath": "\\\\.\\pipe\\nitro\\worker-3312-1.sock"
+      "socketPath": "\\\\.\\pipe\\nitro\\worker-6540-1.sock"
     }
   }
 }

+ 1 - 1
.nuxt/nuxt.d.ts

@@ -1,6 +1,6 @@
 // Generated by nuxi
-/// <reference types="@nuxt/devtools" />
 /// <reference types="@nuxt/telemetry" />
+/// <reference types="@nuxt/devtools" />
 /// <reference path="types/builder-env.d.ts" />
 /// <reference types="nuxt" />
 /// <reference path="types/app-defaults.d.ts" />

+ 1 - 1
assets/css/public/footer.less

@@ -97,7 +97,7 @@
     overflow: hidden;
     text-align: center;
     font-size: 0px;
-    background: #255590;
+    background: #489D97;
 
     a {
         color: #fff;

+ 284 - 198
pages/index.vue

@@ -456,7 +456,7 @@
                             <NuxtLink 
                                 class="index_6_head_right_in_a" 
                                 v-for="item in boxData6menu"
-                                :to="{ path: `/${item.aLIas_pinyin}/list-1.html}`}" 
+                                :to="{ path: `/${item.aLIas_pinyin}/list-1.html`}" 
                                 :title="item.alias"
                             >
                                 {{item.alias}}
@@ -473,60 +473,90 @@
                         </NuxtLink>
                     </div>
                 </div>
-
-                            {{ boxData6mainData }}
-                            <div>33333333333333333333</div>
-
                 <div class="index_6_left clearfix">
                     <div class="roll_2_box">
-                        <div class="roll_2_img_ul">
+                        <div class="roll_2_img_ul" v-if="boxData6.length>0">
                             <div class="roll_2_per">
-                                <a class="roll_2_per_a" href="" title="">
-                                    <img class="roll_2_per_a_img" src="../public/img/24.png" title="" alt="">
-                                </a>
+                                <NuxtLink
+                                    class="roll_2_per_a"
+                                    v-if="showImg == 1&&boxData6[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[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[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">
+                    <div class="roll_2_btn_box" v-if="boxData6.length>0">
                         <div class="roll_2_btn roll_2_btn_only">
-                            <a class="roll_2_btn_dot2 dot2" href="" title="">
-                                劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构
-                            </a>
+                            <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">
-                            <a class="roll_2_btn_dot2 dot2" href="" title="">
-                                劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构
-                            </a>
+                        <div class="roll_2_btn roll_2_btn_only">
+                            <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">
-                            <a class="roll_2_btn_dot2 dot2" href="" title="">
-                                劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构
-                            </a>
+                        <div class="roll_2_btn roll_2_btn_only">
+                            <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">
-                        <div class="index_6_img_li">
-                            <a class="index_6_img_li_a" href="" title="">
-                                <img class="index_6_img_li_img" src="../public/img/13.png" title="" alt="">
-                                <div class="index_6_img_li_dot3 dot3">政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规
-                                </div>
-                            </a>
-                        </div>
-                        <div class="index_6_img_li">
-                            <a class="index_6_img_li_a" href="" title="">
-                                <img class="index_6_img_li_img" src="../public/img/14.png" title="" alt="">
-                                <div class="index_6_img_li_dot3 dot3">政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规
-                                </div>
-                            </a>
-                        </div>
-                        <div class="index_6_img_li">
-                            <a class="index_6_img_li_a" href="" title="">
-                                <img class="index_6_img_li_img" src="../public/img/15.png" title="" alt="">
-                                <div class="index_6_img_li_dot3 dot3">政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规
+                        <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>
-                            </a>
+                            </NuxtLink>
                         </div>
                     </div>
                 </div>
@@ -535,14 +565,25 @@
             <section class="index_7 clearfix">
                 <!-- open 专题报道-->
                 <div class="index_6_left clearfix">
-                    <div class="index_7_head">
-                        <a class="index_7_head_a" href="" title="">专题报道</a>
+                    <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">
-                        <a class="index_7_ul_a dot1" href="" title="">专题报道专题报道专题报道专题报道专题报道专题报道专题报道专题报道</a>
-                        <a class="index_7_ul_a dot1" href="" title="">专题报道专题报道专题报道专题报道专题报道专题报道专题报道专题报道</a>
-                        <a class="index_7_ul_a dot1" href="" title="">专题报道专题报道专题报道专题报道专题报道专题报道专题报道专题报道</a>
-                        <a class="index_7_ul_a dot1" href="" title="">专题报道专题报道专题报道专题报道专题报道专题报道专题报道专题报道</a>
+                        <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 专题报道-->
@@ -565,106 +606,159 @@
             <section class="index_8 clearfix">
                 <!-- open 人才服务-->
                 <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[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">
-                            <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 boxData7menu"
+                                :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[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">
-                            <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 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">
-                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</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_dot2 dot2">
-                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
-                            </a>
-                        </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 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">
-                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</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)"
+                            :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">
-                            <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 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">
-                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</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)"
+                            :title="item.title"
+                            v-for="item in boxData7data5"
+                            :target="item.islink == 1 ? '_blank' : '_self'"
+                        >
+                            {{ item.title }}
+                        </NuxtLink>
                     </div>
                 </div>
                 <!-- over 人才服务-->
             </section>
-
             <!-- 广告位三 start -->
-            <HomeTopTenTitle></HomeTopTenTitle>
+            <HomeAdvertising :imgurl="adImg3"></HomeAdvertising>
             <!-- <HomeTopTenTitle :imgurl="adList[2]" v-if="adList[2]"></HomeTopTenTitle> -->
             <!-- 广告位三 end -->
-
             <section class="index_9 clearfix">
                 <!-- open 民工培训-->
                 <div class="index_9_box_1">
                     <div class="index_2_head clearfix">
-                        <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', 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">
-                        <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_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 民工培训-->
@@ -675,11 +769,18 @@
                     </div>
                     <div class="index_9_big_img_ul">
                         <div class="index_5_big_img_li">
-                            <a class="index_5_big_img_li_a" href="" title="">
-                                <img class="index_9_big_img_li_img" src="../public/img/17.png" title="" alt="">
+                            <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">
-                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
-                            </a>
+                                    {{ item.title }}
+                                </div>
+                            </NuxtLink>
                         </div>
                     </div>
                 </div>
@@ -705,19 +806,18 @@
                         <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">
-                            <a class="index_10_img_ul_li_a" href="" title="">
-                                <img class="index_10_img_ul_li_img" src="../public/img/22.png" title="" alt="">
-                                <div class="index_10_img_ul_li_dot1 dot1">
-                                    劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构</div>
-                            </a>
-                        </div>
-                        <div class="index_10_img_ul_li">
-                            <a class="index_10_img_ul_li_a" href="" title="">
-                                <img class="index_10_img_ul_li_img" src="../public/img/24.png" title="" alt="">
+                        <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">
-                                    劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构</div>
-                            </a>
+                                    {{ item.title }}
+                                </div>
+                            </NuxtLink>
                         </div>
                     </div>
                 </div>
@@ -784,8 +884,6 @@ async function getModelData3() {
 getModelData3()
 //1.获取头条新闻 end---------------------------------------->
 
-
-
 //2.选项卡 start---------------------------------------->
 const hoverStatus = ref(1)
 const qhPic = function (num) {
@@ -801,6 +899,12 @@ 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---------------------------------------->
@@ -895,33 +999,24 @@ 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([]);
-const boxData8data2 = ref([]);
 //模块9
 const boxData9 = ref([]);
-const boxData9data2 = ref([]);
 //模块10 
 const boxData10 = ref([]);
-//模块11 带有子导航
+//模块11
 const boxData11 = ref([]);
-const boxData11data2 = ref([]);
-const boxData11menu = ref([]);
-//模块12
-const boxData12 = ref([]);
-const boxData12data2 = ref([]);
-//模块13
-const boxData13 = ref([]);
-const boxData13data2 = ref([]);
-const boxData13data3 = ref([]);
-//模块14
-const boxData14 = ref([]);
-const boxData14data2 = ref([]);
 
 //4.3获得导航数据
 try {
@@ -956,24 +1051,19 @@ try {
             //5
             if (navigateData.data[index].category_id == 5) { pageData.value[4] = data }
             //6
-            if (navigateData.data[index].category_id == 12) { pageData.value[5] = data }
+            if (navigateData.data[index].category_id == 21) { pageData.value[5] = data }
             //7
-            if (navigateData.data[index].category_id == 13) { pageData.value[6] = data }
+            if (navigateData.data[index].category_id == 153) { pageData.value[6] = data }
             //8
-            if (navigateData.data[index].category_id == 24) { pageData.value[7] = data }
+            if (navigateData.data[index].category_id == 12) { pageData.value[7] = data }
             //9
-            if (navigateData.data[index].category_id == 14) { pageData.value[8] = data }
+            if (navigateData.data[index].category_id == 13) { pageData.value[8] = data }
             //10
-            if (navigateData.data[index].category_id == 15) { pageData.value[9] = data }
+            if (navigateData.data[index].category_id == 24) { pageData.value[9] = data }
             //11
-            if (navigateData.data[index].category_id == 27) { pageData.value[10] = data }
+            if (navigateData.data[index].category_id == 14) { pageData.value[10] = data }
             //12
-            if (navigateData.data[index].category_id == 16) { pageData.value[11] = data }
-            //13
-            if (navigateData.data[index].category_id == 18) { pageData.value[12] = data }
-            //14
-            if (navigateData.data[index].category_id == 21) { pageData.value[13] = data }
-
+            if (navigateData.data[index].category_id == 15) { pageData.value[11] = data }
         }
     } else {
         console.log("获取导航池出错!", navigateData.message)
@@ -988,17 +1078,12 @@ let getJson = [
     { "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
+    { "parent": "21,6,0", "child": "189,0,4" },//模块6 必须含有一个子导航的id 才能获取到子导航列表
+    { "parent": "153,5,15", "child": "258,0,5"},//模块7
+    { "parent": "12,0,6", "child": "" },//模块8
+    { "parent": "13,0,6", "child": "" },//模块9
+    { "parent": "24,1,0", "child": "" },//模块10
+    { "parent": "14,2,0", "child": "" },//模块11
 ]
 
 let jsonString = JSON.stringify(getJson);
@@ -1053,51 +1138,52 @@ async function getPageAllData() {
             }
         });
         //模块6
-        boxData6.value = mkdata.data[5].imgnum;
-        boxData6data2.value = mkdata.data[5].textnum;
+        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])
+            }
+        }
         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;
 
-
-        
-
+        //模块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])
+            }
+        }
+        //子导航路径
+        boxData7pinyin.value = mkdata.data[6].child.pinyin;
+        //子导航内容
+        boxData7mainData.value = mkdata.data[6].child.textnum;
         //模块8
-        boxData8.value = mkdata.data[7].imgnum;
-        boxData8data2.value = mkdata.data[7].textnum;
+        boxData8.value = mkdata.data[7].textnum;
         //模块9
-        boxData9.value = mkdata.data[8].imgnum;
-        boxData9data2.value = mkdata.data[8].textnum;
+        boxData9.value = mkdata.data[8].textnum;
         //模块10
-        boxData10.value = mkdata.data[9].textnum;
+        boxData10.value = mkdata.data[9].imgnum;
         //模块11
         boxData11.value = mkdata.data[10].imgnum;
-        boxData11data2.value = mkdata.data[10].textnum;
-        for(let index in mkdata.data[10].child.all_childcat){
-            if(index < 6){
-                boxData11menu.value.push(mkdata.data[10].child.all_childcat[index])
-            }
-        }
-        //模块12
-        boxData12.value = mkdata.data[11].imgnum;
-        boxData12data2.value = mkdata.data[11].textnum;
-        //模块13
-        mkdata.data[12].imgnum.forEach((item, index) => {
-            if (index < 1) {
-                boxData13.value.push(item);
-            }else{
-                boxData13data2.value.push(item);
-            }
-        });
-        boxData13data3.value = mkdata.data[12].textnum;
-        //模块14
-        boxData14.value = mkdata.data[13].imgnum;
-        boxData14data2.value = mkdata.data[13].textnum;
-        
     } else {
         ElMessage.error(mkdata.message)
     }