From e20ddf985f5ead70c1b6b87abd928e9c7a56112c Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Mon, 15 Jul 2024 14:31:17 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=AD=E0=B8=B2=20tab=20restore=20?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=AD=E0=B8=81=20=E0=B9=83=E0=B8=AB=E0=B9=89?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=A2=E0=B8=B9=E0=B9=88=E0=B8=AB=E0=B8=99=E0=B9=89?=
 =?UTF-8?q?=E0=B8=B2=E0=B9=80=E0=B8=94=E0=B8=B5=E0=B8=A2=E0=B8=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../04_system/components/cardBackupRestore.vue  | 17 ++++++++---------
 src/modules/04_system/views/MainView.vue        |  1 -
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/modules/04_system/components/cardBackupRestore.vue b/src/modules/04_system/components/cardBackupRestore.vue
index d522b14e..0aee35fe 100644
--- a/src/modules/04_system/components/cardBackupRestore.vue
+++ b/src/modules/04_system/components/cardBackupRestore.vue
@@ -23,7 +23,7 @@ const { showLoader, hideLoader, date2Thai, dialogRemove, dialogConfirm } =
   useCounterMixin();
 const { fetchListBackup, createBackUp, restore, deleteBackUp } = useDataStore();
 const storeData = useDataStore();
-const { dataBackUp, backupRunTotal , restoreRunTotal } = storeToRefs(storeData);
+const { dataBackUp, backupRunTotal, restoreRunTotal } = storeToRefs(storeData);
 
 /**
  * props
@@ -113,7 +113,6 @@ function onRestore(name: string) {
 
 onMounted(async () => {
   setTimeout(() => {
-
     fetchListBackup();
   }, 1000);
 });
@@ -171,16 +170,18 @@ onMounted(async () => {
     >
       <template v-slot:header="props">
         <q-tr :props="props">
-          <q-th v-for="col, i in props.cols" :key="col.name" :props="props" >
-            <span class="text-weight-medium" :class="{ 'q-ml-md': i === 2}" >{{ col.label }}</span>
+          <q-th v-for="(col, i) in props.cols" :key="col.name" :props="props">
+            <span class="text-weight-medium" :class="{ 'q-ml-md': i === 2 }">{{
+              col.label
+            }}</span>
           </q-th>
           <q-th auto-width></q-th>
         </q-tr>
       </template>
       <template v-slot:body="props">
         <q-tr :props="props">
-          <q-td v-for="(col, i) in props.cols" :key="col.name" :props="props" >
-            <div :class="{ 'text-center': i === 2}">
+          <q-td v-for="(col, i) in props.cols" :key="col.name" :props="props">
+            <div :class="{ 'text-center': i === 2 }">
               {{ i !== 2 ? col.value : col.value === "สำเร็จ" ? "สำเร็จ" : "" }}
 
               <q-circular-progress
@@ -195,7 +196,6 @@ onMounted(async () => {
           </q-td>
           <q-td>
             <q-btn
-              v-if="tab === 'backup'"
               dense
               flat
               round
@@ -208,11 +208,10 @@ onMounted(async () => {
             </q-btn>
 
             <q-btn
-              v-else
               dense
               flat
               round
-              :disable="restoreRunTotal !== 0 "
+              :disable="restoreRunTotal !== 0"
               icon="restore"
               color="primary"
               size="12px"
diff --git a/src/modules/04_system/views/MainView.vue b/src/modules/04_system/views/MainView.vue
index 3c484213..315aee20 100644
--- a/src/modules/04_system/views/MainView.vue
+++ b/src/modules/04_system/views/MainView.vue
@@ -17,7 +17,6 @@ import Card from "@/modules/04_system/components/cardBackupRestore.vue";
 const tab = ref<string>("backup");
 const tabItems = ref<ItemsTeb[]>([
   { name: "backup", label: "Backup", icon: "mdi-database" },
-  { name: "restore", label: "Restore", icon: "restore" },
 ]);
 </script>