From 88a7eba7ab773028528a7e33fbf4a5cbb9f2bc66 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Wed, 30 Mar 2022 10:11:56 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20Detections=20tab?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E5=88=97=E8=A1=A8=E5=8A=A8=E6=80=81color?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/detections/detectionsTable.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/views/detections/detectionsTable.vue b/src/views/detections/detectionsTable.vue
index 4be334cc..6ebd00a3 100644
--- a/src/views/detections/detectionsTable.vue
+++ b/src/views/detections/detectionsTable.vue
@@ -50,7 +50,7 @@
             <div class="basic-info__item">
               <i class="cn-icon cn-icon-time2"></i>
               <span>{{$t('overall.duration')}}&nbsp;:&nbsp;&nbsp;</span>
-              <span style="display: inline-block;height: 6px;width: 6px;border-radius: 50%;margin-right: 8px;"></span>
+              <span style="display: inline-block;height: 6px;width: 6px;border-radius: 50%;margin-right: 8px;" :style="pointColor(detection)"></span>
               <span>{{unitConvert(detection.durationMs, 'time', null, null, 0).join(' ') || '-'}}</span>
             </div>
           </div>
@@ -98,6 +98,17 @@ export default {
         default: break
       }
       return className
+    },
+    pointColor () {
+      return function (detection) {
+        let color = '#8FA1BE'
+        if (detection.startTime && detection.endTime) {
+          if (getMillisecond(detection.endTime) - getMillisecond(detection.startTime) < 5 * 60 * 1000) {
+            color = '#D84C4C'
+          }
+        }
+        return { backgroundColor: color }
+      }
     }
   },
   methods: {