From 8bfa73a67a2292da32cecbe581d84caf4313624b Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Tue, 11 Feb 2025 18:33:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AF=BC=E5=87=BA=E5=A4=87=E4=BB=BD?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/logManage/exportFile.ts          |   4 +
 src/views/logManage/exportFile/index.vue | 182 +++++++++++------------
 2 files changed, 92 insertions(+), 94 deletions(-)

diff --git a/src/api/logManage/exportFile.ts b/src/api/logManage/exportFile.ts
index 85c29ccf..1136b642 100644
--- a/src/api/logManage/exportFile.ts
+++ b/src/api/logManage/exportFile.ts
@@ -1,3 +1,5 @@
+import { CACHE_SESSION_CRYPTO_API } from '@/constants/cache-keys-constants';
+import { sessionGet } from '@/utils/cache-session-utils';
 import { request } from '@/plugins/http-fetch';
 
 /**
@@ -62,6 +64,7 @@ export function updateFTPInfo(data: Record<string, any>) {
     url: `/lm/table/ftp`,
     method: 'post',
     data: data,
+    crypto: sessionGet(CACHE_SESSION_CRYPTO_API) !== 'false',
   });
 }
 
@@ -74,6 +77,7 @@ export function getFTPInfo() {
   return request({
     url: `/lm/table/ftp`,
     method: 'get',
+    crypto: sessionGet(CACHE_SESSION_CRYPTO_API) !== 'false',
   });
 }
 
diff --git a/src/views/logManage/exportFile/index.vue b/src/views/logManage/exportFile/index.vue
index 60d35470..b43cafee 100644
--- a/src/views/logManage/exportFile/index.vue
+++ b/src/views/logManage/exportFile/index.vue
@@ -290,13 +290,13 @@ type ModalStateType = {
 /**FTP日志对象信息状态 */
 let modalState: ModalStateType = reactive({
   openByEdit: false,
-  title: 'FTP上报服务设置',
+  title: '设置远程备份配置',
   from: {
-    useranme: '',
+    username: '',
     password: '',
     toIp: '',
     toPort: 22,
-    protocol: 'ftp',
+    enable: false,
     dir: '',
   },
   confirmLoading: false,
@@ -343,12 +343,12 @@ function fnModalVisibleByEdit() {
     hide();
     if (res.code === RESULT_CODE_SUCCESS && res.data) {
       modalState.from = Object.assign(modalState.from, res.data);
-      modalState.title = 'FTP Info';
+      modalState.title = 'Setting Remote Backup';
       modalState.openByEdit = true;
     } else {
       message.error(res.msg, 3);
-      modalState.title = 'FTP Info';
-      modalState.openByEdit = true;
+      modalState.title = 'Setting Remote Backup';
+      modalState.openByEdit = false;
     }
   });
 }
@@ -361,9 +361,10 @@ function fnModalOk() {
     updateFTPInfo(from)
       .then(res => {
         if (res.code === RESULT_CODE_SUCCESS) {
-          message.success(`FTP configuration saved successfully`, 3);
+          message.success(`Configuration saved successfully`, 3);
+          fnModalCancel();
         } else {
-          message.warning(`FTP configuration save exception`, 3);
+          message.warning(`Configuration save exception`, 3);
         }
       })
       .finally(() => {
@@ -389,7 +390,7 @@ function fnSyncFileToFTP(row: Record<string, any>) {
   putFTPInfo(row.filePath, row.fileName)
     .then(res => {
       if (res.code === RESULT_CODE_SUCCESS) {
-        message.success(`OK`, 3);
+        message.success(t('common.operateOk'), 3);
       } else {
         message.warning(res.msg, 3);
       }
@@ -435,7 +436,7 @@ function fnSyncFileToFTP(row: Record<string, any>) {
       <template #extra>
         <a-space :size="8" align="center">
           <a-tooltip>
-            <template #title>Setting</template>
+            <template #title>Setting Remote Backup</template>
             <a-button type="text" @click.prevent="fnModalVisibleByEdit()">
               <template #icon><DeliveredProcedureOutlined /></template>
             </a-button>
@@ -512,91 +513,84 @@ function fnSyncFileToFTP(row: Record<string, any>) {
         :label-col="{ span: 6 }"
         :label-wrap="true"
       >
-        <a-row>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              label="Service IP"
-              name="toIp"
-              v-bind="modalStateFrom.validateInfos.toIp"
-            >
-              <a-input
-                v-model:value="modalState.from.toIp"
-                allow-clear
-                :placeholder="t('common.inputPlease')"
-              ></a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              label="Service Port"
-              name="toPort"
-              v-bind="modalStateFrom.validateInfos.toPort"
-            >
-              <a-input-number
-                v-model:value="modalState.from.toPort"
-                allow-clear
-                :placeholder="t('common.inputPlease')"
-              ></a-input-number>
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              label="UserName"
-              name="username"
-              v-bind="modalStateFrom.validateInfos.username"
-            >
-              <a-input
-                v-model:value="modalState.from.username"
-                allow-clear
-                :placeholder="t('common.inputPlease')"
-              ></a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              label="Password"
-              name="password"
-              v-bind="modalStateFrom.validateInfos.password"
-            >
-              <a-input-password
-                v-model:value="modalState.from.password"
-                allow-clear
-                :placeholder="t('common.inputPlease')"
-              ></a-input-password>
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item label="Protocol" name="protocol">
-              <a-select
-                v-model:value="modalState.from.protocol"
-                default-value="N"
-                :placeholder="t('common.selectPlease')"
-                :options="[
-                  { value: 'ftp', label: 'FTP' },
-                  { value: 'ssh', label: 'SSH' },
-                ]"
+        <a-form-item label="Enable" name="enable" :label-col="{ span: 3 }">
+          <a-switch
+            v-model:checked="modalState.from.enable"
+            :checked-children="t('common.switch.open')"
+            :un-checked-children="t('common.switch.shut')"
+          />
+        </a-form-item>
+
+        <template v-if="modalState.from.enable">
+          <a-row>
+            <a-col :lg="12" :md="12" :xs="24">
+              <a-form-item
+                label="Service IP"
+                name="toIp"
+                v-bind="modalStateFrom.validateInfos.toIp"
               >
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              label="Save Dir"
-              name="dir"
-              v-bind="modalStateFrom.validateInfos.dir"
-            >
-              <a-input
-                v-model:value="modalState.from.dir"
-                allow-clear
-                :placeholder="t('common.inputPlease')"
-              ></a-input>
-            </a-form-item>
-          </a-col>
-        </a-row>
+                <a-input
+                  v-model:value="modalState.from.toIp"
+                  allow-clear
+                  :placeholder="t('common.inputPlease')"
+                ></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :lg="12" :md="12" :xs="24">
+              <a-form-item
+                label="Service Port"
+                name="toPort"
+                v-bind="modalStateFrom.validateInfos.toPort"
+              >
+                <a-input-number
+                  v-model:value="modalState.from.toPort"
+                  allow-clear
+                  :placeholder="t('common.inputPlease')"
+                ></a-input-number>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :lg="12" :md="12" :xs="24">
+              <a-form-item
+                label="UserName"
+                name="username"
+                v-bind="modalStateFrom.validateInfos.username"
+              >
+                <a-input
+                  v-model:value="modalState.from.username"
+                  allow-clear
+                  :placeholder="t('common.inputPlease')"
+                ></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :lg="12" :md="12" :xs="24">
+              <a-form-item
+                label="Password"
+                name="password"
+                v-bind="modalStateFrom.validateInfos.password"
+              >
+                <a-input-password
+                  v-model:value="modalState.from.password"
+                  allow-clear
+                  :placeholder="t('common.inputPlease')"
+                ></a-input-password>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-form-item
+            label="Save Dir"
+            name="dir"
+            v-bind="modalStateFrom.validateInfos.dir"
+            :label-col="{ span: 3 }"
+          >
+            <a-input
+              v-model:value="modalState.from.dir"
+              allow-clear
+              :placeholder="t('common.inputPlease')"
+            ></a-input>
+          </a-form-item>
+        </template>
       </a-form>
     </ProModal>
   </PageContainer>