From 0bbd86f2413ac4876aa305d8fd63e8426a891c5d Mon Sep 17 00:00:00 2001
From: ko1234 <ko.ko@mjmtech.com.tw>
Date: Mon, 4 Nov 2024 16:07:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=B3=BB=E7=B5=B1=E5=B0=8F?=
 =?UTF-8?q?=E5=8D=A1=E8=BC=AA=E6=92=AD=E5=9C=96=E5=9C=96=E7=89=87=E7=9A=84?=
 =?UTF-8?q?=E5=BA=95=E8=89=B2=20|=20table=E7=AF=A9=E9=81=B8=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/customUI/Table.vue                       | 2 +-
 src/views/dashboard/components/DashboardSysProgress.vue | 4 ++--
 src/views/graphManagement/components/GraphModal.vue     | 6 +++---
 src/views/graphManagement/components/GraphSidebar.vue   | 4 ++--
 src/views/system/components/SystemInfoModalImage.vue    | 9 ++++-----
 5 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/customUI/Table.vue b/src/components/customUI/Table.vue
index 982b163..6d27bec 100644
--- a/src/components/customUI/Table.vue
+++ b/src/components/customUI/Table.vue
@@ -161,7 +161,7 @@ watch(
   <div :class="withStyle ? 'content-box' : 'py-5'">
     <div class="content-decoration">
       <slot name="beforeTable"></slot>
-      <form ref="form " class="overflow-x-auto">
+      <form ref="form" class="overflow-x-auto">
         <table
           :class="
             twMerge(
diff --git a/src/views/dashboard/components/DashboardSysProgress.vue b/src/views/dashboard/components/DashboardSysProgress.vue
index b443226..a685e06 100644
--- a/src/views/dashboard/components/DashboardSysProgress.vue
+++ b/src/views/dashboard/components/DashboardSysProgress.vue
@@ -73,11 +73,11 @@ const getProgressValue = (group) => {
             <img src="@ASSET/img/state-ul.svg" />
             <div class="box">
               <div class="mark">
-                <span>{{ group[0].value }}</span>
+                <span class="w-10">{{ group[0].value }}</span>
                 <span
                   ><img class="w-[50px]" src="@ASSET/img/state-ul-text.svg" />
                 </span>
-                <span>{{ group[1].value }}</span>
+                <span class="w-10">{{ group[1].value }}</span>
               </div>
               <progress
                 class="progress [&::-webkit-progress-value]:bg-red-600 [&::-moz-progress-bar]:bg-red-600"
diff --git a/src/views/graphManagement/components/GraphModal.vue b/src/views/graphManagement/components/GraphModal.vue
index ae0e807..327a5b2 100644
--- a/src/views/graphManagement/components/GraphModal.vue
+++ b/src/views/graphManagement/components/GraphModal.vue
@@ -43,9 +43,9 @@ const specOptions = computed(() => {
   return options.value.find(({ selected }) => selected)?.spec || [];
 });
 
-onMounted(() => {
-  getOption();
-});
+// onMounted(() => {
+//   getOption();
+// });
 
 const openModal = () => {
   graph_add_item.showModal();
diff --git a/src/views/graphManagement/components/GraphSidebar.vue b/src/views/graphManagement/components/GraphSidebar.vue
index 864a2ff..15314a9 100644
--- a/src/views/graphManagement/components/GraphSidebar.vue
+++ b/src/views/graphManagement/components/GraphSidebar.vue
@@ -130,8 +130,8 @@ const getNewFilename = async (e) => {
     });
     getData(res);
   } else if (
-    e.target.value !== "" &&
-    e.target.value !== selectedItem.value?.title
+    e?.target.value !== "" &&
+    e?.target.value !== selectedItem.value?.title
   ) {
     // 編輯
     const res = await updateSideBarTreeName({
diff --git a/src/views/system/components/SystemInfoModalImage.vue b/src/views/system/components/SystemInfoModalImage.vue
index 03c077a..c8e6cab 100644
--- a/src/views/system/components/SystemInfoModalImage.vue
+++ b/src/views/system/components/SystemInfoModalImage.vue
@@ -26,7 +26,7 @@ watch(
         <font-awesome-icon
           :icon="['fas', 'chevron-left']"
           size="lg"
-          class="text-[#a5abb1]"
+          class="text-[#1b1b1b]"
         />
       </div>
     </template>
@@ -35,7 +35,7 @@ watch(
         <font-awesome-icon
           :icon="['fas', 'chevron-right']"
           size="lg"
-          class="text-[#a5abb1]"
+          class="text-[#1b1b1b]"
         />
       </div>
     </template>
@@ -49,7 +49,8 @@ watch(
 /* For demo */
 :deep(.slick-slide) {
   text-align: center;
-  background: #1d2429;
+  background: #c5c5c5;
+  height: 400px;
   overflow: hidden;
 }
 
@@ -57,8 +58,6 @@ watch(
   width: 25px;
   height: 25px;
   font-size: 25px;
-  color: #fff;
-  background-color: rgba(31, 45, 61, 0.11);
   transition: ease all 0.3s;
   opacity: 0.3;
   z-index: 1;