From b66108ab4a9417151188db1248cdf17db0084e5d Mon Sep 17 00:00:00 2001
From: ssongliu <songlius11@163.com>
Date: Mon, 28 Nov 2022 14:09:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90=E7=BD=91=E7=AB=99?=
 =?UTF-8?q?=E5=A4=87=E4=BB=BD=E5=89=8D=E7=AB=AF=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/lang/modules/en.ts               |  3 +-
 frontend/src/lang/modules/zh.ts               |  3 +-
 .../src/views/database/mysql/upload/index.vue |  2 +-
 .../views/website/website/config/index.vue    |  1 -
 frontend/src/views/website/website/index.vue  | 32 ++++++++++++++++++-
 5 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 5c251d2d9..87320d6ad 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -32,6 +32,7 @@ export default {
             init: 'Init',
             verify: 'Verify',
             saveAndEnable: 'Save and enable',
+            import: 'import',
         },
         search: {
             timeStart: 'Time start',
@@ -199,7 +200,7 @@ export default {
         noMysql: 'No {0} database is detected, please go to App Store and click Install!',
         goInstall: 'Go to install',
         source: 'Source',
-        backup: 'Database backup',
+        backup: 'Backup',
         permission: 'Permission',
         permissionLocal: 'Local server',
         permissionForIP: 'IP',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index cf8af3019..d2ef532cb 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -33,6 +33,7 @@ export default {
             init: '初始化',
             verify: '验证',
             saveAndEnable: '保存并启用',
+            import: '导入',
         },
         search: {
             timeStart: '开始时间',
@@ -200,7 +201,7 @@ export default {
         noMysql: '当前未检测到 {0} 数据库，请进入应用商店点击安装！',
         goInstall: '去安装',
         source: '来源',
-        backup: '备份数据库',
+        backup: '备份',
         permission: '权限',
         permissionLocal: '本地服务器',
         permissionForIP: '指定 IP',
diff --git a/frontend/src/views/database/mysql/upload/index.vue b/frontend/src/views/database/mysql/upload/index.vue
index 63a9811b8..f0403fde4 100644
--- a/frontend/src/views/database/mysql/upload/index.vue
+++ b/frontend/src/views/database/mysql/upload/index.vue
@@ -3,7 +3,7 @@
         <el-dialog v-model="upVisiable" :destroy-on-close="true" :close-on-click-modal="false" width="70%">
             <template #header>
                 <div class="card-header">
-                    <span>{{ $t('database.backup') }}</span>
+                    <span>{{ $t('commons.button.import') }}</span>
                 </div>
             </template>
             <el-upload
diff --git a/frontend/src/views/website/website/config/index.vue b/frontend/src/views/website/website/config/index.vue
index ae8da9954..16f8b745a 100644
--- a/frontend/src/views/website/website/config/index.vue
+++ b/frontend/src/views/website/website/config/index.vue
@@ -8,7 +8,6 @@
                 <el-tab-pane :label="$t('website.security')" name="safety">
                     <Safety :key="id" :id="id" v-if="index === 'safety'"></Safety>
                 </el-tab-pane>
-                <el-tab-pane :label="$t('website.backup')">反代</el-tab-pane>
                 <el-tab-pane :label="$t('website.source')" name="resource">
                     <Resource :key="id" :id="id" v-if="index === 'resource'"></Resource>
                 </el-tab-pane>
diff --git a/frontend/src/views/website/website/index.vue b/frontend/src/views/website/website/index.vue
index 68f410a08..0e2fc488d 100644
--- a/frontend/src/views/website/website/index.vue
+++ b/frontend/src/views/website/website/index.vue
@@ -32,7 +32,8 @@
                             </template>
                         </el-table-column>
                         <fu-table-operations
-                            :ellipsis="1"
+                            :ellipsis="10"
+                            width="260px"
                             :buttons="buttons"
                             :label="$t('commons.table.operate')"
                             fixed="right"
@@ -48,12 +49,16 @@
             <CreateWebSite ref="createRef" @close="search"></CreateWebSite>
             <DeleteWebsite ref="deleteRef" @close="search"></DeleteWebsite>
             <WebSiteGroup ref="groupRef"></WebSiteGroup>
+            <UploadDialog ref="uploadRef" />
+            <BackupRecords ref="dialogBackupRef" />
         </LayoutContent>
     </div>
 </template>
 
 <script lang="ts" setup>
 import LayoutContent from '@/layout/layout-content.vue';
+import BackupRecords from '@/views/database/mysql/backup/index.vue';
+import UploadDialog from '@/views/database/mysql/upload/index.vue';
 import ComplexTable from '@/components/complex-table/index.vue';
 import { onMounted, reactive, ref } from '@vue/runtime-core';
 import CreateWebSite from './create/index.vue';
@@ -103,6 +108,15 @@ const openConfig = (id: number) => {
     router.push({ name: 'WebsiteConfig', params: { id: id, tab: 'basic' } });
 };
 
+const uploadRef = ref();
+const dialogBackupRef = ref();
+const onOpenBackupDialog = async (dbName: string) => {
+    let params = {
+        mysqlName: 'test',
+        dbName: dbName,
+    };
+    dialogBackupRef.value!.acceptParams(params);
+};
 const buttons = [
     {
         label: i18n.global.t('website.config'),
@@ -110,6 +124,22 @@ const buttons = [
             openConfig(row.id);
         },
     },
+    {
+        label: i18n.global.t('database.backupList'),
+        click: (row: WebSite.WebSite) => {
+            onOpenBackupDialog(row.primaryDomain);
+        },
+    },
+    {
+        label: i18n.global.t('database.loadBackup'),
+        click: (row: WebSite.WebSite) => {
+            let params = {
+                mysqlName: 'test',
+                dbName: row.primaryDomain,
+            };
+            uploadRef.value!.acceptParams(params);
+        },
+    },
     {
         label: i18n.global.t('app.delete'),
         click: function (row: WebSite.WebSite) {