From e5b3e465b988d85e70a1c882ae96b9413d2d2cdb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com>
Date: Tue, 9 Aug 2022 13:58:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5):=E5=87=BA=E5=8B=A4=E7=BB=9F=E8=AE=A1=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jlw/laborManage/centerTop.vue             | 50 ++++++++++++-------
 1 file changed, 31 insertions(+), 19 deletions(-)

diff --git a/src/views/projectAdmin/jlw/laborManage/centerTop.vue b/src/views/projectAdmin/jlw/laborManage/centerTop.vue
index 530faada..05d45421 100644
--- a/src/views/projectAdmin/jlw/laborManage/centerTop.vue
+++ b/src/views/projectAdmin/jlw/laborManage/centerTop.vue
@@ -6,9 +6,9 @@
         <div class="point"></div>
         <span class="smallTit">工种出勤统计</span>
         <div class="box">
-          <div class="outBox" v-for="(item,index) in dataList" :key="index">
-            <span class="name">{{item.name}}</span>
-            <p class="num">{{item.num}}</p>
+          <div class="outBox" v-for="(item,index) in workerTypeList" :key="index">
+            <span class="name">{{item.typeName}}</span>
+            <p class="num">{{item.workerNum}}</p>
           </div>
         </div>
       </div>
@@ -30,6 +30,7 @@
 <script>
 import Card from "../components/Card.vue";
 import JBarChart from '../jChart/bar/JBarChart.vue'
+import { selectProjectWorkerTypeTotalListApi,} from "@/assets/js/api/dataBoard.js";
 export default {
   components: { Card,JBarChart },
   props: {
@@ -40,22 +41,26 @@ export default {
   },
   data() {
     return {
-      dataList: [
-        { name: "钢筋工", num: "679" },
-        { name: "钢筋工", num: "679" },
-        { name: "钢筋工", num: "679" },
-        { name: "钢筋工", num: "679" },
-        { name: "钢筋工", num: "679" },
-        { name: "钢筋工", num: "679" },
-        { name: "钢筋工", num: "679" },
-        { name: "钢筋工", num: "679" },
-        { name: "钢筋工", num: "679" }
-      ],
+      workerTypeList: [],
       xData: ['中建一局', '中建一局', '中建一局', '中建一局','中建一局', '中建一局', '中建一局', '中建一局'],
       series: [{ data: [170, 180,90,70,60,50,50,50,] }, { data: [220,280,190,180,300,200,200,200,] }],
       color: ['#5be2f6', '#5281f7'],
       grid: ['10%', '5%', '15%', '5%']
     };
+  },
+  created(){
+    this.getWokerType();
+  },
+  methods:{
+    //获取工种出勤统计
+    getWokerType() {
+      selectProjectWorkerTypeTotalListApi({
+        projectSn: this.$store.state.projectSn,
+      }).then((res) => {
+        console.log(res);
+        this.workerTypeList = res.result;
+      });
+    },
   }
 };
 </script>
@@ -79,22 +84,25 @@ export default {
   .box {
     display: flex;
     flex-flow: wrap;
-    justify-content: center;
+    justify-content: left;
     align-items: center;
     width: 95%;
-    height: 40%;
-    margin-left: 6%;
+    height: 170px;
+    margin-left: 3%;
     margin-top: 2%;
-  }
+    overflow: auto;
+
   .outBox {
     width: 33%;
     height: 33%;
     margin-bottom: 10px;
     .name {
+      display: inline-block;
       height: 50px;
-      width: 50%;
+      width: 35%;
       line-height: 40px;
       margin-right: 35px;
+      text-align: right;
     }
     .num {
       display: inline-block;
@@ -107,6 +115,7 @@ export default {
       background-size: 100%;
       background-repeat: no-repeat;
     }
+   }
   }
   .botBox {
     margin-top: 20px;
@@ -130,6 +139,9 @@ export default {
     }
   }
 }
+::-webkit-scrollbar {
+width:3px;
+}
 .mychart {
   width: 100%;
   height: 40%;