springboot+vue 实现系统公告页面

2024-06-03 01:07| 来源: 网络整理| 查看: 265

公告录入

这一块就是一个数据新增页面，前端获取的数据通过后端存储到数据库

公告发布

公告录入时默认状态为未发布，即通过状态码实现公告的发布和实现 0:未发布，1：发布，2：撤销，页面上添加一个发布按钮，根据公告发布状态的值选择是否显示这个按钮，发布即执行数据更新操作，即将状态码更新为1

公告查询

根据公告数据状态查询已发布数据，按时间排序，页面实现查询和分页

详情公告页

这页面是通过通用详情页模板，传递参数实现公告详情展示

前端vue代码通知公告通知公告浏览查询重置公告标题发布部门发布时间 ♦{{item.title}}

上一页上一页 {{ index }} 下一页下一页共{{all}}页 import '@/assets/less/TableExpand.less' import { mixinDevice } from '@/utils/mixin' import { JeecgListMixin } from '@/mixins/JeecgListMixin' import CtNoticeModal from './modules/CtNoticeModal' import {filterMultiDictText} from '@/components/dict/JDictSelectUtil' import {doRelease, doReovke} from '@/api/api' //.set('@api', resolve('src/api')) 表示@api指的是“src/api” import {getAction} from "@/api/manage"; export default { name: 'CtNoticeList', mixins:[JeecgListMixin, mixinDevice], components: { CtNoticeModal }, data () { return { title:'', time:'', params:{ pageNo: 1, pageSize: 10, title:"", senddate:"", }, description: '公告查询页面', release_url:"/ctms/ctNotice/ReleaveData" ,//公告地址 dataList:"", all:"", //总页数 cur:"", //当前页数 totalpage:"" ,//当前条数 url: { list: "/ctms/ctNotice/ReleaveData" }, dictOptions:{}, superFieldList:[], } }, methods: { //请求数据 loadData(){ getAction(this.release_url,this.params).then((res)=>{ this.dataList=[]; for(let i=0;i{ this.dataList=[]; for(let i=0;i= 5){ if(this.cur > 3 && this.cur < this.all-2){ left = this.cur - 2 right = this.cur + 2 }else{ if(this.cur

【本文地址】

公司简介

联系我们