解决商品类型栏目频道页打不开问题

.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"0251fa41-92b4-445a-bc23-3464336d5fba","timestamp":1750669732348}
+{"id":"a5058d26-f120-4679-a9f9-4dd5b0711376","timestamp":1751877058768}

.nuxt/manifest/meta/0251fa41-92b4-445a-bc23-3464336d5fba.json

@@ -1 +0,0 @@
-{"id":"0251fa41-92b4-445a-bc23-3464336d5fba","timestamp":1750669732348,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.nuxt/manifest/meta/a5058d26-f120-4679-a9f9-4dd5b0711376.json

@@ -0,0 +1 @@
+{"id":"a5058d26-f120-4679-a9f9-4dd5b0711376","timestamp":1751877058768,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.nuxt/tsconfig.json

@@ -102,7 +102,7 @@
         "./imports"
       ],
       "#app-manifest": [
-        "./manifest/meta/0251fa41-92b4-445a-bc23-3464336d5fba.json"
+        "./manifest/meta/a5058d26-f120-4679-a9f9-4dd5b0711376.json"
       ],
       "#components": [
         "./components"

assets/css/shop/shopClass.less

@@ -121,6 +121,10 @@ section {
 .index_main {
     margin: 0 auto;
 }
+.ad{
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
 
 .slow_6 {
     -webkit-transition: all .6s;
@@ -137,7 +141,7 @@ section {
 
 .shop_head_1 {
     height: 60px;
-    margin-top: 30px;
+    margin-top: 20px;
     background-image: url(@/public/shop/navbg.png);
 
     .shop_head_1_a {
@@ -783,6 +787,7 @@ section {
 
 .shop_4 {
     margin-top: 29px;
+    min-height: 400px;
 }
 
 .banner_1 {
@@ -804,6 +809,7 @@ section {
 
 .shop_5 {
     margin-top: 30px;
+    min-height: 400px;
 }
 
 .shop_5_left {

components/goods/class.vue

@@ -7,58 +7,59 @@
             <span class="shop_head_1_a" href="" title="">{{ categoryName }}</span>
         </div>
         <!-- 导航 -->
-        <section class="shop_2 clearfix">
+        <!-- 二级栏目个数大于等于4 -->
+        <section class="shop_2 clearfix" v-if="pageData.length >= 4">
             <div class="shop_2_in clearfix">
                 <div class="shop_2_in_box clearfix shop_2_in_box_even">
-                    <div class="shop_2_box clearfix">
+                    <div class="shop_2_box clearfix" v-if="pageData.length > 0">
                         <NuxtLink class="shop_2_name" :href="`/${pageData[0].aLIas_pinyin}/index.html`"
                             :title="pageData[0].title">
                             {{ pageData[0].alias }}
                         </NuxtLink>
                         <div class="shop_2_right clearfix">
                             <a class="shop_2_a" :href="`${pageData[0].pinyin}/${item.aLIas_pinyin}/list-1.html`"
-                                :title="item.alias" v-for="(item, index) in pageData[0].children" :key="index">{{
-                                    item.alias }}</a>
+                                :title="item.alias" v-for="(item, index) in pageData[0].children" :key="index">
+                                {{ item.alias }}</a>
                         </div>
                     </div>
-                    <div class="shop_2_box clearfix">
+                    <div class="shop_2_box clearfix" v-if="pageData.length > 1">
                         <NuxtLink class="shop_2_name" :href="`/${pageData[1].aLIas_pinyin}/index.html`"
                             :title="pageData[1].title">
                             {{ pageData[1].alias }}
                         </NuxtLink>
                         <div class="shop_2_right clearfix">
                             <a class="shop_2_a" :href="`${pageData[1].pinyin}/${item.aLIas_pinyin}/list-1.html`"
-                                :title="item.alias" v-for="(item, index) in pageData[1].children" :key="index">{{
-                                    item.alias }}</a>
+                                :title="item.alias" v-for="(item, index) in pageData[1].children" :key="index">
+                                {{ item.alias }}</a>
                         </div>
                     </div>
                 </div>
                 <div class="shop_2_in_box clearfix">
-                    <div class="shop_2_box clearfix">
+                    <div class="shop_2_box clearfix" v-if="pageData.length > 2">
                         <NuxtLink class="shop_2_name" :href="`/${pageData[2].aLIas_pinyin}/index.html`"
                             :title="pageData[2].title">
                             {{ pageData[2].alias }}
                         </NuxtLink>
                         <div class="shop_2_right clearfix">
                             <a class="shop_2_a" :href="`${pageData[2].pinyin}/${item.aLIas_pinyin}/list-1.html`"
-                                :title="item.alias" v-for="(item, index) in pageData[2].children" :key="index">{{
-                                    item.alias }}</a>
+                                :title="item.alias" v-for="(item, index) in pageData[2].children" :key="index">
+                                {{ item.alias }}</a>
                         </div>
                     </div>
-                    <div class="shop_2_box clearfix">
+                    <div class="shop_2_box clearfix" v-if="pageData.length > 3">
                         <NuxtLink class="shop_2_name" :href="`/${pageData[3].aLIas_pinyin}/index.html`"
                             :title="pageData[3].title">
                             {{ pageData[3].alias }}
                         </NuxtLink>
                         <div class="shop_2_right clearfix">
                             <a class="shop_2_a" :href="`${pageData[3].pinyin}/${item.aLIas_pinyin}/list-1.html`"
-                                :title="item.alias" v-for="(item, index) in pageData[3].children" :key="index">{{
-                                    item.alias }}</a>
+                                :title="item.alias" v-for="(item, index) in pageData[3].children" :key="index">
+                                {{ item.alias }}</a>
                         </div>
                     </div>
                 </div>
             </div>
-            <div class="shop_2_in_2 clearfix">
+            <div class="shop_2_in_2 clearfix" v-if="pageData.length > 4">
                 <NuxtLink class="shop_2_name_2" :href="`/${pageData[4].aLIas_pinyin}/index.html`"
                     :title="pageData[4].title">
                     {{ pageData[4].alias }}
@@ -70,6 +71,48 @@
                 </div>
             </div>
         </section>
+        <!-- 二级栏目个数小于等于3 -->
+        <section class="shop_2 clearfix" v-if="pageData.length <= 3">
+            <div class="shop_2_in clearfix">
+                <div class="shop_2_in_box clearfix shop_2_in_box_even">
+                    <div class="shop_2_box clearfix" v-if="pageData.length > 0">
+                        <NuxtLink class="shop_2_name" :href="`/${pageData[0].aLIas_pinyin}/index.html`"
+                            :title="pageData[0].title">
+                            {{ pageData[0].alias }}
+                        </NuxtLink>
+                        <div class="shop_2_right clearfix">
+                            <a class="shop_2_a" :href="`${pageData[0].pinyin}/${item.aLIas_pinyin}/list-1.html`"
+                                :title="item.alias" v-for="(item, index) in pageData[0].children" :key="index">
+                                {{ item.alias }}</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="shop_2_in_box clearfix">
+                    <div class="shop_2_box clearfix" v-if="pageData.length > 1">
+                        <NuxtLink class="shop_2_name" :href="`/${pageData[1].aLIas_pinyin}/index.html`"
+                            :title="pageData[1].title">
+                            {{ pageData[1].alias }}
+                        </NuxtLink>
+                        <div class="shop_2_right clearfix">
+                            <a class="shop_2_a" :href="`${pageData[1].pinyin}/${item.aLIas_pinyin}/list-1.html`"
+                                :title="item.alias" v-for="(item, index) in pageData[1].children" :key="index">
+                                {{ item.alias }}</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="shop_2_in_2 clearfix" v-if="pageData.length > 2">
+                <NuxtLink class="shop_2_name_2" :href="`/${pageData[2].aLIas_pinyin}/index.html`"
+                    :title="pageData[2].title">
+                    {{ pageData[2].alias }}
+                </NuxtLink>
+                <div class="shop_2_right_2 clearfix">
+                    <a class="shop_2_a_2" :href="`${pageData[2].pinyin}/${item.aLIas_pinyin}/list-1.html`"
+                        :title="item.alias" v-for="(item, index) in pageData[2].children" :key="index">
+                        {{ item.alias }}</a>
+                </div>
+            </div>
+        </section>
         <section class="shop_3 clearfix" v-if="goodsData.length > 0">
             <!-- 农产批发1 -->
             <div class="shop_3_in clearfix">
@@ -113,7 +156,7 @@
             </div>
             <!-- 集贸市场2 -->
         </section>
-        <section class="shop_4 clearfix">
+        <section class="shop_4 clearfix" v-if="goodsData.length > 1">
             <!-- 名品之窗1 -->
             <div class="shop_3_in clearfix" v-if="goodsData.length > 1">
                 <div class="shop_head_4 clearfix">
@@ -163,15 +206,13 @@
             </div>
             <!-- 供求信息2 -->
         </section>
-        <div class="banner_1 clearfix">
-            <a class="banner_1_a" href="" title="">
-                <img class="banner_1_img" src="@/public/img/6.png" title="" alt="">
-            </a>
+        <div class="ad" v-if="goodsData.length > 0">
+            <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
         </div>
         <!-- 资讯 -->
-        <section class="shop_5 clearfix">
+        <section class="shop_5 clearfix" v-if="newsData.length > 0">
             <!-- 农产动态 1-->
-            <div class="shop_5_left clearfix">
+            <div class="shop_5_left clearfix" v-if="newsData.length > 0">
                 <div class="shop_head_7 clearfix">
                     <NuxtLink :href="`/${newsData[0].aLIas_pinyin}/index.html`" class="shop_head_7_name">
                         {{ newsData[0].alias }}
@@ -216,7 +257,7 @@
             </div>
             <!-- 农产动态 2-->
             <!-- 农产知识 1-->
-            <div class="shop_5_right clearfix">
+            <div class="shop_5_right clearfix" v-if="newsData.length > 1">
                 <div class="shop_head_8 clearfix">
                     <NuxtLink :href="`/${newsData[1].aLIas_pinyin}/index.html`" class="shop_head_8_name">
                         {{ newsData[1].alias }}
@@ -246,9 +287,9 @@
             </div>
             <!-- 农产知识 2-->
         </section>
-        <section class="shop_6 clearfix">
+        <section class="shop_6 clearfix" v-if="newsData.length > 2">
             <!-- 农产会展1 -->
-            <div class="shop_6_left clearfix">
+            <div class="shop_6_left clearfix" v-if="newsData.length > 2">
                 <div class="shop_head_9 clearfix">
                     <NuxtLink :href="`/${newsData[2].aLIas_pinyin}/index.html`" class="shop_head_9_name">
                         {{ newsData[2].alias }}
@@ -282,7 +323,7 @@
             </div>
             <!-- 农产会展2 -->
             <!-- 农产商机1 -->
-            <div class="shop_6_right clearfix">
+            <div class="shop_6_right clearfix" v-if="newsData.length > 3">
                 <div class="shop_head_10 clearfix">
                     <NuxtLink :href="`/${newsData[3].aLIas_pinyin}/index.html`" class="shop_head_10_name">
                         {{ newsData[3].alias }}
@@ -349,14 +390,11 @@ if (getRouteId.code == 200) {
 
 //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=snzxw_category_0001`
+    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snscw_category_0001`
     const responseAd1 = await fetch(url, {
         headers: {
             'Content-Type': 'application/json',
@@ -366,42 +404,6 @@ onMounted(async () => {
     });
     const resultAd1 = await responseAd1.json();
     adImg1.value = resultAd1.data[0];
-
-    //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_category_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=snzxw_category_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=snzxw_category_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 ---------------------------------------->
 
@@ -505,8 +507,10 @@ try {
             }
         }
         let jsonString = JSON.stringify(getJson);
-        console.log('jsonString', jsonString);
-        getPageAllData(jsonString);
+        if (newsData.value.length > 0) {
+            getPageAllData(jsonString);
+        }
+
 
         let goodsJson = [
             // { "catid": goodsData.value[0].cid + ",0,12" },//模块1

pages/[dir]/[dir]/index.html.vue

@@ -10,14 +10,10 @@
             <div class="categ_color_box clearfix">
                 <div class="categ_color_name clearfix">直达：</div>
                 <div class="categ_color_in clearfix">
-                    <!-- <a class="categ_color_a categ_color_a_only" href="" title=""> 农产动态 </a> -->
                     <NuxtLink class="categ_color_a" :href="`/${item.aLIas_pinyin}/list-1.html`" title="item.title"
                         v-for="(item, index) in newsData" :key="index">
                         {{ item.alias }}
                     </NuxtLink>
-                    <!-- <a class="categ_color_a" href="" title=""> 农产动态 </a>
-                    <a class="categ_color_a" href="" title=""> 农产动态 </a>
-                    <a class="categ_color_a" href="" title=""> 农产动态 </a> -->
                 </div>
             </div>
         </section>
@@ -610,8 +606,10 @@ try {
                 getJson.push({ "parent": routeId + ",0,0", "child": newsData.value[3].cid + ",2,4" })
             }
         }
-        let jsonString = JSON.stringify(getJson);
-        getPageAllData(jsonString);
+        if (newsData.value.length > 0) {
+            let jsonString = JSON.stringify(getJson);
+            getPageAllData(jsonString);
+        }
 
         let goodsJson = [
             // { "catid": goodsData.value[0].cid + ",0,12" },//模块1