feat 消息通知相关, 添加wangEditor组件

src/layouts/default/header/components/notify/NoticeReader.vue

@@ -22,16 +22,23 @@
 <script lang="ts" setup>
   import BasicModal from '/@/components/Modal/src/BasicModal.vue'
   import { $ref } from 'vue/macros'
+  import { SiteMessage } from '/@/views/modules/notice/site/SiteMessage.api'
+  import { findById } from './SiteMessage.api'
 
   const modalWidth = $ref('60%')
   let visible = $ref(false)
   let confirmLoading = $ref(false)
-  let message = $ref({})
+  let message = $ref<SiteMessage>({})
 
   // 初始化 显示信息内容
   function init(messageInfo) {
     visible = true
+    confirmLoading = true
     message = messageInfo
+    findById(messageInfo.id).then(({ data }) => {
+      message = data
+      confirmLoading = false
+    })
   }
 
   function handleCancel() {

src/layouts/default/header/components/notify/SiteMessage.api.ts

@@ -1,6 +1,6 @@
 import { defHttp } from '/@/utils/http/axios'
-import { BaseEntity } from '/#/web'
 import { PageResult, Result } from '/#/axios'
+import { SiteMessage } from '/@/views/modules/notice/site/SiteMessage.api'
 
 /**
  * 未读消息数量
@@ -15,8 +15,18 @@ export function countByReceiveNotRead() {
  * 接收站内信消息分页查询
  */
 export function pageByReceive(params) {
-  return defHttp.get<Result<PageResult>>({
+  return defHttp.get<Result<PageResult<SiteMessage>>>({
     url: '/site/message/pageByReceive',
     params: params,
   })
 }
+
+/**
+ * 查看消息
+ */
+export function findById(id) {
+  return defHttp.get<Result<SiteMessage>>({
+    url: '/site/message/findById',
+    params: { id },
+  })
+}

src/layouts/default/header/components/notify/index.vue

@@ -31,7 +31,7 @@
         </a-spin>
       </template>
     </a-popover>
-    <notice-icon-reader ref="noticeIconReader" />
+    <notice-reader ref="noticeIconReader" />
   </div>
 </template>
 <script lang="ts" setup>
@@ -43,7 +43,7 @@
   import { countByReceiveNotRead, pageByReceive } from '/@/layouts/default/header/components/notify/SiteMessage.api'
   import { router } from '/@/router'
   import { PageEnum } from '/@/enums/pageEnum'
-  import NoticeIconReader from '/@/layouts/default/header/components/notify/NoticeIconReader.vue'
+  import NoticeReader from '/@/layouts/default/header/components/notify/NoticeReader.vue'
 
   const { prefixCls } = useDesign('header-notify')
   const { createMessage } = useMessage()