From 10e5928528b8466930a8ca7fdf5bf14f801d3e37 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 11:37:11 +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=E7=B1=BB?=
 =?UTF-8?q?=E5=88=AB=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectHuScreen/laborManage/leftTop.vue   | 99 ++++++++++++++++---
 1 file changed, 86 insertions(+), 13 deletions(-)

diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/laborManage/leftTop.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/laborManage/leftTop.vue
index e4c4576d..bcaa6943 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/laborManage/leftTop.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/laborManage/leftTop.vue
@@ -1,14 +1,42 @@
 <template>
-<!-- 人员类别 -->
-<div class="container">
+  <!-- 人员类别 -->
+  <div class="containerBox">
     <div class="titleTxt">{{ title }}</div>
-
-</div>
+    <div class="personCount">
+      <div class="countItem">
+        <img src="@/assets/images/dataBoard/numImg_purple.png" />
+        <div class="info">
+          <div class="num1">{{ 62590 }}</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>
+    <div class="persontype">
+        <span>项目管理人员</span>
+        <p class="person">679</p>
+        <span>特种作业人员</span>
+        <p class="person">679</p>
+    </div>
+    <div class="persontype">
+        <span>一般作业人员</span>
+        <p class="person">679</p>
+        <span>临时作业人员</span>
+        <p class="person">679</p>
+    </div>
+  </div>
 </template>
 
 <script>
 export default {
-
   props: {
     title: {
       type: String,
@@ -16,17 +44,13 @@ export default {
     }
   },
   data() {
-    return {
-
-    };
-  },
-
-
-}
+    return {};
+  }
+};
 </script>
 
 <style lang="less" scoped>
-.container {
+.containerBox {
   width: 100%;
   height: 100%;
   border: 1px solid #0081c3;
@@ -37,6 +61,55 @@ export default {
     margin-top: 5px;
     margin-left: 5px;
   }
+  .personCount {
+    display: flex;
+    margin-top: 30px;
+    margin-left: 30px;
+    margin-bottom: 30px;
+    .countItem {
+      flex: 1;
+      height: 35%;
+      display: flex;
+      img {
+        margin-right: 8px;
+      }
+      .info {
+        margin-top: 5px;
+        .num1 {
+          color: #309b8a;
+        }
+        .num2 {
+          color: #f7d400;
+        }
+        .label {
+          font-size: 12px;
+        }
+        .label1 {
+          width: 68px;
+        }
+      }
+    }
+  }
+  .persontype {
+    display: flex;
+    justify-content: center;
+    height: 38px;
+    line-height: 30px;
+    margin-bottom: 20px;
+    span{
+      font-size: 12px;
+      margin-right: 10px;
+    }
+    .person {
+      width: 15%;
+      text-align: center;
+      margin-right: 30px;
+      color: #47b1c4;
+      background-image: url(~@/assets/images/projectImg/numBgc.png);
+      background-size:100%;
+      background-repeat: no-repeat;
+    }
+  }
 }
 </style>