From 3a2e40198d6891ed0d03cf08d58798ac2192612f Mon Sep 17 00:00:00 2001
From: besscroft <besscroft@foxmail.com>
Date: Sat, 13 Apr 2024 22:46:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=A4=87=E4=BB=BD?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/admin/system.vue         | 51 +++++++++++++++++++++++++++++++++-
 server/api/getImageJson.get.ts | 19 +++++++++++++
 2 files changed, 69 insertions(+), 1 deletion(-)
 create mode 100644 server/api/getImageJson.get.ts

diff --git a/pages/admin/system.vue b/pages/admin/system.vue
index 9bd33ae..112fb5a 100644
--- a/pages/admin/system.vue
+++ b/pages/admin/system.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { breakpointsTailwind, useBreakpoints } from '@vueuse/core'
+import { breakpointsTailwind, useBreakpoints, useDateFormat, useNow } from '@vueuse/core'
 import type { FormError, FormSubmitEvent } from '#ui/types'
 
 const breakpoints = useBreakpoints(breakpointsTailwind)
@@ -7,6 +7,7 @@ const mdAndLarger = breakpoints.greaterOrEqual('md')
 const toast = useToast()
 const userLoading = ref<boolean>(false)
 const storageLoading = ref<boolean>(false)
+const backupLoading = ref<boolean>(false)
 const storageInfo = ref()
 const user = useUserStore()
 const showS3Modal = ref<boolean>(false)
@@ -171,6 +172,39 @@ const updateAlist = async () => {
   }
 }
 
+const backupHandle = async () => {
+  try {
+    backupLoading.value = true
+    const res = await $fetch('/api/getImageJson', {
+      method: 'get',
+      headers: {
+        Authorization: `${user.tokenName} ${user.token}`,
+      },
+    })
+    if (res?.code === 200) {
+      toast.add({ title: '备份数据获取成功！', timeout: 2000 })
+      const blob = new Blob([JSON.stringify(res?.data)], {
+        type: 'application/json',
+      })
+      const url = URL.createObjectURL(blob)
+      const a = document.createElement('a')
+      a.href = url
+      const formatted = useDateFormat(useNow(), 'YYYY-MM-DD-HH-mm-ss')
+      a.download = `kamera-backup-${formatted.value}.json`
+      document.body.appendChild(a)
+      a.click()
+      document.body.removeChild(a)
+    } else {
+      toast.add({ title: '备份数据获取失败！', timeout: 2000, color: 'red' })
+    }
+  } catch (e) {
+    console.log(e)
+    toast.add({ title: '备份数据获取失败！', timeout: 2000, color: 'red' })
+  } finally {
+    backupLoading.value = false
+  }
+}
+
 onMounted(async () => {
   await getStorageInfo()
 })
@@ -205,6 +239,21 @@ definePageMeta({
                 </UButton>
               </UForm>
             </div>
+            <UDivider
+              label="备份"
+              my-2
+              :ui="{ label: 'text-primary-500 dark:text-primary-400' }"
+            />
+            <UButton
+              icon="i-carbon-data-backup"
+              size="sm"
+              color="white"
+              variant="solid"
+              label="备份"
+              :trailing="false"
+              @click="backupHandle"
+              :loading="backupLoading"
+            />
           </el-card>
         </div>
       </template>
diff --git a/server/api/getImageJson.get.ts b/server/api/getImageJson.get.ts
new file mode 100644
index 0000000..4401563
--- /dev/null
+++ b/server/api/getImageJson.get.ts
@@ -0,0 +1,19 @@
+import sql from '~/config/db'
+
+export default defineEventHandler(async (event) => {
+  const data = await sql`
+      SELECT 
+          * 
+      FROM 
+          public.kamera_image
+      WHERE
+          del = 0
+      ORDER BY sort DESC, create_time DESC, update_time DESC
+  `
+
+  if (!data) {
+    return Response.json({ code: 500, message: '没有数据！', data: null})
+  }
+
+  return Response.json({ code: 200, message: 'success', data: data})
+})