1
This commit is contained in:
parent
3d56a3d6b4
commit
28754c86d5
@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite App</title>
|
||||
<title>洛阳百姓问政</title>
|
||||
</head>
|
||||
<body style="margin: 0;">
|
||||
|
||||
@ -13,4 +13,4 @@
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
7
node_modules/.vite/_metadata.json
generated
vendored
7
node_modules/.vite/_metadata.json
generated
vendored
@ -1,7 +1,12 @@
|
||||
{
|
||||
"hash": "fa4efea0",
|
||||
"browserHash": "4777f668",
|
||||
"browserHash": "c6181f89",
|
||||
"optimized": {
|
||||
"axios": {
|
||||
"file": "E:/小程序/百姓问政PC/pc/node_modules/.vite/axios.js",
|
||||
"src": "E:/小程序/百姓问政PC/pc/node_modules/axios/index.js",
|
||||
"needsInterop": false
|
||||
},
|
||||
"vue": {
|
||||
"file": "E:/小程序/百姓问政PC/pc/node_modules/.vite/vue.js",
|
||||
"src": "E:/小程序/百姓问政PC/pc/node_modules/vue/dist/vue.runtime.esm-bundler.js",
|
||||
|
||||
2062
node_modules/.vite/axios.js
generated
vendored
Normal file
2062
node_modules/.vite/axios.js
generated
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
node_modules/.vite/axios.js.map
generated
vendored
Normal file
7
node_modules/.vite/axios.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.1 KiB |
13
src/App.vue
13
src/App.vue
@ -21,16 +21,25 @@
|
||||
// ...
|
||||
</script>
|
||||
<template>
|
||||
<n-config-provider :theme-overrides="themeOverrides">
|
||||
<n-message-provider>
|
||||
<n-config-provider :theme-overrides="themeOverrides">
|
||||
<div id="app" v-wechat-title="$route.meta.title">
|
||||
<Header></Header>
|
||||
<router-view></router-view>
|
||||
<Footer></Footer>
|
||||
</div>
|
||||
</n-config-provider>
|
||||
</n-message-provider>
|
||||
|
||||
</template>
|
||||
|
||||
<style>
|
||||
.txt-1 {
|
||||
overflow: hidden;
|
||||
|
||||
</style>
|
||||
white-space: nowrap;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,12 +1,21 @@
|
||||
import http from './request';
|
||||
|
||||
export function getXXX() {
|
||||
return http('/api/get');
|
||||
export function getPolitics(params) {
|
||||
return http('/api/politics/politics', {
|
||||
method: 'GET',
|
||||
params: params,
|
||||
});
|
||||
}
|
||||
|
||||
export function postXXX(params) {
|
||||
return http('/api/post', {
|
||||
export function getNewsbx(params) {
|
||||
return http('/api/newsbx/group', {
|
||||
method: 'POST',
|
||||
params: params,
|
||||
});
|
||||
}
|
||||
}
|
||||
export function getNewsbxList(params) {
|
||||
return http('/api/newsbx/index', {
|
||||
method: 'POST',
|
||||
params: params,
|
||||
});
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@ import axios from 'axios';
|
||||
// 创建新的axios实例
|
||||
const service = axios.create({
|
||||
// 环境变量，需要在.env文件中配置
|
||||
baseURL: 'http://wz.lytv.com.cn/',
|
||||
baseURL: '/api',
|
||||
// 超时时间暂定5s
|
||||
timeout: 5000,
|
||||
});
|
||||
@ -77,4 +77,4 @@ service.interceptors.response.use(
|
||||
return Promise.resolve(error.response);
|
||||
}
|
||||
);
|
||||
export default Request;
|
||||
export default Request;
|
||||
|
||||
BIN
src/assets/img/logo.png
Normal file
BIN
src/assets/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
src/assets/img/qrcode1.png
Normal file
BIN
src/assets/img/qrcode1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
@ -1,6 +1,24 @@
|
||||
<template>
|
||||
<div>
|
||||
**************
|
||||
<div style="width: 100%;background-color: #0051B1">
|
||||
<div style="padding:0px 9rem;color: #FFFFFF">
|
||||
<div style="padding: 50px 0px;">
|
||||
<n-flex justify="space-between">
|
||||
<div>河南人民政府</div>
|
||||
<div>河南人民政府</div>
|
||||
<div>河南人民政府</div>
|
||||
<div>河南人民政府</div>
|
||||
<div>河南人民政府</div>
|
||||
<div>河南人民政府</div>
|
||||
<div>河南人民政府</div>
|
||||
</n-flex>
|
||||
</div>
|
||||
<div style="height: 2px;opacity: 0.12;background: #FFFFFF;"></div>
|
||||
<div style="text-align: center;padding: 60px 0px;">
|
||||
<div>洛阳中网 豫ICP备05020961号 \ 豫公网安备 41031102000159 信息网络传播视听节目许可证（AVSP）编号：1608331</div>
|
||||
<div style="margin: 10px 0px;">网络举报电话：0379-63353039 网络举报邮箱：lytvzhwzh@163.com</div>
|
||||
<div>声明：本网部分内容来源于互联网，如有侵权内容请及时与网站管理员联系及时删除处理！</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -8,4 +26,4 @@
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,24 +1,28 @@
|
||||
<template>
|
||||
|
||||
|
||||
<div style="background-color: #EFEFEF;width: 100%;">
|
||||
<div style="padding: 0rem 8rem;color: #A1A1A1;font-size: 0.75rem;height: 2.125rem;line-height: 2.125rem;">
|
||||
<div style="padding: 0rem 9rem;color: #A1A1A1;font-size: 0.75rem;height: 2.125rem;line-height: 2.125rem;">
|
||||
<n-flex justify="space-between">
|
||||
<div>您好，欢迎来到洛阳百姓问政！</div>
|
||||
<div>
|
||||
请<span style="color:#7B83FF">「登录」</span>或<span style="color:#7B83FF">「注册」 忘记密码</span>
|
||||
请<span style="color:#7B83FF">「登录」</span>或<span style="color:#7B83FF">「注册」</span>
|
||||
</div>
|
||||
</n-flex>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b1-back">
|
||||
<div style="padding:0rem 0 0 7.7rem;font-weight: 600;">
|
||||
<div style="font-size: 2.5rem;color: #FFFFFF;;">洛阳百姓问政</div>
|
||||
<div style="font-size: 1.19rem;color: #FFFFFF;letter-spacing: 0.6rem;margin-top: -0.9rem;">
|
||||
wz.lytv.com.cn
|
||||
</div>
|
||||
<div style="padding:0rem 0 0 9rem;font-weight: 600;">
|
||||
<div>
|
||||
<div style="font-size: 2.5rem;color: #FFFFFF;;">洛阳百姓问政</div>
|
||||
<div style="font-size: 1.19rem;color: #FFFFFF;letter-spacing: 0.52rem;margin-top: -0.9rem;">
|
||||
wz.lytv.com.cn
|
||||
</div>
|
||||
</div>
|
||||
<div style="position: absolute;text-align: center;top: 25px;left: 405px">
|
||||
<img src="/src/assets/img/logo.png" style="width: 45px">
|
||||
<div style="color: #FFFFFF;font-size: 12px">洛阳广播电视台</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="font-weight: 600;padding:7.7rem; 0 0 0.6">
|
||||
<div style="font-weight: 600;padding:9rem; 0 0 0.6">
|
||||
<n-input-group>
|
||||
<n-input placeholder="请输入想找的问题" style="width: 17rem;" />
|
||||
<n-flex :size="[1,0]">
|
||||
@ -38,7 +42,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 5px 0px;">
|
||||
<n-flex justify="center" align="center" :size="[146,10]">
|
||||
<n-flex justify="center" align="center" :size="[141,10]">
|
||||
<div class="left-line"></div>
|
||||
<n-button text color="#0051B1">
|
||||
<template #default>
|
||||
@ -77,11 +81,17 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {ref, reactive, onMounted} from 'vue'
|
||||
import { ButtonProps } from 'naive-ui'
|
||||
type ButtonThemeOverrides = NonNullable<ButtonProps['themeOverrides']>
|
||||
const buttonThemeOverrides : ButtonThemeOverrides = {
|
||||
borderRadius: '0px'
|
||||
}
|
||||
onMounted(() => {
|
||||
window.sessionStorage.setItem('user',JSON.stringify({'name':'测试'}));
|
||||
var item=window.sessionStorage.getItem('user');
|
||||
console.log(item);
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@ -107,4 +117,4 @@
|
||||
height: 6.25rem;
|
||||
background: url('../assets/img/b1.png') no-repeat;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -9,10 +9,10 @@ const router = createRouter({
|
||||
routes: [{
|
||||
path: "/",
|
||||
meta: {
|
||||
title: '首页' //title配置
|
||||
title: '洛阳百姓问政-首页' //title配置
|
||||
},
|
||||
component: () => import("../view/home/index.vue")
|
||||
}],
|
||||
});
|
||||
|
||||
export default router
|
||||
export default router
|
||||
|
||||
@ -1,198 +1,331 @@
|
||||
<template>
|
||||
<div>
|
||||
<div style="padding:20px 8rem ;">
|
||||
<div><img src="@/assets/img/b2.png" style="width: 100%;" /></div>
|
||||
<div
|
||||
style="text-align: center;position: relative;margin-top: 1.25rem;padding-top: 1.125rem;height: 3.75rem;">
|
||||
<img src="@/assets/img/bz1.png" style="width: 40%;" />
|
||||
<div
|
||||
style="color: #0051B1;position: absolute;margin: 0 auto;left: 0;right: 0;top: 0;font-size: 2.5rem;letter-spacing: 5px;">
|
||||
最新问政</div>
|
||||
<div
|
||||
style="color: #0051B1;position: absolute;margin: 0 auto;left: 0;right: 0;bottom: 0;font-size: 0.875rem;letter-spacing: 0.0625rem;">
|
||||
ZUI XIN WEN ZHENG</div>
|
||||
|
||||
</div>
|
||||
<div style="margin-top: 20px;">
|
||||
<n-flex justify="center" :size="[50,0]">
|
||||
<div style="font-size: 1.25rem;color: #0051B1;font-weight: 600;">最新问政</div>
|
||||
<div style="font-size: 1.25rem;">最新回复</div>
|
||||
</n-flex>
|
||||
</div>
|
||||
<div style="margin-top: 20px;">
|
||||
<n-flex justify="center" :size="[0,0]">
|
||||
<div style="width: 50%;">
|
||||
<n-table striped>
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="100px">编号</th>
|
||||
<th>问政</th>
|
||||
<th>部门</th>
|
||||
<th>状态</th>
|
||||
<th>评论</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
110
|
||||
</td>
|
||||
<td>
|
||||
<div class="dian1">
|
||||
政和路午桥华府A区这段…政和路午桥华府A区这段…政和路午桥华府A区这段…政和路午桥华府A区这段…政和路午桥华府A区这段…政和路午桥华府A区这段…
|
||||
</div>
|
||||
</td>
|
||||
<td>彻底废除</td>
|
||||
<td>...</td>
|
||||
<td>干！我刚才背的是啥</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</n-table>
|
||||
</div>
|
||||
<div style="width: 50%;">
|
||||
<n-table striped>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Abandon</th>
|
||||
<th>Abnormal</th>
|
||||
<th>Abolish</th>
|
||||
<th>...</th>
|
||||
<th>万事开头难</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>放弃</td>
|
||||
<td>反常的</td>
|
||||
<td>彻底废除</td>
|
||||
<td>...</td>
|
||||
<td>干！我刚才背的是啥</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</n-table>
|
||||
</div>
|
||||
</n-flex>
|
||||
<div class="register-form " style="text-align: center;margin-top: 1.25rem;">
|
||||
<n-flex justify="center">
|
||||
<n-pagination :theme-overrides="PaginationThemeOverrides" v-model:page="page" :page-count="100"
|
||||
size="medium" show-quick-jumper show-size-picker
|
||||
:page-sizes="[{ label: '10条/页',value: 10}]">
|
||||
<template #goto>
|
||||
跳转
|
||||
</template>
|
||||
</n-pagination>
|
||||
</n-flex>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 30px;">
|
||||
<n-flex justify="center" :size="[145,0]">
|
||||
<div style="position: relative;">
|
||||
<img src="@/assets/img/zu1.png" style="width: 300px;" />
|
||||
<div
|
||||
style="position: absolute;right: 20px;font-size: 2.5rem;color: #ffffff;top: 13px;font-weight: 600;">
|
||||
我要投诉
|
||||
</div>
|
||||
</div>
|
||||
<div style="position: relative;">
|
||||
<img src="@/assets/img/zu2.png" style="width: 300px;" />
|
||||
<div
|
||||
style="position: absolute;right: 20px;font-size: 2.5rem;color: #ffffff;top: 13px;font-weight: 600;">
|
||||
公共服务
|
||||
</div>
|
||||
</div>
|
||||
<div style="position: relative;">
|
||||
<img src="@/assets/img/zu3.png" style="width: 300px;" />
|
||||
<div
|
||||
style="position: absolute;right: 20px;font-size: 2.5rem;color: #ffffff;top: 13px;font-weight: 600;">
|
||||
问政部门
|
||||
</div>
|
||||
</div>
|
||||
<div style="position: relative;">
|
||||
<img src="@/assets/img/zu4.png" style="width: 300px;" />
|
||||
<div
|
||||
style="position: absolute;right: 20px;font-size: 2.5rem;color: #ffffff;top: 13px;font-weight: 600;">
|
||||
问政热榜
|
||||
</div>
|
||||
</div>
|
||||
</n-flex>
|
||||
</div>
|
||||
<div>
|
||||
<div style="padding:20px 9rem ;">
|
||||
<div><img src="@/assets/img/b2.png" style="width: 100%;"/></div>
|
||||
<div
|
||||
style="text-align: center;position: relative;margin-top: 10px;padding-top: 1.125rem;height: 3.75rem;">
|
||||
<img src="@/assets/img/bz1.png" style="width: 40%;" />
|
||||
style="text-align: center;position: relative;margin-top: 1.25rem;padding-top: 1.125rem;height: 3.75rem;">
|
||||
<img src="@/assets/img/bz1.png" style="width: 40%;"/>
|
||||
<div
|
||||
style="color: #0051B1;position: absolute;margin: 0 auto;left: 0;right: 0;top: 0;font-size: 2.5rem;letter-spacing: 5px;">
|
||||
新闻推荐</div>
|
||||
最新问政
|
||||
</div>
|
||||
<div
|
||||
style="color: #0051B1;position: absolute;margin: 0 auto;left: 0;right: 0;bottom: 0;font-size: 0.875rem;letter-spacing: 0.0625rem;">
|
||||
XIN WEN TUI JIAN</div>
|
||||
ZUI XIN WEN ZHENG
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<n-flex justify="space-between">
|
||||
<div style="">
|
||||
<n-carousel draggable>
|
||||
<img
|
||||
class="carousel-img"
|
||||
src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.jpeg"
|
||||
>
|
||||
<img
|
||||
class="carousel-img"
|
||||
src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg"
|
||||
>
|
||||
<img
|
||||
class="carousel-img"
|
||||
src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg"
|
||||
>
|
||||
<img
|
||||
class="carousel-img"
|
||||
src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg"
|
||||
>
|
||||
</n-carousel>
|
||||
</div>
|
||||
<div>123</div>
|
||||
<div style="margin-top: 20px;">
|
||||
<n-flex justify="center" :size="[50,0]">
|
||||
<div @click="contneSelect(0)" :style="{ fontSize: '1.25rem', color: contnetKey === 0 ? '#0051B1' : '#000000', cursor: 'pointer' }">最新问政</div>
|
||||
<div @click="contneSelect(1)" :style="{ fontSize: '1.25rem', color: contnetKey === 1 ? '#0051B1' : '#000000', cursor: 'pointer' }">最新回复</div>
|
||||
</n-flex>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;">
|
||||
<n-flex justify="center" :size="[0,0]">
|
||||
<div style="width: 50%;">
|
||||
<n-table striped>
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="100px">编号</th>
|
||||
<th>问政</th>
|
||||
<th>部门</th>
|
||||
<th>状态</th>
|
||||
<th>评论</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item,index) in contentList[0]">
|
||||
<td>
|
||||
<div style="color:#606060;">{{item.id}}</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="dian1">
|
||||
{{item.politics_title}}
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div style="color: #616161">{{item.department_name}}</div>
|
||||
</td>
|
||||
<td>
|
||||
<div style="color: #0051B1">
|
||||
<span v-if="item.acceptance_status==0">待处理</span>
|
||||
<span v-if="item.acceptance_status==1">已回复</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div>{{item.comment_count}}</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</n-table>
|
||||
</div>
|
||||
<div style="width: 50%;">
|
||||
<n-table striped>
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="100px">编号</th>
|
||||
<th>问政</th>
|
||||
<th>部门</th>
|
||||
<th>状态</th>
|
||||
<th>评论</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item,index) in contentList[1]">
|
||||
<td>
|
||||
<div style="color:#606060;">{{item.id}}</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="dian1">
|
||||
{{item.politics_title}}
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div style="color: #616161">{{item.department_name}}</div>
|
||||
</td>
|
||||
<td>
|
||||
<div style="color: #0051B1">
|
||||
<span v-if="item.acceptance_status==0">待处理</span>
|
||||
<span v-if="item.acceptance_status==1">已回复</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div>{{item.comment_count}}</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</n-table>
|
||||
</div>
|
||||
</n-flex>
|
||||
<div class="register-form " style="text-align: center;margin-top: 1.25rem;">
|
||||
<n-flex justify="center">
|
||||
<n-pagination @update:page="pageCheck" :theme-overrides="PaginationThemeOverrides" v-model:page="page" :page-count="pageCount"
|
||||
size="medium" show-quick-jumper show-size-picker
|
||||
:page-sizes="[{ label: '10条/页',value: 10}]">
|
||||
<template #goto>
|
||||
跳转
|
||||
</template>
|
||||
</n-pagination>
|
||||
</n-flex>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 30px;">
|
||||
<n-flex justify="center" :size="[135,0]">
|
||||
<div style="cursor: pointer;position: relative;">
|
||||
<img src="@/assets/img/zu1.png" style="width: 300px;"/>
|
||||
<div
|
||||
style="position: absolute;right: 20px;font-size: 2.5rem;color: #ffffff;top: 13px;font-weight: 600;">
|
||||
我要投诉
|
||||
</div>
|
||||
</div>
|
||||
<div style="cursor: pointer;position: relative;">
|
||||
<img src="@/assets/img/zu2.png" style="width: 300px;"/>
|
||||
<div
|
||||
style="position: absolute;right: 20px;font-size: 2.5rem;color: #ffffff;top: 13px;font-weight: 600;">
|
||||
公共服务
|
||||
</div>
|
||||
</div>
|
||||
<div style="cursor: pointer;position: relative;">
|
||||
<img src="@/assets/img/zu3.png" style="width: 300px;"/>
|
||||
<div
|
||||
style="position: absolute;right: 20px;font-size: 2.5rem;color: #ffffff;top: 13px;font-weight: 600;">
|
||||
问政部门
|
||||
</div>
|
||||
</div>
|
||||
<div style="cursor: pointer;position: relative;">
|
||||
<img src="@/assets/img/zu4.png" style="width: 300px;"/>
|
||||
<div
|
||||
style="position: absolute;right: 20px;font-size: 2.5rem;color: #ffffff;top: 13px;font-weight: 600;">
|
||||
问政热榜
|
||||
</div>
|
||||
</div>
|
||||
</n-flex>
|
||||
</div>
|
||||
<div
|
||||
style="text-align: center;position: relative;margin-top: 10px;padding-top: 1.125rem;height: 3.75rem;">
|
||||
<img src="@/assets/img/bz1.png" style="width: 40%;"/>
|
||||
<div
|
||||
style="color: #0051B1;position: absolute;margin: 0 auto;left: 0;right: 0;top: 0;font-size: 2.5rem;letter-spacing: 5px;">
|
||||
新闻推荐
|
||||
</div>
|
||||
<div
|
||||
style="color: #0051B1;position: absolute;margin: 0 auto;left: 0;right: 0;bottom: 0;font-size: 0.875rem;letter-spacing: 0.0625rem;">
|
||||
XIN WEN TUI JIAN
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div style="margin-top: 20px">
|
||||
<n-flex justify="space-between">
|
||||
<div style="width: 50%">
|
||||
<n-carousel draggable :autoplay="true">
|
||||
<img
|
||||
class="carousel-img"
|
||||
src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.jpeg"
|
||||
>
|
||||
<img
|
||||
class="carousel-img"
|
||||
src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg"
|
||||
>
|
||||
<img
|
||||
class="carousel-img"
|
||||
src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg"
|
||||
>
|
||||
<img
|
||||
class="carousel-img"
|
||||
src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg"
|
||||
>
|
||||
</n-carousel>
|
||||
</div>
|
||||
<div style="width: 48%">
|
||||
<n-flex justify="space-between">
|
||||
<div v-for="(item, index) in groupList" @click="openGroup(item.id)" :class="{ 'int': true, 'act': item.id == groupIndex }">{{item.name}}</div>
|
||||
</n-flex>
|
||||
<div style="padding: 2.5px 0px;margin-top: 20px" v-for="(item,index) in groupNews">
|
||||
<n-flex justify="space-between">
|
||||
<div class="txt-1" style="font-size: 17px;width: 70%">
|
||||
<div style="background-color: #0051B1;width: 5px;height: 5px;border-radius: 50%;display: inline-block;vertical-align: middle"></div>
|
||||
<text style="vertical-align: middle;margin-left: 5px">{{item.news_title}}</text>
|
||||
</div>
|
||||
<div style="color: #818794">{{item.showtime}}</div>
|
||||
</n-flex>
|
||||
</div>
|
||||
</div>
|
||||
</n-flex>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background: #D9D9D9;width: 120px;height: 180px;text-align: center;padding: 5px 0px 10px 0px;position: fixed;top: 50%;left: 10px">
|
||||
<div style="text-align: right;padding-right: 5px">
|
||||
<svg style="width: 20px;height: 20px;color: #999797" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48zm86.63 272L320 342.63l-64-64l-64 64L169.37 320l64-64l-64-64L192 169.37l64 64l64-64L342.63 192l-64 64z" fill="currentColor"></path></svg>
|
||||
</div>
|
||||
<div style="color: #0051B1;font-size: 12px">洛阳百姓问政</div>
|
||||
<div style="color: #0051B1;font-size: 12px">公众号</div>
|
||||
<div>
|
||||
<img src="@/assets/img/qrcode1.png" style="width: 100px;height: 100px;margin-top: 10px">
|
||||
</div>
|
||||
</div>
|
||||
<div style="background: #D9D9D9;width: 120px;height: 180px;text-align: center;padding: 5px 0px 10px 0px;position: fixed;top: 50%;right: 10px">
|
||||
<div style="text-align: right;padding-right: 5px">
|
||||
<svg style="width: 20px;height: 20px;color: #999797" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48zm86.63 272L320 342.63l-64-64l-64 64L169.37 320l64-64l-64-64L192 169.37l64 64l64-64L342.63 192l-64 64z" fill="currentColor"></path></svg>
|
||||
</div>
|
||||
<div style="color: #0051B1;font-size: 12px">洛阳百姓问政</div>
|
||||
<div style="color: #0051B1;font-size: 12px">公众号</div>
|
||||
<div>
|
||||
<img src="@/assets/img/qrcode1.png" style="width: 100px;height: 100px;margin-top: 10px">
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PaginationProps } from 'naive-ui'
|
||||
import {
|
||||
ref
|
||||
} from 'vue';
|
||||
const page = ref(1);
|
||||
type PaginationThemeOverrides = NonNullable<PaginationProps['themeOverrides']>
|
||||
const PaginationThemeOverrides : PaginationThemeOverrides = {
|
||||
"itemTextColorHover": "#0051B1",
|
||||
"itemTextColorPressed": "#0051B1",
|
||||
"itemTextColorActive": "#ffffff",
|
||||
"itemBorderActive": "1px solid #0051B1",
|
||||
"itemColorActive": "#0051B1",
|
||||
"itemColor": "#F5F5F5",
|
||||
"itemColorActiveHover": "#0051B1"
|
||||
}
|
||||
import {PaginationProps,useMessage } from 'naive-ui'
|
||||
import {getPolitics,getNewsbx,getNewsbxList} from "@/api/index";
|
||||
import {ref, reactive, onMounted} from 'vue'
|
||||
const message = useMessage()
|
||||
const page = ref(1);
|
||||
const pageCount=ref(1);
|
||||
const contentList=ref([]);
|
||||
const contnetKey=ref(0);
|
||||
const groupList=ref([]);
|
||||
const groupIndex=ref(0);
|
||||
const groupNews=ref([]);
|
||||
onMounted(() => {
|
||||
getApiPolitics();
|
||||
getApiNewsbx();
|
||||
})
|
||||
const getApiPolitics = () => {
|
||||
getPolitics({'type':contnetKey.value,'page':page.value,'pageSize':10}).then(res => {
|
||||
if(res.code==200){
|
||||
contentList.value=chunk(res.data,2);
|
||||
pageCount.value=Math.ceil(res.count / 10);
|
||||
}else{
|
||||
message.error(res.msg)
|
||||
}
|
||||
});
|
||||
}
|
||||
const getApiNewsbx = () => {
|
||||
getNewsbx({'flag':'index'}).then(res => {
|
||||
if(res.code==200){
|
||||
groupList.value=res.data;
|
||||
groupIndex.value=res.data[0].id;
|
||||
getApiNewsList(res.data[0].id);
|
||||
}else{
|
||||
message.error(res.msg)
|
||||
}
|
||||
});
|
||||
}
|
||||
const getApiNewsList = (gory_id) => {
|
||||
getNewsbxList({'gory_id':gory_id,'page':1,'pageSize':7}).then(res => {
|
||||
if(res.code==200){
|
||||
groupNews.value=res.data;
|
||||
}else{
|
||||
message.error(res.msg)
|
||||
}
|
||||
});
|
||||
}
|
||||
const openGroup = (index) => {
|
||||
groupIndex.value=index;
|
||||
getApiNewsList(index);
|
||||
}
|
||||
const pageCheck = (p) => {
|
||||
console.log(p);
|
||||
page.value=p;
|
||||
getApiPolitics();
|
||||
}
|
||||
const contneSelect = (type) => {
|
||||
contnetKey.value=type;
|
||||
page.value=1;
|
||||
getApiPolitics();
|
||||
}
|
||||
const chunk = (arr, size) => {
|
||||
const firstChunkSize = Math.ceil(arr.length / 2);
|
||||
const firstChunk = arr.slice(0, firstChunkSize);
|
||||
const secondChunk = arr.slice(firstChunkSize);
|
||||
return [firstChunk, secondChunk];
|
||||
};
|
||||
type PaginationThemeOverrides = NonNullable<PaginationProps['themeOverrides']>
|
||||
const PaginationThemeOverrides: PaginationThemeOverrides = {
|
||||
"itemTextColorHover": "#0051B1",
|
||||
"itemTextColorPressed": "#0051B1",
|
||||
"itemTextColorActive": "#ffffff",
|
||||
"itemBorderActive": "1px solid #0051B1",
|
||||
"itemColorActive": "#0051B1",
|
||||
"itemColor": "#F5F5F5",
|
||||
"itemColorActiveHover": "#0051B1"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.int{
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.act{
|
||||
color: #0051B1;
|
||||
font-weight: 600;
|
||||
}
|
||||
.carousel-img {
|
||||
width: 50%;
|
||||
height: 240px;
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.n-table {
|
||||
border-radius: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.n-table thead tr th {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.n-table {
|
||||
border-radius: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dian1 {
|
||||
width: 8.75rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.n-table thead tr th {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.dian1 {
|
||||
font-size: 16px;
|
||||
color: #0051B1;
|
||||
width: 8.75rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -7,10 +7,23 @@ import path from "path"
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [vue()],
|
||||
server: {
|
||||
port: 5000,
|
||||
proxy: {
|
||||
'/api': {
|
||||
target: 'http://wz.lytv.com.cn/',
|
||||
// target就是你要访问的目标地址，可以是基础地址，这样方便在这个网站的其他api口调用数据
|
||||
ws: true,
|
||||
changeOrigin: true,
|
||||
rewrite: (path) => path.replace(/^\/api/, '')
|
||||
// 要记得加rewrite这句
|
||||
},
|
||||
},
|
||||
},
|
||||
resolve: {
|
||||
// Vite路径别名配置
|
||||
alias: {
|
||||
'@': path.resolve('./src')
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user