springboot+vue 实现系统公告页面 |
您所在的位置:网站首页 › 系统公告英文怎么说 › springboot+vue 实现系统公告页面 |
公告录入
这一块就是一个数据新增页面,前端获取的数据通过后端存储到数据库 公告发布公告录入时默认状态为未发布,即通过状态码实现公告的发布和实现 0:未发布,1:发布,2:撤销,页面上添加一个发布按钮,根据公告发布状态的值选择是否显示这个按钮,发布即执行数据更新操作,即将状态码更新为1
公告查询 根据公告数据状态查询已发布数据,按时间排序,页面实现查询和分页 这页面是通过通用详情页模板,传递参数实现公告详情展示 {{item.company_dictText}} {{item.senddate}} 上一页 上一页 {{ 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 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |