详情页推荐资讯

.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"c6d0f38f-112b-48d5-96f6-67c14b6b4c38","timestamp":1754035082712}
+{"id":"1f278a46-38f1-4595-83c8-99c81150937c","timestamp":1754622214610}

.nuxt/manifest/meta/1f278a46-38f1-4595-83c8-99c81150937c.json

@@ -0,0 +1 @@
+{"id":"1f278a46-38f1-4595-83c8-99c81150937c","timestamp":1754622214610,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.nuxt/manifest/meta/c6d0f38f-112b-48d5-96f6-67c14b6b4c38.json

@@ -1 +0,0 @@
-{"id":"c6d0f38f-112b-48d5-96f6-67c14b6b4c38","timestamp":1754035082712,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.nuxt/tsconfig.json

@@ -102,7 +102,7 @@
         "./imports"
       ],
       "#app-manifest": [
-        "./manifest/meta/c6d0f38f-112b-48d5-96f6-67c14b6b4c38.json"
+        "./manifest/meta/1f278a46-38f1-4595-83c8-99c81150937c.json"
       ],
       "#components": [
         "./components"

assets/css/class.less

@@ -143,6 +143,7 @@ section {
 .channel_1_box_1 {
     float: left;
     width: 350px;
+    height: 230px;
     margin-right: 20px;
 }
 
@@ -365,6 +366,7 @@ section {
 
 .channel_3 {
     margin-top: 20px;
+    margin-bottom: 20px;
     height: 550px;
 }
 

assets/css/detail.less

@@ -109,6 +109,7 @@
                 font-size: 20px;
                 line-height: 38px;
                 margin-bottom: 30px;
+                min-height: 300px;
 
                 ul>li img {
                     width: 885px;
@@ -164,6 +165,77 @@
                     line-height: 30px;
                 }
             }
+
+            .recommendRead {
+                width: 900px;
+                margin: 30px 0px;
+
+                .recommendReadTitle {
+                    width: 100px;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: bold;
+                    font-size: 22px;
+                    color: #255590;
+                    margin: 10px 0 20px;
+                    position: relative;
+                    border-left: #255590 5px solid;
+                    padding-left: 17px;
+
+                    em {
+                        display: inline-block;
+                        width: 8px;
+                        height: 8px;
+                        border-radius: 4px;
+                        background-color: #a01c0e;
+                        position: absolute;
+                        top: 6px;
+                        right: 8px;
+                    }
+                }
+
+                .recommendReadList {
+                    min-height: 155px;
+                    margin-top: 30px;
+                    padding-bottom: 10px;
+                    font-size: 20px;
+                    border-bottom: 1px solid #D9D9D9;
+
+                    .recommendReadListTitle {
+                        margin-top: 25px;
+                        width: 900px;
+                        color: #333333;
+
+                        a {
+                            width: 700px;
+                            color: #333333;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                        }
+
+                        span {
+                            float: right;
+                        }
+                    }
+
+                    .recommendReadListTitle:hover a {
+                        color: #255590;
+                    }
+
+                    .recommendReadListTitle:nth-child(1) {
+                        font-weight: bold;
+                    }
+
+                    .recommendReadListTitle:nth-child(1)::after {
+                        content: "热";
+                        margin-left: 13px;
+                        background: #ff2626;
+                        color: #fff;
+                        font-size: 14px;
+                        padding: 0px 2px;
+                    }
+                }
+            }
         }
 
         .innerRight {

components/news/class.vue

@@ -212,7 +212,7 @@
                     <!--end 市场行情-->
                 </div>
             </section>
-            <section class="channel_4 clearfix">
+            <section class="channel_4 clearfix"  v-if="pageData.length > 6">
                 <div class="channel_1_left clearfix" v-if="pageData.length > 6">
                     <!--open 业界交流-->
                     <div class="channel_head">
@@ -338,7 +338,7 @@ try {
         query: {
             'placeid': 1,
             'pid': routeId,
-            'num': 8
+            'num': 20
         },
     });
     if (navigateData.code == 200) {

components/news/detail.vue

@@ -35,50 +35,28 @@
                         <br>
                         [免责声明]本文来源于网络转载，仅供学习交流使用，不构成商业目的。 版权归原作者所有，如涉及作品内容，版权和其他问题，请在30日与本网联系，我们将第一时间处理。
                     </footer>
-                </div>
-                <aside class="info_1_aside">
-                    <DetailHotNews></DetailHotNews>
-                    <DetailHotNews2></DetailHotNews2>
-                    <!-- <div class="shop_head_1 clearfix">
-                        <div class="shop_head_1_name">供求信息</div>
+                    <div v-if="articleChoice">
+                        <HomeSurveyvote></HomeSurveyvote>
                     </div>
-                    <div class="shop_img_ul_1 clearfix">
-                        <div class="shop_img_li_1 clearfix" v-for="(per_obj, per_index) in 2" :key="per_obj">
-                            <a class="shop_img_li_1_a" href="" title="">
-                                <img class="shop_img_li_1_img" src="@/public/img/7.png" title="" alt="">
-                                <div class="shop_img_li_1_right clearfix">
-                                    <div class="shop_img_li_1_dot3 dot3 clearfix">
-                                        供求信息供求信息供求信息供求信息供求信息供求信息供求信息供求信息供求信息供求信息供求信息
-                                    </div>
-                                    <div class="shop_img_li_1_btn">供应</div>
-                                </div>
-                            </a>
+                    <!-- 推荐阅读 -->
+                    <div class="recommendRead" v-if="newsDetail.commendArticle != false">
+                        <div class="recommendReadTitle">
+                            推荐阅读
                         </div>
-                    </div>
-                    <div class="shop_ul_1 clearfix">
-                        <a class="shop_li_1 clearfix dot1" href="" title="" v-for="(per_obj, per_index) in 4"
-                            :key="per_obj">农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态</a>
-                    </div>
-                    <div class="shop_head_2 clearfix">
-                        <div class="shop_head_2_name">名品之窗</div>
-                    </div>
-                    <div class="shop_img_ul_2 clearfix">
-                        <div class="shop_img_li_2 clearfix" v-for="(per_obj, per_index) in 2" :key="per_obj">
-                            <a class="shop_img_li_2_a" href="" title="">
-                                <img class="shop_img_li_2_img" src="@/public/img/7.png" title="" alt="">
-                                <div class="shop_img_li_2_right clearfix">
-                                    <div class="shop_img_li_2_dot3 dot3 clearfix">
-                                        供求信息供求信息供求信息供求信息供求信息供求信息供求信息供求信息供求信息供求信息供求信息
-                                    </div>
-                                    <div class="shop_img_li_2_btn">供应</div>
-                                </div>
-                            </a>
+                        <div class="recommendReadList">
+                            <div class="recommendReadListTitle" v-for="(item, index) in newsDetail.commendArticle"
+                                :key="item.id">
+                                <a :href="`/${item.alias_pinyin}/${item.id}.html`" v-if="index < 3">
+                                    {{ item.title }}
+                                </a>
+                                <span v-if="index < 3">{{ getTime(item.created_at, "month", 1) }}</span>
+                            </div>
                         </div>
                     </div>
-                    <div class="shop_ul_2 clearfix">
-                        <a class="shop_li_2 clearfix dot1" href="" title="" v-for="(per_obj, per_index) in 4"
-                            :key="per_obj">农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态农产动态</a>
-                    </div> -->
+                </div>
+                <aside class="info_1_aside">
+                    <DetailHotNews></DetailHotNews>
+                    <DetailHotNews2></DetailHotNews2>
                 </aside>
             </section>
         </main>

components/news/detail_sec.vue

@@ -41,6 +41,21 @@
                 <div v-if="articleChoice">
                     <HomeSurveyvote></HomeSurveyvote>
                 </div>
+                <!-- 推荐阅读 -->
+                <div class="recommendRead" v-if="newsDetail.commendArticle != false">
+                    <div class="recommendReadTitle">
+                        推荐阅读
+                    </div>
+                    <div class="recommendReadList">
+                        <div class="recommendReadListTitle" v-for="(item, index) in newsDetail.commendArticle"
+                            :key="item.id">
+                            <a :href="`/${item.alias_pinyin}/${item.id}.html`" v-if="index < 3">
+                                {{ item.title }}
+                            </a>
+                            <span v-if="index < 3">{{ getTime(item.created_at, "month", 1) }}</span>
+                        </div>
+                    </div>
+                </div>
             </div>
             <div class="innerRight">
                 <!-- 热点资讯1 -->

pages/[dir]/[id].vue

@@ -21,9 +21,9 @@
                             <el-breadcrumb-item v-if="parent_name != ''">
                                 <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
                             </el-breadcrumb-item>
-                            <el-breadcrumb-item>
+                            <!-- <el-breadcrumb-item>
                                 <NuxtLink :to="`list-1.html`"> {{ routLevelTitle }}</NuxtLink>
-                            </el-breadcrumb-item>
+                            </el-breadcrumb-item> -->
                             <el-breadcrumb-item>{{ routeNewsTtitle }}</el-breadcrumb-item>
                         </el-breadcrumb>
                     </div>
@@ -49,6 +49,21 @@
                 <div v-if="articleChoice">
                     <HomeSurveyvote></HomeSurveyvote>
                 </div>
+                <!-- 推荐阅读 -->
+                <div class="recommendRead" v-if="newsDetail.commendArticle != false">
+                    <div class="recommendReadTitle">
+                        推荐阅读
+                    </div>
+                    <div class="recommendReadList">
+                        <div class="recommendReadListTitle" v-for="(item, index) in newsDetail.commendArticle"
+                            :key="item.id">
+                            <a :href="`/${item.alias_pinyin}/${item.id}.html`" v-if="index < 3">
+                                {{ item.title }}
+                            </a>
+                            <span v-if="index < 3">{{ getTime(item.created_at, "month", 1) }}</span>
+                        </div>
+                    </div>
+                </div>
             </div>
             <div class="innerRight">
                 <!-- 热点资讯1 -->

pages/nongcunshichang/[dir]/[id].vue

@@ -1,586 +0,0 @@
-<template>
-    <!-- 农村市场详情页 -->
-    <HomePageHead></HomePageHead>
-    <HomePageNavigation></HomePageNavigation>
-    <!-- 列表页广告一 -->
-    <HomeTopTen :imgurl="adImg1" v-if="adImg1"></HomeTopTen>
-    <div class="goods">
-        <main class="index_main" v-if="shopType == 1">
-            <section class="index_1 clearfix">
-                <div class="breadcrumb">
-                    <div class="inner">
-                        <span class="location">当前位置 :</span>
-                        <el-breadcrumb :separator-icon="ArrowRight">
-                            <el-breadcrumb-item>
-                                <NuxtLink to="/">首页</NuxtLink>
-                            </el-breadcrumb-item>
-                            <el-breadcrumb-item v-if="p_parent_name != ''">
-                                <NuxtLink :to="`/${targetSegment}/index.html`"> {{ p_parent_name }}</NuxtLink>
-                            </el-breadcrumb-item>
-                            <el-breadcrumb-item v-if="parent_name != ''">
-                                <NuxtLink :to="`/${targetSegment}/${targetSegment1}/list-1.html`"> {{ parent_name }}
-                                </NuxtLink>
-                            </el-breadcrumb-item>
-                            <el-breadcrumb-item>
-                                {{ routeNewsTtitle }}
-                            </el-breadcrumb-item>
-                        </el-breadcrumb>
-                    </div>
-                </div>
-            </section>
-            <section class="index_2 clearfix">
-                <img class="index_2_img" :src="shopImg" :title="newsDetail.name" alt="">
-                <div class="index_2_left">
-                    <h4 class="index_2_h4 dot1">{{ newsDetail.name }}</h4>
-                    <div class="index_2_title_box clearfix">
-                        <time class="index_2_title"> 更新日期：{{ newsDetail.updated_at }}</time>
-                        <span class="index_2_title">浏览次数：{{ newsDetail.hits }}</span>
-                    </div>
-                    <div class="index_2_ul clearfix">
-                        <div class="index_2_li clearfix">
-                            <label class="index_2_li_label">公 司 名</label>
-                            <span class="index_2_li_text "> {{ newsDetail.com }}</span>
-                        </div>
-                        <div class="index_2_li clearfix">
-                            <label class="index_2_li_label">所 在 地</label>
-                            <span class="index_2_li_text ">{{ newsDetail.address }}</span>
-                        </div>
-                        <div class="index_2_li clearfix">
-                            <label class="index_2_li_label">联 系 人</label>
-                            <span class="index_2_li_text ">{{ newsDetail.contact }}</span>
-                        </div>
-                        <div class="index_2_li clearfix">
-                            <label class="index_2_li_label">产品单价</label>
-
-                            <span class="index_2_li_text">
-                                {{ newsDetail.price }}
-                                元/
-                                {{ newsDetail.unit }}
-                            </span>
-                        </div>
-                        <div class="index_2_li clearfix">
-                            <label class="index_2_li_label">最小定量</label>
-                            <span class="index_2_li_text ">{{ newsDetail.min }}</span>
-                        </div>
-                        <div class="index_2_li clearfix">
-                            <label class="index_2_li_label">供货总量</label>
-                            <span class="index_2_li_text ">{{ newsDetail.max }}</span>
-                        </div>
-                        <div class="index_2_li clearfix">
-                            <label class="index_2_li_label">有 效 期</label>
-                            <span class="index_2_li_text ">{{ getValidityTime(newsDetail) }}</span>
-                        </div>
-                    </div>
-                </div>
-            </section>
-            <!-- 选项卡1 -->
-            <section class="index_3 clearfix">
-                <div class="shop_head_1 clearfix">
-                    <div class="shop_head_1_name" :class="{ shop_head_1_name_only: supply_num == 1 }"
-                        @mouseover="supply_num = 1">详情信息</div>
-                    <div class="shop_head_1_name" :class="{ shop_head_1_name_only: supply_num == 2 }"
-                        @mouseover="supply_num = 2">联系方式</div>
-                    <div class="shop_head_1_name" :class="{ shop_head_1_name_only: supply_num == 3 }"
-                        @mouseover="supply_num = 3">图片展示</div>
-                </div>
-                <div class="card_out clearfix">
-                    <div class="card_1_box clearfix card_1_box_only" v-if="supply_num == 1" v-html="newsDetail.detail">
-                    </div>
-                    <div class="card_1_box clearfix card_1_box_only" v-if="supply_num == 2">
-                        <p class="supply_art_box_p">公司名称：{{ newsDetail.com }}</p>
-                        <p class="supply_art_box_p">电子邮箱：{{ newsDetail.email }}</p>
-                        <p class="supply_art_box_p">邮政编码：{{ newsDetail.postal }}</p>
-                        <p class="supply_art_box_p">联系地址：{{ newsDetail.address }}</p>
-                    </div>
-                    <div class="card_1_box clearfix card_1_box_only" v-if="supply_num == 3">
-                        <div class="supply_art_box_img">
-                            <img :src="item" v-for="item in newsDetail.imgurl">
-                        </div>
-                    </div>
-                </div>
-            </section>
-            <!-- 选项卡2 -->
-            <section class="index_4 clearfix">
-                <div class="box_1 clearfix">
-                    <div class="box_1_head">
-                        <div class="box_1_head_name">点击排行</div>
-                    </div>
-                    <div class="img_ul_1 clearfix">
-                        <div class="img_li_1 clearfix" v-for="(item, index) in pageData1" :key="index">
-                            <NuxtLink class="img_li_1_a" :href="getLinkPathDetail(item)" :title="item.title">
-                                <div class="img_li_1_img_box clearfix">
-                                    <img class="img_li_1_img" :src="item.imgurl" :title="item.title" alt="">
-                                </div>
-                                <div class="img_li_1_dot2">{{ item.name }}
-                                </div>
-                            </NuxtLink>
-                        </div>
-                    </div>
-                </div>
-                <div class="box_1 clearfix">
-                    <div class="box_1_head">
-                        <div class="box_1_head_name">最新商机</div>
-                    </div>
-                    <div class="img_ul_1 clearfix">
-                        <div class="img_li_1 clearfix" v-for="(item, index) in pageData2" :key="index">
-                            <NuxtLink class="img_li_1_a" :href="getLinkPathDetail(item)" :title="item.title">
-                                <div class="img_li_1_img_box clearfix">
-                                    <img class="img_li_1_img" :src="item.imgurl" :title="item.title" alt="">
-                                </div>
-                                <div class="img_li_1_dot2">{{ item.name }}
-                                </div>
-                            </NuxtLink>
-                        </div>
-                    </div>
-                </div>
-            </section>
-        </main>
-
-        <main class="index_main" v-if="shopType == 2">
-            <section class=" clearfix">
-                <div class="index_out_1_left clearfix">
-                    <section class="index_1 clearfix">
-                        <div class="breadcrumb">
-                            <div class="inner">
-                                <span class="location">当前位置 :</span>
-                                <el-breadcrumb :separator-icon="ArrowRight">
-                                    <el-breadcrumb-item>
-                                        <NuxtLink to="/">首页</NuxtLink>
-                                    </el-breadcrumb-item>
-                                    <el-breadcrumb-item v-if="p_parent_name != ''">
-                                        <NuxtLink :to="`/${targetSegment}/index.html`"> {{ p_parent_name }}</NuxtLink>
-                                    </el-breadcrumb-item>
-                                    <el-breadcrumb-item v-if="parent_name != ''">
-                                        <NuxtLink :to="`/${targetSegment}/${targetSegment1}/index.html`">
-                                            {{ parent_name }}
-                                        </NuxtLink>
-                                    </el-breadcrumb-item>
-                                    <el-breadcrumb-item>
-                                        {{ routeNewsTtitle }}
-                                    </el-breadcrumb-item>
-                                </el-breadcrumb>
-                            </div>
-                        </div>
-                    </section>
-                    <section class="index_2 clearfix">
-                        <img class="index_2_img" :src="shopImg" :title="newsDetail.name" alt="">
-                        <div class="index_2_right">
-                            <h4 class="index_2_h4 dot1">求购：{{ newsDetail.name }}</h4>
-                            <div class="index_2_ul clearfix">
-                                <div class="index_2_li clearfix">
-                                    <label class="index_2_li_label">发布日期</label>
-                                    <span class="index_2_li_text">{{ getTime(newsDetail.updated_at, 'year', 1) }}</span>
-                                </div>
-                                <div class="index_2_li clearfix">
-                                    <label class="index_2_li_label">截止日期</label>
-                                    <span class="index_2_li_text">{{ getTime(newsDetail.validity, 'year', 1) }}</span>
-                                </div>
-                                <div class="index_2_li clearfix">
-                                    <label class="index_2_li_label">浏览次数</label>
-                                    <span class="index_2_li_text">{{ newsDetail.hits }}</span>
-                                </div>
-                                <div class="index_2_li clearfix">
-                                    <label class="index_2_li_label">联 系 人</label>
-                                    <span class="index_2_li_text">{{ newsDetail.contact }}</span>
-                                </div>
-                                <div class="index_2_li clearfix">
-                                    <label class="index_2_li_label">发布地区</label>
-                                    <span class="index_2_li_text">{{ newsDetail.address }}</span>
-                                </div>
-                                <div class="index_2_li clearfix">
-                                    <label class="index_2_li_label">座 机</label>
-                                    <span class="index_2_li_text">{{ newsDetail.landline }}</span>
-                                </div>
-                                <div class="index_2_li clearfix">
-                                    <label class="index_2_li_label">联系电话</label>
-                                    <span class="index_2_li_text">{{ newsDetail.phone }}</span>
-                                </div>
-                            </div>
-                        </div>
-                    </section>
-                </div>
-                <div class="shop_3_right clearfix">
-                    <div class="choice_1_box clearfix">
-                        <div class="choice_1_btn_box clearfix">
-                            <div class="choice_1_btn" :class="{ choice_1_btn_only: supply_buy == 1 }"
-                                @mouseover="supply_buy = 1">
-                                <span class="choice_1_btn_a" title="供应商品">供应商品</span>
-                            </div>
-                            <div class="choice_1_btn " :class="{ choice_1_btn_only: supply_buy == 2 }"
-                                @mouseover="supply_buy = 2">
-                                <a class="choice_1_btn_a" title="求购商品">求购商品</a>
-                            </div>
-                        </div>
-                        <div class="choice_1_card_box">
-                            <!-- 供应商品 -->
-                            <div class="shop_ul_img_2 choice_1_card clearfix" v-show="supply_buy == 1">
-                                <div class="shop_li_img_2" v-for="(item, index) in pageData3" :key="index">
-                                    <NuxtLink class="shop_li_img_2_a" :href="getLinkPathDetail(item)"
-                                        :title="item.name">
-                                        <div class="shop_li_img_2_num"> {{ index + 1 }} </div>
-                                        <div class="shop_li_img_2_right clearfix">
-                                            <img class="shop_li_img_2_img" :src="item.imgurl" :title="item.name" alt="">
-                                            <div class="shop_li_img_2_text">
-                                                {{ item.name }}
-                                            </div>
-                                        </div>
-                                    </NuxtLink>
-                                </div>
-                            </div>
-                            <!-- 供应商品 -->
-                            <!-- 求购商品 -->
-                            <div class="shop_ul_img_2 choice_1_card clearfix" v-show="supply_buy == 2">
-                                <div class="shop_li_img_2" v-for="(item, index) in pageData4" :key="index">
-                                    <NuxtLink class="shop_li_img_2_a" :href="getLinkPathDetail(item)"
-                                        :title="item.name">
-                                        <div class="shop_li_img_2_num"> {{ index + 1 }} </div>
-                                        <div class="shop_li_img_2_right clearfix">
-                                            <img class="shop_li_img_2_img" :src="item.imgurl" :title="item.name" alt="">
-                                            <div class="shop_li_img_2_text">
-                                                {{ item.name }}
-                                            </div>
-                                        </div>
-                                    </NuxtLink>
-                                </div>
-                            </div>
-                            <!-- 求购商品 -->
-                        </div>
-                    </div>
-                </div>
-            </section>
-            <!-- 选项卡1 -->
-            <section class="index_3 clearfix">
-                <div class="shop_head_1 clearfix">
-                    <div class="shop_head_1_name" :class="{ shop_head_1_name_only: buy_num == 1 }"
-                        @mouseover="buy_num = 1">详情信息</div>
-                    <div class="shop_head_1_name" :class="{ shop_head_1_name_only: buy_num == 2 }"
-                        @mouseover="buy_num = 2">发布人信息</div>
-                </div>
-                <div class="card_out clearfix">
-                    <div class="card_1_box clearfix card_1_box_only" v-show="buy_num == 1" v-html="newsDetail.detail">
-                    </div>
-                    <div class="card_1_box clearfix card_1_box_only" v-show="buy_num == 2">
-                        <P>公司名称：{{ newsDetail.com }}</P>
-                        <P>电子邮箱：{{ newsDetail.email }}</P>
-                        <P>邮政编码：{{ newsDetail.postal }}</P>
-                        <P>联系地址：{{ newsDetail.address }}</P>
-                    </div>
-                </div>
-            </section>
-            <!-- 选项卡2 -->
-            <section class="index_4 clearfix">
-                <div class="box_1 clearfix">
-                    <div class="box_1_head">
-                        <div class="box_1_head_name">点击排行</div>
-                    </div>
-                    <div class="img_ul_1 clearfix">
-                        <div class="img_li_1 clearfix" v-for="(item, index) in pageData1" :key="index">
-                            <NuxtLink class="img_li_1_a" :href="getLinkPathDetail(item)" :title="item.title">
-                                <div class="img_li_1_img_box clearfix">
-                                    <img class="img_li_1_img" :src="item.imgurl" :title="item.title" alt="">
-                                </div>
-                                <div class="img_li_1_dot2">{{ item.name }}
-                                </div>
-                            </NuxtLink>
-                        </div>
-                    </div>
-                </div>
-                <div class="box_1 clearfix">
-                    <div class="box_1_head">
-                        <div class="box_1_head_name">最新商机</div>
-                    </div>
-                    <div class="img_ul_1 clearfix">
-                        <div class="img_li_1 clearfix" v-for="(item, index) in pageData2" :key="index">
-                            <NuxtLink class="img_li_1_a" :href="getLinkPathDetail(item)" :title="item.title">
-                                <div class="img_li_1_img_box clearfix">
-                                    <img class="img_li_1_img" :src="item.imgurl" :title="item.title" alt="">
-                                </div>
-                                <div class="img_li_1_dot2">{{ item.name }}
-                                </div>
-                            </NuxtLink>
-                        </div>
-                    </div>
-                </div>
-            </section>
-        </main>
-    </div>
-    <!-- 列表页广告一 -->
-    <HomeTopTen :imgurl="adImg2" v-if="adImg2"></HomeTopTen>
-    <HomeFoot></HomeFoot>
-</template>
-
-<script setup>
-//0.页面依赖 start ---------------------------------------->
-import { onMounted, ref } from 'vue'
-import { ElBreadcrumb, ElBreadcrumbItem, ElMessage } from 'element-plus'
-import { ArrowRight } from '@element-plus/icons-vue'
-//0.页面依赖 end ---------------------------------------->
-
-//1.获得路由id start ---------------------------------------->
-const route = useRoute();
-const articleId = parseInt(route.params.id);
-const targetSegment = getRoutePath(1);
-const targetSegment1 = getRoutePath(2);
-const targetSegment2 = getRoutePath(3);
-const supply_num = ref(1)
-const buy_num = ref(1)
-const supply_buy = ref(1)
-
-//1.1 获得当前的路由id
-let routeId;
-let routeType;
-let navTitle = ref('')//二级导航标题
-let navCid = ref('')//二级导航id
-//通过导航路径反向查询导航id
-const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
-    method: 'GET',
-    query: {
-        'pinyin': targetSegment2,
-    },
-});
-console.log("getRouteId", getRouteId);
-
-if (getRouteId.code == 200) {
-    navTitle.value = getRouteId.data.alias
-    navCid.value = getRouteId.data.category_id
-} else {
-    console.log("获得路由id出错！", getRouteId.message)
-}
-//1.2 获取二级栏目
-let parent_name = ref('');//父级名称
-let parent_id = ref('');//父级id
-let parent_pinyin = ref('');//父级拼音
-const getRoutePName = await requestDataPromise('/web/getWebsiteRoute', {
-    method: 'GET',
-    query: {
-        'pinyin': targetSegment1,
-    },
-});
-console.log("getRoutePName", getRoutePName);
-
-if (getRoutePName.code == 200) {
-    routeId = getRoutePName.data.category_id
-    parent_id.value = getRoutePName.data.category_id
-    parent_name.value = getRoutePName.data.alias
-    routeType = getRoutePName.data.type
-} else {
-    console.log("获得路由id出错！", getRoutePName.message)
-}
-//1.3 获取一级栏目
-let p_parent_name = ref('');//父级名称
-let p_parent_id = ref('');//父级id
-let p_parent_pinyin = ref('');//父级拼音
-const getRoutePName_parent = await requestDataPromise('/web/getWebsiteRoute', {
-    method: 'GET',
-    query: {
-        'pinyin': targetSegment,
-    },
-});
-console.log("getRoutePName_parent", getRoutePName_parent);
-
-if (getRoutePName_parent.code == 200) {
-    p_parent_id.value = getRoutePName_parent.data.category_id
-    p_parent_name.value = getRoutePName_parent.data.alias
-    // p_parent_pinyin.value = getRoutePName_parent.data.aLIas_pinyin
-} else {
-    console.log("获得路由id出错！", getRoutePName_parent.message)
-}
-//1.4 获取某个栏目
-const getParentId = await requestDataPromise('/web/getOneWebsiteCategory', {
-    method: 'GET',
-    query: {
-        'catid': parent_id.value,
-    },
-});
-console.log("getParentId", getParentId);
-
-if (getParentId.code == 200) {
-    parent_pinyin.value = getParentId.data.aLIas_pinyin
-} else {
-    console.log("获得路由id出错！", getParentId.message)
-}
-
-//1.5是否展示有效期
-const getValidityTime = (shopData) => {
-    if (shopData.islong == 1) {
-        return "无期限"
-    } else {
-        if (shopData.validity) {
-            return shopData.validity.split(' ')[0];
-        }
-    }
-}
-//1.获得路由id end ---------------------------------------->
-
-//2.获得模块数据 start ---------------------------------------->
-const pageData1 = ref([])//点击排行
-const pageData2 = ref([])//最新商机
-const pageData3 = ref([])//供应商品
-const pageData4 = ref([])//求购商品
-
-//创建请求数据json
-let getJson = [
-    { "level": "3,0,8" },//点击排行
-    { "level": "4,0,8" },//最新商机
-    { "level": "5,0,6" },//供应商品
-    { "level": "6,0,6" },//求购商品
-]
-let jsonString = JSON.stringify(getJson)
-
-//获取所有数据
-async function getPageAllData() {
-    const mkdata = await requestDataPromise('/web/getWebsiteshop', {
-        method: 'GET',
-        query: {
-            'id': jsonString,
-            'catid': 713,
-        },
-    });
-    if (mkdata.code == 200) {
-        //点击排行
-        pageData1.value = mkdata.data.goods[0];
-        //最新商机
-        pageData2.value = mkdata.data.goods[1];
-        //供应商品
-        pageData3.value = mkdata.data.goods[2];
-        //求购商品
-        pageData4.value = mkdata.data.goods[3];
-    } else {
-        ElMessage.error(mkdata.message)
-    }
-}
-getPageAllData();
-
-//2.获得模块数据 end ---------------------------------------->
-
-
-//4.新闻详情 start ---------------------------------------->
-//4.1 资讯详情
-const newsDetail = ref({})
-const routeNewsTtitle = ref("");
-//4.2 发布日期
-const time = ref("");
-//4.3 路径
-const routLevelTitle = ref("");
-const routLevelId = ref("");
-//4.4 是否展示投票
-const articleChoice = ref(false);
-//4.5 获取详情
-let shopImg = ref('')
-let shopType = ref(1)
-let seoTitle;
-let seoDescription;
-let seoKeywords;
-async function getPageData() {
-    const mkdata = await requestDataPromise('/web/getWebsiteshopInfo', {
-        method: 'GET',
-        query: {
-            'id': articleId
-        },
-    });
-    if (mkdata.code == 200) {
-        //获取内容
-        newsDetail.value = mkdata.data;
-        shopType.value = mkdata.data.type_id
-        //获取路径
-        routLevelTitle.value = newsDetail.value.cat_name;
-        routLevelId.value = newsDetail.value.category_id;
-        shopImg.value = mkdata.data.imgurl[0]
-        //获取发布时间
-        if (newsDetail.value.updated_at) {
-            time.value = newsDetail.value.updated_at.split(' ')[0];
-        }
-        //修正标题长度
-        if (newsDetail.value.name.length >= 20) {
-            routeNewsTtitle.value = newsDetail.value.name.substr(0, 20) + "...";
-        } else {
-            routeNewsTtitle.value = newsDetail.value.name
-        }
-        seoTitle = newsDetail.value.name;
-        seoDescription = newsDetail.value.description;
-        seoKeywords = newsDetail.value.keyword;
-    } else {
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-        console.log("错误位置：获取详情内容")
-        console.log("后端错误反馈：", mkdata.message)
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-    }
-}
-getPageData();
-//4.新闻详情 end ---------------------------------------->
-
-//5.设置seo信息 start---------------------------------------->
-const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
-    method: 'GET',
-    query: {
-        'catid': parent_id.value
-    },
-});
-if (setData.code == 200) {
-    let seoSuffix = setData.data.suffix;
-    let seoName = setData.data.website_name;
-    useSeoMeta({
-        title: seoTitle + "_" + seoName + "_" + seoSuffix,
-        meta: [
-            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
-            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
-        ]
-    });
-} else {
-    console.log("设置频道页SEO出错！", setData.message)
-}
-//5.设置seo信息 end---------------------------------------->
-
-
-//6.广告 start ---------------------------------------->
-let adImg1 = ref([]);
-let adImg2 = ref([]);
-onMounted(async () => {
-    const { $webUrl, $CwebUrl } = useNuxtApp();
-    //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snscw_detail_0001`
-    const responseAd1 = await fetch(url, {
-        headers: {
-            'Content-Type': 'application/json',
-            'Userurl': $CwebUrl,
-            'Origin': $CwebUrl
-        }
-    });
-    const resultAd1 = await responseAd1.json();
-    adImg1.value = resultAd1.data[0];
-    //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snscw_detail_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];
-})
-//6.广告 end ---------------------------------------->
-
-
-//8.页面图片放大 start---------------------------------------->
-const previewVisible = ref(false)
-const selectedImage = ref(' ')
-
-const openPreview = (event) => {
-    if (event.target.tagName === 'IMG') {
-        selectedImage.value = event.target.src;
-        previewVisible.value = true;
-    }
-}
-const closePreview = () => {
-    previewVisible.value = false;
-}
-//8.页面图片放大 end---------------------------------------->
-</script>
-
-
-<style lang="less" scoped>
-@import url('@/assets/css/shop/goodsDetail.less');
-@import url('@/assets/css/shop/goodsDetail1.less');
-</style>

pages/nongcunshichang/[dir]/list-[id].vue

@@ -1,351 +0,0 @@
-<template>
-    <!-- 农村市场资讯列表页 -->
-    <HomePageHead></HomePageHead>
-    <HomePageNavigation></HomePageNavigation>
-    <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
-    <!-- 商品列表 goods-->
-    <main class="index_main" v-if="routeType == 2">
-        <section class="index_1 clearfix">
-            <div class="shop_head_1 clearfix">
-                <div class="shop_head_1_name">{{ parent_name }}</div>
-            </div>
-            <div class="categ_color_box clearfix">
-                <div class="categ_color_name clearfix">直达：</div>
-                <div class="categ_color_in clearfix">
-                    <NuxtLink class="categ_color_a" :href="`/${item.aLIas_pinyin}/list-1.html`" :title="item.title"
-                        v-for="(item, index) in goodsData" :key="index"
-                        :class="{ categ_color_a_only: navCid == item.cid }">
-                        {{ item.alias }}
-                    </NuxtLink>
-                </div>
-            </div>
-        </section>
-        <!-- 三农市场网-商城-商品列表 1-->
-        <section class="">
-            <div class="breadcrumb">
-                <div class="inner">
-                    <span class="location">当前位置 :</span>
-                    <el-breadcrumb :separator-icon="ArrowRight">
-                        <el-breadcrumb-item>
-                            <NuxtLink to="/">首页</NuxtLink>
-                        </el-breadcrumb-item>
-                        <el-breadcrumb-item v-if="parent_name != ''">
-                            <NuxtLink :to="`/${targetSegment}/index.html`"> {{ parent_name }}</NuxtLink>
-                        </el-breadcrumb-item>
-                        <el-breadcrumb-item>{{ navTitle }}</el-breadcrumb-item>
-                    </el-breadcrumb>
-                </div>
-            </div>
-            <div class="categ_table clearfix">
-                <div class="categ_table_head_box">
-                    <div class="categ_table_td_1">产品图片</div>
-                    <div class="categ_table_td_2">供求信息/公司</div>
-                    <div class="categ_table_td_3">发布时间</div>
-                    <div class="categ_table_td_4">地区</div>
-                </div>
-                <div class="categ_table_li" v-for="(item, index) in goodsList" :key="index">
-                    <a class="categ_table_li_a" :href="`/${item.pinyin}/${item.id}.html`" title="">
-                        <div class="categ_table_td_1">
-                            <img class="categ_table_td_1_img" :src="item.imgurl" title="" alt="">
-                        </div>
-                        <div class="categ_table_td_2 ">
-                            <div class="categ_table_td_2_in">
-                                <div class="categ_table_td_2_dot1 dot1">
-                                    {{ item.name }}
-                                </div>
-                                <div class="categ_table_td_2_dot2 dot2">
-                                    {{ item.description }}
-                                </div>
-                            </div>
-                        </div>
-                        <div class="categ_table_td_3">{{ getTime(item.updated_at, 'year', 1) }}</div>
-                        <div class="categ_table_td_4 dot1">{{ item.city_name }}</div>
-                    </a>
-                </div>
-                <div class="empty" v-if="goodsList == false">
-                    <img src="@/public/topic/empty.png" alt="" class="empty_img">
-                    <span class="empty_text">当前暂无数据</span>
-                </div>
-            </div>
-            <div class="pagination1" v-if="goodstotal > 0">
-                <el-pagination background layout="prev, pager, next" :total="goodstotal" :page-size="pageSize_goods"
-                    prev-text="上一页" next-text="下一页" />
-            </div>
-        </section>
-        <!-- 三农市场网-商城-商品列表 2-->
-    </main>
-    <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
-    <HomeFoot></HomeFoot>
-</template>
-
-<script setup>
-//0.加载页面依赖 start ---------------------------------------->
-import { ref, onMounted } from 'vue';
-import { ElMessage, ElBreadcrumb, ElBreadcrumbItem, ElPagination } from 'element-plus';
-import { ArrowRight } from '@element-plus/icons-vue'
-import { NuxtLink } from '#components';
-//0.加载页面依赖 end ---------------------------------------->
-
-//1.获得路由id start ---------------------------------------->
-const targetSegment = getRoutePath(1);
-const targetSegment1 = getRoutePath(2);
-//1.1 获得当前的路由id
-let routeId;
-let routeType;
-let navTitle = ref('')//二级导航标题
-let navCid = ref('')//二级导航id
-//通过导航路径反向查询导航id
-const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
-    method: 'GET',
-    query: {
-        'pinyin': targetSegment1,
-    },
-});
-console.log("getRouteId", getRouteId);
-
-if (getRouteId.code == 200) {
-    navTitle.value = getRouteId.data.alias
-    navCid.value = getRouteId.data.category_id
-    routeType = getRouteId.data.type
-} else {
-    console.log("获得路由id出错！", getRouteId.message)
-}
-//1.2 获取一级栏目
-let parent_name = ref('');//父级名称
-let parent_id = ref('');//父级id
-let parent_pinyin = ref('');//父级拼音
-const getRoutePName = await requestDataPromise('/web/getWebsiteRoute', {
-    method: 'GET',
-    query: {
-        'pinyin': targetSegment,
-    },
-});
-console.log("getRoutePName", getRoutePName);
-
-if (getRoutePName.code == 200) {
-    routeId = getRoutePName.data.category_id
-    parent_id.value = getRoutePName.data.category_id
-    parent_name.value = getRoutePName.data.alias
-} else {
-    console.log("获得路由id出错！", getRoutePName.message)
-}
-//1.4 获取某个栏目
-const getParentId = await requestDataPromise('/web/getOneWebsiteCategory', {
-    method: 'GET',
-    query: {
-        'catid': parent_id.value,
-    },
-});
-console.log("getParentId", getParentId);
-
-if (getParentId.code == 200) {
-    parent_pinyin.value = getParentId.data.aLIas_pinyin
-} else {
-    console.log("获得路由id出错！", getParentId.message)
-}
-//1.获得路由id end ---------------------------------------->
-
-//2.选项卡 start ---------------------------------------->
-let showTabs = ref(1)
-let qhtabs = function (number) {
-    console.log(number)
-    showTabs.value = number
-}
-//2.选项卡 end ---------------------------------------->
-
-//3.广告 start ---------------------------------------->
-let adImg1 = ref({})
-let adImg2 = ref({})
-onMounted(async () => {
-    //从客户端获取行政职能部门 加快打开速度
-    const { $webUrl, $CwebUrl } = useNuxtApp();
-    //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snscw_list_0001`
-    const responseAd1 = await fetch(url, {
-        headers: {
-            'Content-Type': 'application/json',
-            'Userurl': $CwebUrl,
-            'Origin': $CwebUrl
-        }
-    });
-    const resultAd1 = await responseAd1.json();
-    adImg1.value = resultAd1.data[0];
-
-    //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snscw_list_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.广告 end ---------------------------------------->
-
-//4.页面数据 start ---------------------------------------->
-const pageData = ref([
-    //示例：
-    // {
-    //     id: 1, 
-    //     title: "", //该导航的标题
-    //     data: [], //数据1
-    //     data1: [], //数据2
-    //     data2: [], //数据3
-    //     data3: [], //数据4
-    //     data4: [], //数据5
-    //     category_id1: "",  //子导航id1
-    //     category_id2: "", 
-    //     category_id3: "",
-    //     category_id4: "",
-    //     title1: "", //子导航标题1
-    //     title2: "",
-    //     title3: "",
-    //     title4: "",
-    //     cid: "" //该导航的id
-    // },
-])
-const goodsData = ref([])
-
-//4.1 获取所有导航
-try {
-    const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
-        method: 'GET',
-        query: {
-            'placeid': 1,
-            'pid': parent_id.value,
-            'num': 24,
-            'type': 1
-        },
-    });
-    // console.log('获取二级导航1111111', navigateData);
-
-    if (navigateData.code == 200) {
-        // 遍历可用的导航池放到页面中
-        for (let index in navigateData.data) {
-            let data = {
-                title: navigateData.data[index].name,
-                cid: navigateData.data[index].category_id,
-                children_count: navigateData.data[index].children_count,
-                alias: navigateData.data[index].alias,
-                aLIas_pinyin: targetSegment + "/" + navigateData.data[index].aLIas_pinyin,
-                type: navigateData.data[index].type,
-                // data: [],
-                // data1: [],
-                // data2: [],
-                // data3: [],
-                // data4: [],
-                // category_id1: "",
-                // category_id2: "",
-                // category_id3: "",
-                // category_id4: "",
-                // title1: "",
-                // title2: "",
-                // title3: "",
-                // title4: ""
-            };
-            if (navigateData.data[index].is_url == 1) {
-                // 处理 URL 的逻辑
-            } else {
-                if (navigateData.data[index].type == 2) {
-                    goodsData.value.push(data);
-                }
-                //每个页面最多8个模块
-                pageData.value.push(data);
-            }
-        }
-        // console.log('获取三级导航pageData', pageData.value);
-        // console.log('获取三级导航goods', goodsData.value);
-
-    } else {
-        console.log("错误：渲染8个模块环节出错，请检查是否存在没有数据的模块！")
-    }
-} catch (error) {
-    console.log("错误：导航池渲染执行接口出错！请检查频道页渲染的模块数据是否完整！")
-}
-
-
-// 获取商品数据列表 start--------------------------------------->
-const goodsList = ref()
-const page_goods = ref(1)
-const pageSize_goods = ref(20)
-const goodstotal = ref()
-const getGoodsList = await requestDataPromise('/web/getWebsiteshopList', {
-    method: 'GET',
-    query: {
-        'catid': navCid.value,
-        'page': page_goods.value,
-        'pageSize': pageSize_goods.value,
-        'ismix': 1
-    },
-});
-console.log("获取数据列表goods", getGoodsList);
-
-if (getGoodsList.code == 200) {
-    goodsList.value = getGoodsList.data.goods
-    goodstotal.value = getGoodsList.data.count
-}
-// 获取商品数据 end----------------------------------------->
-
-//4.页面数据 end ---------------------------------------->
-
-//5.设置seo信息 start---------------------------------------->
-const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
-    method: 'GET',
-    query: {
-        'catid': navCid.value
-    },
-});
-
-if (setData.code == 200) {
-    let seoTitle = setData.data.seo_title;
-    let seoDescription = setData.data.seo_description;
-    let seoKeywords = setData.data.seo_keywords;
-    let seoSuffix = setData.data.suffix;
-    let seoName = setData.data.website_name;
-
-    useSeoMeta({
-        title: seoTitle + "_" + seoName + "_" + seoSuffix,
-        meta: [
-            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
-            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
-        ]
-    });
-} else {
-    console.log("设置频道页SEO出错！", setData.message)
-}
-//5.设置seo信息 end---------------------------------------->
-</script>
-<style lang="less" scoped>
-@import url("@/assets/css/shop/newsList.less");
-@import url("@/assets/css/shop/goodsList.less");
-
-.empty {
-    width: 100%;
-    height: 300px;
-    line-height: 300px;
-    text-align: center;
-}
-
-.empty_img {
-    vertical-align: -30px;
-    margin-right: 20px;
-}
-
-.empty_text {
-    font-size: 26px;
-    color: #999;
-}
-
-.pagination {
-    height: 100px;
-    margin-top: 20px;
-}
-
-.pagination1 {
-    height: 100px;
-    margin-top: 20px;
-}
-</style>

pages/nongcunshichang/index.html.vue

@@ -1,392 +0,0 @@
-<template>
-    <HomePageHead></HomePageHead>
-    <HomePageNavigation></HomePageNavigation>
-    <!-- 三农市场网-商城 -->
-    <main class="index_main">
-        <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
-        <!-- 导航 -->
-        <section class="shop_nav">
-            <div class="shop_nav_1 clearfix">
-                <span class="shop_nav_1_a" title="">{{ categoryName }}</span>
-            </div>
-            <div class="shop_nav_2">
-                <a class="shop_nav_2_a" :href="getLinkPath(item)" title="" v-for="(item, index) in pageData"
-                    :key="index">{{ item.alias }}</a>
-            </div>
-        </section>
-        <!-- 地区选择 -->
-        <GoodsSubMenu></GoodsSubMenu>
-        <section class="shop_3 clearfix">
-            <!-- 农产批发1 -->
-            <div class="shop_3_in clearfix">
-                <div class="shop_head_2 clearfix">
-                    <div class="shop_head_2_name">{{ goodsData[0].alias }}</div>
-                    <a class="shop_head_2_more" :href="getLinkPath(goodsData[0])" :title="goodsData[0].title"></a>
-                </div>
-                <div class="shop_img_ul_1 clearfix">
-                    <div class="shop_img_li_1 clearfix" v-for="(item, index) in goodsData[0].data" :key="index">
-                        <a class="shop_img_li_1_a" :href="getLinkPathDetail(item)" :title="item.title">
-                            <div class="shop_img_li_1_img_box clearfix">
-                                <img class="shop_img_li_1_img" :src="item.imgurl" :title="item.title" alt="">
-                            </div>
-                            <div class="shop_img_li_1_right clearfix">
-                                <h4 class="shop_img_li_1_h4 dot2">{{ item.name }}</h4>
-                                <div class="shop_img_li_1_tag">
-                                    {{ item.type_id == 1 ? '求购' : '供应' }}
-                                </div>
-                                <div class="shop_img_li_1_btn">查看详情</div>
-                            </div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-            <!-- 农产批发2 -->
-            <!-- 集贸市场1 -->
-            <div class="shop_3_in clearfix">
-                <div class="shop_head_3 clearfix">
-                    <div class="shop_head_3_name">{{ goodsData[1].alias }}</div>
-                    <a class="shop_head_3_more" :href="getLinkPath(goodsData[1])" :title="goodsData[1].title"></a>
-                </div>
-                <div class="shop_ul_1 clearfix" v-if="goodsData.length > 1">
-                    <div class="shop_li_1 clearfix" v-for="(item, index) in goodsData[1].data" :key="index">
-                        <a class="shop_li_1_a" :href="getLinkPathDetail(item)" :title="item.title">
-                            <div class="shop_li_1_left">
-                                <h4 class="shop_li_1_h4 dot1">
-                                    {{ item.name }}
-                                </h4>
-                                <div class="shop_li_1_text dot1">
-                                    {{ item.description }}
-                                </div>
-                            </div>
-                            <div class="shop_li_1_btn">查看详情</div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-            <!-- 集贸市场2 -->
-        </section>
-        <section class="shop_4 clearfix">
-            <!-- 名品之窗1 -->
-            <div class="shop_3_in clearfix" v-if="goodsData.length > 2">
-                <div class="shop_head_4 clearfix">
-                    <div class="shop_head_4_name">{{ goodsData[2].alias }}</div>
-                    <a class="shop_head_4_more" :href="getLinkPath(goodsData[2])" :title="goodsData[2].title"></a>
-                </div>
-                <div class="shop_img_ul_2 clearfix">
-                    <div class="shop_img_li_2 clearfix" v-for="(item, index) in goodsData[2].data" :key="index">
-                        <a class="shop_img_li_2_a" :href="getLinkPathDetail(item)" :title="item.title">
-                            <div class="shop_img_li_2_img_box clearfix">
-                                <img class="shop_img_li_2_img" :src="item.imgurl" title="" alt="">
-                            </div>
-                            <div class="shop_img_li_2_right clearfix">
-                                <h4 class="shop_img_li_2_h4 dot2">{{ item.name }}</h4>
-                                <div class="shop_img_li_2_tag">
-                                    {{ item.type_id == 1 ? '求购' : '供应' }}
-                                </div>
-                                <div class="shop_img_li_2_btn">查看详情</div>
-                            </div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-            <!-- 名品之窗2 -->
-            <!-- 供求信息1 -->
-            <div class="shop_3_in clearfix" v-if="goodsData.length > 3">
-                <div class="shop_head_5 clearfix">
-                    <div class="shop_head_5_name">{{ goodsData[3].alias }}</div>
-                    <a class="shop_head_5_more" :href="getLinkPath(goodsData[3])" :title="goodsData[3].title"></a>
-                </div>
-                <div class="shop_img_ul_3 clearfix">
-                    <div class="shop_img_li_3 clearfix" v-for="(item, index) in goodsData[3].data" :key="index">
-                        <a class="shop_img_li_3_a" :href="getLinkPathDetail(item)" :title="item.title">
-                            <div class="shop_img_li_3_img_box clearfix">
-                                <img class="shop_img_li_3_img" :src="item.imgurl" :title="item.title" alt="">
-                            </div>
-                            <div class="shop_img_li_3_right clearfix">
-                                <h4 class="shop_img_li_3_h4 dot2">{{ item.name }}</h4>
-                                <div class="shop_img_li_3_tag">
-                                    {{ item.type_id == 1 ? '求购' : '供应' }}
-                                </div>
-                                <div class="shop_img_li_3_btn">查看详情</div>
-                            </div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-            <!-- 供求信息2 -->
-        </section>
-        <section class="shop_5 clearfix">
-            <!-- 名品之窗1 -->
-            <div class="shop_3_in clearfix">
-                <div class="shop_head_4 clearfix">
-                    <div class="shop_head_4_name">{{ goodsData[4].alias }}</div>
-                    <a class="shop_head_4_more" :href="getLinkPath(goodsData[4])" :title="goodsData[4].title"></a>
-                </div>
-                <div class="shop_img_ul_2 clearfix">
-                    <div class="shop_img_li_2 clearfix" v-for="(item, index) in goodsData[4].data" :key="index">
-                        <a class="shop_img_li_2_a" :href="getLinkPathDetail(item)" :title="item.title">
-                            <div class="shop_img_li_2_img_box clearfix">
-                                <img class="shop_img_li_2_img" :src="item.imgurl" :title="item.title" alt="">
-                            </div>
-                            <div class="shop_img_li_2_right clearfix">
-                                <h4 class="shop_img_li_2_h4 dot2">{{ item.name }}</h4>
-                                <div class="shop_img_li_2_tag">
-                                    {{ item.type_id == 1 ? '求购' : '供应' }}
-                                </div>
-                                <div class="shop_img_li_2_btn">查看详情</div>
-                            </div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-            <!-- 名品之窗2 -->
-            <!-- 供求信息1 -->
-            <div class="shop_3_in clearfix">
-                <div class="shop_head_5 clearfix">
-                    <div class="shop_head_5_name">{{ goodsData[5].alias }}</div>
-                    <a class="shop_head_5_more" :href="getLinkPath(goodsData[5])" :title="goodsData[5].title"></a>
-                </div>
-                <div class="shop_img_ul_3 clearfix">
-                    <div class="shop_img_li_3 clearfix" v-for="(item, index) in goodsData[5].data" :key="index">
-                        <a class="shop_img_li_3_a" :href="getLinkPathDetail(item)" :title="item.title">
-                            <div class="shop_img_li_3_img_box clearfix">
-                                <img class="shop_img_li_3_img" :src="item.imgurl" :title="item.title" alt="">
-                            </div>
-                            <div class="shop_img_li_3_right clearfix">
-                                <h4 class="shop_img_li_3_h4 dot2">{{ item.name }}</h4>
-                                <div class="shop_img_li_3_tag">
-                                    {{ item.type_id == 1 ? '求购' : '供应' }}
-                                </div>
-                                <div class="shop_img_li_3_btn">查看详情</div>
-                            </div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-            <!-- 供求信息2 -->
-        </section>
-        <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
-    </main>
-    <HomeFoot1></HomeFoot1>
-</template>
-<script setup>
-import { ref } from 'vue'
-import { ElRadio, ElRadioGroup, ElMessage } from 'element-plus'
-//1.获得路由id start ---------------------------------------->
-const targetSegment = getRoutePath(1);
-//1.1 获得当前的路由id
-let routeId;
-let categoryName;
-//通过导航路径反向查询导航id
-const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
-    method: 'GET',
-    query: {
-        'pinyin': targetSegment,
-    },
-});
-if (getRouteId.code == 200) {
-    routeId = getRouteId.data.category_id
-    categoryName = getRouteId.data.alias
-} else {
-    console.log("获得路由id出错！", getRouteId.message)
-}
-//1.获得路由id end ---------------------------------------->
-
-//3.广告 start ---------------------------------------->
-let adImg1 = ref({})
-let adImg2 = ref({})
-onMounted(async () => {
-    //从客户端获取行政职能部门 加快打开速度
-    const { $webUrl, $CwebUrl } = useNuxtApp();
-    //广告1
-    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snscw_category_0001`
-    const responseAd1 = await fetch(url, {
-        headers: {
-            'Content-Type': 'application/json',
-            'Userurl': $CwebUrl,
-            'Origin': $CwebUrl
-        }
-    });
-    const resultAd1 = await responseAd1.json();
-    adImg1.value = resultAd1.data[0];
-
-    //广告2
-    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snscw_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.广告 end ---------------------------------------->
-
-//4.页面数据 start ---------------------------------------->
-const pageData = ref([
-    //示例：
-    // {
-    //     id: 1, 
-    //     title: "", //该导航的标题
-    //     data: [], //数据1
-    //     data1: [], //数据2
-    //     data2: [], //数据3
-    //     data3: [], //数据4
-    //     data4: [], //数据5
-    //     category_id1: "",  //子导航id1
-    //     category_id2: "", 
-    //     category_id3: "",
-    //     category_id4: "",
-    //     title1: "", //子导航标题1
-    //     title2: "",
-    //     title3: "",
-    //     title4: "",
-    //     cid: "" //该导航的id
-    // },
-])
-const goodsData = ref([])
-const newsData = ref([])
-
-
-//4.1 获取所有导航
-try {
-    const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
-        method: 'GET',
-        query: {
-            'placeid': 1,
-            'pid': routeId,
-            'num': 20,
-            'type': 1
-        },
-    });
-    console.log("导航池11111", navigateData);
-
-    if (navigateData.code == 200) {
-        // 遍历可用的导航池放到页面中
-        for (let index in navigateData.data) {
-            let data = {
-                title: navigateData.data[index].name,
-                cid: navigateData.data[index].category_id,
-                children_count: navigateData.data[index].children_count,
-                alias: navigateData.data[index].alias,
-                aLIas_pinyin: targetSegment + "/" + navigateData.data[index].aLIas_pinyin,
-                children: navigateData.data[index].children,
-                type: navigateData.data[index].type,
-                data: [],
-                data1: [],
-                data2: [],
-                data3: [],
-                data4: [],
-                category_id1: "",
-                category_id2: "",
-                category_id3: "",
-                category_id4: "",
-                title1: "",
-                title2: "",
-                title3: "",
-                title4: ""
-            };
-            if (navigateData.data[index].is_url == 1) {
-                // 处理 URL 的逻辑
-            } else {
-                if (navigateData.data[index].type == 2) {
-                    goodsData.value.push(data);
-                } else if (navigateData.data[index].type == 1) {
-                    newsData.value.push(data);
-                }
-                //每个页面最多8个模块
-                pageData.value.push(data);
-            }
-        }
-        console.log("导航池111111pageData", pageData.value);
-        console.log("导航池111111goodsData", goodsData.value);
-        console.log("导航池111111newsData", newsData.value);
-
-        //导航池加载完毕，开始申请模块数据
-        let goodsJson = [
-            // { "catid": goodsData.value[0].cid + ",0,12" },//模块1
-            // { "catid": goodsData.value[1].cid + ",0,4" },//模块2
-            // { "catid": goodsData.value[2].cid + ",0,4" },//模块3
-        ]
-        for (let i = 0; i < goodsData.value.length; i++) {
-            if (i == 0) {
-                goodsJson.push({ "catid": goodsData.value[0].cid + ",0,3" });
-            } else if (i == 1) {
-                goodsJson.push({ "catid": goodsData.value[1].cid + ",0,6" });
-            } else if (i == 2) {
-                goodsJson.push({ "catid": goodsData.value[2].cid + ",0,3" });
-            } else if (i == 3) {
-                goodsJson.push({ "catid": goodsData.value[3].cid + ",0,3" });
-            } else if (i == 4) {
-                goodsJson.push({ "catid": goodsData.value[4].cid + ",0,3" });
-            } else if (i == 5) {
-                goodsJson.push({ "catid": goodsData.value[5].cid + ",0,3" });
-            }
-        }
-        let goodsJsonString = JSON.stringify(goodsJson);
-        getPageGoodsAllData(goodsJsonString);
-
-    } else {
-        console.log("错误：渲染8个模块环节出错，请检查是否存在没有数据的模块！")
-    }
-} catch (error) {
-    console.log("错误：导航池渲染执行接口出错！请检查频道页渲染的模块数据是否完整！")
-}
-// 获取商品数据 start--------------------------------------->
-async function getPageGoodsAllData(goodsJsonString) {
-    const mkdata = await requestDataPromise('/web/getWebsiteCatidshop', {
-        method: 'GET',
-        query: {
-            'catid': goodsJsonString
-        },
-    });
-    console.log("获取商品数据", mkdata);
-
-    if (mkdata.code == 200) {
-        goodsData.value[0].data = mkdata.data[0];//模块1
-        goodsData.value[1].data = mkdata.data[1];//模块2
-        goodsData.value[2].data = mkdata.data[2];//模块3
-        goodsData.value[3].data = mkdata.data[3];//模块4
-        goodsData.value[4].data = mkdata.data[4];//模块5
-        goodsData.value[5].data = mkdata.data[5];//模块6
-    }
-}
-// 获取商品数据 end----------------------------------------->
-
-//4.页面数据 end ---------------------------------------->
-
-//5.设置seo信息 start---------------------------------------->
-const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
-    method: 'GET',
-    query: {
-        'catid': routeId
-    },
-});
-
-if (setData.code == 200) {
-    let seoTitle = setData.data.seo_title;
-    let seoDescription = setData.data.seo_description;
-    let seoKeywords = setData.data.seo_keywords;
-    let seoSuffix = setData.data.suffix;
-    let seoName = setData.data.website_name;
-
-    useSeoMeta({
-        title: seoTitle + "_" + seoSuffix,
-        meta: [
-            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
-            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
-        ]
-    });
-} else {
-    console.log("设置频道页SEO出错！", setData.message)
-}
-//5.设置seo信息 end---------------------------------------->
-
-
-</script>
-<style lang="less" scoped>
-@import url("@/assets/css/shop/shopClass1.less");
-</style>