From ece4403288a2b6a3ce10bb447ee9e909b95bfce6 Mon Sep 17 00:00:00 2001
From: LiuJiaNan <liujianan@zcloudchina.com>
Date: Fri, 1 Mar 2024 15:49:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=BA=E5=91=98=E5=AE=9A=E4=BD=8D=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E4=BA=BA=E5=91=98=E7=BB=9F=E8=AE=A1=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E8=87=AA=E5=8A=A8=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/BI/components/personnel.vue | 39 ++++++++++++++++++---------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/views/BI/components/personnel.vue b/src/views/BI/components/personnel.vue
index f90a45f..f9dee76 100644
--- a/src/views/BI/components/personnel.vue
+++ b/src/views/BI/components/personnel.vue
@@ -40,10 +40,23 @@
             <div class="td">区域</div>
             <div class="td">人员</div>
           </div>
-          <div v-for="(item, index) in data.block3List" :key="index" class="tr">
-            <div class="td">{{ item.group }}</div>
-            <div class="td">{{ item.count }}</div>
-          </div>
+          <seamless-scroll
+            :list="data.block3List"
+            hover
+            class="scroll"
+            :step="0.5"
+            :single-wait-time="1000"
+            :single-height="25.8"
+          >
+            <div
+              v-for="(item, index) in data.block3List"
+              :key="index"
+              class="tr"
+            >
+              <div class="td line-1">{{ item.group }}</div>
+              <div class="td">{{ item.count }}</div>
+            </div>
+          </seamless-scroll>
         </div>
       </div>
     </div>
@@ -76,6 +89,8 @@ import {
   handleGetPerList,
   handleTrajectory,
 } from "@/views/BI/js/trajectory.js";
+import { Vue3SeamlessScroll as SeamlessScroll } from "vue3-seamless-scroll";
+
 const typeList = {
   1: "滞留报警",
   2: "串岗报警",
@@ -257,9 +272,6 @@ onBeforeUnmount(async () => {
     width: 430px;
     margin-top: 10px;
 
-    .tab_list {
-    }
-
     .option {
       width: 100%;
       min-height: 100px;
@@ -301,6 +313,11 @@ onBeforeUnmount(async () => {
         }
       }
 
+      .scroll {
+        height: 210px;
+        overflow: hidden;
+      }
+
       .table {
         margin-top: 5px;
 
@@ -312,22 +329,18 @@ onBeforeUnmount(async () => {
           }
 
           .td {
-            flex: 1;
             text-align: left;
             font-size: 12px;
             color: #fff;
             padding: 6px 10px;
 
             &:nth-child(1) {
-              flex-basis: 30%;
+              flex: 1;
             }
 
             &:nth-child(2) {
-              flex-basis: 50%;
-            }
-
-            &:nth-child(3) {
               flex-basis: 20%;
+              text-align: center;
             }
           }