diff --git a/src/views/projectAdmin/jlw/laborManage/index.vue b/src/views/projectAdmin/jlw/laborManage/index.vue index 7d233bf8..9b4df583 100644 --- a/src/views/projectAdmin/jlw/laborManage/index.vue +++ b/src/views/projectAdmin/jlw/laborManage/index.vue @@ -2,7 +2,7 @@
- +
diff --git a/src/views/projectAdmin/jlw/laborManage/leftTop.vue b/src/views/projectAdmin/jlw/laborManage/leftTop.vue index c212c97f..cfbf5518 100644 --- a/src/views/projectAdmin/jlw/laborManage/leftTop.vue +++ b/src/views/projectAdmin/jlw/laborManage/leftTop.vue @@ -2,12 +2,11 @@
{{ title }}
-
+
{{ '在场总人数' }}
@@ -15,22 +14,98 @@
{{ 62590 }}
-
{{ '在场劳务人数' }}
+
--> +
+
+ {{statisticsCount.workercount.totalPerson}} +

+ + {{$t('message.dataBoard.numberOfPresent')}} +

+
+
+ {{statisticsCount.workercount.totalPerson}} +

+ + {{$t('message.dataBoard.realnameSystem')}} +

+
+
+ {{ statisticsCount.presencecount.lsPersonTotal}} + / + {{statisticsCount.workercount.lsPersonTotal}} +

+ + {{$t('message.dataBoard.numberOfTemporaryWorkers')}} +

+
- 项目管理人员 -

679

- 特种作业人员 -

679

+

679

+

679

- 一般作业人员 -

679

- 临时作业人员 -

679

+ 在册甲方管理人员数 + 在场甲方管理人员数 +
+
+

679

+

679

+
+
+ 在册劳务人员数 + 在场劳务人员数 +
+
+
+ {{$t('message.dataBoard.managementPersonnelStatistics')}} +
+
+
+
+ {{statisticsCount.presencecount.jlGlPersonTotal}} + / + {{statisticsCount.workercount.jlGlPersonTotal}} +

+ + {{$t('message.dataBoard.supervisoryStaff')}} +

+
+
+ +
+
+
+
+ {{statisticsCount.presencecount.jfGlPersonTotal}} + / + {{statisticsCount.workercount.jfGlPersonTotal}} +

+ + {{$t('message.dataBoard.PartyAPersonnel')}} +

+
+
+ +
+
+
+
+ {{statisticsCount.presencecount.yfGlPersonTotal}} + / + {{statisticsCount.workercount.yfGlPersonTotal}} +

+ + {{$t('message.dataBoard.PartyBPersonnel')}} +

+
+
+ +
+
@@ -44,7 +119,51 @@ export default { } }, data() { - return {}; + return { + statisticsCount: { + attendancePersonNum: 0, + educationPersonNum: 0, + workercount: { + lwPersonYesterdayAdd: 0, + eduPersonTotal: 0, + jfGlPersonTotal: 0, + age18: 0, + age18to25: 0, + womanPersonTotal: 0, + lsPersonTotal: 0, + jlGlPersonTotal: 0, + age45to60: 0, + lwPersonTotal: 0, + manPersonTotal: 0, + totalPerson: 0, + age25to35: 0, + glPersonTotal: 0, + yfGlPersonTotal: 0, + avgage: 0, + age35to45: 0, + glPersonYesterdayAdd: 0, + age60: 0 + }, + presencecount: { + jfGlPersonTotal: 0, + age18: 0, + age18to25: 0, + womanPersonTotal: 0, + lsPersonTotal: 0, + jlGlPersonTotal: 0, + age45to60: 0, + lwPersonTotal: 0, + manPersonTotal: 0, + totalPerson: 0, + age25to35: 0, + glPersonTotal: 0, + yfGlPersonTotal: 0, + avgage: 0, + age35to45: 0, + age60: 0 + } + } + }; } }; @@ -55,61 +174,127 @@ export default { height: 100%; border: 1px solid #0081c3; + .statisticsHead { + display: flex; + justify-content: space-around; + margin: 20px 0px; + background-image: linear-gradient( + to right, + rgba(92, 226, 246, 0), + rgba(92, 226, 246, 0.2), + rgba(92, 226, 246, 0) + ); + .statisticsHead_item { + box-sizing: border-box; + width: 113px; + height: 50px; + font-size: 16px; + text-align: center; + padding-top: 5px; + span { + font-size: 20px; + } + } + } .titleTxt { font-size: 18px; color: #6ee4f0; 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; - width:50px; - height:50px; - } - .info { - margin-top: 5px; - .num1 { - color: #309b8a; - } - .num2 { - color: #f7d400; - } - .label { - font-size: 12px; - } - .label1 { - width: 68px; - } - } - } - } + // .personCount { + // display: flex; + // margin-top: 30px; + // margin-left: 30px; + // margin-bottom: 30px; + // .countItem { + // flex: 1; + // height: 35%; + // display: flex; + // img { + // margin-right: 8px; + // width: 50px; + // height: 50px; + // } + // .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; + height: 23px; + line-height: 23px; + // margin-bottom: 10px; + span { + width: 168px; + text-align: left; + font-size: 16px; margin-right: 10px; } .person { - width: 15%; + width: 25%; text-align: center; - margin-right: 30px; + margin-right: 60px; color: #47b1c4; - background-image: url(~@/assets/images/projectImg/numBgc.png); - background-size:100%; - background-repeat: no-repeat; + // background-image: url(~@/assets/images/projectImg/numBgc.png); + // background-size:100%; + // background-repeat: no-repeat; + } + } + .minTit { + color: #ffffff; + margin-top: 20px; + .point { + width: 8px; + height: 8px; + margin-left: 20px; + border-radius: 50%; + background-color: #5be1f5; + display: inline-block; + } + } + .management { + display: flex; + justify-content: space-between; + position: absolute; + margin-top: 20px; + // top: 2%; + left: 5%; + .management_item { + box-sizing: border-box; + position: relative; + width: 120px; + text-align: start; + margin-right: 15px; + .item_content { + position: absolute; + left: 50px; + } + .itemImgBox { + width: 40px; + height: 40px; + border-radius: 50%; + img { + margin-top: 8px; + margin-left: 8px; + width: 23px; + height: 23px; + } + } } } }