From c832bf2e80ac465e71b7a1c1f7a59d4252030989 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Tue, 05 Aug 2025 17:33:08 +0800
Subject: [PATCH] feat:事件工单滚动条

---
 src/views/wel/components/proportionStatic.vue |   37 ++++++++++++++++---------------------
 1 files changed, 16 insertions(+), 21 deletions(-)

diff --git a/src/views/wel/components/proportionStatic.vue b/src/views/wel/components/proportionStatic.vue
index f83bd7e..2c1142a 100644
--- a/src/views/wel/components/proportionStatic.vue
+++ b/src/views/wel/components/proportionStatic.vue
@@ -71,7 +71,6 @@
 const getTypeData = () => {
   getJobEventByStatus(params.value).then(res => {
     const resList = res?.data?.data || [];
-
     resList.forEach(item => {
       eventTypeList.value.forEach(item1 => {
         if (item1.name === item.name) {
@@ -84,9 +83,9 @@
   });
 };
 const refresh = () => {
-  params.value.date_enum = 'CURRENT_YEAR';
-  checked.value = 'CURRENT_YEAR';
-  dateSelect.value = 'CURRENT_YEAR';
+  // params.value.date_enum = 'CURRENT_YEAR';
+  // checked.value = 'CURRENT_YEAR';
+  // dateSelect.value = 'CURRENT_YEAR';
   getTypeData();
 };
 
@@ -188,12 +187,12 @@
   border-radius: 8px 8px 8px 8px;
   padding: 4px 14px 0 15px;
   background: #ffffff !important;
-//   height: 315px;
-    height: pxToVh(355);
+
+  height: pxToVh(282);
   margin-bottom: 10px;
   .card-title {
     display: flex;
-    margin-bottom: 10px;
+    margin-bottom: 4px;
     align-items: center;
     justify-content: space-between;
     .cardtotal {
@@ -241,19 +240,12 @@
       .status-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
-        // row-gap: 19px;
-        // gap: 10px;
-   
-        // padding-bottom: 5px;
-
         .status-item {
           display: flex;
           text-align: center;
           justify-content: space-between;
-        //   height: 97px;
-          height: pxToVh(107);
-          //   max-width: 158px;
-          margin-bottom: 19px;
+          height: pxToVh(97);
+          margin-bottom: 10px;
           margin-right: 14px;
           width: 144px;
           background: #f6f8fe;
@@ -266,10 +258,11 @@
           }
 
           .statusCon {
+            box-sizing: border-box;
             display: flex;
             flex-direction: column;
-            // align-items: center;
-            padding: 5px 4px 9px 10px;
+          justify-content: space-between;
+            padding: 10px 4px 39px 10px;
             text-align: left;
 
             .status-label {
@@ -277,6 +270,7 @@
               font-size: 14px;
               text-align: left;
               color: #383838;
+              margin: 0;
             }
 
             .ratio {
@@ -285,15 +279,16 @@
               color: #363636;
               white-space: nowrap;
               text-align: left;
+              margin-top: 10px;
             }
 
             .status-value {
               font-family: 'Source Han Sans CN';
               font-weight: bold;
-              font-size: 30px;
+              font-size: 28px;
+              height: 28px;
               color: #363636;
-              // margin: 5px 0;
-              // font-style: italic;
+            margin-top: -6px;
               display: inline-block;
               transform: skewX(-5deg);
 

--
Gitblit v1.9.3