Browse Source

提交代码

Jing 5 days ago
parent
commit
efa6c4084e

+ 203 - 0
assets/css/detail.less

@@ -193,6 +193,209 @@
     font-weight: 500;
 }
 
+//投票
+.index_3_box_vote {
+    .voteTitle {
+        font-size: 20px;
+        height: 40px;
+        line-height: 40px;
+        color: #333333;
+        padding-left: 20px;
+        width: 100%;
+        border-bottom: 1px solid #E7E7E7;
+        border-top: 1px solid #a01c0e;
+        box-sizing: border-box;
+    }
+
+    width:100%;
+    box-sizing:border-box;
+    border:solid 1px #FBFBFB;
+    background: #FBFBFB;
+
+    .inquire {
+        height: 394px;
+        margin-top: 20px;
+        border-radius: 6px 6px 6px 6px;
+        padding: 4px 40px 4px 6px;
+        box-sizing: border-box;
+
+        p {
+            font-weight: bold;
+            height: 69px;
+            font-family: PingFang SC, PingFang SC;
+            font-size: 20px;
+            color: #333333;
+            line-height: 21px;
+            text-align: left;
+            font-style: normal;
+            text-transform: none;
+            padding: 12px 20px 0 32px;
+        }
+
+        .radioBox {
+            height: 250px;
+            padding-left: 30px;
+            overflow-y: auto;
+            box-sizing: border-box;
+            padding-bottom: 20px;
+        }
+
+        .radio {
+            /deep/.el-radio {
+                --el-radio-input-border-color-hover: #a01c0e;
+            }
+
+            /deep/.el-radio-group {
+                align-items: center;
+                display: inline-flex;
+                flex-wrap: wrap;
+                font-size: 0;
+                //padding-left: 35px;
+            }
+
+            /deep/.el-radio.el-radio--large {
+                width: 100%;
+                height: 29px;
+                margin-bottom: 15px;
+            }
+
+            /deep/.el-radio.el-radio--large .el-radio__label {
+                font-family: PingFang SC, PingFang SC;
+                font-weight: 400;
+                font-size: 16px;
+                color: #333333;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                width: 300px;
+            }
+
+            /deep/.el-radio.el-radio--large .el-radio__inner {
+                height: 16px;
+                width: 16px;
+            }
+
+            /deep/.el-radio__input.is-checked+.el-radio__label {
+                color: #a01c0e;
+            }
+
+            /deep/.el-radio__input.is-checked .el-radio__inner {
+                background: #a01c0e;
+                border-color: #a01c0e;
+            }
+        }
+
+        .checkInputBox {
+            /deep/.el-checkbox {
+                --el-radio-input-border-color-hover: #a01c0e;
+            }
+
+            /deep/.el-checkbox-group {
+                align-items: center;
+                display: inline-flex;
+                flex-wrap: wrap;
+                font-size: 0;
+                //padding-left: 35px;
+            }
+
+            /deep/.el-checkbox.el-checkbox--large {
+                width: 330px;
+                height: 29px;
+                margin-bottom: 15px;
+            }
+
+            /deep/.el-checkbox.el-checkbox--large .el-checkbox__label {
+                font-family: PingFang SC, PingFang SC;
+                font-weight: 400;
+                font-size: 16px;
+                color: #333333;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                width: 300px;
+            }
+
+            /deep/.el-checkbox.el-checkbox--large .el-checkbox__inner {
+                height: 16px;
+                width: 16px;
+            }
+
+            /deep/.el-checkbox__input.is-checked+.el-checkbox__label {
+                color: #a01c0e;
+            }
+
+            /deep/.el-checkbox__input.is-checked .el-checkbox__inner {
+                background: #a01c0e;
+                border-color: #a01c0e;
+            }
+        }
+
+        .btn {
+            padding-left: 30px;
+
+            button {
+                width: 78px;
+                height: 37px;
+                line-height: 37px;
+                border-radius: 6px;
+                border: none;
+                font-family: PingFang SC, PingFang SC;
+                font-weight: 400;
+                font-size: 16px;
+                color: #999999;
+            }
+
+            .voting {
+                background-color: #a01c0e;
+                color: #fff;
+                margin-right: 44px;
+                cursor: pointer;
+            }
+
+            .look {
+                cursor: pointer;
+            }
+        }
+    }
+
+    .inquireData {
+        .inquireDataItem {
+            width: 100%;
+            height: 38px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            background: #F3F3F3;
+            border: 1px solid #D2D2D2;
+            margin-bottom: 10px;
+            border-radius: 6px;
+            padding: 0 15px;
+            box-sizing: border-box;
+            color: #999999;
+
+            .inquireDataItemTitle {
+                width: 290px;
+                height: 38px;
+                font-size: 16px;
+                line-height: 38px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+
+            .inquireDataItemNum {
+                font-size: 16px;
+            }
+        }
+
+        .active {
+            color: #a01c0e;
+            background: #dff7e8;
+            border: 1px solid #a01c0e;
+        }
+    }
+}
+
 //放大图片
 .preview-modal {
     position: fixed;

+ 2 - 2
assets/css/foot.less

@@ -215,7 +215,7 @@
 
 .foot_logo_out>* {
     position: absolute;
-    top: -166px;
+    top: -140px;
 }
 
 .foot_logo_out>*:nth-of-type(1) {
@@ -249,7 +249,7 @@
 
 .foot_text_html_css :deep(a) {
     color: #333;
-    text-decoration: underline;
+    // text-decoration: underline;
 }
 
 .foot_text_html_css :deep(img) {

+ 165 - 62
assets/css/index.less

@@ -267,6 +267,7 @@
 
                     .navContext {
                         width: 360px;
+                        height: 196px;
                         padding: 20px 20px;
                         box-sizing: border-box;
                         font-family: Microsoft YaHei, Microsoft YaHei;
@@ -447,6 +448,8 @@
 
                     .top {
                         width: 350px;
+                        height: 285px;
+                        position: relative;
 
                         .bottom_left_img {
                             width: 165px;
@@ -640,16 +643,6 @@
                         color: #999999;
                     }
 
-                    // .active_bg {
-                    //     display: inline-block;
-                    //     width: 8px;
-                    //     height: 8px;
-                    //     background-color: #a01c0e;
-                    //     border-radius: 4px;
-                    //     position: absolute;
-                    //     top: 7px;
-                    //     right: -5px;
-                    // }
                 }
 
             }
@@ -658,37 +651,44 @@
                 width: 450px;
                 margin-top: 10px;
 
-                .part1_right_content_top {
-                    float: left;
-                    width: 220px;
+                .part1_top_111 {
+                    width: 450px;
+                    height: 165px;
+                    // margin-bottom: 20px;
+                    position: relative;
 
-                    a img {
+                    .part1_right_content_top {
+                        float: left;
                         width: 220px;
-                        height: 130px;
-                    }
 
-                    a .content_top_title2 {
-                        display: inline-block;
-                        width: 220px;
-                        padding: 0 10px;
-                        box-sizing: border-box;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-                        margin-top: 5px;
+                        a img {
+                            width: 220px;
+                            height: 130px;
+                        }
+
+                        a .content_top_title2 {
+                            display: inline-block;
+                            width: 220px;
+                            padding: 0 10px;
+                            box-sizing: border-box;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: 400;
+                            font-size: 18px;
+                            color: #333333;
+                            margin-top: 5px;
+                        }
                     }
-                }
 
-                .part1_right_content_top:hover a .content_top_title2 {
-                    color: #a01c0e;
-                }
+                    .part1_right_content_top:hover a .content_top_title2 {
+                        color: #a01c0e;
+                    }
 
-                .part1_right_content_top:nth-child(2) {
-                    margin-left: 10px;
+                    .part1_right_content_top:nth-child(2) {
+                        margin-left: 10px;
+                    }
                 }
 
                 .part1_right_content_bottom {
@@ -873,6 +873,8 @@
 
                     .right_top {
                         width: 350px;
+                        height: 285px;
+                        position: relative;
 
                         a img {
                             width: 350px;
@@ -928,7 +930,8 @@
                                 font-size: 18px;
                                 color: #333333;
                             }
-                            a{
+
+                            a {
                                 color: #333333;
                             }
 
@@ -1003,43 +1006,51 @@
                 width: 450px;
                 margin-top: 20px;
 
-                .part2_right_content_top {
-                    float: left;
-                    width: 220px;
+                .part2_top_1111 {
+                    width: 450px;
+                    height: 165px;
+                    position: relative;
 
-                    a img {
+                    .part2_right_content_top {
+                        float: left;
                         width: 220px;
-                        height: 130px;
+
+                        a img {
+                            width: 220px;
+                            height: 130px;
+                        }
+
+                        a .content_top_title22 {
+                            display: inline-block;
+                            width: 220px;
+                            padding: 0 10px;
+                            box-sizing: border-box;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: 400;
+                            font-size: 18px;
+                            color: #333333;
+                            margin-top: 5px;
+                        }
                     }
 
-                    a .content_top_title22 {
-                        display: inline-block;
-                        width: 220px;
-                        padding: 0 10px;
-                        box-sizing: border-box;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-                        margin-top: 5px;
+                    .part2_right_content_top:hover a .content_top_title22 {
+                        color: #a01c0e;
                     }
-                }
 
-                .part2_right_content_top:hover a .content_top_title22 {
-                    color: #a01c0e;
+                    .part2_right_content_top:nth-child(2) {
+                        margin-left: 10px;
+                    }
                 }
 
-                .part2_right_content_top:nth-child(2) {
-                    margin-left: 10px;
-                }
+
 
                 .part2_right_content_bottom {
                     width: 450px;
                     // height: 300px;
-                    margin-top: 20px;
+                    // margin-top: 20px;
                     overflow: hidden;
 
                     .content_bottom_list {
@@ -1607,14 +1618,16 @@
                     margin-top: 20px;
 
                     .part5_left_content_top {
+                        height: 484px;
                         .content_top_left {
                             float: left;
                             width: 350px;
                             height: 484px;
+                            position: relative;
 
                             .part5_photo_text {
                                 width: 350px;
-                                position: relative;
+                                height: 270px;
 
                                 img {
                                     width: 350px;
@@ -1661,6 +1674,10 @@
 
                             .part5_content {
                                 width: 350px;
+                                height: 210px;
+                                position: absolute;
+                                bottom: 0;
+                                left: 0;
 
                                 .part5_content_list:first-child {
                                     width: 350px;
@@ -1853,6 +1870,8 @@
 
                         .content_top {
                             width: 350px;
+                            height: 285px;
+                            position: relative;
 
                             img {
                                 width: 350px;
@@ -1987,6 +2006,9 @@
         .part5_right {
             float: right;
             width: 451px;
+            height: 1070px;
+            position: relative;
+
 
             .part5_rightTitle {
                 width: 451px;
@@ -2054,6 +2076,7 @@
 
             .part5_right_content_top {
                 width: 451px;
+                height: 325px;
                 margin-top: 20px;
 
                 .part5_right_contentlist_top {
@@ -2162,6 +2185,7 @@
 
             .part5_right_content_11 {
                 width: 451px;
+                height: 70px;
 
 
                 .part5_right_contentlist_11 {
@@ -2202,6 +2226,13 @@
                 }
             }
 
+            .adBox1 {
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                width: 450px;
+                height: 290px;
+            }
 
         }
     }
@@ -2241,6 +2272,10 @@
                         margin-right: 10px;
                         vertical-align: -2px;
                     }
+
+                    a {
+                        color: #333333;
+                    }
                 }
 
                 .selectMore {
@@ -2253,6 +2288,7 @@
                 }
 
                 .part6_left_content111 {
+                    height: 230px;
                     padding-top: 20px;
 
                     .part6_left_content_list {
@@ -2288,6 +2324,61 @@
             .part6_left_content1:first-child {
                 margin-right: 20px;
             }
+
+            .part6_left_content2 {
+                float: left;
+                width: 350px;
+                height: 309px;
+                background-color: #f8f8f8;
+
+                .part6_left_content_title {
+                    width: 350px;
+                    height: 59px;
+                    background-color: #f4f4f4;
+                    line-height: 59px;
+                    font-family: DingTalk JinBuTi, DingTalk JinBuTi;
+                    font-weight: 400;
+                    font-size: 24px;
+                    color: #333333;
+
+                    img {
+                        margin-left: 20px;
+                        margin-right: 10px;
+                        vertical-align: -2px;
+                    }
+
+                    a {
+                        color: #333333;
+                    }
+                }
+
+                .part6_left_content222 {
+                    width: 350px;
+                    padding: 20px 32px;
+
+                    .part6_left_content_list {
+                        width: 130px;
+                        height: 90px;
+                        background-color: #fff;
+                        float: left;
+                        margin-right: 26px;
+                        margin-bottom: 20px;
+                        text-align: center;
+
+                        img {
+                            width: 28px;
+                            height: 28px;
+                            padding: 15px 10px 5px;
+
+                        }
+
+                        .title_div {
+                            color: #333333;
+                            font-size: 18px;
+                        }
+                    }
+                }
+            }
         }
 
         .part6_right {
@@ -2306,6 +2397,10 @@
                 color: #333333;
                 padding-left: 20px;
                 box-sizing: border-box;
+
+                a {
+                    color: #333333;
+                }
             }
 
             .part6_right_content {
@@ -2335,6 +2430,10 @@
                             margin-right: 10px;
                             vertical-align: middle;
                         }
+
+                        a {
+                            color: #333333;
+                        }
                     }
                 }
 
@@ -2358,6 +2457,10 @@
                             margin-right: 10px;
                             vertical-align: middle;
                         }
+
+                        a {
+                            color: #333333;
+                        }
                     }
                 }
             }

+ 50 - 40
components/detail/HotNews.vue

@@ -4,18 +4,21 @@
             最新资讯
             <em></em>
         </div>
-        <div class="hotList_photo_text" v-for="(item, index) in hotNewsListImg" :key="index">
-            <NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
-                <img :src="item.imgurl" alt="">
-                <span class="jingxuan">精选</span>
-                <div class="hotlist_text">{{ item.title }}</div>
-            </NuxtLink>
-            <NuxtLink :to="`/${item.pinyin}/${item.id}.html`" v-if="item.islink == 0" :title="item.title">
-                <img :src="item.imgurl" alt="">
-                <span class="jingxuan">精选</span>
-                <div class="hotlist_text">{{ item.title }}</div>
-            </NuxtLink>
+        <div class="top111">
+            <div class="hotList_photo_text" v-for="(item, index) in hotNewsListImg" :key="index">
+                <NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">
+                    <img :src="item.imgurl" alt="">
+                    <span class="jingxuan">精选</span>
+                    <div class="hotlist_text">{{ item.title }}</div>
+                </NuxtLink>
+                <NuxtLink :to="`/${item.pinyin}/${item.id}.html`" v-if="item.islink == 0" :title="item.title">
+                    <img :src="item.imgurl" alt="">
+                    <span class="jingxuan">精选</span>
+                    <div class="hotlist_text">{{ item.title }}</div>
+                </NuxtLink>
+            </div>
         </div>
+
         <ul class="message">
             <li class="messageList" v-for="(item, index) in hotNewsList" :key="index">
                 <NuxtLink :to="item.linkurl" v-if="item.islink == 1" :title="item.title">{{ item.title }}</NuxtLink>
@@ -42,7 +45,7 @@ async function getPageData() {
     if (mkdata.code == 200) {
         hotNewsList.value = mkdata.data;
         console.log("11111111111111111111111111", hotNewsList.value);
-        
+
     } else {
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置:获取最新资讯")
@@ -105,44 +108,51 @@ getPageData1();
 
 }
 
-.hotList_photo_text {
+.top111 {
     width: 350px;
     height: 280px;
     position: relative;
 
-    img {
+    .hotList_photo_text {
         width: 350px;
-        height: 230px;
-    }
+        height: 280px;
+        position: relative;
 
-    .jingxuan {
-        display: inline-block;
-        width: 50px;
-        height: 26px;
-        background-color: #a01c0e;
-        color: #fff;
-        text-align: center;
-        line-height: 26px;
-        position: absolute;
-        top: 0px;
-        right: 10px;
-    }
+        img {
+            width: 350px;
+            height: 230px;
+        }
 
-    .hotlist_text {
-        width: 350px;
-        height: 40px;
-        line-height: 40px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        font-family: Microsoft YaHei, Microsoft YaHei;
-        font-weight: bold;
-        font-size: 18px;
-        color: #333333;
-        margin-top: 8px;
+        .jingxuan {
+            display: inline-block;
+            width: 50px;
+            height: 26px;
+            background-color: #a01c0e;
+            color: #fff;
+            text-align: center;
+            line-height: 26px;
+            position: absolute;
+            top: 0px;
+            right: 10px;
+        }
+
+        .hotlist_text {
+            width: 350px;
+            height: 40px;
+            line-height: 40px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            font-family: Microsoft YaHei, Microsoft YaHei;
+            font-weight: bold;
+            font-size: 18px;
+            color: #333333;
+            margin-top: 8px;
+        }
     }
 }
 
+
 .message {
     width: 350px;
     margin-top: 30px;

+ 44 - 36
components/detail/HotNews2.vue

@@ -4,16 +4,18 @@
             热点精选
             <em></em>
         </div>
-        <div class="hotNews_photo_text">
-            <div class="photo_left" v-for="(item, index) in hotNewsListImg">
-                <NuxtLink :to="item.linkurl" v-show="item.islink == 1" :title="item.title">
-                    <img :src="item.imgurl" alt="">
-                    <div class="hotNews_text">{{ item.title }}</div>
-                </NuxtLink>
-                <NuxtLink :to="`/${item.pinyin}/${item.id}.html`">
-                    <img :src="item.imgurl" alt="">
-                    <div class="hotNews_text">{{ item.title }}</div>
-                </NuxtLink>
+        <div class="top_top">
+            <div class="hotNews_photo_text">
+                <div class="photo_left" v-for="(item, index) in hotNewsListImg">
+                    <NuxtLink :to="item.linkurl" v-show="item.islink == 1" :title="item.title">
+                        <img :src="item.imgurl" alt="">
+                        <div class="hotNews_text">{{ item.title }}</div>
+                    </NuxtLink>
+                    <NuxtLink :to="`/${item.pinyin}/${item.id}.html`">
+                        <img :src="item.imgurl" alt="">
+                        <div class="hotNews_text">{{ item.title }}</div>
+                    </NuxtLink>
+                </div>
             </div>
         </div>
         <ul class="hotNews_message">
@@ -111,40 +113,46 @@ getPageData1();
     }
 
     //图片文字
-    .hotNews_photo_text {
-        display: flex;
-        justify-content: space-between;
-        margin-top: 10px;
-
-        img {
-            width: 165px;
-            height: 96px;
-        }
+    .top_top {
+        width: 350px;
+        height: 165px;
+        position: relative;
 
-        .hotNews_text {
-            width: 165px;
-            display: -webkit-box;
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: 2;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            word-break: break-all;
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: 400;
-            font-size: 18px;
-            color: #333333;
-            margin-top: 15px;
-        }
+        .hotNews_photo_text {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 10px;
 
-        .hotNews_text:hover {
-            color: #a01c0e;
+            img {
+                width: 165px;
+                height: 96px;
+            }
+
+            .hotNews_text {
+                width: 165px;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 2;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                word-break: break-all;
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: 400;
+                font-size: 18px;
+                color: #333333;
+                margin-top: 15px;
+            }
+
+            .hotNews_text:hover {
+                color: #a01c0e;
+            }
         }
     }
 
     //新闻列表
     .hotNews_message {
         width: 350px;
-        margin-top: 40px;
+        margin-top: 25px;
 
         .hotNews_messageList {
             width: 350px;

+ 1 - 1
components/home/pageHead.vue

@@ -351,7 +351,7 @@ header {
 }
 
 .headerNav .left>span {
-    margin-right: 47px;
+    margin-right: 20px;
 }
 
 .headerNav .right {

+ 1 - 1
pages/[dir]/[dir]/[id].vue

@@ -133,7 +133,7 @@
 <script setup>
 //1.页面依赖 start ---------------------------------------->
 import { onMounted } from 'vue'
-import { ElBreadcrumb, ElBreadcrumbItem } from 'element-plus'
+import { ElBreadcrumb, ElBreadcrumbItem, ElRadio, ElRadioGroup } from 'element-plus'
 import { ArrowRight } from '@element-plus/icons-vue'
 
 

+ 12 - 12
pages/[dir]/[dir]/list-[id].vue

@@ -52,8 +52,16 @@
                     </ul>
                     <!-- 分页器 -->
                     <div class="pagination" v-if="total">
-                        <el-pagination size="small" background layout="prev, pager, next" :total="total" class="mt-4"
-                            v-model:page-size="pageSize" prev-text="上一页" next-text="下一页" @change="changePage" />
+                        <el-pagination 
+                            size="small" 
+                            background 
+                            layout="prev, pager, next" 
+                            :total="total" class="mt-4"
+                            v-model:page-size="pageSize" 
+                            :current-page="pageNum" 
+                            prev-text="上一页" 
+                            next-text="下一页" 
+                            @current-change="changePage" />
                     </div>
                 </div>
                 <div class="innerRight">
@@ -140,7 +148,7 @@ let newslists = async () => {
     const listData = await requestDataPromise('/web/getWebsiteArticleList', {
         method: 'GET',
         query: {
-            'page': page.value,
+            'page': pageNum.value,
             'pageSize': pageSize.value,
             'catid': articleId
         },
@@ -163,15 +171,7 @@ newslists();
 //分页事件
 let changePage = (value) => {
     console.log("当前页码", value);
-    page.value = value
-
-    //判断是否为真路径
-    // if (route.meta.isAlias) {
-    //     navigateTo(`${route.meta.path}${page.value}.html`)
-    // } else {
-    //     navigateTo(`/newsList/${articleId}?page=${page.value}`)
-    // }
-    newslists();
+    navigateTo(`/${targetSegment}/${value}.html`)
 }
 
 //2.3获得页面名称

+ 1 - 1
pages/[dir]/[id].vue

@@ -132,7 +132,7 @@
 <script setup>
 //1.页面依赖 start ---------------------------------------->
 import { onMounted } from 'vue'
-import { ElBreadcrumb, ElBreadcrumbItem } from 'element-plus'
+import { ElBreadcrumb, ElBreadcrumbItem, ElRadio, ElRadioGroup } from 'element-plus'
 import { ArrowRight } from '@element-plus/icons-vue'
 
 //1.1 获得跳转过来的id

+ 94 - 66
pages/[dir]/index.html.vue

@@ -74,12 +74,20 @@
                         </h2>
                     </div>
                     <div class="part1_right_content">
-                        <div class="part1_right_content_top" v-for="(item, index) in pageData[1].data" :key="index">
+                        <div class="part1_right_top11">
+                            <div class="part1_right_content_top" v-for="(item, index) in pageData[1].data" :key="index">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title">
+                                    <img :src="item.imgurl" alt="item.title">
+                                    <span class="content_top_title2">{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <!-- <div class="part1_right_content_top" v-for="(item, index) in pageData[1].data" :key="index">
                             <NuxtLink :href="getLinkPathDetail(item)" :title="item.title">
                                 <img :src="item.imgurl" alt="item.title">
                                 <span class="content_top_title2">{{ item.title }}</span>
                             </NuxtLink>
-                        </div>
+                        </div> -->
                         <ul class="part1_right_content_bottom">
                             <li class="content_bottom_list" v-for="(item, index) in pageData[1].data1" :key="index">
                                 <NuxtLink :href="getLinkPathDetail(item)" :title="item.title">
@@ -141,11 +149,13 @@
                         </h2>
                     </div>
                     <div class="part2_right_content">
-                        <div class="part2_right_content_top" v-for="(item, index) in pageData[3].data" :key="index">
-                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title">
-                                <img :src="item.imgurl" alt="item.title">
-                                <span class="content_top_title22">{{ item.title }}</span>
-                            </NuxtLink>
+                        <div class="part2_right_top11">
+                            <div class="part2_right_content_top" v-for="(item, index) in pageData[3].data" :key="index">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title">
+                                    <img :src="item.imgurl" alt="item.title">
+                                    <span class="content_top_title22">{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
                         </div>
                         <ul class="part2_right_content_bottom">
                             <li class="content_bottom_list" v-for="(item, index) in pageData[3].data2" :key="index">
@@ -370,14 +380,14 @@ import { ref, onMounted } from 'vue';
 //格式化跳转路径 - 标题
 //首页分类栏目标题,不需要考虑外链
 const getLinkPath = (item) => {
-    // console.log('item111',item)
+    // console.log('item111333',item)
     // return `/${item.url}/1.html`;
     // return `/newsList/${item.cid}?page=1`;
     return `/${item.aLIas_pinyin}/list-1.html`;
 }
 //首页跳转到详情,这里需要考虑外链
 const getLinkPathDetail = (item) => {
-    console.log('item111', item)
+    // console.log('item111222', item)
     if (item.islink == 1) {
         return `${item.linkurl}`;
     } else {
@@ -1230,46 +1240,54 @@ function getTime(date, part, digits) {
                 // height: 940px;
                 margin-top: 20px;
 
-                .part1_right_content_top {
-                    float: left;
-                    width: 220px;
+                .part1_right_top11 {
+                    width: 450px;
                     height: 180px;
+                    position: relative;
 
-                    a img {
+                    .part1_right_content_top {
+                        float: left;
                         width: 220px;
-                        height: 130px;
+                        height: 180px;
+
+                        a img {
+                            width: 220px;
+                            height: 130px;
+                        }
+
+                        a .content_top_title2 {
+                            display: inline-block;
+                            width: 220px;
+                            padding: 0 10px;
+                            box-sizing: border-box;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: 400;
+                            font-size: 18px;
+                            color: #333333;
+                            margin-top: 10px;
+                        }
                     }
 
-                    a .content_top_title2 {
-                        display: inline-block;
-                        width: 220px;
-                        padding: 0 10px;
-                        box-sizing: border-box;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-                        margin-top: 10px;
+                    .part1_right_content_top:hover {
+                        a .content_top_title2 {
+                            color: #a01c0e;
+                        }
                     }
-                }
 
-                .part1_right_content_top:hover {
-                    a .content_top_title2 {
-                        color: #a01c0e;
+                    .part1_right_content_top:nth-child(2) {
+                        margin-left: 10px;
                     }
                 }
 
-                .part1_right_content_top:nth-child(2) {
-                    margin-left: 10px;
-                }
+
 
                 .part1_right_content_bottom {
                     width: 450px;
                     height: 300px;
-                    margin-top: 20px;
+                    margin-top: 15px;
                     overflow: hidden;
 
                     .content_bottom_list {
@@ -1279,7 +1297,7 @@ function getTime(date, part, digits) {
                         white-space: nowrap;
                         overflow: hidden;
                         text-overflow: ellipsis;
-                        margin-top: 28px;
+                        margin-bottom: 28px;
                         font-family: Microsoft YaHei, Microsoft YaHei;
                         font-weight: 400;
                         font-size: 18px;
@@ -1542,41 +1560,49 @@ function getTime(date, part, digits) {
                 width: 450px;
                 margin-top: 20px;
 
-                .part2_right_content_top {
-                    float: left;
-                    width: 220px;
-                    height: 180px;
+                .part2_right_top11 {
+                    width: 450px;
+                    height: 170px;
+                    position: relative;
 
-                    a img {
+                    .part2_right_content_top {
+                        float: left;
                         width: 220px;
-                        height: 130px;
+                        height: 180px;
+
+                        a img {
+                            width: 220px;
+                            height: 130px;
+                        }
+
+                        a .content_top_title22 {
+                            display: inline-block;
+                            width: 220px;
+                            padding: 0 10px;
+                            box-sizing: border-box;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: 400;
+                            font-size: 18px;
+                            color: #333333;
+                            margin-top: 10px;
+                        }
                     }
 
-                    a .content_top_title22 {
-                        display: inline-block;
-                        width: 220px;
-                        padding: 0 10px;
-                        box-sizing: border-box;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-                        margin-top: 10px;
+                    .part2_right_content_top:hover {
+                        a .content_top_title22 {
+                            color: #a01c0e;
+                        }
                     }
-                }
 
-                .part2_right_content_top:hover {
-                    a .content_top_title22 {
-                        color: #a01c0e;
+                    .part2_right_content_top:nth-child(2) {
+                        margin-left: 10px;
                     }
                 }
 
-                .part2_right_content_top:nth-child(2) {
-                    margin-left: 10px;
-                }
+
 
                 .part2_right_content_bottom {
                     width: 450px;
@@ -1591,7 +1617,7 @@ function getTime(date, part, digits) {
                         white-space: nowrap;
                         overflow: hidden;
                         text-overflow: ellipsis;
-                        margin-top: 28px;
+                        margin-bottom: 28px;
                         font-family: Microsoft YaHei, Microsoft YaHei;
                         font-weight: 400;
                         font-size: 18px;
@@ -1708,6 +1734,7 @@ function getTime(date, part, digits) {
 
                             .part3_photo_text {
                                 width: 350px;
+                                height: 280px;
                                 position: relative;
 
                                 img {
@@ -2179,6 +2206,8 @@ function getTime(date, part, digits) {
 
             .part3_right_content_top {
                 width: 451px;
+                height: 325px;
+                position: relative;
                 margin-top: 20px;
 
                 .part3_right_contentlist_top {
@@ -2289,7 +2318,8 @@ function getTime(date, part, digits) {
 
             .part3_right_content_11 {
                 width: 451px;
-
+                height: 70px;
+                position: relative;
 
                 .part3_right_contentlist_11 {
                     width: 451px;
@@ -2332,8 +2362,6 @@ function getTime(date, part, digits) {
                     margin-bottom: 25px;
                 }
             }
-
-
         }
     }
 }

+ 18 - 16
pages/[dir]/list-[id].vue

@@ -53,7 +53,8 @@
                     <!-- 分页器 -->
                     <div class="pagination" v-if="total">
                         <el-pagination size="small" background layout="prev, pager, next" :total="total" class="mt-4"
-                            v-model:page-size="pageSize" prev-text="上一页" next-text="下一页" @change="changePage" />
+                            v-model:page-size="pageSize" prev-text="上一页" next-text="下一页" :current-page="pageNum"
+                            @current-change="changePage" />
                     </div>
                 </div>
                 <div class="innerRight">
@@ -90,8 +91,8 @@ let pageSize = ref(20);
 //获得当前的完整路径
 const fullPath = route.path;
 //拆分,取出来中间这一段,然后提取数字部分
-const segments = fullPath.split('/'); 
-const targetSegment = segments[1]; 
+const segments = fullPath.split('/');
+const targetSegment = segments[1];
 //const numberPart = targetSegment.match(/\d+$/)?.[0]; 
 //let routeId = 20 //排除路径错误可以打开这个
 
@@ -102,12 +103,12 @@ const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
         'pinyin': targetSegment,
     },
 });
-if(getRouteId.code == 200){
+if (getRouteId.code == 200) {
     articleId = getRouteId.data.category_id
-}else{
+} else {
     console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     console.log("错误位置:通过url路径查询导航池id")
-    console.log("后端错误反馈:",getRouteId.message)
+    console.log("后端错误反馈:", getRouteId.message)
     console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
 }
 
@@ -128,7 +129,7 @@ let newslists = async () => {
     const listData = await requestDataPromise('/web/getWebsiteArticleList', {
         method: 'GET',
         query: {
-            'page': page.value,
+            'page': pageNum.value,
             'pageSize': pageSize.value,
             'catid': articleId
         },
@@ -151,15 +152,7 @@ newslists();
 //分页事件
 let changePage = (value) => {
     console.log("当前页码", value);
-    page.value = value
-
-    //判断是否为真路径
-    // if (route.meta.isAlias) {
-    //     navigateTo(`${route.meta.path}${page.value}.html`)
-    // } else {
-    //     navigateTo(`/newsList/${articleId}?page=${page.value}`)
-    // }
-    newslists();
+    navigateTo(`/${targetSegment}/list-${value}.html`)
 }
 
 //2.3获得页面名称
@@ -307,6 +300,15 @@ onMounted(async () => {
 })
 //5.广告 end---------------------------------------->
 
+// 6.跳转 start ---------------------------------------->
+const getLinkPathDetail = (item) => {
+    if (item.islink == 1) {
+        return `${item.linkurl}`;
+    } else {
+        return `/${item.pinyin}/${item.id}.html`;
+    }
+}
+// 6.跳转 end ---------------------------------------->
 
 </script>
 

+ 317 - 141
pages/index.vue

@@ -136,53 +136,60 @@
                     <div class="foot">
                         <div class="head_nav">
                             <div class="nav_list">
-                                <a href="">
-                                    <img src="../public/index/icon01.png" alt="招商引资">
-                                    <span>招商引资</span>
-                                </a>
+                                <NuxtLink :href="getLinkPath1(boxData2menu1[0])" v-if="boxData2menu1[0]"
+                                    :title="boxData2menu1[0].alias">
+                                    <img src="../public/index/icon01.png">
+                                    <span>{{ boxData2menu1[0].alias }}</span>
+                                </NuxtLink>
                             </div>
                             <div class="nav_list">
-                                <a href="">
-                                    <img src="../public/index/icon02.png" alt="产品营销">
-                                    <span>产品营销</span>
-                                </a>
+                                <NuxtLink :href="getLinkPath1(boxData2menu1[1])" v-if="boxData2menu1[1]"
+                                    :title="boxData2menu1[1].alias">
+                                    <img src="../public/index/icon02.png">
+                                    <span>{{ boxData2menu1[1].alias }}</span>
+                                </NuxtLink>
                             </div>
                             <div class="nav_list">
-                                <a href="">
-                                    <img src="../public/index/icon03.png" alt="项目推介">
-                                    <span>项目推介</span>
-                                </a>
+                                <NuxtLink :href="getLinkPath1(boxData2menu1[2])" v-if="boxData2menu1[2]"
+                                    :title="boxData2menu1[2].alias">
+                                    <img src="../public/index/icon03.png">
+                                    <span>{{ boxData2menu1[2].alias }}</span>
+                                </NuxtLink>
                             </div>
-
                             <div class="nav_list">
-                                <a href="">
-                                    <img src="../public/index/icon04.png" alt="打造品牌">
-                                    <span>打造品牌</span>
-                                </a>
+                                <NuxtLink :href="getLinkPath1(boxData2menu1[3])" v-if="boxData2menu1[3]"
+                                    :title="boxData2menu1[3].alias">
+                                    <img src="../public/index/icon04.png">
+                                    <span>{{ boxData2menu1[3].alias }}</span>
+                                </NuxtLink>
                             </div>
                             <div class="nav_list">
-                                <a href="">
-                                    <img src="../public/index/icon05.png" alt="策划服务">
-                                    <span>策划服务</span>
-                                </a>
+                                <NuxtLink :href="getLinkPath1(boxData2menu1[4])" v-if="boxData2menu1[4]"
+                                    :title="boxData2menu1[4].alias">
+                                    <img src="../public/index/icon05.png">
+                                    <span>{{ boxData2menu1[4].alias }}</span>
+                                </NuxtLink>
                             </div>
                             <div class="nav_list">
-                                <a href="">
-                                    <img src="../public/index/icon06.png" alt="认证服务">
-                                    <span>认证服务</span>
-                                </a>
+                                <NuxtLink :href="getLinkPath1(boxData2menu1[5])" v-if="boxData2menu1[5]"
+                                    :title="boxData2menu1[5].alias">
+                                    <img src="../public/index/icon06.png">
+                                    <span>{{ boxData2menu1[5].alias }}</span>
+                                </NuxtLink>
                             </div>
                             <div class="nav_list">
-                                <a href="">
-                                    <img src="../public/index/icon07.png" alt="培训服务">
-                                    <span>培训服务</span>
-                                </a>
+                                <NuxtLink :href="getLinkPath1(boxData2menu1[6])" v-if="boxData2menu1[6]"
+                                    :title="boxData2menu1[6].alias">
+                                    <img src="../public/index/icon07.png">
+                                    <span>{{ boxData2menu1[6].alias }}</span>
+                                </NuxtLink>
                             </div>
                             <div class="nav_list">
-                                <a href="">
-                                    <img src="../public/index/icon08.png" alt="信息服务">
-                                    <span>信息服务</span>
-                                </a>
+                                <NuxtLink :href="getLinkPath1(boxData2menu1[7])" v-if="boxData2menu1[7]"
+                                    :title="boxData2menu1[7].alias">
+                                    <img src="../public/index/icon08.png">
+                                    <span>{{ boxData2menu1[7].alias }}</span>
+                                </NuxtLink>
                             </div>
                         </div>
                         <div class="foot_nav">
@@ -279,12 +286,14 @@
                         </h2>
                     </div>
                     <div class="part1_right_content" v-if="tabsData1 == 1">
-                        <div class="part1_right_content_top" v-for="(item, index) in boxData5" :key="index">
-                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'">
-                                <img :src="item.imgurl" alt="">
-                                <span class="content_top_title2">{{ item.title }}</span>
-                            </NuxtLink>
+                        <div class="part1_top_111">
+                            <div class="part1_right_content_top" v-for="(item, index) in boxData5" :key="index">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span class="content_top_title2">{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
                         </div>
                         <ul class="part1_right_content_bottom">
                             <li class="content_bottom_list" v-for="(item, index) in boxData5data1" :key="index">
@@ -299,12 +308,14 @@
                         </ul>
                     </div>
                     <div class="part1_right_content" v-if="tabsData1 == 2">
-                        <div class="part1_right_content_top" v-for="(item, index) in boxData6" :key="index">
-                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'">
-                                <img :src="item.imgurl" alt="">
-                                <span class="content_top_title2">{{ item.title }}</span>
-                            </NuxtLink>
+                        <div class="part1_top_111">
+                            <div class="part1_right_content_top" v-for="(item, index) in boxData6" :key="index">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span class="content_top_title2">{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
                         </div>
                         <ul class="part1_right_content_bottom">
                             <li class="content_bottom_list" v-for="(item, index) in boxData6data1" :key="index">
@@ -319,12 +330,14 @@
                         </ul>
                     </div>
                     <div class="part1_right_content" v-if="tabsData1 == 3">
-                        <div class="part1_right_content_top" v-for="(item, index) in boxData7" :key="index">
-                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'">
-                                <img :src="item.imgurl" alt="">
-                                <span class="content_top_title2">{{ item.title }}</span>
-                            </NuxtLink>
+                        <div class="part1_top_111">
+                            <div class="part1_right_content_top" v-for="(item, index) in boxData7" :key="index">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" alt="">
+                                    <span class="content_top_title2">{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
                         </div>
                         <ul class="part1_right_content_bottom">
                             <li class="content_bottom_list" v-for="(item, index) in boxData7data1" :key="index">
@@ -424,12 +437,14 @@
                         </h2>
                     </div>
                     <div class="part2_right_content" v-if="tabsData2 == 1">
-                        <div class="part2_right_content_top" v-for="(item, index) in boxData9" :key="index">
-                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'">
-                                <img :src="item.imgurl" :alt="item.title">
-                                <span class="content_top_title22">{{ item.title }}</span>
-                            </NuxtLink>
+                        <div class="part2_top_1111">
+                            <div class="part2_right_content_top" v-for="(item, index) in boxData9" :key="index">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" :alt="item.title">
+                                    <span class="content_top_title22">{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
                         </div>
                         <ul class="part2_right_content_bottom">
                             <li class="content_bottom_list" v-for="(item, index) in boxData9data1" :key="index">
@@ -444,12 +459,14 @@
                         </ul>
                     </div>
                     <div class="part2_right_content" v-if="tabsData2 == 2">
-                        <div class="part2_right_content_top" v-for="(item, index) in boxData10" :key="index">
-                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'">
-                                <img :src="item.imgurl" :alt="item.title">
-                                <span class="content_top_title22">{{ item.title }}</span>
-                            </NuxtLink>
+                        <div class="part2_top_1111">
+                            <div class="part2_right_content_top" v-for="(item, index) in boxData10" :key="index">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" :alt="item.title">
+                                    <span class="content_top_title22">{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
                         </div>
                         <ul class="part2_right_content_bottom">
                             <li class="content_bottom_list" v-for="(item, index) in boxData10data1" :key="index">
@@ -464,12 +481,14 @@
                         </ul>
                     </div>
                     <div class="part2_right_content" v-if="tabsData2 == 3">
-                        <div class="part2_right_content_top" v-for="(item, index) in boxData11" :key="index">
-                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'">
-                                <img :src="item.imgurl" :alt="item.title">
-                                <span class="content_top_title22">{{ item.title }}</span>
-                            </NuxtLink>
+                        <div class="part2_top_1111">
+                            <div class="part2_right_content_top" v-for="(item, index) in boxData11" :key="index">
+                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
+                                    :target="item.islink == 1 ? '_blank' : '_self'">
+                                    <img :src="item.imgurl" :alt="item.title">
+                                    <span class="content_top_title22">{{ item.title }}</span>
+                                </NuxtLink>
+                            </div>
                         </div>
                         <ul class="part2_right_content_bottom">
                             <li class="content_bottom_list" v-for="(item, index) in boxData11data1" :key="index">
@@ -566,7 +585,7 @@
                                 <div class="photo">
                                     <img src="../public/index/fw02.png" alt="">
                                 </div>
-                                <span class="part3_right_content_list">中国乡镇查询</span>
+                                <span class="part3_right_content_list">行政村庄查询</span>
                             </NuxtLink>
                         </li>
                         <li class="content_list">
@@ -574,7 +593,7 @@
                                 <div class="photo">
                                     <img src="../public/index/fw03.png" alt="">
                                 </div>
-                                <span class="part3_right_content_list">中国乡镇查询</span>
+                                <span class="part3_right_content_list">乡村建站服务</span>
                             </NuxtLink>
                         </li>
                         <li class="content_list">
@@ -582,7 +601,7 @@
                                 <div class="photo">
                                     <img src="../public/index/fw04.png" alt="">
                                 </div>
-                                <span class="part3_right_content_list">中国乡镇查询</span>
+                                <span class="part3_right_content_list">信息发布服务</span>
                             </NuxtLink>
                         </li>
                     </ul>
@@ -649,6 +668,7 @@
         <!-- 广告位 4 -->
         <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>
 
+        <!-- 第五部分 -->
         <div class="part5">
             <div class="inner">
                 <div class="part5_left">
@@ -934,10 +954,12 @@
                     <div class="adBox1" v-if="adImg5">
                         <a href="http://nzgxw.org.cn/" v-if="adImg5.image_url == null" target="_blank"
                             :title="adImg5.introduce">
-                            <img :src="adImg5.thumb" :title="adImg5.introduce" :id="adImg5.ad_tag" data-tag="adImg5.ad_tag">
+                            <img :src="adImg5.thumb" :title="adImg5.introduce" :id="adImg5.ad_tag"
+                                data-tag="adImg5.ad_tag">
                         </a>
                         <a :href="adImg5.image_url" :title="adImg5.introduce" v-else>
-                            <img :src="adImg5.image_src" :alt="adImg5.introduce" :id="adImg5.ad_tag" data-tag="adImg5.ad_tag">
+                            <img :src="adImg5.image_src" :alt="adImg5.introduce" :id="adImg5.ad_tag"
+                                data-tag="adImg5.ad_tag">
                         </a>
                     </div>
                 </div>
@@ -948,71 +970,163 @@
         <div class="part6">
             <div class="inner">
                 <div class="part6_left">
+                    <!-- 乡村商城 -->
                     <div class="part6_left_content1">
                         <h2 class="part6_left_content_title">
-                            <img src="../public/index/xcsc.png" alt="乡村商城">
-                            乡村商城
+                            <NuxtLink class="active" v-if="pageData[20].cid" href="/" :title="pageData[20].alias">
+                                <img src="../public/index/xcsc.png" alt="乡村商城">
+                                {{ pageData[20].alias }}
+                            </NuxtLink>
                         </h2>
                         <ul class="part6_left_content111">
-                            <li class="part6_left_content_list" v-for="item in 4">
+                            <li class="part6_left_content_list">
+                                <span class="jiantou">></span>
+                                <NuxtLink href="/" v-for="(item, index) in boxData21menu1" :key="index"
+                                    :title="item.alias">
+                                    <span class="fenlei">
+                                        {{ item.alias }}
+                                    </span>
+                                </NuxtLink>
+                            </li>
+                            <li class="part6_left_content_list">
+                                <span class="jiantou">></span>
+                                <NuxtLink href="/" v-for="(item, index) in boxData21menu2" :key="index"
+                                    :title="item.alias">
+                                    <span class="fenlei">
+                                        {{ item.alias }}
+                                    </span>
+                                </NuxtLink>
+                            </li>
+                            <li class="part6_left_content_list">
+                                <span class="jiantou">></span>
+                                <NuxtLink href="/" v-for="(item, index) in boxData21menu3" :key="index"
+                                    :title="item.alias">
+                                    <span class="fenlei">
+                                        {{ item.alias }}
+                                    </span>
+                                </NuxtLink>
+                            </li>
+                            <li class="part6_left_content_list">
                                 <span class="jiantou">></span>
-                                <span class="fenlei">农副产品</span>
-                                <span class="fenlei">农产资料</span>
+                                <NuxtLink href="/" v-for="(item, index) in boxData21menu4" :key="index"
+                                    :title="item.alias">
+                                    <span class="fenlei">
+                                        {{ item.alias }}
+                                    </span>
+                                </NuxtLink>
                             </li>
                         </ul>
                     </div>
-                    <div class="part6_left_content1">
+                    <!-- 市场报价 -->
+                    <div class="part6_left_content2">
                         <h2 class="part6_left_content_title">
-                            <img src="../public/index/scbj.png" alt="">
-                            市场报价
-                            <span class="selectMore">查询 ></span>
+                            <NuxtLink class="active" v-if="pageData[21].cid" href="/" :title="pageData[21].alias">
+                                <img src="../public/index/scbj.png" alt="市场报价">
+                                {{ pageData[21].alias }}
+                            </NuxtLink>
                         </h2>
-                        <ul class="part6_left_content111">
-                            <li class="part6_left_content_list" v-for="item in 4">
-                                <span class="jiantou">></span>
-                                <span class="fenlei">最新报价</span>
-                                <span class="fenlei">分类查询</span>
+                        <ul class="part6_left_content222">
+                            <li class="part6_left_content_list">
+                                <NuxtLink href="/" v-if="boxData22menu1[0]" :title="boxData22menu1[0].alias">
+                                    <img src="../public/index/scbj01.png">
+                                    <div class="title_div">
+                                        {{ boxData22menu1[0].alias }}
+                                    </div>
+                                </NuxtLink>
+                            </li>
+                            <li class="part6_left_content_list">
+                                <NuxtLink href="/" v-if="boxData22menu1[1]" :title="boxData22menu1[1].alias">
+                                    <img src="../public/index/scbj01.png">
+                                    <div class="title_div">
+                                        {{ boxData22menu1[1].alias }}
+                                    </div>
+                                </NuxtLink>
+                            </li>
+                            <li class="part6_left_content_list">
+                                <NuxtLink href="/" v-if="boxData22menu1[2]" :title="boxData22menu1[2].alias">
+                                    <img src="../public/index/scbj01.png">
+                                    <div class="title_div">
+                                        {{ boxData22menu1[2].alias }}
+                                    </div>
+                                </NuxtLink>
+                            </li>
+                            <li class="part6_left_content_list">
+                                <NuxtLink href="/" v-if="boxData22menu1[3]" :title="boxData22menu1[3].alias">
+                                    <img src="../public/index/scbj01.png">
+                                    <div class="title_div">
+                                        {{ boxData22menu1[3].alias }}
+                                    </div>
+                                </NuxtLink>
                             </li>
                         </ul>
                     </div>
                 </div>
+                <!-- 乡土特产 -->
                 <div class="part6_right">
-                    <h2 class="part6_right_title">土乡特色</h2>
+                    <h2 class="part6_right_title">
+                        <NuxtLink v-if="pageData[22].cid" :href="getLinkPath(pageData[22])" :title="pageData[22].alias">
+                            {{ pageData[22].alias }}
+                        </NuxtLink>
+                    </h2>
                     <div class="part6_right_content">
-                        <ul class="part6_right_content_list">
+                        <ul class="part6_right_content_list" v-if="boxData23menu1">
                             <li class="yslist">
-                                <img src="../public/index/ts01.png" alt="饮食特产">
-                                饮食特产
+                                <NuxtLink :href="getLinkPath1(boxData23menu1[0])" v-if="boxData23menu1[0]"
+                                    :title="boxData23menu1[0].alias">
+                                    <img src="../public/index/ts01.png">
+                                    {{ boxData23menu1[0].alias }}
+                                </NuxtLink>
                             </li>
                             <li class="yslist">
-                                <img src="../public/index/ts02.png" alt="日用特产">
-                                日用特产
+                                <NuxtLink :href="getLinkPath1(boxData23menu1[1])" v-if="boxData23menu1[1]"
+                                    :title="boxData23menu1[1].alias">
+                                    <img src="../public/index/ts02.png">
+                                    {{ boxData23menu1[1].alias }}
+                                </NuxtLink>
                             </li>
                             <li class="yslist">
-                                <img src="../public/index/ts03.png" alt="工业特产">
-                                工业特产
+                                <NuxtLink :href="getLinkPath1(boxData23menu1[2])" v-if="boxData23menu1[2]"
+                                    :title="boxData23menu1[2].alias">
+                                    <img src="../public/index/ts03.png">
+                                    {{ boxData23menu1[2].alias }}
+                                </NuxtLink>
                             </li>
                             <li class="yslist">
-                                <img src="../public/index/ts04.png" alt="民族特产">
-                                民族特产
+                                <NuxtLink :href="getLinkPath1(boxData23menu1[3])" v-if="boxData23menu1[3]"
+                                    :title="boxData23menu1[3].alias">
+                                    <img src="../public/index/ts04.png">
+                                    {{ boxData23menu1[3].alias }}
+                                </NuxtLink>
                             </li>
                         </ul>
-                        <ul class="part6_right_content_list1">
+                        <ul class="part6_right_content_list1" v-if="boxData23menu2">
                             <li class="swlist">
-                                <img src="../public/index/ts05.png" alt="生物特产">
-                                生物特产
+                                <NuxtLink :href="getLinkPath1(boxData23menu2[0])" v-if="boxData23menu2[0]"
+                                    :title="boxData23menu2[0].alias">
+                                    <img src="../public/index/ts05.png">
+                                    {{ boxData23menu2[0].alias }}
+                                </NuxtLink>
                             </li>
                             <li class="swlist">
-                                <img src="../public/index/ts06.png" alt="文化特产">
-                                文化特产
+                                <NuxtLink :href="getLinkPath1(boxData23menu2[1])" v-if="boxData23menu2[1]"
+                                    :title="boxData23menu2[1].alias">
+                                    <img src="../public/index/ts06.png">
+                                    {{ boxData23menu2[1].alias }}
+                                </NuxtLink>
                             </li>
                             <li class="swlist">
-                                <img src="../public/index/ts07.png" alt="资源特产">
-                                资源特产
+                                <NuxtLink :href="getLinkPath1(boxData23menu2[2])" v-if="boxData23menu2[2]"
+                                    :title="boxData23menu2[2].alias">
+                                    <img src="../public/index/ts07.png">
+                                    {{ boxData23menu2[2].alias }}
+                                </NuxtLink>
                             </li>
                             <li class="swlist">
-                                <img src="../public/index/ts08.png" alt="其他特产">
-                                其他特产
+                                <NuxtLink :href="getLinkPath1(boxData23menu2[3])" v-if="boxData23menu2[3]"
+                                    :title="boxData23menu2[3].alias">
+                                    <img src="../public/index/ts08.png">
+                                    {{ boxData23menu2[3].alias }}
+                                </NuxtLink>
                             </li>
                         </ul>
                     </div>
@@ -1029,7 +1143,7 @@ import { ElMessage } from 'element-plus';
 //1.页面必备方法 start ---------------------------------------->
 //获得跳转链接
 const getLinkPath = (item) => {
-    console.log('item', item);
+    // console.log('item', item);
 
     if (item.children_count == 0) {
         //return `/newsList/${item.cid}?page=1`;
@@ -1040,7 +1154,7 @@ const getLinkPath = (item) => {
     }
 }
 const getLinkPath1 = (item) => {
-    console.log('item111', item);
+    // console.log('item111', item);
     // return `/${item.url}/1.html`;
     // return `/newsList/${item.category_id}?page=1`;
     // return `/newsList/${item.category_id}`;
@@ -1077,6 +1191,7 @@ const boxData1 = ref([])
 const boxData1menu = ref([])
 //模块2 三农服务
 const boxData2 = ref([]);
+const boxData2menu1 = ref([]);
 // 模块3 网站公告
 const boxData3 = ref([]);
 //模块4 乡村招商
@@ -1157,6 +1272,21 @@ const boxData20data1 = ref([]);
 const boxData20data2 = ref([]);
 const boxData20data3 = ref([]);
 
+// 没有资讯的栏目
+// 栏目1 乡村商城
+const boxData21menu1 = ref([]);
+const boxData21menu2 = ref([]);
+const boxData21menu3 = ref([]);
+const boxData21menu4 = ref([]);
+// 栏目2 市场报价
+const boxData22menu1 = ref([]);
+const boxData22menu2 = ref([]);
+const boxData22menu3 = ref([]);
+const boxData22menu4 = ref([]);
+// 栏目3 乡土特色
+const boxData23menu1 = ref([]);
+const boxData23menu2 = ref([]);
+
 //获取头条 start ---------------------------------------->
 const headlinelist = ref("")
 async function getModelData1() {
@@ -1172,7 +1302,7 @@ async function getModelData1() {
     console.log("mkdata", mkdata);
     if (mkdata.code == 200) {
         headlinelist.value = mkdata.data;
-        console.log("成功获取头条信息!", headlinelist.value);
+        // console.log("成功获取头条信息!", headlinelist.value);
 
     } else {
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
@@ -1195,7 +1325,7 @@ try {
         },
     });
     if (navigateData.code == 200) {
-        console.log("成功获取导航信息!", navigateData.data);
+        // console.log("成功获取导航信息!", navigateData.data);
 
         // 遍历可用的导航池放到页面中
         for (let index in navigateData.data) {
@@ -1226,7 +1356,6 @@ try {
             //第三层
             //三农投资408 12
             if (navigateData.data[index].category_id == 12) { pageData.value[7] = data }
-            // if (navigateData.data[index].category_id ==408) { pageData.value[7] = data }
             //乡村生活322
             if (navigateData.data[index].category_id == 322) { pageData.value[8] = data }
             //乡村经济323
@@ -1253,6 +1382,14 @@ try {
             if (navigateData.data[index].category_id == 16) { pageData.value[18] = data }
             //招工求职344
             if (navigateData.data[index].category_id == 344) { pageData.value[19] = data }
+
+            //第六层
+            // 乡村商城346
+            if (navigateData.data[index].category_id == 346) { pageData.value[20] = data }
+            // 市场报价345
+            if (navigateData.data[index].category_id == 345) { pageData.value[21] = data }
+            // 乡土特色343
+            if (navigateData.data[index].category_id == 343) { pageData.value[22] = data }
         }
     } else {
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
@@ -1269,15 +1406,13 @@ try {
 
 
 let getJson = [
-
-    { "parent": "445,0,20", "child": "445,0,0" },//模块1 三农资讯328
-    { "parent": "27,0,4", "child": "" },//模块2 三农服务27
+    { "parent": "445,0,20", "child": "445,0,0" },//模块1 三农资讯445
+    { "parent": "27,0,4", "child": "27,0,0" },//模块2 三农服务27
     { "parent": "410,0,4", "child": "" },//模块3 网站公告410
     { "parent": "325,3,10", "child": "325,0,0" },//模块4 乡村招商325
     { "parent": "320,2,0", "child": "" },//模块5 乡村建设320
     { "parent": "319,2,0", "child": "" },//模块6 乡村管理319
     { "parent": "321,2,0", "child": "" },//模块7 乡村文化321
-    // { "parent": "408,3,10", "child": "408,0,0" },//模块8 三农投资408
     { "parent": "12,3,10", "child": "12,0,0" },//模块8 三农投资1 12
     { "parent": "322,2,0", "child": "" },//模块9 乡村生活322
     { "parent": "323,2,0", "child": "" },//模块10 乡村经济323
@@ -1291,6 +1426,11 @@ let getJson = [
     { "parent": "23,3,10", "child": "" },//模块18 致富信息23
     { "parent": "16,2,7", "child": "" },//模块19 三农探索16
     { "parent": "344,2,7", "child": "" },//模块20 招工求职344
+
+    //不包含资讯的导航
+    { "parent": "346,0,0", "child": "346,0,0" },//模块1 乡村商城346
+    { "parent": "345,0,0", "child": "345,0,0" },//模块5 市场报价345
+    { "parent": "343,0,0", "child": "343,0,0" },//模块5 乡土特色343
 ]
 
 let jsonString = JSON.stringify(getJson);
@@ -1303,10 +1443,10 @@ async function getPageAllData() {
             'id': jsonString
         },
     });
-    console.log("成功获取模块数据1111!", mkdata);
+    // console.log("成功获取模块数据1111!", mkdata);
 
     if (mkdata.code == 200) {
-        console.log("成功获取模块数据1111222!", mkdata.data[1].textnum);
+        // console.log("成功获取模块数据1111222!", mkdata.data[1].textnum);
 
         //模块1 三农资讯
         boxData1.value = mkdata.data[0].textnum;
@@ -1315,7 +1455,7 @@ async function getPageAllData() {
         }
         //模块2 三农服务
         boxData2.value = mkdata.data[1].textnum;
-
+        boxData2menu1.value = mkdata.data[1].child.all_childcat;
         //模块3 网站公告
         boxData3.value = mkdata.data[2].textnum;
         //模块4 乡村招商
@@ -1440,6 +1580,30 @@ async function getPageAllData() {
             }
         }
 
+        //模块21 乡村商城
+        let data21 = mkdata.data[20].child.all_childcat;
+        for (let i in data21) {
+            if (i < 2) {
+                boxData21menu1.value.push(data21[i]);
+            } else if (i < 4) {
+                boxData21menu2.value.push(data21[i]);
+            } else if (i < 6) {
+                boxData21menu3.value.push(data21[i]);
+            } else if (i < 8) {
+                boxData21menu4.value.push(data21[i]);
+            }
+        }
+        //模块22 市场报价
+        boxData22menu1.value = mkdata.data[21].child.all_childcat;
+        //模块23 乡土特色
+        let data23 = mkdata.data[22].child.all_childcat;
+        for (let i in data23) {
+            if (i < 4) {
+                boxData23menu1.value.push(data23[i]);
+            } else if (i < 8) {
+                boxData23menu2.value.push(data23[i]);
+            }
+        }
     } else {
         ElMessage.error(mkdata.message)
     }
@@ -1448,14 +1612,14 @@ getPageAllData();
 
 //获取模块下的特殊数据
 let getJson1 = [
-    { "parent": "320,0,6", "child": "" },//模块5 乡村建设320
-    { "parent": "319,0,6", "child": "" },//模块6 乡村管理319
-    { "parent": "321,0,6", "child": "" },//模块7 乡村文化321
-    { "parent": "322,0,6", "child": "" },//模块9 乡村生活322
-    { "parent": "323,0,6", "child": "" },//模块10 乡村经济323
-    { "parent": "318,0,6", "child": "" },//模块11 乡村风采318
-    { "parent": "16,0,2", "child": "" },//模块19 三农探索16
-    { "parent": "344,0,2", "child": "" },//模块20 招工求职344
+    { "parent": "320,0,6" },//模块5 乡村建设320
+    { "parent": "319,0,6" },//模块6 乡村管理319
+    { "parent": "321,0,6" },//模块7 乡村文化321
+    { "parent": "322,0,6" },//模块9 乡村生活322
+    { "parent": "323,0,6" },//模块10 乡村经济323
+    { "parent": "318,0,6" },//模块11 乡村风采318
+    { "parent": "16,0,2" },//模块19 三农探索16
+    { "parent": "344,0,2" },//模块20 招工求职344
 ]
 let jsonString1 = JSON.stringify(getJson1);
 //获取模块下的特殊数据
@@ -1467,6 +1631,8 @@ async function getPageData() {
         },
     });
     if (mkdata.code == 200) {
+        // console.log("成功获取模块数据2222!", mkdata);
+
         //模块5乡村建设
         boxData5data1.value = mkdata.data[0].textnum;
         //模块6乡村管理
@@ -1566,20 +1732,30 @@ onMounted(async () => {
 //3.广告 end ---------------------------------------->
 
 //4.设置seo数据 start---------------------------------------->
-// const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
-//     method: 'GET',
-//     query: {},
-// });
-// let seoTitle = setData.data.website_head.title;
-// let seoDescription = setData.data.website_head.description;
-// let seoKeywords = setData.data.website_head.keywords;
-// useSeoMeta({
-//     title: seoTitle,
-//     meta: [
-//         { name: 'description', content: seoDescription },
-//         { name: 'keywords', content: seoKeywords }
-//     ]
-// });
+const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
+    method: 'GET',
+    query: {},
+});
+if (setData.code == 200) {
+    let seoTitle = setData.data.website_head.title;
+    let seoDescription = setData.data.website_head.description;
+    let seoKeywords = setData.data.website_head.keywords;
+    let seoSuffix = setData.data.website_head.suffix;
+    let seoName = setData.data.website_head.website_name;
+
+    useSeoMeta({
+        title: seoTitle + "_" + seoSuffix,
+        meta: [
+            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
+            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
+        ]
+    });
+} else {
+    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+    console.log("错误位置:设置首页SEO数据")
+    console.log("后端错误反馈:", setData.message)
+    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
+}
 //4.设置seo数据 start---------------------------------------->
 //5. 获取日期中单独的年 月 日 start--------------------------->
 function getTime(date, part, digits) {

BIN
public/index/scbj01.png


BIN
public/index/scbj02.png


BIN
public/index/scbj03.png


BIN
public/index/scbj04.png