updatecode

assets/scss/common/input.scss

@@ -266,6 +266,13 @@ input[type="checkbox"] {
         }
       }
     }
+    .ant-checkbox-wrapper-disabled {
+      .ant-checkbox-inner {
+        &.ant-checkbox-inner::after {
+          border-color: map-deep-get($config, #{$theme}, "ant-checkbox-disabled-color") !important;
+        }
+      }
+    }
 
     .v-input-popup__custom {
       .v-input__slot {

assets/scss/layout.scss

@@ -1,27 +1,18 @@
-.loading-container {
+.loading {
+  z-index: 99;
   position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 9999;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  transform: translate(-50%, -50%);
   background-color: rgba(0, 0, 0, 0.4);
   //box-shadow: rgba(68, 67, 67, 0.9) 0 0 0 9999px;
 }
 
-.loading-img {
-  width: 64px;
-  height: 64px;
-  animation: spin 3s linear infinite;
-}
- 
-@keyframes spin {
-  100% {
-    transform: rotate(360deg);
-  }
+.v-spinner {
+  top: 50%;
+  left: 50%;
 }
 
 ::v-deep {

assets/scss/var.scss

@@ -190,6 +190,7 @@ $config: (
     highlighted-bg-opacity: 0.08,
     ant-checkbox-disabled-bg: #FFFFFF14,
     ant-checkbox-disabled-border: #424242,
+    ant-checkbox-disabled-color: #FFFFFF40,
   ),
   light: (w-g5: $--color-gray_555,
     g5-w: $--color-white,
@@ -343,5 +344,6 @@ $config: (
     highlighted-bg-opacity: 0.04,
     ant-checkbox-disabled-bg: #0000000A,
     ant-checkbox-disabled-border: #D9D9D9,
+    ant-checkbox-disabled-color: #00000040,
   ),
 );

components/common/chartoptions/GaugeChart.js

@@ -1,6 +1,5 @@
 // Gauge chart options
-export default function getGaugeChartOption({ title, min = 0, max = 160, unit = '%', isDarkMode = false, backgroundRadius = 97,
-    value = 0 }) {
+export default function getGaugeChartOption({ title, min = 0, max = 160, unit = '%', isDarkMode = false, backgroundRadius = 97 }) {
     const colorRanges = isDarkMode
         ? [
             [60 / 160, '#49AA19'], // Dark Green
@@ -25,9 +24,6 @@ export default function getGaugeChartOption({ title, min = 0, max = 160, unit =
     //     [0.8, "#f7931e"],
     //     [1.0, "#ed1c24"],
     // ];
-    
-    const valueLength = String(value).length;
-    const dynamicFontSize = valueLength >= 4 ? 21 : 30;
     return {
         grid: {
             // top: '-10%',
@@ -113,7 +109,7 @@ export default function getGaugeChartOption({ title, min = 0, max = 160, unit =
                     valueAnimation: true,
                     fontWeight: 500, // or "normal", "lighter", "bolder", or a number like 600
                     fontFamily: "Oxanium, sans-serif", // or any custom font
-                    fontSize: dynamicFontSize,
+                    fontSize: 30,
                     lineHeight: 25,
                     offsetCenter: [0, "60%"],
                     color: isDarkMode ? "#fff" : "#333333",
@@ -134,7 +130,7 @@ export default function getGaugeChartOption({ title, min = 0, max = 160, unit =
                 },
                 data: [
                     {
-                        value: value,
+                        value: 16,
                         name: "에너지사용효율", // "Energy Usage Efficiency"
                     },
                 ],

layouts/default.vue

@@ -155,8 +155,9 @@
           </v-row>
         </v-container>
         <div v-if="loadingStackCnt > 0" class="loading-container">
-            <!-- <Fade-loader color="#717577" />   -->
-          <img class="loading-img" src="@/assets/images/loading.png" alt="Loading..." />
+          <div class="loading">
+            <Fade-loader />
+          </div>
         </div>
       </v-main>
     </fullscreen>

pages/ems/effc/EnrgUseTotSummPage.vue

@@ -442,7 +442,7 @@ export default {
 
           chartOption = getGaugeChartOption({
             title: chartKey,
-            value: currentChartData["effcRt"],
+            value: 75,
             isDarkMode: this.isDarkMode,
             backgroundRadius: 89,
           });

pages/ems/effc/EqpmIndMntrPage.vue

@@ -613,34 +613,20 @@ export default {
         apiKey = "selectMonthlyEnrgUseMainIdx";
         apiKey2 = "selectMonthlyEnrgUseMainIdxPageTotal";
       }
+      var res = await this.postApiReturn({
+        apiKey: apiKey,
+        resKey: "eqpmIndMntrData",
+        sendParam: params,
+      });
 
-      
-      var [res, res2] = await Promise.all([
-        this.postApiReturn({
-          apiKey: apiKey,
-          resKey: "eqpmIndMntrData",
-          sendParam: params,
-        }),
-        this.postApiReturn({
-          apiKey: apiKey2,
-          resKey: "eqpmIndMntrPageTotal",
-          sendParam: params,
-        }),
-      ]);
-
-      // var res = await this.postApiReturn({
-      //   apiKey: apiKey,
-      //   resKey: "eqpmIndMntrData",
-      //   sendParam: params,
-      // });
-
-      // var res2 = await this.postApiReturn({
-      //   apiKey: apiKey2,
-      //   resKey: "eqpmIndMntrPageTotal",
-      //   sendParam: params,
-      // });
+      var res2 = await this.postApiReturn({
+        apiKey: apiKey2,
+        resKey: "eqpmIndMntrPageTotal",
+        sendParam: params,
+      });
 
       this.totalCount = res2[0].totalcount;
+
       this.enrgUseMainIdxDesc = await this.postApiReturn({
         apiKey: "selectEnrgUseMainIdxDesc",
         resKey: "eqpmIndMntrData",
@@ -656,12 +642,14 @@ export default {
           no: i + 1,
         });
       }
+
       this.setGridData({
         gridKey: this.gridName,
         value: newRes,
       });
 
       this.loadGrid = true;
+
       this.makeTooltip();
     },
     async search() {