|
|
@@ -1,76 +1,38 @@
|
|
|
<template>
|
|
|
- <div id="newsList">
|
|
|
- <!-- 页面头部 -->
|
|
|
- <HomePageHead></HomePageHead>
|
|
|
- <!-- 导航栏 -->
|
|
|
- <HomePageNavigation1></HomePageNavigation1>
|
|
|
- <!-- 列表页广告一 -->
|
|
|
- <HomeTopTen :imgurl="adImg1" v-if="adImg1"></HomeTopTen>
|
|
|
- <!-- 二级标题-->
|
|
|
- <HomeListSecondaryHeading v-if="parent_name != ''" :name="parent_name" :nav="secondNav" :pinyin="parent_pinyin">
|
|
|
- </HomeListSecondaryHeading>
|
|
|
- <!-- 资讯列表 -->
|
|
|
- <div class="newsList">
|
|
|
- <div class="inner">
|
|
|
- <div class="innerLeft">
|
|
|
- <!-- 面包屑导航 -->
|
|
|
- <div class="breadcrumb">
|
|
|
- <div class="inner">
|
|
|
- <span class="location">当前位置:</span>
|
|
|
- <el-breadcrumb :separator-icon="ArrowRight">
|
|
|
- <el-breadcrumb-item>
|
|
|
- <NuxtLink to="/">首页</NuxtLink>
|
|
|
- </el-breadcrumb-item>
|
|
|
- <el-breadcrumb-item v-if="parent_name != ''">
|
|
|
- <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
|
|
|
- </el-breadcrumb-item>
|
|
|
- <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
|
|
|
- </el-breadcrumb>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <ul class="list">
|
|
|
- <li v-for="(item, index) in newsList" :key="index">
|
|
|
- <NuxtLink :href="getLinkPathDetail(item)" :title="item.alias">
|
|
|
- <span class="listTitle">{{ item.title }}</span>
|
|
|
- <span class="time">{{ getTime(item.updated_at, 'month', 1) }}</span>
|
|
|
- </NuxtLink>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <!-- 分页器 -->
|
|
|
- <div class="pagination" v-if="total > 0">
|
|
|
- <el-pagination size="small" background layout="prev, pager, next" :total="total" class="mt-4"
|
|
|
- :page-size="pageSize" :current-page="pageNum" prev-text="上一页" next-text="下一页"
|
|
|
- @current-change="changePage" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="innerRight">
|
|
|
- <DetailHotNews></DetailHotNews>
|
|
|
- <DetailHotNews2></DetailHotNews2>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 列表页广告二 -->
|
|
|
- <HomeTopTen :imgurl="adImg2" v-if="adImg2"></HomeTopTen>
|
|
|
- <!-- 页面底部 -->
|
|
|
- <HomeFoot></HomeFoot>
|
|
|
+ <!-- 头部 -->
|
|
|
+ <templateHead></templateHead>
|
|
|
+ <!-- 菜单 -->
|
|
|
+ <templateMenu></templateMenu>
|
|
|
+ <!-- 内容 -->
|
|
|
+ <div>
|
|
|
+ <!--广告组件-->
|
|
|
+ <templateAd :adTag="'nmw_list_0001'" :skinId="skinId" :adData="adData"></templateAd>
|
|
|
+ <!--列表组件-->
|
|
|
+ <templateList :skinId="skinId" :templateData="testTemplateData" :routeId="routeId"></templateList>
|
|
|
</div>
|
|
|
+ <!-- 底部 -->
|
|
|
+ <templateFoot></templateFoot>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-//1.页面必备依赖 start ---------------------------------------->
|
|
|
-import { ElBreadcrumb, ElBreadcrumbItem, ElPagination } from 'element-plus'
|
|
|
-import { ArrowRight } from '@element-plus/icons-vue'
|
|
|
-import { ref, onMounted } from 'vue';
|
|
|
-//1.页面必备依赖 end ---------------------------------------->
|
|
|
-
|
|
|
-//2.路径 start---------------------------------------->
|
|
|
-//当前列表名称
|
|
|
-const route = useRoute();
|
|
|
-let articleId = 0;//列表需要使用的导航id
|
|
|
-const targetSegment = getRoutePath(2);//根据路由反向查询导航id
|
|
|
-let pageNum = ref(1);//获得路由里面的分页数据
|
|
|
+//0.加载全局模板组件 start---------------------------------------->
|
|
|
+//0.1全局通栏
|
|
|
+import templateHead from '@/components/template/sector/head/1200x200/1.vue'
|
|
|
+import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
|
|
|
+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列表组件
|
|
|
+import templateList from '@/components/template/sector/body/list/list/1200x1220/1.vue'
|
|
|
+//0.加载全局模板组件 end---------------------------------------->
|
|
|
|
|
|
-//通过导航路径反向查询导航id
|
|
|
+//1.获得基本信息单元 start---------------------------------------->
|
|
|
+//1.1获得页面依赖
|
|
|
+import { ref, onMounted } from 'vue';
|
|
|
+//1.2使用url查询导航池id
|
|
|
+const targetSegment = getRoutePath(2);//当前页面的url路径 当前是第二层的页面，所以需要传入2
|
|
|
+const routeId = ref("");//当前url路径代表的cid
|
|
|
const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
|
|
|
method: 'GET',
|
|
|
query: {
|
|
|
@@ -78,172 +40,649 @@ const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
|
|
|
},
|
|
|
});
|
|
|
if (getRouteId.code == 200) {
|
|
|
- articleId = getRouteId.data.category_id
|
|
|
-} else {
|
|
|
- console.log("后端错误反馈：", getRouteId.message)
|
|
|
+ routeId.value = getRouteId.data.category_id
|
|
|
}
|
|
|
-pageNum.value = parseInt(route.params.id);
|
|
|
-//2.路径 end---------------------------------------->
|
|
|
-
|
|
|
-//3.列表 start ---------------------------------------->
|
|
|
-let total = ref(1);
|
|
|
-let pageSize = ref(20);
|
|
|
-
|
|
|
-const newsList = ref([]);
|
|
|
-let newslists = async () => {
|
|
|
- const listData = await requestDataPromise('/web/getWebsiteArticleList', {
|
|
|
- method: 'GET',
|
|
|
- query: {
|
|
|
- 'page': pageNum.value,
|
|
|
- 'pageSize': pageSize.value,
|
|
|
- 'catid': articleId
|
|
|
- },
|
|
|
- });
|
|
|
- if (listData.code == 200) {
|
|
|
- newsList.value = listData.data.rows;
|
|
|
- total.value = listData.data.count;
|
|
|
-
|
|
|
- } else {
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
- console.log("错误位置：获取新闻列表")
|
|
|
- console.log("后端错误反馈：", listData.message)
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
- }
|
|
|
+//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()
|
|
|
+//1.5获得该页的皮肤id - 在每个组件中也是同样的获得方法
|
|
|
+const skinId = ref("")
|
|
|
+//1.6获得站点基本信息
|
|
|
+const responseStatus = await requestDataPromise('/web/getWebsiteAllinfo', {
|
|
|
+ method: 'GET',
|
|
|
+ query: {
|
|
|
+ 'link_textnum':24,
|
|
|
+ 'link_imgnum':18,
|
|
|
+ 'link_footnum':4
|
|
|
+ },
|
|
|
+});
|
|
|
+if (responseStatus.code == 200) {
|
|
|
+ //1.6.1设置站点基本信息
|
|
|
+ templateBaseStore.setWebSiteInfo(responseStatus.data)
|
|
|
+ //1.6.2设置皮肤id
|
|
|
+ skinId.value = templateBaseStore.webSiteInfo.website_foot.foot_info.template_id;
|
|
|
}
|
|
|
-newslists();
|
|
|
-
|
|
|
-//分页
|
|
|
-let changePage = (value) => {
|
|
|
- console.log("当前页码", value);
|
|
|
- navigateTo(`/${targetSegment}/${value}.html`)
|
|
|
+//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;
|
|
|
}
|
|
|
-//3.列表 end ---------------------------------------->
|
|
|
+//1.8.seo
|
|
|
+const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
|
|
|
+ method: 'GET',
|
|
|
+ query: {
|
|
|
+ 'catid': routeId.value
|
|
|
+ },
|
|
|
+});
|
|
|
+let seoTitle = setData.data.seo_title;
|
|
|
+let seoDescription = setData.data.seo_description;
|
|
|
+let seoKeywords = setData.data.seo_keywords;
|
|
|
+let seoSuffix = setData.data.suffix;
|
|
|
+let seoName = setData.data.website_name;
|
|
|
+useSeoMeta({
|
|
|
+ title: seoTitle + "_" + seoSuffix,
|
|
|
+ meta: [
|
|
|
+ { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
|
|
|
+ { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
|
|
|
+ ]
|
|
|
+});
|
|
|
+//1.获得基本信息单元 end---------------------------------------->
|
|
|
|
|
|
+//2.获得页面数据 start---------------------------------------->
|
|
|
+const route = useRoute();
|
|
|
+let pageNum = ref(1); //列表页当前页码
|
|
|
+pageNum.value = parseInt(route.params.id);//路由中传递的分页页码
|
|
|
+let total = ref(1); //总条数
|
|
|
+let pageSize = ref(20); //每页条数
|
|
|
|
|
|
-//4.面包屑 start---------------------------------------->
|
|
|
-//3.1 获得页面名称
|
|
|
-const name = ref('')
|
|
|
-let getPageName = async () => {
|
|
|
- const pageName = await requestDataPromise('/web/getOneWebsiteCategory', {
|
|
|
- method: 'GET',
|
|
|
- query: {
|
|
|
- 'catid': articleId
|
|
|
- },
|
|
|
- });
|
|
|
- if (pageName.code == 200) {
|
|
|
- name.value = pageName.data.alias
|
|
|
- } else {
|
|
|
- console.log("错误位置：设置页面标题")
|
|
|
- }
|
|
|
-}
|
|
|
-getPageName();
|
|
|
-
|
|
|
-//3.2 获得父级栏目
|
|
|
-const parent_name = ref([]);
|
|
|
-const parent_id = ref([]);
|
|
|
-const parent_pinyin = ref("");
|
|
|
-let getParentNav = async () => {
|
|
|
- const listData = await requestDataPromise('/web/getOneWebsiteCategory', {
|
|
|
- method: 'GET',
|
|
|
- query: {
|
|
|
- 'catid': articleId
|
|
|
- },
|
|
|
- });
|
|
|
- if (listData.code == 200) {
|
|
|
- console.log(111999)
|
|
|
- console.log(listData.data);
|
|
|
- parent_name.value = listData.data.parent_name;
|
|
|
- parent_id.value = listData.data.parent_id;
|
|
|
- parent_pinyin.value = listData.data.parent_pinyin;
|
|
|
- } else {
|
|
|
- console.log("错误位置：获取父级栏目")
|
|
|
- }
|
|
|
- getSecondNav();
|
|
|
-}
|
|
|
-getParentNav();
|
|
|
-
|
|
|
-// 3.3获取二级栏目
|
|
|
-const secondNav = ref([]);
|
|
|
-let getSecondNav = async () => {
|
|
|
- const listData = await requestDataPromise('/web/getWebsiteModelCategory', {
|
|
|
- method: 'GET',
|
|
|
- query: {
|
|
|
- 'placeid': 1,
|
|
|
- 'pid': parent_id.value,
|
|
|
- 'num': 20,
|
|
|
- },
|
|
|
- });
|
|
|
- console.log('listData', listData);
|
|
|
+//2.1新闻数据
|
|
|
+// const newsList = ref([]);
|
|
|
+// let newslists = async () => {
|
|
|
+// const listData = await requestDataPromise('/web/getWebsiteArticleList', {
|
|
|
+// method: 'GET',
|
|
|
+// query: {
|
|
|
+// 'page': pageNum.value,
|
|
|
+// 'pageSize': pageSize.value,
|
|
|
+// 'catid': articleId
|
|
|
+// },
|
|
|
+// });
|
|
|
+// if (listData.code == 200) {
|
|
|
+// newsList.value = listData.data.rows;
|
|
|
+// total.value = listData.data.count;
|
|
|
|
|
|
- if (listData.code == 200) {
|
|
|
- secondNav.value = listData.data;
|
|
|
- } else {
|
|
|
- console.log("错误位置：获取二级栏目列表")
|
|
|
- }
|
|
|
-}
|
|
|
+// } else {
|
|
|
+// console.log("错误位置：获取新闻列表")
|
|
|
+// }
|
|
|
+// }
|
|
|
+// newslists();
|
|
|
+
|
|
|
+// //2.2分页
|
|
|
+// let changePage = (value) => {
|
|
|
+// console.log("当前页码", value);
|
|
|
+// navigateTo(`/${targetSegment}/list-${value}.html`)
|
|
|
+// }
|
|
|
+//2.获得页面数据 end---------------------------------------->
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+//4.面包屑 start ---------------------------------------->
|
|
|
+// const name = ref('')
|
|
|
+// //4.1 当前频道名称
|
|
|
+// let getPageName = async () => {
|
|
|
+// const pageName = await requestDataPromise('/web/getOneWebsiteCategory', {
|
|
|
+// method: 'GET',
|
|
|
+// query: {
|
|
|
+// 'catid': articleId
|
|
|
+// },
|
|
|
+// });
|
|
|
+// if (pageName.code == 200) {
|
|
|
+// name.value = pageName.data.alias
|
|
|
+// } else {
|
|
|
+// console.log("错误位置：获取当前频道名称", pageName.message)
|
|
|
+// }
|
|
|
+// }
|
|
|
+// getPageName();
|
|
|
+
|
|
|
+// //4.2 查询是否含有父级导航
|
|
|
+// const parent_name = ref([]);
|
|
|
+// const parent_id = ref([]);
|
|
|
+// const parent_pinyin = ref("");
|
|
|
+// let getParentNav = async () => {
|
|
|
+// const listData = await requestDataPromise('/web/getOneWebsiteCategory', {
|
|
|
+// method: 'GET',
|
|
|
+// query: {
|
|
|
+// 'catid': articleId
|
|
|
+// },
|
|
|
+// });
|
|
|
+// if (listData.code == 200) {
|
|
|
+// parent_name.value = listData.data.parent_name;
|
|
|
+// parent_id.value = listData.data.parent_id;
|
|
|
+// parent_pinyin.value = listData.data.parent_pinyin;
|
|
|
+// } else {
|
|
|
+// console.log("错误位置：查询父级导航信息")
|
|
|
+// }
|
|
|
+// getSecondNav();
|
|
|
+// }
|
|
|
+// getParentNav();
|
|
|
+
|
|
|
+// //4.3 获取二级栏目列表
|
|
|
+// const secondNav = ref([]);
|
|
|
+// let getSecondNav = async () => {
|
|
|
+// const listData = await requestDataPromise('/web/getWebsiteModelCategory', {
|
|
|
+// method: 'GET',
|
|
|
+// query: {
|
|
|
+// 'placeid': 1,
|
|
|
+// 'pid': parent_id.value,
|
|
|
+// 'num': 8,
|
|
|
+// },
|
|
|
+// });
|
|
|
+// console.log('listData', listData);
|
|
|
+
|
|
|
+// if (listData.code == 200) {
|
|
|
+// secondNav.value = listData.data
|
|
|
+// } else {
|
|
|
+// console.log("错误位置：获得二级栏目列表")
|
|
|
+// }
|
|
|
+// }
|
|
|
//4.面包屑 end ---------------------------------------->
|
|
|
|
|
|
|
|
|
-//5.设置seo信息 start---------------------------------------->
|
|
|
-const setData = await requestDataPromise('/web/getWebsiteCategoryHead', {
|
|
|
- method: 'GET',
|
|
|
- query: {
|
|
|
- 'catid': articleId
|
|
|
- },
|
|
|
-});
|
|
|
|
|
|
-if (setData.code == 200) {
|
|
|
- let seoTitle = setData.data.seo_title;
|
|
|
- let seoDescription = setData.data.seo_description;
|
|
|
- let seoKeywords = setData.data.seo_keywords;
|
|
|
- let seoSuffix = setData.data.suffix;
|
|
|
- let seoName = setData.data.website_name;
|
|
|
-
|
|
|
- useSeoMeta({
|
|
|
- title: seoTitle + "_" + seoName + "_" + seoSuffix,
|
|
|
- meta: [
|
|
|
- { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
|
|
|
- { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
|
|
|
- ]
|
|
|
- });
|
|
|
-} else {
|
|
|
- console.log("错误位置：设置列表页面SEO数据")
|
|
|
+//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":"一级导航名称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"
|
|
|
+ }
|
|
|
}
|
|
|
-//5.设置seo信息 end---------------------------------------->
|
|
|
-
|
|
|
-//6.广告 start---------------------------------------->
|
|
|
-let adImg1 = ref({});
|
|
|
-let adImg2 = ref({});
|
|
|
-
|
|
|
-onMounted(async () => {
|
|
|
- //从客户端获取行政职能部门 加快打开速度
|
|
|
- const { $webUrl, $CwebUrl } = useNuxtApp();
|
|
|
- //广告1
|
|
|
- let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_list_0001`
|
|
|
- const responseAd1 = await fetch(url, {
|
|
|
- headers: {
|
|
|
- 'Content-Type': 'application/json',
|
|
|
- 'Userurl': $CwebUrl,
|
|
|
- 'Origin': $CwebUrl
|
|
|
- }
|
|
|
- });
|
|
|
- const resultAd1 = await responseAd1.json();
|
|
|
- adImg1.value = resultAd1.data[0];
|
|
|
-
|
|
|
- //广告2
|
|
|
- let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_list_0002`
|
|
|
- const responseAd2 = await fetch(url2, {
|
|
|
- headers: {
|
|
|
- 'Content-Type': 'application/json',
|
|
|
- 'Userurl': $CwebUrl,
|
|
|
- 'Origin': $CwebUrl
|
|
|
- }
|
|
|
- });
|
|
|
- const resultAd2 = await responseAd2.json();
|
|
|
- adImg2.value = resultAd2.data[0];
|
|
|
|
|
|
-})
|
|
|
-//6.广告 end---------------------------------------->
|
|
|
+//静态链接测试数据
|
|
|
+const testTemplateData2 = {
|
|
|
+ "sectorName": "linkSector",
|
|
|
+ "componentList": [
|
|
|
+ {
|
|
|
+ "component_type": 3,
|
|
|
+ "component_style": 1,
|
|
|
+ "sort": 1,
|
|
|
+ "componentData": {}
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "sort": 4
|
|
|
+}
|
|
|
+//2.页面数据 end---------------------------------------->
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
dangyunlong