From 9e985aa0b33aa5225a0673584bd9ed52c22672aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com>
Date: Thu, 4 Aug 2022 13:33:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E5=8A=B3?=
 =?UTF-8?q?=E5=8A=A1=E7=AE=A1=E7=90=86):=E4=BA=BA=E5=91=98=E6=A6=82?=
 =?UTF-8?q?=E5=86=B5=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../laborManage/leftCenter.vue                | 91 ++++++++++++++++++-
 1 file changed, 88 insertions(+), 3 deletions(-)

diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/laborManage/leftCenter.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/laborManage/leftCenter.vue
index 74e6d586..b19c191f 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/laborManage/leftCenter.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/laborManage/leftCenter.vue
@@ -1,7 +1,54 @@
 <template>
 <!-- 人员概览 -->
-<div class="container">
-    <div class="titleTxt">{{ title }}</div>
+<div class="containerBox">
+  <div class="titleTxt">{{ title }}</div>
+  <div class="personCount">
+        <div class="countItem">
+          <img src="@/assets/images/dataBoard/numImg_purple.png" />
+          <div class="info">
+            <div class="num1">
+              {{ '62,590' }}
+            </div>
+            <!-- 实名制人数 -->
+            <div class="label label1">
+              {{ '实名制人数' }}
+            </div>
+          </div>
+        </div>
+        <div class="countItem">
+          <img src="@/assets/images/dataBoard/numImg_orange.png" />
+          <div class="info">
+            <div class="num2">
+              {{ 62590 }}
+            </div>
+            <div class="label">
+              {{ '特殊工种人数' }}
+            </div>
+          </div>
+        </div>
+        <div class="countItem">
+          <img src="@/assets/images/dataBoard/numImg_orange.png" />
+          <div class="info">
+            <div class="num3">
+              {{ '89%'}}
+            </div>
+            <div class="label">
+              {{ '在职男女比例' }}
+            </div>
+          </div>
+        </div>
+        <div class="countItem">
+          <img src="@/assets/images/dataBoard/numImg_orange.png" />
+          <div class="info">
+            <div class="num4">
+              {{ 62590}}
+            </div>
+            <div class="label">
+              {{ '入场培训人数' }}
+            </div>
+          </div>
+        </div>
+      </div>
 
 </div>
 </template>
@@ -26,7 +73,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.container {
+.containerBox {
   width: 100%;
   height: 100%;
   border: 1px solid #0081c3;
@@ -37,6 +84,44 @@ export default {
     margin-top: 5px;
     margin-left: 5px;
   }
+  .personCount {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      margin-top: 20px;
+      margin-left: 30px;
+      .countItem {
+        flex-shrink: 0;
+        height: 35%;
+        width:48%;
+        margin-top: 20px;
+        img {
+          margin-right: 8px;
+        }
+        .info{
+          display: inline-block;
+          line-height: 28px;
+            .num1{
+                color:#7851f6;
+            }
+            .num2{
+                color:#6ee4f0;
+            }
+            .num3{
+                color:#3d83f3;
+            }
+            .num4{
+              color: #7852f7;
+            }
+            .label{
+                font-size: 12px;
+            }
+            .label1{
+                width:68px;
+            }
+        }
+      }
+    }
 }
 </style>