From c6f6cf4aafb6ac3e86c704f279d2d945f77b27f9 Mon Sep 17 00:00:00 2001
From: ChuShiZ <slw0830@163.com>
Date: Mon, 21 Oct 2024 22:08:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=80=BB=E6=A3=80=20=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages-home/home/home.vue | 45 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 43 insertions(+), 2 deletions(-)

diff --git a/pages-home/home/home.vue b/pages-home/home/home.vue
index 9dfb1ab..ba36f70 100644
--- a/pages-home/home/home.vue
+++ b/pages-home/home/home.vue
@@ -22,7 +22,18 @@
           <image :src="item.icon" class="icon" mode="aspectFit"></image>
         </view>
       </view>
-
+      <!-- TODO 总检角色 -->
+      <view class="orderCount">
+        <view class="orderCountItem">
+          <text class="label">维修中</text>
+          <text class="value">4</text>
+        </view>
+        <view class="line"></view>
+        <view class="orderCountItem">
+          <text class="label">已完成</text>
+          <text class="value">6</text>
+        </view>
+      </view>
       <view class="todoListBox">
         <view class="title">
           待办工单
@@ -327,7 +338,7 @@ export default {
     display: grid;
     grid-template-columns: 1fr 1fr;
     column-gap: 30rpx;
-    margin: 0 32rpx;
+    margin: 0 32rpx 40rpx;
 
     .body-top-item {
       position: relative;
@@ -371,6 +382,36 @@ export default {
     }
   }
 
+  .orderCount {
+    margin: 40rpx 32rpx;
+    background: #FFFFFF;
+    border-radius: 8rpx 8rpx 8rpx 8rpx;
+    padding: 40rpx;
+    display: flex;
+    align-items: center;
+    .orderCountItem {
+      flex: 1;
+      width: 0;
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+      align-items: center;
+      .label {
+        color: #858BA0;
+      }
+      .value {
+        font-weight: bold;
+        font-size: 40rpx;
+        color: #333333;
+      }
+    }
+    .line {
+      height: 84rpx;
+      width: 1rpx;
+      background-color: #DDDDDD;
+    }
+  }
+
   .todoListBox {
     margin: 40rpx 32rpx;