From ea373fa41ff8b78437724e4ce9341cd40d825e95 Mon Sep 17 00:00:00 2001
From: Vce <daisy_vce@yeah.net>
Date: Thu, 13 Jun 2024 11:29:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=AE=8C=E6=88=90=E7=8E=B0=E5=9C=BA?=
 =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E4=B8=AD=E4=B8=8B=E5=B7=A6=E8=BE=B9=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E5=8A=B3=E5=8A=A1=E5=AE=9E=E5=90=8D=E5=88=B6=E9=9D=99?=
 =?UTF-8?q?=E6=80=81=E9=A1=B5=E9=9D=A2=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../liveScreen/centerBottomLeft.vue           | 123 +++++++++++++++++-
 1 file changed, 122 insertions(+), 1 deletion(-)

diff --git a/src/views/agjtLiveScreen/liveScreen/centerBottomLeft.vue b/src/views/agjtLiveScreen/liveScreen/centerBottomLeft.vue
index d96752a..fbd74fb 100644
--- a/src/views/agjtLiveScreen/liveScreen/centerBottomLeft.vue
+++ b/src/views/agjtLiveScreen/liveScreen/centerBottomLeft.vue
@@ -1,7 +1,45 @@
 <template>
 	<div class="centerBottomLeft">
 		<Card title="劳务实名制">
-			
+			<div class="mainContainer">
+				<div class="topBox">
+					<div class="topInner1">
+						<div class="innerText">
+							<div>今日出勤总人数</div>
+							<div>1024</div>
+						</div>
+					</div>
+					<div class="topInner2">
+						<div class="innerText">
+							<div>在册人数</div>
+							<div>512</div>
+						</div>
+					</div>
+				</div>
+				<div class="bottomBox">
+					<div class="listItem">
+						<div class="itemInfo1">
+							<div style="width:50px;text-align:center">1</div>
+							<div>钢筋工-张三</div>
+						</div>
+						<div class="itemInfo2">20/40</div>
+					</div>
+					<div class="listItem">
+						<div class="itemInfo1">
+							<div style="width:50px;text-align:center">2</div>
+							<div>钢筋工-张三</div>
+						</div>
+						<div class="itemInfo2">20/40</div>
+					</div>
+					<div class="listItem">
+						<div class="itemInfo1">
+							<div style="width:50px;text-align:center">3</div>
+							<div>钢筋工-张三</div>
+						</div>
+						<div class="itemInfo2">20/40</div>
+					</div>
+				</div>
+			</div>
 		</Card>
 	</div>
 </template>
@@ -18,6 +56,89 @@ import { GlobalStore } from "@/stores";
 .centerBottomLeft {
 	width: 100%;
 	height: 100%;
+	.mainContainer{
+		width: calc(100% - 20px);
+		padding: 0 10px;
+		height: 100%;
+		.topBox{
+			width:100%;
+			// padding: 0 50px;
+			height: 25%;
+			display: flex;
+			justify-content: space-around;
+			.topInner1{
+				width: 40%;
+				height: 100%;
+				background-color: #fff;
+				background: url("@/assets/images/comprehensiveManage/project9.png") no-repeat;
+				background-size: 100% 100%;
+				.innerText{
+					color: #fff;
+					float: right;
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+					font-size: 15px;
+					transform: translateY(15px);
+					font-style: italic;
+				}
+			}
+			.topInner2{
+				width: 40%;
+				height: 100%;
+				background-color: #fff;
+				background: url("@/assets/images/comprehensiveManage/project12.png") no-repeat;
+				background-size: 100% 100%;
+				.innerText{
+					color: #fff;
+					float: right;
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+					font-size: 15px;
+					transform: translateX(-25px) translateY(15px);
+					font-style: italic;
+				}
+			}
+		}
+		.bottomBox{
+			// width:calc(100% - 20px);
+			width: 100%;
+			height: calc(75% - 5px);
+			// border: 1px solid white;
+			// display: flex;
+			// flex-direction: column;
+			// justify-content: space-around;
+			.listItem{
+				width: 100%;
+				height: 27%;
+				margin-bottom: 10px;
+				background-color: rgba($color: #062d5a, $alpha: 0.8);
+				font-size: 18px;
+				color: #fff;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				border-bottom: 2px solid;
+  				// border-image: linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00) 1;
+  				border-image: linear-gradient(to right, transparent 0%, #0674e8, rgba(0,0,0,0.1)) 0.5;
+  				// background-size: 100% 100%;
+				background-position: left center;
+
+
+				.itemInfo1{
+					width: auto;
+					display: flex;
+				}
+				.itemInfo2{
+					width: auto;
+					margin-right: 15px;
+				}
+			}
+		}
+	}
 }
 ::v-deep .h-card .content {
 	height: 80%;