[admin] add setting backup

admin/src/views/setting/form-backup.vue

@@ -0,0 +1,157 @@
+<template>
+    <el-form :model="formData" :rules="rules" ref="formRef" label-width="250px" class="formData">
+        <el-form-item label="Enabled" prop="backup.enabled">
+            <el-radio v-model="formData.backup.enabled" label="yes">Yes</el-radio>
+            <el-radio v-model="formData.backup.enabled" label="no">No</el-radio>
+            <div class="nexus-help-text">
+                Enable backup or not.
+            </div>
+        </el-form-item>
+
+        <el-form-item label="Frequency" prop="backup.frequency">
+            <el-radio v-model="formData.backup.frequency" label="daily">Daily</el-radio>
+            <el-radio v-model="formData.backup.frequency" label="hourly">Hourly</el-radio>
+            <div class="nexus-help-text">
+                Backup Frequency.
+            </div>
+        </el-form-item>
+
+        <el-form-item label="Hour" prop="backup.hour">
+            <el-select v-model="formData.backup.hour" filterable >
+                <el-option
+                    v-for="item in 24"
+                    :key="item"
+                    :label="item-1"
+                    :value="item-1">
+                </el-option>
+            </el-select>
+            <div class="nexus-help-text">
+                Do backup at this hour, If frequency  = 'hourly', this value will be ignore.
+            </div>
+        </el-form-item>
+
+        <el-form-item label="Minute" prop="backup.minute">
+            <el-select v-model="formData.backup.minute" filterable >
+                <el-option
+                    v-for="item in 60"
+                    :key="item"
+                    :label="item-1"
+                    :value="item-1">
+                </el-option>
+            </el-select>
+            <div class="nexus-help-text">
+                Do backup at this minute.
+            </div>
+        </el-form-item>
+
+        <el-form-item label="Google drive client ID" prop="backup.google_drive_client_id">
+            <el-input v-model="formData.backup.google_drive_client_id" label="Google drive client ID"></el-input>
+            <div class="nexus-help-text">
+                Google drive client ID.
+            </div>
+        </el-form-item>
+
+        <el-form-item label="Google drive client secret" prop="backup.google_drive_client_secret">
+            <el-input v-model="formData.backup.google_drive_client_secret" label="Google drive client secret"></el-input>
+            <div class="nexus-help-text">
+                Google drive client secret.
+            </div>
+        </el-form-item>
+
+        <el-form-item label="Google drive refresh token" prop="backup.google_drive_refresh_token">
+            <el-input v-model="formData.backup.google_drive_refresh_token" label="Google drive refresh token"></el-input>
+            <div class="nexus-help-text">
+                Google drive refresh token.
+            </div>
+        </el-form-item>
+
+        <el-form-item label="Google drive folder ID" prop="backup.google_drive_folder_id">
+            <el-input v-model="formData.backup.google_drive_folder_id" label="Google drive folder ID"></el-input>
+            <div class="nexus-help-text">
+                Google drive folder ID. If not set, will store in root.
+            </div>
+        </el-form-item>
+
+        <el-form-item>
+            <el-button type="primary" @click="submitAdd()">Submit</el-button>
+        </el-form-item>
+    </el-form>
+</template>
+
+<script>
+import { reactive, ref, toRefs, onMounted, onBeforeUnmount, getCurrentInstance } from 'vue'
+import { ElMessage } from 'element-plus'
+import { useRoute, useRouter } from 'vue-router'
+import { localGet } from '../../utils'
+import api from "../../utils/api";
+
+export default {
+    name: 'SettingFormBasic',
+    setup() {
+        const { proxy } = getCurrentInstance()
+        const formRef = ref(null)
+        const route = useRoute()
+        const router = useRouter()
+        const { id } = route.query
+        const state = reactive({
+            token: localGet('token') || '',
+            id: id,
+            allClasses: [],
+            formData: {
+                backup: {
+                    enabled: '',
+                    frequency: '',
+                    hour: '',
+                    minute: '',
+                    google_drive_client_id: '',
+                    google_drive_client_secret: '',
+                    google_drive_refresh_token: '',
+                    google_drive_folder_id: '',
+                }
+            },
+            rules: {
+                'backup.enabled': [{ required: 'true',  }],
+            },
+        })
+        onMounted( () => {
+
+        })
+        onBeforeUnmount(() => {
+
+        })
+        const submitAdd = () => {
+            formRef.value.validate(async (vaild) => {
+                if (vaild) {
+                    let params = state.formData;
+                    console.log(params)
+                    let res = await api.storeSetting(params)
+                    ElMessage.success(res.msg)
+                }
+            })
+        }
+        const handleBeforeUpload = (file) => {
+            const sufix = file.name.split('.')[1] || ''
+            if (!['jpg', 'jpeg', 'png'].includes(sufix)) {
+                ElMessage.error('请上传 jpg、jpeg、png 格式的图片')
+                return false
+            }
+        }
+        const listSetting = async () => {
+            let res = await api.listSetting({prefix: "backup"})
+            console.log("listSetting", res)
+            state.formData = res.data
+        }
+        return {
+            ...toRefs(state),
+            formRef,
+            submitAdd,
+            handleBeforeUpload,
+            listSetting,
+        }
+    }
+}
+</script>
+
+<style scoped>
+
+</style>

admin/src/views/setting/form-basic.vue

@@ -24,7 +24,6 @@ export default {
     name: 'SettingFormBasic',
     setup() {
         const { proxy } = getCurrentInstance()
-        console.log('proxy', proxy)
         const formRef = ref(null)
         const route = useRoute()
         const router = useRouter()
@@ -45,8 +44,6 @@ export default {
             },
         })
         onMounted( () => {
-            listAllClass()
-            listAllIndex()
             if (id) {
                 api.getExam(id).then(res => {
                     state.formData.name = res.data.name

admin/src/views/setting/index.vue

@@ -1,8 +1,7 @@
 <template>
-    <el-tabs type="border-card">
+    <el-tabs type="border-card" @tab-click="handleTabClick">
+        <el-tab-pane label="Backup"><FormBackup ref="backup" /></el-tab-pane>
         <el-tab-pane label="Basic"><FormBasic /></el-tab-pane>
-        <el-tab-pane label="Main"><FormMain /></el-tab-pane>
-        <el-tab-pane label="Smtp">Smtp</el-tab-pane>
     </el-tabs>
 </template>
 
@@ -14,21 +13,22 @@ import api from '../../utils/api'
 import { useTable, renderTableData } from '../../utils/table'
 import FormBasic from './form-basic.vue'
 import FormMain from './form-main.vue'
+import FormBackup from './form-backup.vue'
 
 export default {
     name: 'Setting',
     components: {
-        FormBasic, FormMain,
+        FormBasic, FormMain, FormBackup
     },
     setup() {
         const multipleTable = ref(null)
         const router = useRouter()
-
+        const backup = ref(null)
         const state = useTable()
 
         onMounted(() => {
-            console.log('ExamTable onMounted')
-            fetchTableData()
+            console.log('Setting onMounted')
+            backup.value.listSetting()
         })
         const fetchTableData = async () => {
             state.loading = true
@@ -55,6 +55,9 @@ export default {
             state.query.page = val
             fetchTableData()
         }
+        const handleTabClick = (val) => {
+            console.log('handleTabClick', val)
+        }
         return {
             ...toRefs(state),
             multipleTable,
@@ -62,8 +65,10 @@ export default {
             handleAdd,
             handleEdit,
             handleDelete,
+            handleTabClick,
             fetchTableData,
             changePage,
+            backup,
         }
     }
 }