Changes

src/main/resources/views/layouts/v4/home/stats.js

@@ -12,7 +12,7 @@ const stats = {
                         @mouseenter="onMouseEnter"
                         @mouseleave="onMouseLeave"
                 >
-                    <div class="stat-icon">
+                    <div class="stat-icon stat-icon-hidden">
                         <i class="fa fa-clock-o"></i>
                     </div>
                     <div class="stat-content">
@@ -28,7 +28,7 @@ const stats = {
                         @mouseenter="onMouseEnter"
                         @mouseleave="onMouseLeave"
                 >
-                    <div class="stat-icon">
+                    <div class="stat-icon stat-icon-hidden">
                         <i class="fa fa-check-circle"></i>
                     </div>
                     <div class="stat-content">
@@ -44,7 +44,7 @@ const stats = {
                         @mouseenter="onMouseEnter"
                         @mouseleave="onMouseLeave"
                 >
-                    <div class="stat-icon">
+                    <div class="stat-icon stat-icon-hidden">
                         <i class="fa fa-bell"></i>
                     </div>
                     <div class="stat-content">
@@ -60,7 +60,7 @@ const stats = {
                         @mouseenter="onMouseEnter"
                         @mouseleave="onMouseLeave"
                 >
-                    <div class="stat-icon">
+                    <div class="stat-icon stat-icon-hidden">
                         <i class="fa fa-file-text"></i>
                     </div>
                     <div class="stat-content">
@@ -122,7 +122,7 @@ const stats = {
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin: -130px auto 0;
+            margin: 20px auto 0;
             /*border: 1px solid #e8e8e8;*/
         }
 
@@ -131,7 +131,8 @@ const stats = {
             grid-template-columns: repeat(2, 1fr);
             gap: 16px;
             width: 32%;
-            margin-left: 20px;
+            min-width: 360px;
+            margin-left: auto;
         }
 
         .stat-item {
@@ -162,6 +163,11 @@ const stats = {
             justify-content: center;
         }
 
+        /* 临时屏蔽待办、已办、消息、发起四个统计图标 */
+        .stat-icon-hidden {
+            display: none !important;
+        }
+
         .stat-item.pending .stat-icon,
         .stat-item.completed .stat-icon,
         .stat-item.messages .stat-icon,
@@ -185,7 +191,7 @@ const stats = {
         .stat-content {
             display: flex;
             flex-direction: column;
-            margin-left: 10px;
+            margin-left: 0;
         }
 
         .stat-label {
@@ -209,5 +215,10 @@ const stats = {
             height: 190px !important;
             border-radius: 30px;
         }
+
+        /* 临时屏蔽“欢迎来到职工之家”图片，保留原节点便于恢复 */
+        .stats-family {
+            display: none;
+        }
     `
 };