完成频道页的开发

完成频道页的开发

components/template/component/list/1200x410/1.vue

@@ -83,16 +83,16 @@ const props = defineProps({
 
 //轮播图
 const roll_num_this = ref(0)
-const roll_num_lang = ref(props.templateData.img.length - 1);
+const roll_num_lang = ref(props.templateData.imgnum.length - 1);
 
 const change_fun = (the_1) => {
     roll_num_this.value = the_1
 }
 //样式1与样式2共用 start ---------------------------------------->
 const component_style1_News1Array = ref([]);
-component_style1_News1Array.value = props.templateData.img.slice(0,5);
+component_style1_News1Array.value = props.templateData.imgnum.slice(0,5);
 const component_style1_News2Array = ref([]);
-component_style1_News2Array.value = props.templateData.text.slice(0,9);
+component_style1_News2Array.value = props.templateData.textnum.slice(0,9);
 //样式1与样式2共用 end ---------------------------------------->
 </script>
 

components/template/sector/body/class/banner/1200x410/1.vue

@@ -1,22 +1,18 @@
 <template>
     <div class="imgNewsBigBox">
-        <div v-if="templateData.componentList[0].component_style == 1">
+        <div v-if="templateData[0].component_style.toString()=='1'">
             <news1Style 
-                v-if="templateData.componentList[0].data.text.length > 0" 
                 :titleLink="componentTitle1" 
-                :templateData="templateData.componentList[0].data"
+                :templateData="templateData[0].componentData.data"
                 :skinId="skinId"
             />
-            <nodata v-else :dataStyle="2" :dataWidth="720" :dataHeight="440" />
         </div>
-        <div v-if="templateData.componentList[0].component_style == 2">
+        <div v-if="templateData[0].component_style.toString()=='2'">
             <news2Style 
-                v-if="templateData.componentList[0].data.text.length > 0" 
                 :titleLink="componentTitle1" 
-                :templateData="templateData.componentList[0].data"
+                :templateData="templateData[0].componentData.data"
                 :skinId="skinId"
             />
-            <nodata v-else :dataStyle="2" :dataWidth="720" :dataHeight="440" />
         </div>
     </div>
 </template>
@@ -37,11 +33,11 @@ const props = defineProps({
 });
 //该通栏下只有一个组件
 const componentTitle1 = {
-    alias:props.templateData.componentList[0].data.alias,
-    aLIas_pinyin:props.templateData.componentList[0].data.pinyin,
-    is_url: props.templateData.componentList[0].data.is_url,
-    children_count: props.templateData.componentList[0].data.children_count,
-    cid:props.templateData.componentList[0].data.category_id
+    alias:props.templateData[0].componentData.data.alias,
+    aLIas_pinyin:props.templateData[0].componentData.data.pinyin,
+    is_url: props.templateData[0].componentData.data.is_url ?? 0,//如果is_url为空 则默认为0
+    children_count: props.templateData[0].componentData.data.children_count ?? 0,//如果children_count为空 则默认为0
+    cid:props.templateData[0].componentData.data.category_id
 }
 </script>
 

composables/publicFunction.ts

@@ -120,4 +120,16 @@ const requestAd = (adList:IAdList[],adTag:string) => {
     return null;
 }
 //5.从广告池获得对应标识的广告 end ---------------------------------------->
-export { getTime, getTitleLength, getLinkPath, getLinkPathDetail,getLinkPathDetail1, getRoutePath, getLinkPath1,requestAd};
+
+//6.提取请求数据 start ---------------------------------------->
+const getTransformArray = (arr:any[]) => {
+    return arr
+        .filter(item => item.child !== '') //过滤child为空
+        .map(item => ({
+            parent: item.parent,
+            child: `${item.child},${item.imgnum},${item.textnum}`
+        }));
+}
+//6.提取请求数据 end ---------------------------------------->
+
+export { getTime, getTitleLength, getLinkPath, getLinkPathDetail,getLinkPathDetail1, getRoutePath, getLinkPath1,requestAd,getTransformArray};

pages/[dir]/index.html.vue

@@ -4,24 +4,37 @@
     <!-- 菜单 -->
     <templateMenu></templateMenu>
     <!-- 内容 -->
-    <!-- <div>
-        <templateChannelMenu :skinId="skinId" :navigateData="navigateData.data" :templateData="testTemplateData2" :routeId="routeId"></templateChannelMenu>
-        <templateScrollList :skinId="skinId" :templateData="testTemplateData"></templateScrollList>
-        <templateNewSector3 :skinId="skinId" :templateData="testTemplateData"></templateNewSector3>
-        <templateAd :adTag="'nmw_category_0001'" :skinId="skinId" :adData="adData"></templateAd>
-        <templateNewSector1 :skinId="skinId" :templateData="testTemplateData"></templateNewSector1>
-        <templateNewSector2 :skinId="skinId" :templateData="testTemplateData"></templateNewSector2>
-    </div> -->
     <div v-for="(item,index) in templateData" :key="index">
+        <!--1.频道菜单-->
         <div v-if="item.sectorName=='channelMenu'">
             <templateChannelMenu :skinId="skinId" :routeId="routeId" :navigateData="navigateData.data" :templateData="item.componentList"></templateChannelMenu>
         </div>
+        <!--2.广告组件-->
+        <div v-if="item.sectorName=='adSector'">
+            <templateAd :skinId="skinId" :adData="adData" :adTag="item.ad.ad_tag" ></templateAd>
+        </div>
+        <!--3.滚动图文组合-->
+        <div v-if="item.sectorName=='scrollTextSector'">
+            <templateScrollList :skinId="skinId" :templateData="item.componentList"></templateScrollList>
+        </div>
+        <!--4.图文组合1-->
+        <div v-if="item.sectorName=='manyPictureSector'">
+            <templateNewSector1 :skinId="skinId" :templateData="item.componentList"></templateNewSector1>
+        </div>
+        <!--5.图文组合2-->
+        <div v-if="item.sectorName=='commentSector'">
+            <templateNewSector2 :skinId="skinId" :templateData="item.componentList"></templateNewSector2>
+        </div>
+        <!--6.图文组合3-->
+        <div v-if="item.sectorName=='listSector'">
+            <templateNewSector3 :skinId="skinId" :templateData="item.componentList"></templateNewSector3>
+        </div>
     </div>
     <!-- 底部 -->
     <templateFoot></templateFoot>
 </template>
 
-<script setup>
+<script setup lang="ts">
 //0.加载全局模板组件 start---------------------------------------->
 //0.1全局通栏
 import templateHead from '@/components/template/sector/head/1200x200/1.vue'
@@ -48,7 +61,7 @@ import { ref, onMounted } from 'vue';
 import { ElMessage } from 'element-plus';
 //1.2使用url查询导航池id
 const targetSegment = getRoutePath(1);
-const routeId = ref("");
+const routeId = ref<number>(0);
 const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
     method: 'GET',
     query: {
@@ -58,21 +71,12 @@ 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源
 import { useTemplateBaseStore } from '@/stores/templateBase'
-const templateBaseStore = useTemplateBaseStore()
+const templateBaseStore:any = useTemplateBaseStore()
 //1.5获得该页的皮肤id - 在每个组件中也是同样的获得方法
-const skinId = ref("")
-const websiteId = ref("")
+const skinId = ref<number>(0)
+const websiteId = ref<number>(0)
 //1.6获得站点基本信息
 const responseStatus = await requestDataPromise('/web/getWebsiteAllinfo', {
     method: 'GET',
@@ -89,17 +93,7 @@ if (responseStatus.code == 200) {
     //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.7.seo
 const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
     method: 'GET',
     query: {
@@ -111,7 +105,7 @@ let seoDescription = setData.data.seo_description;
 let seoKeywords = setData.data.seo_keywords;
 let seoSuffix = setData.data.suffix;
 let seoName = setData.data.website_name;
-useSeoMeta({
+useHead({
     title: seoTitle + "_" + seoSuffix,
     meta: [
         { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
@@ -121,518 +115,106 @@ useSeoMeta({
 //1.获得基本信息单元 end---------------------------------------->
 
 //2.页面数据 start---------------------------------------->
-const response = await requestDataPromise('/client/indexData', {
+//2.1预创建请求数据
+const templateGetData:any = [
+    {"parent":routeId.value+",0,0","child":"","imgnum":0,"textnum":0},
+    {"parent":routeId.value+",0,0","child":"","imgnum":0,"textnum":0},
+    {"parent":routeId.value+",0,0","child":"","imgnum":0,"textnum":0},
+    {"parent":routeId.value+",0,0","child":"","imgnum":0,"textnum":0},
+    {"parent":routeId.value+",0,0","child":"","imgnum":0,"textnum":0},
+    {"parent":routeId.value+",0,0","child":"","imgnum":0,"textnum":0},
+    {"parent":routeId.value+",0,0","child":"","imgnum":0,"textnum":0},
+    {"parent":routeId.value+",0,0","child":"","imgnum":0,"textnum":0},
+    {"parent":routeId.value+",0,0","child":"","imgnum":0,"textnum":0}
+]
+//2.2获得模板数据
+const response:any = await requestDataPromise('/client/indexData', {
     method: 'POST',
     body: {
         'website_id':websiteId.value,
         'getpage':'class'
     },
 });
-//页面数据
 const templateData = response.data.template.class;
 console.log(templateData)
-//广告数据
-const adData = ref([]);
+//2.2.1循环一下模板数据，把所有需要请求后端内容的组件里面imgSize和textSize拿出来
+const getIndex = ref<number>(0);
+for(let item of templateData){
+    if(item.sectorName == 'scrollTextSector'||item.sectorName == 'manyPictureSector'||item.sectorName == 'commentSector'||item.sectorName == 'listSector'){
+        for(let i of item.componentList){
+            templateGetData[getIndex.value].imgnum = i.componentData.imgSize;
+            templateGetData[getIndex.value].textnum = i.componentData.textSize;
+            getIndex.value++;
+        }
+    }
+}
+//2.3 获得导航数据
+const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
+    method: 'GET',
+    query: {
+        'placeid': 1,
+        'pid': routeId.value,
+        'num': 8
+    },
+});
+const getNavIndex = ref<number>(0);
+for(let item of navigateData.data){
+    templateGetData[getNavIndex.value].child = item.category_id;
+    getNavIndex.value++;
+}
+//获得完整的请求数据
+const jsonString = JSON.stringify(getTransformArray(templateGetData));
+//2.4获得页面完整的请求数据
+const mkdata = await requestDataPromise('/web/getWebsiteAllArticle', {
+    method: 'GET',
+    query: {
+        'id': jsonString
+    },
+});
+if (mkdata.code == 200) {
+    //获得所有子频道的内容
+    let childData = ref<any>([]);
+    for(let item of mkdata.data){
+        childData.value.push(item.child)
+    }
+    //把data中的childData拿出来
+    //console.log(childData.value)
+    let dataSort = ref<number>(0);
+    for(let item of templateData){
+        if(item.sectorName == 'scrollTextSector'){
+            item.componentList[0].componentData.data = childData.value[dataSort.value]
+            dataSort.value++;
+        }
+        if(item.sectorName == 'manyPictureSector'){
+            item.componentList[0].componentData.data = childData.value[dataSort.value]
+            dataSort.value++;
+            item.componentList[1].componentData.data = childData.value[dataSort.value]
+            dataSort.value++;
+        }
+        if(item.sectorName == 'commentSector'){
+            item.componentList[0].componentData.data = childData.value[dataSort.value]
+            dataSort.value++;
+            item.componentList[1].componentData.data = childData.value[dataSort.value]
+            dataSort.value++;
+        }
+        if(item.sectorName == 'listSector'){
+            item.componentList[0].componentData.data = childData.value[dataSort.value]
+            dataSort.value++;
+            item.componentList[1].componentData.data = childData.value[dataSort.value]
+            dataSort.value++;
+            item.componentList[2].componentData.data = childData.value[dataSort.value]
+            dataSort.value++;
+        }
+    }
+    console.log(templateData)
+}
+//2.5广告数据
+const adData:any = ref([]);
 adData.value.push(response.data.ad.top)
 for(let item of response.data.ad.class){
     adData.value.push(item)
 }
 templateBaseStore.setAdList(adData.value)
-
-
-console.log(navigateData)
-
-
-
-
-
-
-
-
-
-
-
-
-
-//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":"一级导航名称2",
-//                 "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":"一级导航名称3",
-//                 "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.页面数据 end---------------------------------------->
 </script>