feat: 统一FTP配置，本地备份文件浏览

src/views/ne/neConfigBackup/index.vue

@@ -18,6 +18,8 @@ import {
   updateNeConfigBackup,
 } from '@/api/ne/neConfigBackup';
 import saveAs from 'file-saver';
+import BackupModal from './components/BackupModal.vue';
+import { pushBackupFTP } from '@/api/neData/backup';
 const { t } = useI18n();
 const { getDict } = useDictStore();
 
@@ -386,6 +388,27 @@ onMounted(() => {
       fnGetList();
     });
 });
+
+/**打开FTP配置窗口 */
+const openFTPModal = ref<boolean>(false);
+function fnFTPModalOpen() {
+  openFTPModal.value = !openFTPModal.value;
+}
+
+/**同步文件到FTP */
+function fnSyncFileToFTP(row: Record<string, any>) {
+  pushBackupFTP({
+    path: row.path.substring(0, row.path.lastIndexOf('/')),
+    fileName: row.name,
+    tag: 'ne_config',
+  }).then(res => {
+    if (res.code === RESULT_CODE_SUCCESS) {
+      message.success(t('common.operateOk'), 3);
+    } else {
+      message.warning(res.msg, 3);
+    }
+  });
+}
 </script>
 
 <template>
@@ -456,6 +479,14 @@ onMounted(() => {
       <!-- 插槽-卡片右侧 -->
       <template #extra>
         <a-space :size="8" align="center">
+          <a-tooltip placement="topRight">
+            <template #title>
+              {{ t('views.ne.neConfigBackup.backupModal.title') }}
+            </template>
+            <a-button type="text" @click.prevent="fnFTPModalOpen()">
+              <template #icon><DeliveredProcedureOutlined /></template>
+            </a-button>
+          </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.searchBarText') }}</template>
             <a-switch
@@ -519,6 +550,14 @@ onMounted(() => {
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'id'">
             <a-space :size="8" align="center">
+              <a-tooltip placement="topRight">
+                <template #title>
+                  {{ t('views.ne.neConfigBackup.backupModal.pushFileOper') }}
+                </template>
+                <a-button type="link" @click.prevent="fnSyncFileToFTP(record)">
+                  <template #icon><CloudServerOutlined /></template>
+                </a-button>
+              </a-tooltip>
               <a-tooltip>
                 <template #title>{{ t('common.downloadText') }}</template>
                 <a-button type="link" @click.prevent="fnDownloadFile(record)">
@@ -596,6 +635,9 @@ onMounted(() => {
         </a-form-item>
       </a-form>
     </ProModal>
+
+    <!-- FTP配置窗口 -->
+    <BackupModal v-model:open="openFTPModal"></BackupModal>
   </PageContainer>
 </template>