通知公告页面开发

src/api/notice/notice.js

@@ -0,0 +1,46 @@
+import request from '@/utils/request'
+
+const noticeApi = {
+  add: 'notice/addOrUpdate',
+  del: 'notice/del',
+  get: 'notice/get',
+  page: 'notice/pageList',
+  read: 'notice/read'
+}
+
+export function noticeAdd (params) {
+  return request({
+    url: noticeApi.add,
+    method: 'post',
+    data: params
+  })
+}
+export function noticeDel (params) {
+  return request({
+    url: noticeApi.del,
+    method: 'post',
+    params: params
+  })
+}
+export function noticeGet (params) {
+  return request({
+    url: noticeApi.get,
+    method: 'get',
+    params: params
+  })
+}
+export function noticePage (params) {
+  return request({
+    url: noticeApi.page,
+    method: 'post',
+    params: {pageSize: params.pageSize, pageNum: params.pageNum},
+    data: params
+  })
+}
+export function noticeRead (params) {
+  return request({
+    url: noticeApi.read,
+    method: 'get',
+    params: params
+  })
+}

src/views/notice/NoticeDetail.vue

@@ -1,5 +1,8 @@
 <template>
   <a-card :bordered="false">
+    <template slot="extra">
+      <a-button size="small" @click="close">返回</a-button>
+    </template>
     <div v-html="model.content"></div>
   </a-card>
 </template>