diff --git a/src/modules/04_system/components/01_cardBackupRestore.vue b/src/modules/04_system/components/01_cardBackupRestore.vue
index b8ca754a..0d16360e 100644
--- a/src/modules/04_system/components/01_cardBackupRestore.vue
+++ b/src/modules/04_system/components/01_cardBackupRestore.vue
@@ -19,6 +19,7 @@ const {
   dialogRemove,
   dialogConfirm,
   onSearchDataTable,
+  success,
 } = useCounterMixin();
 const {
   createBackUp,
@@ -119,6 +120,10 @@ function onRestore(name: string) {
 
 const dataMain = ref<DataBackup[]>([]);
 
+function onDownloadFile(id: string) {
+  success($q, "รอ API");
+}
+
 function serchDataTable() {
   dataBackUp.value = onSearchDataTable(
     filter.value,
@@ -232,6 +237,18 @@ onMounted(async () => {
               <q-tooltip>ลบข้อมูลสำรอง</q-tooltip>
             </q-btn>
 
+            <q-btn
+              v-if="props.row.status !== 'running'"
+              dense
+              flat
+              round
+              icon="mdi-download"
+              color="primary"
+              @click.petvent="onDownloadFile(props.row.id)"
+            >
+              <q-tooltip>ดาวน์โหลดข้อมูลสำรอง</q-tooltip>
+            </q-btn>
+
             <q-btn
               v-if="props.row.status !== 'running'"
               dense