From 71353914bccb9aa5028134205e7a00d421f21a4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E7=8F=AE=E5=AE=87?= <peiyu_ren@163.com>
Date: Mon, 27 Nov 2023 14:34:13 +0800
Subject: [PATCH] =?UTF-8?q?=20instances=20=E9=A1=B5=E9=9D=A2=20=E6=9C=80?=
 =?UTF-8?q?=E5=8F=B3=E8=BE=B9=E7=9A=84=E7=BB=9F=E8=AE=A1=E6=A8=A1=E5=9D=97?=
 =?UTF-8?q?=E4=B8=80=E5=88=86=E4=B8=BA=E4=BA=8C=E6=94=B9=E4=B8=BAUsed=20ca?=
 =?UTF-8?q?pacity=EF=BC=88=E5=B7=B2=E4=BD=BF=E7=94=A8=E5=AE=B9=E9=87=8F?=
 =?UTF-8?q?=EF=BC=89=E5=92=8Can=20unread=20mail=EF=BC=88=E6=9C=AA=E8=AF=BB?=
 =?UTF-8?q?=E9=82=AE=E4=BB=B6=E6=95=B0=E9=87=8F=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../emailMonitor/instances/index.vue          | 63 ++++++++++++++-----
 1 file changed, 48 insertions(+), 15 deletions(-)

diff --git a/src/views/abnormalAlarm/emailMonitor/instances/index.vue b/src/views/abnormalAlarm/emailMonitor/instances/index.vue
index bdb4098..c14c93c 100644
--- a/src/views/abnormalAlarm/emailMonitor/instances/index.vue
+++ b/src/views/abnormalAlarm/emailMonitor/instances/index.vue
@@ -86,20 +86,24 @@
           <div class="email-top-content-li email-top-content-item4">
             <div class="email-top-content-item4-left">
               <div class="email-top-content-item4-left-info">
-                <div class="email-top-content-item4-left-info-title">Store capacity</div>
+                <div class="email-top-content-item4-left-info-title">Used Capacity</div>
                 <div class="email-top-content-item4-left-info-val">
                   <h3>
-                    total：<span>{{ emailSpace.total || 0 }}</span>
-                  </h3>
-                  <h3>
-                    residue：<span>{{ emailSpace.residue || 0 }}</span>
+                    <span>{{ emailSpace.total || 0 }}</span>
                   </h3>
                 </div>
               </div>
               <img src="@/assets/images/abnormalAlarm/email-split.png" alt="" />
             </div>
             <div class="email-top-content-item4-right">
-              <div class="email-top-content-item4-right-chart" id="store"></div>
+              <div class="email-top-content-item4-right-info">
+                <div class="email-top-content-item4-right-info-title">An Unread Mail</div>
+                <div class="email-top-content-item4-right-info-val">
+                  <h3>
+                    <span>{{ emailSpace.AnUnreadMail || 0 }}</span>
+                  </h3>
+                </div>
+              </div>
             </div>
             <div class="email-top-content-li-rect" style="background: #e54f0d"></div>
           </div>
@@ -768,12 +772,12 @@ export default {
       width: 380px;
       border-left: 3px solid rgba(229, 79, 13, 0.8);
       &-left {
-        width: 172px;
+        width: 50%;
         height: 100%;
-        padding: 12px 15px;
+        padding: 12px 5px 12px 12px;
         float: left;
         &-info {
-          width: 140px;
+          width: 170px;
           height: 100%;
           float: left;
           &-title {
@@ -782,17 +786,20 @@ export default {
             font-weight: normal;
             line-height: 18px;
             color: #4fd3c8;
-            margin-top: 10px;
+            margin-top: 13px;
+            text-align: center;
           }
           &-val {
             font-family: ArialMT;
             font-size: 14px;
             font-weight: normal;
             line-height: 24px;
-            margin-top: 20px;
+            margin-top: 36px;
             h3 {
               color: #ade6ee;
               margin: 0;
+              font-size: 30px;
+              text-align: center;
               span {
                 font-family: MicrogrammaD-MediExte;
               }
@@ -801,13 +808,39 @@ export default {
         }
       }
       &-right {
-        width: 205px;
+        width: 50%;
         height: 100%;
-        padding: 0 15px 0 0;
+        padding: 12px 5px 12px 12px;
         float: left;
-        &-chart {
-          width: 100%;
+        &-info {
+          width: 170px;
           height: 100%;
+          float: left;
+          &-title {
+            font-family: ArialMT;
+            font-size: 16px;
+            font-weight: normal;
+            line-height: 18px;
+            color: #4fd3c8;
+            margin-top: 13px;
+            text-align: center;
+          }
+          &-val {
+            font-family: ArialMT;
+            font-size: 14px;
+            font-weight: normal;
+            line-height: 24px;
+            margin-top: 36px;
+            h3 {
+              color: #ade6ee;
+              margin: 0;
+              font-size: 30px;
+              text-align: center;
+              span {
+                font-family: MicrogrammaD-MediExte;
+              }
+            }
+          }
         }
       }
     }