Skip to content

E
emergency-project
Commit 8758aaee by York
Options

问题修改

parent ff20fbee
Showing with 139 additions and 205 deletions
src/components/news/PyNewsList.vue
......@@ -175,6 +175,7 @@ getTyNewsList(3, 1);
//获取太原新闻
function getTyNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: tyxw,
pageSize: pageSize,
pageNo: pageNo,
......@@ -196,6 +197,7 @@ getTzGgNewsList(5, 1);
//获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: tzgg,
pageSize: pageSize,
pageNo: pageNo,
......@@ -218,6 +220,7 @@ getList(pageSize.value, pageNo.value);
function getList(pageSize: number, pageNo: number) {
// newsList.value = [];
const datas = {
contentDisplay: "0",
contentType: rdxw,
pageSize: pageSize,
pageNo: pageNo,
......@@ -237,14 +240,18 @@ function getList(pageSize: number, pageNo: number) {
});
}
function getToDetail(id: number) {
function getToDetail(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
router.push({
path: "/home/news/detail",
query: {
type: 1,
id: id,
id: item.id,
},
});
}
}
</script>
<style scoped>
......
src/components/py/NewsList.vue
......@@ -11,7 +11,7 @@
v-for="(item, index) in list"
:key="index"
class="group p-4 flex items-start border-b border-gray-100 hover:bg-gray-50 transition-colors cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<div
v-if="item.images != null"
......@@ -80,7 +80,7 @@
v-for="(item, index) in list1"
:key="index"
class="group cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<div
class="text-sm font-medium group-hover:text-blue-600 line-clamp-2 text-black"
......@@ -104,7 +104,7 @@
v-for="(item, index) in list2"
:key="index"
class="group cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<div
v-if="item.images != null"
......@@ -132,7 +132,7 @@
v-for="(item, index) in list3"
:key="index"
class="group cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<div class="h-32 mb-2 overflow-hidden rounded-lg">
<img :src="item.images" class="w-full h-full object-cover" />
......@@ -211,6 +211,7 @@ getList3();
//获取主列表
function getList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: props.type0,
pageSize: pageSize,
pageNo: pageNo,
......@@ -230,6 +231,7 @@ function getList(pageSize: number, pageNo: number) {
//获取测边列表 1
function getList1() {
const datas = {
contentDisplay: "0",
contentType: props.type1,
pageSize: 5,
pageNo: 1,
......@@ -249,6 +251,7 @@ function getList1() {
//获取测边列表 2
function getList2() {
const datas = {
contentDisplay: "0",
contentType: props.type2,
pageSize: 2,
pageNo: 1,
......@@ -268,6 +271,7 @@ function getList2() {
//获取测边列表 3
function getList3() {
const datas = {
contentDisplay: "0",
contentType: props.type3,
pageSize: 2,
pageNo: 1,
......@@ -284,7 +288,10 @@ function getList3() {
});
}
function getToDetail(id: number) {
function getToDetail(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
router.push({
path: "/py/news/detail",
query: {
......@@ -294,10 +301,11 @@ function getToDetail(id: number) {
type2: props.type2,
title1: props.title1,
title2: props.title2,
id: id,
id: item.id,
page: route.query.page,
},
});
}
}
</script>
<style scoped>
......
src/layout/wm.vue
......@@ -10,12 +10,22 @@
class="w-full h-full object-cover object-top"
alt="banner"
/>
<div
class="absolute inset-0 bg-gradient-to-r from-blue-900/90 via-blue-900/70 to-transparent"
></div>
</div>
<div class="relative flex flex-col justify-center h-full px-12 ms-24">
<div
class="backdrop-blur-sm rounded-lg cursor-pointer flex justify-end items-end w-auto top-0 right-0"
@click="goToHome()"
>
<p class="text-white font-bold pt-3 pr-5">
主办：太原市互联网应急指挥和举报中心
</p>
</div>
<div class="relative flex-col justify-center h-full px-12 ms-24 mt-8">
<!-- 顶部区域 -->
<div class="mb-10">
<h2
......@@ -29,14 +39,6 @@
>有话说</span
>
</h2>
<div
class="max-w-2xl bg-white/0 backdrop-blur-sm p-2 rounded-lg cursor-pointer"
@click="goToHome()"
>
<p class="text-gray-100 text-sm leading-relaxed">
主办：太原市互联网应急指挥和举报中心
</p>
</div>
</div>
<p class="text-xl text-gray-200 max-w-xl mb-6">
用真诚的态度和专业的服务，构建政民互动的新平台
......
src/views/home/announcements/Announcements copy.vue deleted 100644 → 0
<!-- 代码已包含 CSS：使用 TailwindCSS , 安装 TailwindCSS 后方可看到布局样式效果 -->
<template>
<div class="min-h-screen bg-gray-50 py-5 px-0">
<div class="w-[1440px] mx-auto">
<!-- 列表区域 -->
<div class="bg-white rounded-lg shadow-sm">
<div class="divide-y divide-gray-200">
<div
v-for="item in tableData"
:key="item.id"
class="p-4 hover:bg-gray-50 transition-colors"
>
<div class="flex items-center justify-between">
<div class="flex-1 min-w-0">
<div class="flex items-center mb-1">
<h3
class="text-blue-600 hover:text-blue-800 cursor-pointer text-lg font-medium truncate mr-2"
@click="handleTitleClick(item)"
>
{{ item.contentTitle }}
</h3>
</div>
<div class="flex items-center text-sm text-gray-500">
<span class="mr-4">发布人：{{ item.contentAuthor }}</span>
<span class="mr-4">发布时间：{{ item.contentDatetime }}</span>
<span class="text-sm text-gray-500 flex items-center">
<el-icon class="mr-1"><View /></el-icon>
{{ item.contentHit }}
</span>
</div>
</div>
</div>
</div>
</div>
<!-- 分页 -->
<div class="flex justify-center mt-8">
<el-pagination
v-model:current-page="pageNo"
v-model:page-size="pageSize"
background
:total="total"
:page-sizes="[10, 20, 30, 40]"
layout="prev, pager, next"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import { Search, Refresh, View } from "@element-plus/icons-vue";
import { getNewsList } from "@/api/home/news/list";
import { useRouter, useRoute } from "vue-router";
import { baseImageUrl, rdxw, sxxw, tzgg } from "@/utils/config";
const router = useRouter();
const route = useRoute();
const searchKeyword = ref("");
const dateRange = ref([]);
const noticeType = ref("");
const pageNo = ref(1);
const pageSize = ref(10);
const total = ref(100);
const tableData = ref([]);
const handleSizeChange = (val: number) => {
pageSize.value = val;
pageNo.value = pageNo.value;
};
const handleCurrentChange = (val: number) => {
pageSize.value = pageSize.value;
pageNo.value = val;
getList(pageSize.value, pageNo.value);
};
const handleTitleClick = (row: any) => {
router.push({
// path: "/home/announcements/detail",
path: "/home/news/detail",
query: {
type: "4",
id: row.id,
tabId: route.query.id,
},
});
};
getList(pageSize.value, pageNo.value);
//获取新闻热点列表
function getList(pageSize: number, pageNo: number) {
const datas = {
contentType: tzgg,
pageSize: pageSize,
pageNo: pageNo,
};
getNewsList(datas).then((response) => {
const data = response.data;
const rowsList = data.rows;
total.value = data.total;
tableData.value = rowsList;
});
}
</script>
<style scoped>
.el-input :deep(.el-input__wrapper) {
box-shadow: 0 0 0 1px #e5e7eb inset;
}
.el-input :deep(.el-input__wrapper.is-focus) {
box-shadow: 0 0 0 1px #409eff inset;
}
.el-select :deep(.el-input__wrapper) {
box-shadow: 0 0 0 1px #e5e7eb inset;
}
.el-select :deep(.el-input__wrapper.is-focus) {
box-shadow: 0 0 0 1px #409eff inset;
}
.el-date-editor :deep(.el-range-separator) {
color: #606266;
}
</style>
src/views/home/announcements/Announcements.vue
......@@ -151,6 +151,7 @@ getTyNewsList(3, 1);
//获取太原新闻
function getTyNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: tyxw,
pageSize: pageSize,
pageNo: pageNo,
......@@ -184,6 +185,7 @@ getTzGgNewsList(5, 1);
//获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: tzgg,
pageSize: pageSize,
pageNo: pageNo,
......@@ -205,6 +207,7 @@ getList(pageSize.value, pageNo.value);
//获取新闻热点列表
function getList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: tzgg,
pageSize: pageSize,
pageNo: pageNo,
......
src/views/home/detail/NewsDetail.vue
......@@ -45,7 +45,7 @@
v-for="(item, index) in hotNews"
:key="index"
class="group cursor-pointer"
@click="itemTyClick(item.id)"
@click="itemTyClick(item)"
>
<div
v-if="item.images != null"
......@@ -78,7 +78,7 @@
v-for="(item, index) in announcements"
:key="index"
class="flex items-center space-x-2 group cursor-pointer"
@click="itemTyClick(item.id)"
@click="itemTyClick(item)"
>
<el-icon><Document /></el-icon>
<span class="text-sm group-hover:text-blue-600">{{
......@@ -144,6 +144,7 @@ getHotsNewsList(3, 1);
//获取太原新闻
function getHotsNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
categoryId: XW_RD_ID,
pageSize: pageSize,
pageNo: pageNo,
......@@ -160,8 +161,12 @@ function getHotsNewsList(pageSize: number, pageNo: number) {
});
}
function itemTyClick(id: any) {
getNewsDetails(id);
function itemTyClick(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
getNewsDetails(item.id);
}
}
getTzGgNewsList(5, 1);
......@@ -169,6 +174,7 @@ getTzGgNewsList(5, 1);
//获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
categoryId: TZ_GG_ID,
pageSize: pageSize,
pageNo: pageNo,
......
src/views/home/home/HomeView.vue
......@@ -15,7 +15,7 @@
<img
:src="slide.images"
class="w-full h-full object-cover"
@click="goToDetail(slide.id)"
@click="goToDetail(slide)"
/>
<div
class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-6"
......@@ -96,7 +96,7 @@
<div>
<h3
class="text-lg font-medium mb-2 hover:text-blue-600 text-black"
@click="goToDetail(item.id)"
@click="goToDetail(item)"
>
{{ item.contentTitle }}
</h3>
......@@ -133,7 +133,7 @@
>
<h3
class="text-base font-medium hover:text-blue-600 cursor-pointer text-black"
@click="goToDetail(hot.id)"
@click="goToDetail(hot)"
>
{{ hot.contentTitle }}
</h3>
......@@ -194,7 +194,7 @@
v-for="(item, index) in authoritativeNews"
:key="index"
class="flex items-center space-x-3 pb-3 border-b last:border-b-0"
@click="goToDetail(item.id)"
@click="goToDetail(item)"
>
<!-- <el-icon class="text-blue-600 text-xl"><Document /></el-icon> -->
<div class="flex-1">
......@@ -227,7 +227,7 @@
v-for="(item, index) in rumourNews"
:key="index"
class="flex items-start space-x-3 pb-4 border-b last:border-b-0"
@click="goToDetail(item.id)"
@click="goToDetail(item)"
>
<div class="flex-shrink-0 w-24 h-16">
<img
......@@ -336,6 +336,7 @@ getTyNewsList(5, 1);
//获取太原新闻
function getTyNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: tyxw,
pageSize: pageSize,
pageNo: pageNo,
......@@ -352,15 +353,19 @@ function getTyNewsList(pageSize: number, pageNo: number) {
});
}
function goToDetail(id: number) {
function goToDetail(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
router.push({
path: "/home/news/detail",
query: {
titlePath: "-1",
type: 0,
id: id,
id: item.id,
},
});
}
}
//太原更多
function goToTyMoreList(index: number) {
......@@ -409,6 +414,7 @@ getHotsNewsList(5, 1);
//获取新闻热点
function getHotsNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: rdxw,
pageSize: pageSize,
pageNo: pageNo,
......@@ -425,6 +431,7 @@ getQwList(4, 1);
//获取权威发布
function getQwList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: qwfb,
pageSize: pageSize,
pageNo: pageNo,
......@@ -441,6 +448,7 @@ getPyList(5, 1);
//获取辟谣专区
function getPyList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: pyzq,
pageSize: pageSize,
pageNo: pageNo,
......@@ -462,6 +470,7 @@ getLbtList(5, 1);
//获取首页轮播图
function getLbtList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: yjjblbt,
pageSize: pageSize,
pageNo: pageNo,
......@@ -508,28 +517,6 @@ const quickEntries = [
bg: "https://ai-public.mastergo.com/ai/img_res/c907287d38d89eb460120dc7cf6b2d17.jpg",
},
];
// const videoNews = [
// {
// title: "2024太原网络安全周开幕式",
// cover:
// "https://ai-public.mastergo.com/ai/img_res/c127709d932c688f0fd802b468fbeb1b.jpg",
// },
// {
// title: "太原智慧城市建设成果展示",
// cover:
// "https://ai-public.mastergo.com/ai/img_res/04b4d2ca1d91d73dac6a0f4316b13165.jpg",
// },
// ];
// const friendLinks = [
// { name: "太原市人民政府", url: "https://www.taiyuan.gov.cn" },
// { name: "山西省网信办", url: "http://www.casx.gov.cn" },
// { name: "太原日报", url: "http://www.tynews.com.cn" },
// { name: "山西新闻网", url: "https://www.sxgov.cn" },
// { name: "太原广播电视台", url: "https://www.sxtygdy.com" },
// { name: "太原市公安局", url: "https://gaj.taiyuan.gov.cn" },
// ];
</script>
<style scoped>
.swiper {
......
src/views/home/hotnews/News.vue
......@@ -11,7 +11,7 @@
v-for="(news, index) in newsList"
:key="index"
class="group p-4 flex items-start border-b border-gray-100 hover:bg-gray-50 transition-colors cursor-pointer"
@click="getToDetail(news.id)"
@click="getToDetail(news)"
>
<div class="w-32 h-32 flex-shrink-0 overflow-hidden rounded-lg">
<el-image
......@@ -91,7 +91,7 @@
v-for="(item, index) in tyNews"
:key="index"
class="group cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<div class="h-32 mb-2 overflow-hidden rounded-lg">
<!-- <el-image
......@@ -125,7 +125,7 @@
v-for="(item, index) in announcements"
:key="index"
class="flex items-center space-x-2 group cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<el-tag size="small" :type="item.type">公告 </el-tag>
<span
......@@ -227,6 +227,7 @@ getList(pageSize.value, pageNo.value);
function getList(pageSize: number, pageNo: number) {
// newsList.value = [];
const datas = {
contentDisplay: "0",
contentType: rdxw,
pageSize: pageSize,
pageNo: pageNo,
......@@ -246,16 +247,20 @@ function getList(pageSize: number, pageNo: number) {
});
}
function getToDetail(id: number) {
function getToDetail(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
router.push({
path: "/home/news/detail",
query: {
title: "热点新闻",
titlePath: "/home/news",
type: 1,
id: id,
id: item.id,
},
});
}
}
</script>
<style scoped>
......
src/views/home/search/SearchList.vue
......@@ -11,7 +11,7 @@
v-for="(news, index) in newsList"
:key="index"
class="group p-4 flex items-start border-b border-gray-100 hover:bg-gray-50 transition-colors cursor-pointer"
@click="getToDetail(news.id)"
@click="getToDetail(news)"
>
<div class="w-32 h-32 flex-shrink-0 overflow-hidden rounded-lg">
<el-image
......@@ -90,7 +90,7 @@
v-for="(item, index) in tyNews"
:key="index"
class="group cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<div class="h-32 mb-2 overflow-hidden rounded-lg">
<!-- <el-image
......@@ -123,7 +123,7 @@
v-for="(item, index) in announcements"
:key="index"
class="flex items-center space-x-2 group cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<el-tag size="small" :type="item.type">公告 </el-tag>
<span
......@@ -185,6 +185,7 @@ getTyNewsList(3, 1);
//获取太原新闻
function getTyNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: tyxw,
pageSize: pageSize,
pageNo: pageNo,
......@@ -206,6 +207,7 @@ getTzGgNewsList(5, 1);
//获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: tzgg,
pageSize: pageSize,
pageNo: pageNo,
......@@ -237,6 +239,7 @@ getList(searchQuery, pageSize.value, pageNo.value);
//获取新闻热点列表
function getList(searchQuery: any, pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentTitle: searchQuery,
pageSize: pageSize,
pageNo: pageNo,
......@@ -256,7 +259,10 @@ function getList(searchQuery: any, pageSize: number, pageNo: number) {
});
}
function getToDetail(id: number) {
function getToDetail(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
router.push({
path: "/home/news/detail",
query: {
......@@ -264,9 +270,10 @@ function getToDetail(id: number) {
titlePath: "/home/search",
contentTitle: route.query.searchQuery,
type: 1,
id: id,
id: item.id,
},
});
}
}
</script>
<style scoped>
......
src/views/home/sxnews/ShanxiNews.vue
......@@ -11,7 +11,7 @@
v-for="(news, index) in newsList"
:key="index"
class="group p-4 flex items-start border-b border-gray-100 hover:bg-gray-50 transition-colors cursor-pointer"
@click="getToDetail(news.id)"
@click="getToDetail(news)"
>
<div class="w-32 h-32 flex-shrink-0 overflow-hidden rounded-lg">
<el-image
......@@ -82,7 +82,7 @@
v-for="(item, index) in hotNews"
:key="index"
class="group cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<div
class="text-sm font-medium group-hover:text-blue-600 line-clamp-2 text-black"
......@@ -107,7 +107,7 @@
v-for="(item, index) in announcements"
:key="index"
class="flex items-center space-x-2 group cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<el-tag size="small" :type="item.type">公告</el-tag>
<span
......@@ -168,6 +168,7 @@ getHotsNewsList(3, 1);
//获取太原新闻
function getHotsNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: rdxw,
pageSize: pageSize,
pageNo: pageNo,
......@@ -184,6 +185,7 @@ getTzGgNewsList(5, 1);
//获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: tzgg,
pageSize: pageSize,
pageNo: pageNo,
......@@ -206,6 +208,7 @@ getList(pageSize.value, pageNo.value);
function getList(pageSize: number, pageNo: number) {
// newsList.value = [];
const datas = {
contentDisplay: "0",
contentType: sxxw,
pageSize: pageSize,
pageNo: pageNo,
......@@ -225,16 +228,20 @@ function getList(pageSize: number, pageNo: number) {
});
}
function getToDetail(id: number, contentDetails: string) {
function getToDetail(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
router.push({
path: "/home/news/detail",
query: {
title: "山西新闻",
titlePath: "/home/sxnews",
type: 3,
id: id,
id: item.id,
},
});
}
}
</script>
<style scoped>
......
src/views/home/tynews/TaiyuanNews.vue
......@@ -11,7 +11,7 @@
v-for="(news, index) in newsList"
:key="index"
class="group p-4 flex items-start border-b border-gray-100 hover:bg-gray-50 transition-colors cursor-pointer"
@click="getToDetail(news.id)"
@click="getToDetail(news)"
>
<div class="w-32 h-32 flex-shrink-0 overflow-hidden rounded-lg">
<el-image
......@@ -82,7 +82,7 @@
v-for="(item, index) in hotNews"
:key="index"
class="group cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<div
class="text-sm font-medium group-hover:text-blue-600 line-clamp-2 text-black"
......@@ -107,7 +107,7 @@
v-for="(item, index) in announcements"
:key="index"
class="flex items-center space-x-2 group cursor-pointer"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<el-tag size="small" :type="item.type">公告</el-tag>
<span
......@@ -168,6 +168,7 @@ getHotsNewsList(3, 1);
//获取太原新闻
function getHotsNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: rdxw,
pageSize: pageSize,
pageNo: pageNo,
......@@ -184,6 +185,7 @@ getTzGgNewsList(5, 1);
//获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: tzgg,
pageSize: pageSize,
pageNo: pageNo,
......@@ -206,6 +208,7 @@ getList(pageSize.value, pageNo.value);
function getList(pageSize: number, pageNo: number) {
// newsList.value = [];
const datas = {
contentDisplay: "0",
contentType: tyxw,
pageSize: pageSize,
pageNo: pageNo,
......@@ -225,16 +228,20 @@ function getList(pageSize: number, pageNo: number) {
});
}
function getToDetail(id: number) {
function getToDetail(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
router.push({
path: "/home/news/detail",
query: {
title: "太原新闻",
titlePath: "/home/tynews",
type: 2,
id: id,
id: item.id,
},
});
}
}
</script>
<style scoped>
......
src/views/py/detail/NewsDetail.vue
......@@ -45,7 +45,7 @@
v-for="(item, index) in list1"
:key="index"
class="group cursor-pointer"
@click="goToDetail(item.id)"
@click="goToDetail(item)"
>
<div
v-if="item.images != null"
......@@ -78,7 +78,7 @@
v-for="(item, index) in list2"
:key="index"
class="flex items-center space-x-2 group cursor-pointer"
@click="goToDetail(item.id)"
@click="goToDetail(item)"
>
<el-icon><Document /></el-icon>
<span class="text-sm group-hover:text-blue-600">{{
......@@ -134,6 +134,7 @@ getList2(5, 1);
function getList1(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: route.query.type1,
pageSize: pageSize,
pageNo: pageNo,
......@@ -150,13 +151,18 @@ function getList1(pageSize: number, pageNo: number) {
});
}
function goToDetail(id: number) {
getNewsDetails(id);
function goToDetail(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
getNewsDetails(item.id);
}
}
//获取通知公告
function getList2(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: route.query.type2,
pageSize: pageSize,
pageNo: pageNo,
......
src/views/py/home/PyHome.vue
......@@ -25,7 +25,7 @@
:src="slide.images"
fit="cover"
class="w-full h-full object-cover"
@click="getToDetail(slide.id)"
@click="getToDetail(slide)"
/>
<!-- 使用 el-image 组件显示图片，并设置图片填充方式为覆盖 -->
</swiper-slide>
......@@ -88,7 +88,7 @@
<el-link
:underline="false"
class="text-gray-700 hover:text-primary truncate"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>{{ item.contentTitle }}</el-link
>
</li>
......@@ -116,7 +116,7 @@
<swiper-slide v-for="(item, index) in list2" :key="index">
<el-card
class="h-full hover:shadow-lg transition-shadow"
@click="getToDetail(item.id)"
@click="getToDetail(item)"
>
<img :src="item.images" class="w-full h-full object-cover" />
......@@ -265,6 +265,7 @@ getList3(5, 1); //轮播图
//获取专家解读、辟谣专区、法律法规
function getList(value: string, pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: value,
pageSize: pageSize,
pageNo: pageNo,
......@@ -287,6 +288,7 @@ function getList(value: string, pageSize: number, pageNo: number) {
//获取读图识谣
function getList2(value: string, pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: value,
pageSize: pageSize,
pageNo: pageNo,
......@@ -306,6 +308,7 @@ function getList2(value: string, pageSize: number, pageNo: number) {
//获取首页轮播图
function getList3(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: lhpylbt,
pageSize: pageSize,
pageNo: pageNo,
......@@ -322,7 +325,10 @@ function getList3(pageSize: number, pageNo: number) {
});
}
function getToDetail(id: number) {
function getToDetail(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
router.push({
path: "/py/news/detail",
query: {
......@@ -331,9 +337,10 @@ function getToDetail(id: number) {
type2: zjjd,
title1: "辟谣专区",
title2: "专家解读",
id: id,
id: item.id,
},
});
}
}
</script>
<style scoped>
......
src/views/py/reading/Reading.vue
......@@ -11,7 +11,7 @@
v-for="(card, index) in newsList"
:key="index"
class="bg-white rounded-lg shadow-lg p-6 transition-transform hover:scale-105"
@click="getToDetail(card.id)"
@click="getToDetail(card)"
>
<div class="h-48 w-full mb-4 overflow-hidden rounded-lg">
<img
......@@ -77,6 +77,7 @@ getList(10, 1);
//获取专家解读
function getList(pageSize: number, pageNo: number) {
const datas = {
contentDisplay: "0",
contentType: dtsy,
pageSize: pageSize,
pageNo: pageNo,
......@@ -92,7 +93,10 @@ function getList(pageSize: number, pageNo: number) {
newsList.value = rowsList;
});
}
function getToDetail(id: number) {
function getToDetail(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
router.push({
path: "/py/news/detail",
query: {
......@@ -102,9 +106,10 @@ function getToDetail(id: number) {
title2: "专家解读",
type1: "pyzq",
type2: "zjjd",
id: id,
id: item.id,
},
});
}
}
</script>
<style scoped></style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment