林业可视化获取消息

src/api/forest.js

@@ -251,3 +251,25 @@ export function userFeginlist(param) {
     params:param
   })
 }
+
+// 获取消息个数
+export function selectMessageCount(userId) {
+  return request({
+    url: '/center-message/centerMessageFeign/selectMessageCount/'+userId,
+    method: 'get'
+  })
+}
+// 获取消息列表
+export function selectMessageList(userId) {
+  return request({
+    url: '/center-message/centerMessageFeign/selectMessageList/'+userId,
+    method: 'get'
+  })
+}
+// 获取消息详情
+export function selectMessageById(messageId) {
+  return request({
+    url: '/center-message/centerMessageFeign/selectMessageById/'+messageId,
+    method: 'get'
+  })
+}

src/components/v-fastmenu.vue

@@ -40,6 +40,7 @@
 import resetPwd from "../views/system/user/profile/resetPwd";
 import { getUserProfile } from "@/api/system/user";
 import { selectConfigKey } from "@/api/system/config";
+import Cookies from 'js-cookie';
 	export default {
     components: {resetPwd },
 		data() {
@@ -80,6 +81,8 @@ import { selectConfigKey } from "@/api/system/config";
           this.nickName=response.data.nickName
           this.deptNames=response.data.deptNames
           this.phonenumber=response.data.phonenumber
+          this.userId=response.data.userId
+          Cookies.set('userId',response.data.userId);
         });
       },
       resetPwd(){

src/components/vBottomMenu.vue

@@ -156,38 +156,19 @@
 			</el-popover>
 			<el-popover placement="top" trigger="click">
 				<div class="btm-r-pop-info">
-					<div class="btm-r-pop-info-box" v-for="(item,index) in 0">
-						<div class="btm-r-pop-info-tit">
-							<h3>火险任务</h3>
-						</div>
+					<div class="btm-r-pop-info-box" v-for="(item,index) in messageList">
 						<div class="btm-r-pop-info-con">
 							<div class="btm-r-pop-info-list">
-								<div class="btm-r-pop-info-list-name">标题</div>
-								<div class="btm-r-pop-info-list-text">四平阿斯利康大姐夫啊路上的风景可丽金啊水电分离家</div>
-							</div>
-							<div class="btm-r-pop-info-list">
-								<div class="btm-r-pop-info-list-name">发起人</div>
-								<div class="btm-r-pop-info-list-text">张三</div>
-							</div>
-							<div class="btm-r-pop-info-list">
-								<div class="btm-r-pop-info-list-name">发起时间</div>
-								<div class="btm-r-pop-info-list-text">2022-09-05 12:12:15</div>
-							</div>
-							<div class="btm-r-pop-info-list">
-								<div class="btm-r-pop-info-list-name">关联事件</div>
-								<div class="btm-r-pop-info-list-text">啊萨杜拉副科级啊萨杜拉副科级</div>
+								<div class="btm-r-pop-info-list-name">{{item.title}}</div>
+								<div class="btm-r-pop-info-list-text">{{item.content}}</div>
 							</div>
 						</div>
 						<div class="btm-r-pop-info-btm">
-							<el-link type="success">查看详情</el-link>
-							<div class="btm-r-pop-info-btm-btn">
-								<el-button type="danger">拒绝</el-button>
-								<el-button type="primary">领取</el-button>
-							</div>
+							<el-link type="success" @click="selectMessageById(item.id)">标记已读</el-link>
 						</div>
 					</div>
 				</div>
-				<el-badge :value="0" slot="reference">
+				<el-badge :value="messageCount" slot="reference">
 					<el-button size="small" icon="el-icon-chat-line-round">消息</el-button>
 				</el-badge>
 			</el-popover>
@@ -371,7 +352,10 @@
 		getEventDetail,
 		selectTaskDtpts,
 		receiveTask,
-		refusedTask
+		refusedTask,
+    selectMessageCount,
+    selectMessageList,
+    selectMessageById
 	} from '@/api/forest'
 	import {
 		selectFarmByDeptId
@@ -381,6 +365,7 @@
 	} from '@/api/system/dept'
 	import supermapTaskDialog from '@/components/supermap' //超图
 	import TcPlayer from '@/components/TcPlayer' //视频预览
+  import Cookies from 'js-cookie';
 
 	export default {
 		components: {
@@ -512,15 +497,43 @@
 				btmCurrent: '',
 
 				eventWarn: false, //webSocket事件问题警报标记
+
+        messageCount: 0, //消息数量
+        messageList: 0, //消息列表
 			}
 		},
 		created() {
 			/** 查询部门树结构 */
 			deptTreeselect().then(response => {
 				this.deptOptionsLiandong = response.data
-			})
+			});
+
+      /** 获取消息个数 */
+      this.selectMessageCount();
+      /** 获取消息列表 */
+      this.selectMessageList();
 		},
 		methods: {
+      selectMessageById(id) {
+        selectMessageById(id).then(response => {
+          /** 获取消息个数 */
+          this.selectMessageCount();
+          /** 获取消息列表 */
+          this.selectMessageList();
+        });
+			},
+      /** 获取消息个数 */
+      selectMessageCount(){
+        selectMessageCount(Cookies.get("userId")).then(response => {
+          this.messageCount = response.data
+        });
+      },
+      /** 获取消息列表 */
+      selectMessageList(){
+        selectMessageList(Cookies.get("userId")).then(response => {
+          this.messageList = response.data
+        });
+      },
 			filterbanNode(value, data) {
 				//树搜索
 				if (!value) return true