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); ...@@ -175,6 +175,7 @@ getTyNewsList(3, 1);
//获取太原新闻 //获取太原新闻
function getTyNewsList(pageSize: number, pageNo: number) { function getTyNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: tyxw, contentType: tyxw,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -196,6 +197,7 @@ getTzGgNewsList(5, 1); ...@@ -196,6 +197,7 @@ getTzGgNewsList(5, 1);
//获取通知公告 //获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) { function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: tzgg, contentType: tzgg,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -218,6 +220,7 @@ getList(pageSize.value, pageNo.value); ...@@ -218,6 +220,7 @@ getList(pageSize.value, pageNo.value);
function getList(pageSize: number, pageNo: number) { function getList(pageSize: number, pageNo: number) {
// newsList.value = []; // newsList.value = [];
const datas = { const datas = {
contentDisplay: "0",
contentType: rdxw, contentType: rdxw,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -237,14 +240,18 @@ function getList(pageSize: number, pageNo: number) { ...@@ -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({ router.push({
path: "/home/news/detail", path: "/home/news/detail",
query: { query: {
type: 1, type: 1,
id: id, id: item.id,
}, },
}); });
}
} }
</script> </script>
<style scoped> <style scoped>
......
src/components/py/NewsList.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
v-for="(item, index) in list" v-for="(item, index) in list"
:key="index" :key="index"
class="group p-4 flex items-start border-b border-gray-100 hover:bg-gray-50 transition-colors cursor-pointer" 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 <div
v-if="item.images != null" v-if="item.images != null"
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
v-for="(item, index) in list1" v-for="(item, index) in list1"
:key="index" :key="index"
class="group cursor-pointer" class="group cursor-pointer"
@click="getToDetail(item.id)" @click="getToDetail(item)"
> >
<div <div
class="text-sm font-medium group-hover:text-blue-600 line-clamp-2 text-black" class="text-sm font-medium group-hover:text-blue-600 line-clamp-2 text-black"
...@@ -104,7 +104,7 @@ ...@@ -104,7 +104,7 @@
v-for="(item, index) in list2" v-for="(item, index) in list2"
:key="index" :key="index"
class="group cursor-pointer" class="group cursor-pointer"
@click="getToDetail(item.id)" @click="getToDetail(item)"
> >
<div <div
v-if="item.images != null" v-if="item.images != null"
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
v-for="(item, index) in list3" v-for="(item, index) in list3"
:key="index" :key="index"
class="group cursor-pointer" class="group cursor-pointer"
@click="getToDetail(item.id)" @click="getToDetail(item)"
> >
<div class="h-32 mb-2 overflow-hidden rounded-lg"> <div class="h-32 mb-2 overflow-hidden rounded-lg">
<img :src="item.images" class="w-full h-full object-cover" /> <img :src="item.images" class="w-full h-full object-cover" />
...@@ -211,6 +211,7 @@ getList3(); ...@@ -211,6 +211,7 @@ getList3();
//获取主列表 //获取主列表
function getList(pageSize: number, pageNo: number) { function getList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: props.type0, contentType: props.type0,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -230,6 +231,7 @@ function getList(pageSize: number, pageNo: number) { ...@@ -230,6 +231,7 @@ function getList(pageSize: number, pageNo: number) {
//获取测边列表 1 //获取测边列表 1
function getList1() { function getList1() {
const datas = { const datas = {
contentDisplay: "0",
contentType: props.type1, contentType: props.type1,
pageSize: 5, pageSize: 5,
pageNo: 1, pageNo: 1,
...@@ -249,6 +251,7 @@ function getList1() { ...@@ -249,6 +251,7 @@ function getList1() {
//获取测边列表 2 //获取测边列表 2
function getList2() { function getList2() {
const datas = { const datas = {
contentDisplay: "0",
contentType: props.type2, contentType: props.type2,
pageSize: 2, pageSize: 2,
pageNo: 1, pageNo: 1,
...@@ -268,6 +271,7 @@ function getList2() { ...@@ -268,6 +271,7 @@ function getList2() {
//获取测边列表 3 //获取测边列表 3
function getList3() { function getList3() {
const datas = { const datas = {
contentDisplay: "0",
contentType: props.type3, contentType: props.type3,
pageSize: 2, pageSize: 2,
pageNo: 1, pageNo: 1,
...@@ -284,7 +288,10 @@ function getList3() { ...@@ -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({ router.push({
path: "/py/news/detail", path: "/py/news/detail",
query: { query: {
...@@ -294,10 +301,11 @@ function getToDetail(id: number) { ...@@ -294,10 +301,11 @@ function getToDetail(id: number) {
type2: props.type2, type2: props.type2,
title1: props.title1, title1: props.title1,
title2: props.title2, title2: props.title2,
id: id, id: item.id,
page: route.query.page, page: route.query.page,
}, },
}); });
}
} }
</script> </script>
<style scoped> <style scoped>
......
src/layout/wm.vue
...@@ -10,12 +10,22 @@ ...@@ -10,12 +10,22 @@
class="w-full h-full object-cover object-top" class="w-full h-full object-cover object-top"
alt="banner" alt="banner"
/> />
<div <div
class="absolute inset-0 bg-gradient-to-r from-blue-900/90 via-blue-900/70 to-transparent" class="absolute inset-0 bg-gradient-to-r from-blue-900/90 via-blue-900/70 to-transparent"
></div> ></div>
</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"> <div class="mb-10">
<h2 <h2
...@@ -29,14 +39,6 @@ ...@@ -29,14 +39,6 @@
>有话说</span >有话说</span
> >
</h2> </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> </div>
<p class="text-xl text-gray-200 max-w-xl mb-6"> <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); ...@@ -151,6 +151,7 @@ getTyNewsList(3, 1);
//获取太原新闻 //获取太原新闻
function getTyNewsList(pageSize: number, pageNo: number) { function getTyNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: tyxw, contentType: tyxw,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -184,6 +185,7 @@ getTzGgNewsList(5, 1); ...@@ -184,6 +185,7 @@ getTzGgNewsList(5, 1);
//获取通知公告 //获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) { function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: tzgg, contentType: tzgg,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -205,6 +207,7 @@ getList(pageSize.value, pageNo.value); ...@@ -205,6 +207,7 @@ getList(pageSize.value, pageNo.value);
//获取新闻热点列表 //获取新闻热点列表
function getList(pageSize: number, pageNo: number) { function getList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: tzgg, contentType: tzgg,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
......
src/views/home/detail/NewsDetail.vue
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
v-for="(item, index) in hotNews" v-for="(item, index) in hotNews"
:key="index" :key="index"
class="group cursor-pointer" class="group cursor-pointer"
@click="itemTyClick(item.id)" @click="itemTyClick(item)"
> >
<div <div
v-if="item.images != null" v-if="item.images != null"
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
v-for="(item, index) in announcements" v-for="(item, index) in announcements"
:key="index" :key="index"
class="flex items-center space-x-2 group cursor-pointer" class="flex items-center space-x-2 group cursor-pointer"
@click="itemTyClick(item.id)" @click="itemTyClick(item)"
> >
<el-icon><Document /></el-icon> <el-icon><Document /></el-icon>
<span class="text-sm group-hover:text-blue-600">{{ <span class="text-sm group-hover:text-blue-600">{{
...@@ -144,6 +144,7 @@ getHotsNewsList(3, 1); ...@@ -144,6 +144,7 @@ getHotsNewsList(3, 1);
//获取太原新闻 //获取太原新闻
function getHotsNewsList(pageSize: number, pageNo: number) { function getHotsNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
categoryId: XW_RD_ID, categoryId: XW_RD_ID,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -160,8 +161,12 @@ function getHotsNewsList(pageSize: number, pageNo: number) { ...@@ -160,8 +161,12 @@ function getHotsNewsList(pageSize: number, pageNo: number) {
}); });
} }
function itemTyClick(id: any) { function itemTyClick(item: any) {
getNewsDetails(id); if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
getNewsDetails(item.id);
}
} }
getTzGgNewsList(5, 1); getTzGgNewsList(5, 1);
...@@ -169,6 +174,7 @@ getTzGgNewsList(5, 1); ...@@ -169,6 +174,7 @@ getTzGgNewsList(5, 1);
//获取通知公告 //获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) { function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
categoryId: TZ_GG_ID, categoryId: TZ_GG_ID,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
......
src/views/home/home/HomeView.vue
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<img <img
:src="slide.images" :src="slide.images"
class="w-full h-full object-cover" class="w-full h-full object-cover"
@click="goToDetail(slide.id)" @click="goToDetail(slide)"
/> />
<div <div
class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-6" class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-6"
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
<div> <div>
<h3 <h3
class="text-lg font-medium mb-2 hover:text-blue-600 text-black" class="text-lg font-medium mb-2 hover:text-blue-600 text-black"
@click="goToDetail(item.id)" @click="goToDetail(item)"
> >
{{ item.contentTitle }} {{ item.contentTitle }}
</h3> </h3>
...@@ -133,7 +133,7 @@ ...@@ -133,7 +133,7 @@
> >
<h3 <h3
class="text-base font-medium hover:text-blue-600 cursor-pointer text-black" class="text-base font-medium hover:text-blue-600 cursor-pointer text-black"
@click="goToDetail(hot.id)" @click="goToDetail(hot)"
> >
{{ hot.contentTitle }} {{ hot.contentTitle }}
</h3> </h3>
...@@ -194,7 +194,7 @@ ...@@ -194,7 +194,7 @@
v-for="(item, index) in authoritativeNews" v-for="(item, index) in authoritativeNews"
:key="index" :key="index"
class="flex items-center space-x-3 pb-3 border-b last:border-b-0" 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> --> <!-- <el-icon class="text-blue-600 text-xl"><Document /></el-icon> -->
<div class="flex-1"> <div class="flex-1">
...@@ -227,7 +227,7 @@ ...@@ -227,7 +227,7 @@
v-for="(item, index) in rumourNews" v-for="(item, index) in rumourNews"
:key="index" :key="index"
class="flex items-start space-x-3 pb-4 border-b last:border-b-0" 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"> <div class="flex-shrink-0 w-24 h-16">
<img <img
...@@ -336,6 +336,7 @@ getTyNewsList(5, 1); ...@@ -336,6 +336,7 @@ getTyNewsList(5, 1);
//获取太原新闻 //获取太原新闻
function getTyNewsList(pageSize: number, pageNo: number) { function getTyNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: tyxw, contentType: tyxw,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -352,15 +353,19 @@ function getTyNewsList(pageSize: number, pageNo: number) { ...@@ -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({ router.push({
path: "/home/news/detail", path: "/home/news/detail",
query: { query: {
titlePath: "-1", titlePath: "-1",
type: 0, type: 0,
id: id, id: item.id,
}, },
}); });
}
} }
//太原更多 //太原更多
function goToTyMoreList(index: number) { function goToTyMoreList(index: number) {
...@@ -409,6 +414,7 @@ getHotsNewsList(5, 1); ...@@ -409,6 +414,7 @@ getHotsNewsList(5, 1);
//获取新闻热点 //获取新闻热点
function getHotsNewsList(pageSize: number, pageNo: number) { function getHotsNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: rdxw, contentType: rdxw,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -425,6 +431,7 @@ getQwList(4, 1); ...@@ -425,6 +431,7 @@ getQwList(4, 1);
//获取权威发布 //获取权威发布
function getQwList(pageSize: number, pageNo: number) { function getQwList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: qwfb, contentType: qwfb,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -441,6 +448,7 @@ getPyList(5, 1); ...@@ -441,6 +448,7 @@ getPyList(5, 1);
//获取辟谣专区 //获取辟谣专区
function getPyList(pageSize: number, pageNo: number) { function getPyList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: pyzq, contentType: pyzq,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -462,6 +470,7 @@ getLbtList(5, 1); ...@@ -462,6 +470,7 @@ getLbtList(5, 1);
//获取首页轮播图 //获取首页轮播图
function getLbtList(pageSize: number, pageNo: number) { function getLbtList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: yjjblbt, contentType: yjjblbt,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -508,28 +517,6 @@ const quickEntries = [ ...@@ -508,28 +517,6 @@ const quickEntries = [
bg: "https://ai-public.mastergo.com/ai/img_res/c907287d38d89eb460120dc7cf6b2d17.jpg", 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> </script>
<style scoped> <style scoped>
.swiper { .swiper {
......
src/views/home/hotnews/News.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
v-for="(news, index) in newsList" v-for="(news, index) in newsList"
:key="index" :key="index"
class="group p-4 flex items-start border-b border-gray-100 hover:bg-gray-50 transition-colors cursor-pointer" 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"> <div class="w-32 h-32 flex-shrink-0 overflow-hidden rounded-lg">
<el-image <el-image
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
v-for="(item, index) in tyNews" v-for="(item, index) in tyNews"
:key="index" :key="index"
class="group cursor-pointer" class="group cursor-pointer"
@click="getToDetail(item.id)" @click="getToDetail(item)"
> >
<div class="h-32 mb-2 overflow-hidden rounded-lg"> <div class="h-32 mb-2 overflow-hidden rounded-lg">
<!-- <el-image <!-- <el-image
...@@ -125,7 +125,7 @@ ...@@ -125,7 +125,7 @@
v-for="(item, index) in announcements" v-for="(item, index) in announcements"
:key="index" :key="index"
class="flex items-center space-x-2 group cursor-pointer" 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> <el-tag size="small" :type="item.type">公告 </el-tag>
<span <span
...@@ -227,6 +227,7 @@ getList(pageSize.value, pageNo.value); ...@@ -227,6 +227,7 @@ getList(pageSize.value, pageNo.value);
function getList(pageSize: number, pageNo: number) { function getList(pageSize: number, pageNo: number) {
// newsList.value = []; // newsList.value = [];
const datas = { const datas = {
contentDisplay: "0",
contentType: rdxw, contentType: rdxw,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -246,16 +247,20 @@ function getList(pageSize: number, pageNo: number) { ...@@ -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({ router.push({
path: "/home/news/detail", path: "/home/news/detail",
query: { query: {
title: "热点新闻", title: "热点新闻",
titlePath: "/home/news", titlePath: "/home/news",
type: 1, type: 1,
id: id, id: item.id,
}, },
}); });
}
} }
</script> </script>
<style scoped> <style scoped>
......
src/views/home/search/SearchList.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
v-for="(news, index) in newsList" v-for="(news, index) in newsList"
:key="index" :key="index"
class="group p-4 flex items-start border-b border-gray-100 hover:bg-gray-50 transition-colors cursor-pointer" 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"> <div class="w-32 h-32 flex-shrink-0 overflow-hidden rounded-lg">
<el-image <el-image
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
v-for="(item, index) in tyNews" v-for="(item, index) in tyNews"
:key="index" :key="index"
class="group cursor-pointer" class="group cursor-pointer"
@click="getToDetail(item.id)" @click="getToDetail(item)"
> >
<div class="h-32 mb-2 overflow-hidden rounded-lg"> <div class="h-32 mb-2 overflow-hidden rounded-lg">
<!-- <el-image <!-- <el-image
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
v-for="(item, index) in announcements" v-for="(item, index) in announcements"
:key="index" :key="index"
class="flex items-center space-x-2 group cursor-pointer" 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> <el-tag size="small" :type="item.type">公告 </el-tag>
<span <span
...@@ -185,6 +185,7 @@ getTyNewsList(3, 1); ...@@ -185,6 +185,7 @@ getTyNewsList(3, 1);
//获取太原新闻 //获取太原新闻
function getTyNewsList(pageSize: number, pageNo: number) { function getTyNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: tyxw, contentType: tyxw,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -206,6 +207,7 @@ getTzGgNewsList(5, 1); ...@@ -206,6 +207,7 @@ getTzGgNewsList(5, 1);
//获取通知公告 //获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) { function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: tzgg, contentType: tzgg,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -237,6 +239,7 @@ getList(searchQuery, pageSize.value, pageNo.value); ...@@ -237,6 +239,7 @@ getList(searchQuery, pageSize.value, pageNo.value);
//获取新闻热点列表 //获取新闻热点列表
function getList(searchQuery: any, pageSize: number, pageNo: number) { function getList(searchQuery: any, pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentTitle: searchQuery, contentTitle: searchQuery,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -256,7 +259,10 @@ function getList(searchQuery: any, pageSize: number, pageNo: number) { ...@@ -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({ router.push({
path: "/home/news/detail", path: "/home/news/detail",
query: { query: {
...@@ -264,9 +270,10 @@ function getToDetail(id: number) { ...@@ -264,9 +270,10 @@ function getToDetail(id: number) {
titlePath: "/home/search", titlePath: "/home/search",
contentTitle: route.query.searchQuery, contentTitle: route.query.searchQuery,
type: 1, type: 1,
id: id, id: item.id,
}, },
}); });
}
} }
</script> </script>
<style scoped> <style scoped>
......
src/views/home/sxnews/ShanxiNews.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
v-for="(news, index) in newsList" v-for="(news, index) in newsList"
:key="index" :key="index"
class="group p-4 flex items-start border-b border-gray-100 hover:bg-gray-50 transition-colors cursor-pointer" 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"> <div class="w-32 h-32 flex-shrink-0 overflow-hidden rounded-lg">
<el-image <el-image
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
v-for="(item, index) in hotNews" v-for="(item, index) in hotNews"
:key="index" :key="index"
class="group cursor-pointer" class="group cursor-pointer"
@click="getToDetail(item.id)" @click="getToDetail(item)"
> >
<div <div
class="text-sm font-medium group-hover:text-blue-600 line-clamp-2 text-black" class="text-sm font-medium group-hover:text-blue-600 line-clamp-2 text-black"
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
v-for="(item, index) in announcements" v-for="(item, index) in announcements"
:key="index" :key="index"
class="flex items-center space-x-2 group cursor-pointer" 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> <el-tag size="small" :type="item.type">公告</el-tag>
<span <span
...@@ -168,6 +168,7 @@ getHotsNewsList(3, 1); ...@@ -168,6 +168,7 @@ getHotsNewsList(3, 1);
//获取太原新闻 //获取太原新闻
function getHotsNewsList(pageSize: number, pageNo: number) { function getHotsNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: rdxw, contentType: rdxw,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -184,6 +185,7 @@ getTzGgNewsList(5, 1); ...@@ -184,6 +185,7 @@ getTzGgNewsList(5, 1);
//获取通知公告 //获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) { function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: tzgg, contentType: tzgg,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -206,6 +208,7 @@ getList(pageSize.value, pageNo.value); ...@@ -206,6 +208,7 @@ getList(pageSize.value, pageNo.value);
function getList(pageSize: number, pageNo: number) { function getList(pageSize: number, pageNo: number) {
// newsList.value = []; // newsList.value = [];
const datas = { const datas = {
contentDisplay: "0",
contentType: sxxw, contentType: sxxw,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -225,16 +228,20 @@ function getList(pageSize: number, pageNo: number) { ...@@ -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({ router.push({
path: "/home/news/detail", path: "/home/news/detail",
query: { query: {
title: "山西新闻", title: "山西新闻",
titlePath: "/home/sxnews", titlePath: "/home/sxnews",
type: 3, type: 3,
id: id, id: item.id,
}, },
}); });
}
} }
</script> </script>
<style scoped> <style scoped>
......
src/views/home/tynews/TaiyuanNews.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
v-for="(news, index) in newsList" v-for="(news, index) in newsList"
:key="index" :key="index"
class="group p-4 flex items-start border-b border-gray-100 hover:bg-gray-50 transition-colors cursor-pointer" 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"> <div class="w-32 h-32 flex-shrink-0 overflow-hidden rounded-lg">
<el-image <el-image
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
v-for="(item, index) in hotNews" v-for="(item, index) in hotNews"
:key="index" :key="index"
class="group cursor-pointer" class="group cursor-pointer"
@click="getToDetail(item.id)" @click="getToDetail(item)"
> >
<div <div
class="text-sm font-medium group-hover:text-blue-600 line-clamp-2 text-black" class="text-sm font-medium group-hover:text-blue-600 line-clamp-2 text-black"
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
v-for="(item, index) in announcements" v-for="(item, index) in announcements"
:key="index" :key="index"
class="flex items-center space-x-2 group cursor-pointer" 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> <el-tag size="small" :type="item.type">公告</el-tag>
<span <span
...@@ -168,6 +168,7 @@ getHotsNewsList(3, 1); ...@@ -168,6 +168,7 @@ getHotsNewsList(3, 1);
//获取太原新闻 //获取太原新闻
function getHotsNewsList(pageSize: number, pageNo: number) { function getHotsNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: rdxw, contentType: rdxw,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -184,6 +185,7 @@ getTzGgNewsList(5, 1); ...@@ -184,6 +185,7 @@ getTzGgNewsList(5, 1);
//获取通知公告 //获取通知公告
function getTzGgNewsList(pageSize: number, pageNo: number) { function getTzGgNewsList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: tzgg, contentType: tzgg,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -206,6 +208,7 @@ getList(pageSize.value, pageNo.value); ...@@ -206,6 +208,7 @@ getList(pageSize.value, pageNo.value);
function getList(pageSize: number, pageNo: number) { function getList(pageSize: number, pageNo: number) {
// newsList.value = []; // newsList.value = [];
const datas = { const datas = {
contentDisplay: "0",
contentType: tyxw, contentType: tyxw,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -225,16 +228,20 @@ function getList(pageSize: number, pageNo: number) { ...@@ -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({ router.push({
path: "/home/news/detail", path: "/home/news/detail",
query: { query: {
title: "太原新闻", title: "太原新闻",
titlePath: "/home/tynews", titlePath: "/home/tynews",
type: 2, type: 2,
id: id, id: item.id,
}, },
}); });
}
} }
</script> </script>
<style scoped> <style scoped>
......
src/views/py/detail/NewsDetail.vue
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
v-for="(item, index) in list1" v-for="(item, index) in list1"
:key="index" :key="index"
class="group cursor-pointer" class="group cursor-pointer"
@click="goToDetail(item.id)" @click="goToDetail(item)"
> >
<div <div
v-if="item.images != null" v-if="item.images != null"
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
v-for="(item, index) in list2" v-for="(item, index) in list2"
:key="index" :key="index"
class="flex items-center space-x-2 group cursor-pointer" class="flex items-center space-x-2 group cursor-pointer"
@click="goToDetail(item.id)" @click="goToDetail(item)"
> >
<el-icon><Document /></el-icon> <el-icon><Document /></el-icon>
<span class="text-sm group-hover:text-blue-600">{{ <span class="text-sm group-hover:text-blue-600">{{
...@@ -134,6 +134,7 @@ getList2(5, 1); ...@@ -134,6 +134,7 @@ getList2(5, 1);
function getList1(pageSize: number, pageNo: number) { function getList1(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: route.query.type1, contentType: route.query.type1,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -150,13 +151,18 @@ function getList1(pageSize: number, pageNo: number) { ...@@ -150,13 +151,18 @@ function getList1(pageSize: number, pageNo: number) {
}); });
} }
function goToDetail(id: number) { function goToDetail(item: any) {
getNewsDetails(id); if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
getNewsDetails(item.id);
}
} }
//获取通知公告 //获取通知公告
function getList2(pageSize: number, pageNo: number) { function getList2(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: route.query.type2, contentType: route.query.type2,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
......
src/views/py/home/PyHome.vue
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
:src="slide.images" :src="slide.images"
fit="cover" fit="cover"
class="w-full h-full object-cover" class="w-full h-full object-cover"
@click="getToDetail(slide.id)" @click="getToDetail(slide)"
/> />
<!-- 使用 el-image 组件显示图片，并设置图片填充方式为覆盖 --> <!-- 使用 el-image 组件显示图片，并设置图片填充方式为覆盖 -->
</swiper-slide> </swiper-slide>
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
<el-link <el-link
:underline="false" :underline="false"
class="text-gray-700 hover:text-primary truncate" class="text-gray-700 hover:text-primary truncate"
@click="getToDetail(item.id)" @click="getToDetail(item)"
>{{ item.contentTitle }}</el-link >{{ item.contentTitle }}</el-link
> >
</li> </li>
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
<swiper-slide v-for="(item, index) in list2" :key="index"> <swiper-slide v-for="(item, index) in list2" :key="index">
<el-card <el-card
class="h-full hover:shadow-lg transition-shadow" 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" /> <img :src="item.images" class="w-full h-full object-cover" />
...@@ -265,6 +265,7 @@ getList3(5, 1); //轮播图 ...@@ -265,6 +265,7 @@ getList3(5, 1); //轮播图
//获取专家解读、辟谣专区、法律法规 //获取专家解读、辟谣专区、法律法规
function getList(value: string, pageSize: number, pageNo: number) { function getList(value: string, pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: value, contentType: value,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -287,6 +288,7 @@ function getList(value: string, pageSize: number, pageNo: number) { ...@@ -287,6 +288,7 @@ function getList(value: string, pageSize: number, pageNo: number) {
//获取读图识谣 //获取读图识谣
function getList2(value: string, pageSize: number, pageNo: number) { function getList2(value: string, pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: value, contentType: value,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -306,6 +308,7 @@ function getList2(value: string, pageSize: number, pageNo: number) { ...@@ -306,6 +308,7 @@ function getList2(value: string, pageSize: number, pageNo: number) {
//获取首页轮播图 //获取首页轮播图
function getList3(pageSize: number, pageNo: number) { function getList3(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: lhpylbt, contentType: lhpylbt,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -322,7 +325,10 @@ function getList3(pageSize: number, pageNo: number) { ...@@ -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({ router.push({
path: "/py/news/detail", path: "/py/news/detail",
query: { query: {
...@@ -331,9 +337,10 @@ function getToDetail(id: number) { ...@@ -331,9 +337,10 @@ function getToDetail(id: number) {
type2: zjjd, type2: zjjd,
title1: "辟谣专区", title1: "辟谣专区",
title2: "专家解读", title2: "专家解读",
id: id, id: item.id,
}, },
}); });
}
} }
</script> </script>
<style scoped> <style scoped>
......
src/views/py/reading/Reading.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
v-for="(card, index) in newsList" v-for="(card, index) in newsList"
:key="index" :key="index"
class="bg-white rounded-lg shadow-lg p-6 transition-transform hover:scale-105" 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"> <div class="h-48 w-full mb-4 overflow-hidden rounded-lg">
<img <img
...@@ -77,6 +77,7 @@ getList(10, 1); ...@@ -77,6 +77,7 @@ getList(10, 1);
//获取专家解读 //获取专家解读
function getList(pageSize: number, pageNo: number) { function getList(pageSize: number, pageNo: number) {
const datas = { const datas = {
contentDisplay: "0",
contentType: dtsy, contentType: dtsy,
pageSize: pageSize, pageSize: pageSize,
pageNo: pageNo, pageNo: pageNo,
...@@ -92,7 +93,10 @@ function getList(pageSize: number, pageNo: number) { ...@@ -92,7 +93,10 @@ function getList(pageSize: number, pageNo: number) {
newsList.value = rowsList; newsList.value = rowsList;
}); });
} }
function getToDetail(id: number) { function getToDetail(item: any) {
if (item.contentOutLink) {
window.open(item.contentOutLink, "_blank");
} else {
router.push({ router.push({
path: "/py/news/detail", path: "/py/news/detail",
query: { query: {
...@@ -102,9 +106,10 @@ function getToDetail(id: number) { ...@@ -102,9 +106,10 @@ function getToDetail(id: number) {
title2: "专家解读", title2: "专家解读",
type1: "pyzq", type1: "pyzq",
type2: "zjjd", type2: "zjjd",
id: id, id: item.id,
}, },
}); });
}
} }
</script> </script>
<style scoped></style> <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