报警列表页面显示微标

pages/work/alarm/listAlarm.vue

@@ -54,7 +54,8 @@
 
 <script>
 	import {
-		listRecord
+		listRecord,
+		getAlarmCount
 	} from "@/api/alarm/alarm.js";
 
 	import {
@@ -94,10 +95,19 @@
 				equipList: [],
 				tabList: [{
 					name: '全部',
+					badge: {
+						value: 0,
+					}
 				}, {
 					name: '未处理',
+					badge: {
+						value: 5,
+					}
 				}, {
-					name: '已处理'
+					name: '已处理',
+					badge: {
+						value: 5,
+					}
 				}]
 			}
 		},
@@ -114,12 +124,23 @@
 		onShow() {
 			this.alarmList = [];
 			this.getAlarmList();
+			this.getAlarmCount();
 			// this.getEquipList();
 		},
 		// onLoad(opts) {
 		// 	this.flag = opts.flag;
 		// },
 		methods: {
+			getAlarmCount() {
+				getAlarmCount().then((res) => {
+					//报警总数
+					this.tabList[0].badge.value = res.allCount;
+					//未处理数量
+					this.tabList[1].badge.value = res.untreatedCount;
+					//已处理数量
+					this.tabList[2].badge.value = res.processedCount;
+				})
+			},
 			openPopup() {
 				this.getEquipList();
 			},
@@ -161,12 +182,10 @@
 				// 	})
 				// })
 				this.ready = false;
-				this.treeData = [
-					{
+				this.treeData = [{
 					"id": null,
 					"equipName": "所有设备"
-					}
-				];
+				}];
 				getEquipTree().then((res) => {
 					this.treeData = this.treeData.concat(res);
 					this.ready = true;