From 9d78158b77c8463777e2de635333a90914e8a9d6 Mon Sep 17 00:00:00 2001
From: lixuefeng <1126141216@qq.com>
Date: Thu, 31 Jul 2025 00:42:06 +0800
Subject: [PATCH] =?UTF-8?q?=E7=B1=BB=E5=9E=8B=EF=BC=9A=E5=BC=80=E5=8F=91?=
 =?UTF-8?q?=20=E6=8F=8F=E8=BF=B0=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/monitor/components/warnList.vue | 27 +++++++++++++++++------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/views/monitor/components/warnList.vue b/src/views/monitor/components/warnList.vue
index e16223c..f2b4c61 100644
--- a/src/views/monitor/components/warnList.vue
+++ b/src/views/monitor/components/warnList.vue
@@ -15,9 +15,8 @@
 		      @click="handleImage(item)"
 		    >
 		      <div
-			  class="item-title"
-			 >{{ item.analyzeTypeName}}</div>
-
+			  class="item-title-box"
+			 ><div class="item-title">{{ item.analyzeTypeName}}</div><div class="item-num">{{ item.number}}人</div></div>
 			  <img style="width: 100%;height: 100%;" :src="item.imgurl || imageEmpty">
 		      <p style="display: flex;justify-content: space-between;">
 		        <span> {{ item.cameraName || item.cameraIndexCode }}</span>
@@ -185,17 +184,31 @@
       font-weight: bold;
     }
   }
-  .item-title{
+  .item-title-box{
     font-weight: 400;
     z-index: 99;
     height: vw(50);
-    padding: vw(10);
+
     font-size: vw(24);
     color: #ffffff;
     position: absolute;
     left: 3%;
-    background-image: url('@/assets/images/unfollow.png');
-    background-size: 100% 100%;
+
+    .item-title{
+      padding: vw(10);
+      display: inline-block;
+      background-image: url('@/assets/images/unfollow.png');
+      background-size: 100% 100%;
+    }
+    .item-num{
+      margin-left: vw(6);
+      padding: vw(5);
+      display: inline-block;
+      color: #ffffff;
+      background-color:red;
+      border-radius: 15%;
+      font-weight: bolder;
+    }
   }
   .no-data{
 	  height:vh(860);