完成第一层列表页开发

完成第一层列表页开发

components/template/component/list/270x450/1.vue

@@ -35,13 +35,33 @@
 import {ref} from 'vue';
 //获得新闻数据
 const props = defineProps({
-    templateData:Array,//新闻数据
+    //templateData:Array,//新闻数据
     skinId:String,//皮肤id
 });
 const component_style1_News1Array = ref([]);
 const component_style1_News2Array = ref([]);
-component_style1_News1Array.value = props.templateData.img.slice(0,2);
-component_style1_News2Array.value = props.templateData.text.slice(0,4);
+// component_style1_News1Array.value = props.templateData.img.slice(0,2);
+// component_style1_News2Array.value = props.templateData.text.slice(0,4);
+
+//最新资讯数据 start ---------------------------------------->
+async function getPageData() {
+    const mkdata =  await requestDataPromise('/web/getWebsiteArticlett', {
+        method: 'GET',
+        query: {
+            'imgnum': 4,
+            'textnum': 4,
+            'level': 4,
+            'id': 0,
+            'placeid': 0,
+        },
+    });
+    if(mkdata.code == 200){
+        component_style1_News1Array.value = mkdata.data.img.slice(0, 2);
+        component_style1_News2Array.value = mkdata.data.text.slice(0, 4);
+    }
+}
+getPageData();
+//最新资讯数据 end ---------------------------------------->
 </script>
 
 <style lang="less" scoped>

components/template/component/list/270x450/2.vue

@@ -13,8 +13,7 @@
                     :title="item.title"
                     :target="item.islink == 1 ? '_blank' : '_self'"
                 >
-                <div>{{ item.title }}</div>
-
+                    <div>{{ item.title }}</div>
                     <img :src="item.imgurl" />
                 </NuxtLink>
             </div>
@@ -36,13 +35,32 @@
 import {ref} from 'vue';
 //获得新闻数据
 const props = defineProps({
-    templateData:Array,//新闻数据
+    //templateData:Array,//新闻数据
     skinId:String,//皮肤id
 });
 const component_style1_News1Array = ref([]);
 const component_style1_News2Array = ref([]);
-component_style1_News1Array.value = props.templateData.img.slice(0,2);
-component_style1_News2Array.value = props.templateData.text.slice(0,4);
+// component_style1_News1Array.value = props.templateData.img.slice(0,2);
+// component_style1_News2Array.value = props.templateData.text.slice(0,4);
+
+//最新资讯数据 start ---------------------------------------->
+async function getPageData() {
+    const mkdata =  await requestDataPromise('/web/getWebsiteArticlett', {
+        method: 'GET',
+        query: {
+            'imgnum': 4,
+            'textnum': 4,
+            'level': 4,
+            'id': 0,
+            'placeid': 0,
+        },
+    });
+    if(mkdata.code == 200){
+        component_style1_News1Array.value = mkdata.data.img.slice(0, 2);
+        component_style1_News2Array.value = mkdata.data.text.slice(0, 4);
+    }
+}
+getPageData();
 </script>
 
 <style lang="less" scoped>

components/template/component/list/270x580/1.vue

@@ -38,11 +38,28 @@
 import {ref} from 'vue';
 //获得新闻数据
 const props = defineProps({
-    templateData:Array,//新闻数据
+    //templateData:Array,//新闻数据
     skinId:String,//皮肤id
 });
 const component_style1_News1Array = ref([]);
-component_style1_News1Array.value = props.templateData.text.slice(0,8);
+//component_style1_News1Array.value = props.templateData.text.slice(0,8);
+
+async function getPageData() {
+    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
+        method: 'GET',
+        query: {
+            'imgnum': 0,
+            'textnum': 8,
+            'level': 5,
+            'placeid': 0,
+            'id': 0
+        },
+    });
+    if (mkdata.code == 200) {
+        component_style1_News1Array.value = mkdata.data.text;
+    }
+}
+getPageData();
 </script>
 
 <style lang="less" scoped>

components/template/component/list/270x580/2.vue

@@ -38,11 +38,28 @@
 import {ref} from 'vue';
 //获得新闻数据
 const props = defineProps({
-    templateData:Array,//新闻数据
+    //templateData:Array,//新闻数据
     skinId:String,//皮肤id
 });
 const component_style1_News1Array = ref([]);
-component_style1_News1Array.value = props.templateData.text.slice(0,8);
+//component_style1_News1Array.value = props.templateData.text.slice(0,8);
+
+async function getPageData() {
+    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
+        method: 'GET',
+        query: {
+            'imgnum': 0,
+            'textnum': 8,
+            'level': 5,
+            'placeid': 0,
+            'id': 0
+        },
+    });
+    if (mkdata.code == 200) {
+        component_style1_News1Array.value = mkdata.data.text;
+    }
+}
+getPageData();
 </script>
 
 <style lang="less" scoped>

components/template/component/list/900x1050/1.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="listNewsBox">
-        <div v-for="item in listData.data.rows">
+        <div v-for="item in listData">
             <NuxtLink 
                 :href="getLinkPathDetail(item)" 
                 :title="item.title"

components/template/sector/body/list/list/1200x1220/1.vue

@@ -6,28 +6,28 @@
             </div>
             <div class="listContentBox">
                 <div class="listContentBoxLeft">
-                    <div v-if="templateData.componentList[0].component_style == 1">
-                        <list1Style :listData="listData" :skinId="skinId"/>
+                    <div v-if="templateData[0].component_style.toString()=='1'">
+                        <list1Style :listData="newsList" :skinId="skinId"/>
                     </div>
-                    <div v-if="templateData.componentList[0].component_style == 2">
-                        <list2Style :listData="listData" :skinId="skinId"/>
+                    <div v-if="templateData[0].component_style.toString()=='2'">
+                        <list2Style :listData="newsList" :skinId="skinId"/>
                     </div>
                 </div>
                 <div class="listContentBoxRight">
                     <div class="listContentBoxRightTop">
-                        <div v-if="templateData.componentList[1].component_style == 1">
-                            <news1style :templateData="templateData.componentList[1].data" :skinId="skinId"/>
+                        <div v-if="templateData[1].component_style.toString()=='1'">
+                            <news1style :skinId="skinId"/>
                         </div>
-                        <div v-if="templateData.componentList[1].component_style == 2">
-                            <news2style :templateData="templateData.componentList[1].data" :skinId="skinId"/>
+                        <div v-if="templateData[1].component_style.toString()=='2'">
+                            <news2style :skinId="skinId"/>
                         </div>
                     </div>
                     <div class="listContentBoxRightBottom">
-                        <div v-if="templateData.componentList[2].component_style == 1">
-                            <hotNews1style :templateData="templateData.componentList[2].data" :skinId="skinId"/>
+                        <div v-if="templateData[2].component_style.toString()=='1'">
+                            <hotNews1style :skinId="skinId"/>
                         </div>
-                        <div v-if="templateData.componentList[2].component_style == 2">
-                            <hotNews2style :templateData="templateData.componentList[2].data" :skinId="skinId"/>
+                        <div v-if="templateData[2].component_style.toString()=='2'">
+                            <hotNews2style :skinId="skinId"/>
                         </div>
                     </div>
                 </div>
@@ -66,91 +66,24 @@ import news2style from '@/components/template/component/list/270x450/2.vue'
 //热点精选
 import hotNews1style from '@/components/template/component/list/270x580/1.vue'
 import hotNews2style from '@/components/template/component/list/270x580/2.vue'
+import { TemplateComponentPublicNodata } from '#components';
 
 const props = defineProps({
     skinId: Number,//皮肤id
     templateData:Object,//新闻数据
     routeId: Number,//导航池id
     pageData:Object,//分页数据
+    newsList:Object,//新闻列表
 });
 
 //分页事件
 let changePage = (value) => {
+    const targetSegment = getRoutePath(1);
     props.pageData.pageNum = value;
     console.log("当前页码", value);
-    //navigateTo(`/${targetSegment}/list-${value}.html`)
+    navigateTo(`/${targetSegment}/list-${value}.html`)
 }
 
-const listData = {
-    "code": 200,
-    "message": "success",
-    "data": {
-        "rows": [
-            {
-                "id": 2863,
-                "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                "islink": 0,
-                "linkurl": "",
-                "pinyin": "nongminxinnongcun/nongcunxinfangshe",
-                "updated_at":"2025-07-19 10:00:00"
-            },
-            {
-                "id": 50129,
-                "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                "islink": 0,
-                "linkurl": "",
-                "pinyin": "sannongzixun",
-                "updated_at":"2025-07-19 10:00:00"
-            },
-            {
-                "id": 50129,
-                "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                "islink": 0,
-                "linkurl": "",
-                "pinyin": "sannongzixun",
-                "updated_at":"2025-07-19 10:00:00"
-            },
-            {
-                "id": 2862,
-                "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                "islink": 0,
-                "pinyin": "sannongzixun/buweidongtai",
-                "updated_at":"2025-07-19 10:00:00"
-            },
-            {
-                "id": 50126,
-                "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                "islink": 0,
-                "pinyin": "sannongzixun",
-                "updated_at":"2025-07-19 10:00:00"
-            },
-            {
-                "id": 3976,
-                "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                "islink": 0,
-                "pinyin": "sannongzixun",
-                "updated_at":"2025-07-19 10:00:00"
-            },
-            {
-                "id": 50189,
-                "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                "islink": 0,
-                "pinyin": "nongminhezuoshe",
-                "updated_at":"2025-07-19 10:00:00"
-            },
-            {
-                "id": 50190,
-                "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                "islink": 0,
-                "pinyin": "nongminhezuoshe",
-                "updated_at":"2025-07-19 10:00:00"
-            }
-        ],
-        "count": 100
-    }
-}
-
-
 //页面数据---------------------------------------->
 </script>
 

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

@@ -4,11 +4,11 @@
     <!-- 菜单 -->
     <templateMenu></templateMenu>
     <!-- 内容 -->
-    <div>
+    <div v-for="(item,index) in templateData" :key="index">
         <!--广告组件-->
-        <templateAd :adTag="'bbzxw_list_2'" :skinId="skinId" :adData="adData"></templateAd>
+        <templateAd :skinId="skinId" :adData="adData" :adTag="item.ad.ad_tag" v-if="item.sectorName=='adSector'"></templateAd>
         <!--列表组件-->
-        <templateList :skinId="skinId" :templateData="testTemplateData" :routeId="routeId" :pageData="pageData"></templateList>
+        <templateList :skinId="skinId" :templateData="item.componentList" :routeId="routeId" :pageData="pageData" :newsList="newsList" v-if="item.sectorName=='fixedListSector'"></templateList>
     </div>
     <!-- 底部 -->
     <templateFoot></templateFoot>
@@ -23,7 +23,7 @@ import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'
 //0.2局部通栏
 //0.2.1广告组件
 import templateAd from '@/components/template/sector/body/ad/1200x90/1.vue'
-//0.2.3列表组件
+//0.2.2列表组件
 import templateList from '@/components/template/sector/body/list/list/1200x1220/1.vue'
 //0.加载全局模板组件 end---------------------------------------->
 
@@ -42,21 +42,13 @@ const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
 if (getRouteId.code == 200) {
     routeId.value = getRouteId.data.category_id
 }
-//1.3获得二级导航
-const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
-    method: 'GET',
-    query: {
-        'placeid': 1,
-        'pid': routeId.value,
-        'num': 8
-    },
-});
-//1.4获得pinia源
+//1.3获得pinia源
 import { useTemplateBaseStore } from '@/stores/templateBase'
 const templateBaseStore = useTemplateBaseStore()
-//1.5获得该页的皮肤id - 在每个组件中也是同样的获得方法
+//1.4获得该页的皮肤id - 在每个组件中也是同样的获得方法
 const skinId = ref("")
-//1.6获得站点基本信息
+const websiteId = ref("")
+//1.5获得站点基本信息
 const responseStatus = await requestDataPromise('/web/getWebsiteAllinfo', {
     method: 'GET',
     query: {
@@ -68,20 +60,11 @@ const responseStatus = await requestDataPromise('/web/getWebsiteAllinfo', {
 if (responseStatus.code == 200) {
     //1.6.1设置站点基本信息
     templateBaseStore.setWebSiteInfo(responseStatus.data)
+    websiteId.value = responseStatus.data.website_head.id;//获得网站id
     //1.6.2设置皮肤id
     skinId.value = templateBaseStore.webSiteInfo.website_foot.foot_info.template_id;
 }
-//1.7获得广告池
-const adData = ref([]);
-const adResponseStatus = await requestDataPromise('/web/getWebsiteAdvertisement', {
-    method: 'GET',
-    query: {},
-});
-if (adResponseStatus.code == 200) {
-    templateBaseStore.setAdList(adResponseStatus.data)
-    adData.value = adResponseStatus.data;
-}
-//1.8.seo
+//1.6.seo
 const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
     method: 'GET',
     query: {
@@ -103,499 +86,53 @@ useSeoMeta({
 //1.获得基本信息单元 end---------------------------------------->
 
 //2.页面数据 start---------------------------------------->
-//2.0 测试数据 后期移除
-const testTemplateData = {
-    "sectorName": "text",
-    "componentList": [
-        {
-            "component_type": 1,//1=新闻 2=广告
-            "component_style": 1,//样式
-            "sort": 1,//组件位置
-            "data": {
-                "alias":"一级导航名称",
-                "category_id": 11,
-                "pinyin": "nongyeshengchan",
-                "text": [
-                    {
-                        "id": 2863,
-                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "nongminxinnongcun/nongcunxinfangshe"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 2862,
-                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun/buweidongtai"
-                    },
-                    {
-                        "id": 50126,
-                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 3976,
-                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50189,
-                        "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "nongminhezuoshe"
-                    },
-                    {
-                        "id": 50190,
-                        "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "nongminhezuoshe"
-                    }
-                ],
-                "img": [
-                    {
-                        "id": 50129,
-                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "linyuting123",
-                        "updated_at": "2025-05-30 13:50:54",
-                        "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "cat_arr_id": "[1,201]",
-                        "catid": 201,
-                        "level": "[1,2,3]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:46",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[2]",
-                        "catid": 2,
-                        "level": "[2,3]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:45",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[1]",
-                        "catid": 1,
-                        "level": "[2]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:44",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[11]",
-                        "catid": 11,
-                        "level": "[2]",
-                        "pinyin": "xinnongcun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:43",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[14,240]",
-                        "catid": 240,
-                        "level": "[2,3]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-04-16 11:04:29",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": null,
-                        "catid": 36,
-                        "level": "[2]",
-                        "pinyin": "sannongzixun"
-                    }
-                ]
-            }
-        },
-        {
-            "component_type": 1,//1=新闻 2=广告
-            "component_style": 1,//样式
-            "sort": 1,//组件位置
-            "data": {
-                "alias":"最新资讯",
-                "category_id": 11,
-                "pinyin": "sannongzixun/zhengcefagui",
-                "text": [
-                    {
-                        "id": 2863,
-                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "nongminxinnongcun/nongcunxinfangshe"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 2862,
-                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun/buweidongtai"
-                    },
-                    {
-                        "id": 50126,
-                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 3976,
-                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50189,
-                        "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "nongminhezuoshe"
-                    },
-                    {
-                        "id": 50190,
-                        "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "nongminhezuoshe"
-                    }
-                ],
-                "img": [
-                    {
-                        "id": 50129,
-                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "linyuting123",
-                        "updated_at": "2025-05-30 13:50:54",
-                        "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "cat_arr_id": "[1,201]",
-                        "catid": 201,
-                        "level": "[1,2,3]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:46",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[2]",
-                        "catid": 2,
-                        "level": "[2,3]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:45",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[1]",
-                        "catid": 1,
-                        "level": "[2]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:44",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[11]",
-                        "catid": 11,
-                        "level": "[2]",
-                        "pinyin": "xinnongcun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:43",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[14,240]",
-                        "catid": 240,
-                        "level": "[2,3]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-04-16 11:04:29",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": null,
-                        "catid": 36,
-                        "level": "[2]",
-                        "pinyin": "sannongzixun"
-                    }
-                ]
-            }
-        },
-        {
-            "component_type": 1,//1=新闻 2=广告
-            "component_style": 1,//样式
-            "sort": 3,//组件位置
-            "data": {
-                "alias":"热点精选",
-                "category_id": 11,
-                "pinyin": "sannongzixun/zhengcefagui",
-                "text": [
-                    {
-                        "id": 2863,
-                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "nongminxinnongcun/nongcunxinfangshe"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 2862,
-                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun/buweidongtai"
-                    },
-                    {
-                        "id": 50126,
-                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 3976,
-                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50189,
-                        "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "nongminhezuoshe"
-                    },
-                    {
-                        "id": 50190,
-                        "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "pinyin": "nongminhezuoshe"
-                    }
-                ],
-                "img": [
-                    {
-                        "id": 50129,
-                        "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "linyuting123",
-                        "updated_at": "2025-05-30 13:50:54",
-                        "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "cat_arr_id": "[1,201]",
-                        "catid": 201,
-                        "level": "[1,2,3]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:46",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[2]",
-                        "catid": 2,
-                        "level": "[2,3]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:45",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[1]",
-                        "catid": 1,
-                        "level": "[2]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:44",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[11]",
-                        "catid": 11,
-                        "level": "[2]",
-                        "pinyin": "xinnongcun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-05-30 13:50:43",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": "[14,240]",
-                        "catid": 240,
-                        "level": "[2,3]",
-                        "pinyin": "sannongzixun"
-                    },
-                    {
-                        "id": 50129,
-                        "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
-                        "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-                        "author": "佚名",
-                        "updated_at": "2025-04-16 11:04:29",
-                        "introduce": "描述",
-                        "islink": 0,
-                        "linkurl": "",
-                        "copyfrom": "本网",
-                        "cat_arr_id": null,
-                        "catid": 36,
-                        "level": "[2]",
-                        "pinyin": "sannongzixun"
-                    }
-                ]
-            }
-        },
-    ],
-    "ad": {
-        "ad_tag": "nmw_index_0003"
-    }
-}
-
-//静态链接测试数据
-const testTemplateData2 = {
-    "sectorName": "linkSector",
-    "componentList": [
-        {
-            "component_type": 3,
-            "component_style": 1,
-            "sort": 1,
-            "componentData": {}
-        }
-    ],
-    "sort": 4
+//2.1获得页面模板数据
+const response = await requestDataPromise('/client/indexData', {
+    method: 'POST',
+    body: {
+        'website_id':websiteId.value,
+        'getpage':'index'
+    },
+});
+//页面模板数据
+const templateData = response.data.template.list;
+console.log(templateData)
+//2.2广告数据
+const adData = ref([]);
+adData.value.push(response.data.ad.top)
+for(let item of response.data.ad.list){
+    adData.value.push(item)
 }
-
-//分页数据
+templateBaseStore.setAdList(adData.value)
+//2.3分页数据
 const route = useRoute();
 let pageNum = ref(1); //当前页码
 pageNum.value = parseInt(route.params.id);//路由中传递的分页页码
 let total = ref(100); //总条数
 let pageSize = ref(20); //每页条数
-
+//3.1新闻列表数据
+const newsList = ref([]);
+let newslists = async () => {
+    const listData = await requestDataPromise('/web/getWebsiteArticleList', {
+        method: 'GET',
+        query: {
+            'page': pageNum.value,
+            'pageSize': pageSize.value,
+            'catid': routeId.value
+        },
+    });
+    console.log(listData)
+    if (listData.code == 200) {
+        newsList.value = listData.data.rows;
+        pageData.value.total =  listData.data.count;
+    }
+}
+newslists();
 let pageData = ref({
     "pageNum": pageNum.value,
     "pageSize": pageSize.value,
     "total": total.value
 });
-
 //2.页面数据 end---------------------------------------->
 </script>
 

pages/index.vue

@@ -79,8 +79,7 @@ import templateNewAndAd from '@/components/template/sector/body/index/list/1200x
 
 //1.获得基本信息单元 start---------------------------------------->
 //1.1获得页面依赖
-import { ref, onMounted } from 'vue';
-import { ElMessage } from 'element-plus';
+import { ref } from 'vue';
 //1.2获得pinia源
 import { useTemplateBaseStore } from '@/stores/templateBase'
 const templateBaseStore = useTemplateBaseStore()
@@ -117,34 +116,6 @@ if (responseStatus.code == 200) {
         ]
     });
 }
-//1.5获得广告池
-const adData = ref([]);
-const adResponseStatus = await requestDataPromise('/web/getWebsiteAdvertisement', {
-    method: 'GET',
-    query: {},
-});
-if (adResponseStatus.code == 200) {
-    adData.value = adResponseStatus.data;
-    templateBaseStore.setAdList(adResponseStatus.data)
-}
-//1.6 获得页面数据 后续优化
-// const adData = ref([]);
-// onMounted(async() => {
-//     //当数据在客户端获取时，需要添加v-if判断数据是否已存在
-//     const { $webUrl, $CwebUrl } = useNuxtApp();
-//     //广告列表
-//     let url = `${$webUrl}/web/getWebsiteAdvertisement`
-//     const response = await fetch(url, {
-//         headers: {
-//             'Content-Type': 'application/json',
-//             'Userurl': $CwebUrl,
-//             'Origin': $CwebUrl
-//         }
-//     });
-//     const result = await response.json();
-//     adData.value = result.data;
-//     templateBaseStore.setAdList(adData.value)
-// })
 //1.获得基本信息单元 end---------------------------------------->
 
 //2.页面数据 start---------------------------------------->
@@ -156,494 +127,15 @@ const response = await requestDataPromise('/client/indexData', {
         'getpage':'index'
     },
 });
-console.log(response)
+//页面数据
 const templateData = response.data.template.index;
-console.log(templateData)
-//2.页面数据 end---------------------------------------->
-
-
-//2.0 测试数据 后期移除
-// const testTemplateData = {
-//     "sectorName": "text",
-//     "componentList": [
-//         {
-//             "component_type": 1,//1=新闻 2=广告
-//             "component_style": 1,//样式
-//             "sort": 1,//组件位置
-//             "data": {
-//                 "alias":"一级导航名称",
-//                 "category_id": 11,
-//                 "pinyin": "nongyeshengchan",
-//                 "children_count": 1,//有多少个子集 用于跳转到频道页
-//                 "text": [
-//                     {
-//                         "id": 2863,
-//                         "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "nongminxinnongcun/nongcunxinfangshe"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 2862,
-//                         "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun/buweidongtai"
-//                     },
-//                     {
-//                         "id": 50126,
-//                         "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 3976,
-//                         "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50189,
-//                         "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "nongminhezuoshe"
-//                     },
-//                     {
-//                         "id": 50190,
-//                         "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "nongminhezuoshe"
-//                     }
-//                 ],
-//                 "img": [
-//                     {
-//                         "id": 50129,
-//                         "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "linyuting123",
-//                         "updated_at": "2025-05-30 13:50:54",
-//                         "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "cat_arr_id": "[1,201]",
-//                         "catid": 201,
-//                         "level": "[1,2,3]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:46",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[2]",
-//                         "catid": 2,
-//                         "level": "[2,3]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:45",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[1]",
-//                         "catid": 1,
-//                         "level": "[2]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:44",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[11]",
-//                         "catid": 11,
-//                         "level": "[2]",
-//                         "pinyin": "xinnongcun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:43",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[14,240]",
-//                         "catid": 240,
-//                         "level": "[2,3]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-04-16 11:04:29",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": null,
-//                         "catid": 36,
-//                         "level": "[2]",
-//                         "pinyin": "sannongzixun"
-//                     }
-//                 ]
-//             }
-//         },
-//         {
-//             "component_type": 1,//1=新闻 2=广告
-//             "component_style": 1,//样式
-//             "sort": 1,//组件位置
-//             "data": {
-//                 "alias":"一级导航名称2",
-//                 "category_id": 11,
-//                 "children_count": 0,//有多少个子集 用于跳转到频道页
-//                 "pinyin": "sannongzixun/zhengcefagui",
-//                 "text": [
-//                     {
-//                         "id": 2863,
-//                         "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "nongminxinnongcun/nongcunxinfangshe"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 2862,
-//                         "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun/buweidongtai"
-//                     },
-//                     {
-//                         "id": 50126,
-//                         "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 3976,
-//                         "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50189,
-//                         "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "nongminhezuoshe"
-//                     },
-//                     {
-//                         "id": 50190,
-//                         "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "nongminhezuoshe"
-//                     }
-//                 ],
-//                 "img": [
-//                     {
-//                         "id": 50129,
-//                         "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "linyuting123",
-//                         "updated_at": "2025-05-30 13:50:54",
-//                         "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "cat_arr_id": "[1,201]",
-//                         "catid": 201,
-//                         "level": "[1,2,3]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:46",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[2]",
-//                         "catid": 2,
-//                         "level": "[2,3]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:45",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[1]",
-//                         "catid": 1,
-//                         "level": "[2]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:44",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[11]",
-//                         "catid": 11,
-//                         "level": "[2]",
-//                         "pinyin": "xinnongcun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:43",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[14,240]",
-//                         "catid": 240,
-//                         "level": "[2,3]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-04-16 11:04:29",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": null,
-//                         "catid": 36,
-//                         "level": "[2]",
-//                         "pinyin": "sannongzixun"
-//                     }
-//                 ]
-//             }
-//         },
-//         {
-//             "component_type": 1,//1=新闻 2=广告
-//             "component_style": 1,//样式
-//             "sort": 3,//组件位置
-//             "data": {
-//                 "alias":"一级导航名称3",
-//                 "category_id": 11,
-//                 "children_count": 0,//有多少个子集 用于跳转到频道页
-//                 "pinyin": "sannongzixun/zhengcefagui",
-//                 "text": [
-//                     {
-//                         "id": 2863,
-//                         "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "nongminxinnongcun/nongcunxinfangshe"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 2862,
-//                         "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun/buweidongtai"
-//                     },
-//                     {
-//                         "id": 50126,
-//                         "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 3976,
-//                         "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50189,
-//                         "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "nongminhezuoshe"
-//                     },
-//                     {
-//                         "id": 50190,
-//                         "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "pinyin": "nongminhezuoshe"
-//                     }
-//                 ],
-//                 "img": [
-//                     {
-//                         "id": 50129,
-//                         "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "linyuting123",
-//                         "updated_at": "2025-05-30 13:50:54",
-//                         "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "cat_arr_id": "[1,201]",
-//                         "catid": 201,
-//                         "level": "[1,2,3]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:46",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[2]",
-//                         "catid": 2,
-//                         "level": "[2,3]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:45",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[1]",
-//                         "catid": 1,
-//                         "level": "[2]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:44",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[11]",
-//                         "catid": 11,
-//                         "level": "[2]",
-//                         "pinyin": "xinnongcun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-05-30 13:50:43",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": "[14,240]",
-//                         "catid": 240,
-//                         "level": "[2,3]",
-//                         "pinyin": "sannongzixun"
-//                     },
-//                     {
-//                         "id": 50129,
-//                         "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
-//                         "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
-//                         "author": "佚名",
-//                         "updated_at": "2025-04-16 11:04:29",
-//                         "introduce": "描述",
-//                         "islink": 0,
-//                         "linkurl": "",
-//                         "copyfrom": "本网",
-//                         "cat_arr_id": null,
-//                         "catid": 36,
-//                         "level": "[2]",
-//                         "pinyin": "sannongzixun"
-//                     }
-//                 ]
-//             }
-//         },
-//     ],
-//     "ad": {
-//         "ad_tag": "nmw_index_0003"
-//     }
-// }
-
-// //静态链接测试数据
-// const testTemplateData2 = {
-//     "sectorName": "linkSector",
-//     "componentList": [
-//         {
-//             "component_type": 3,
-//             "component_style": 1,
-//             "sort": 1,
-//             "componentData": {}
-//         }
-//     ],
-//     "sort": 4
-// }
+//广告数据
+const adData = ref([]);
+adData.value.push(response.data.ad.top)
+for(let item of response.data.ad.index){
+    adData.value.push(item)
+}
+templateBaseStore.setAdList(adData.value)
 //2.页面数据 end---------------------------------------->
 </script>