显示红点

src/layout/components/Navbar.vue

@@ -73,8 +73,12 @@
 			<div class="head">
 				<div class="flex_asb">
 					<el-radio-group size="small" v-model="messageType" @change="getList">
-					  <el-radio-button :label="['WBI','WBK','CRE_ORDER','SEND_MALL','RP_MALL','CR_SALES']">系统消息</el-radio-button>
-					  <el-radio-button :label="['NOTICE']">平台公告</el-radio-button>
+						<el-badge :is-dot="isDot1" class="item">
+							<el-radio-button :label="['WBI','WBK','CRE_ORDER','SEND_MALL','RP_MALL','CR_SALES']">系统消息</el-radio-button>
+						</el-badge>
+						<el-badge :is-dot="isDot2" class="item">
+							<el-radio-button :label="['NOTICE']">平台公告</el-radio-button>
+						</el-badge>
 					</el-radio-group>
 					<el-switch
 					  v-model="isOpen"
@@ -216,7 +220,9 @@ export default {
 	  listTotal: 0,
 	  currentPage: 1, // 当前页码
 	  pageSize: 10, // 每页数量
-		count: 0
+		count: 0,
+		isDot1: false,
+		isDot2: false
     }
   },
   computed: {
@@ -408,6 +414,28 @@ export default {
 			this.count = res.data
 		})
 	},
+	redDot(){
+		request({
+		  url: `/notice/list/count`,
+		  method: 'get',
+		  params: {
+			  noticeType: ['WBI','WBK','CRE_ORDER','SEND_MALL','RP_MALL','CR_SALES'].join(','),
+			  readFlag: 'NO'
+		  }
+		}).then(res=>{
+			this.isDot1 = res.data > 0?true:false
+		})
+		request({
+		  url: `/notice/list/count`,
+		  method: 'get',
+		  params: {
+			  noticeType: ['NOTICE'].join(','),
+			  readFlag: 'NO'
+		  }
+		}).then(res=>{
+			this.isDot2 = res.data > 0?true:false
+		})
+	},
 	getUserInfo(){
 		request({
 		  url: `/admin/user/detail`,
@@ -479,6 +507,7 @@ export default {
 		  }
 		}).then(res=>{
 			this.getCount()
+			this.redDot()
 			this.messageData = res.data.records
 		})
 	},