feat: 增加 S3 兼容存储对象文档跳转 (#514)

frontend/src/lang/modules/en.ts

@@ -811,6 +811,8 @@ const message = {
         SFTP: 'SFTP',
         COS: 'Tencent COS Browser',
         KODO: 'Qiniu KODO',
+        backupAlert:
+            "Compatibility of some object storage service providers with Amazon S3, For details please see <a target=“_blank” href='https://1panel.cn/docs/user_manual/settings/#3'>官方文档</a> ",
         domain: 'Accelerate domain',
         backupAccount: 'Backup account',
         loadBucket: 'Get bucket',

frontend/src/lang/modules/zh.ts

@@ -807,13 +807,13 @@ const message = {
         LOCAL: '服务器磁盘',
         currentPath: '当前路径',
         OSS: '阿里云 OSS',
-        COS: '腾讯云 cos browser',
-        KODO: '七牛云 Kodo',
         S3: '亚马逊 S3 云存储',
         MINIO: 'MINIO',
         SFTP: 'SFTP',
         COS: '腾讯云 COS Browser',
         KODO: '七牛云 KODO',
+        backupAlert:
+            "部分对象存储服务商与亚马逊 S3 的兼容性，详情请查看 <a target=“_blank” href='https://1panel.cn/docs/user_manual/settings/#3'>官方文档</a> ",
         domain: '加速域名',
         backupAccount: '备份账号',
         loadBucket: '获取桶',

frontend/src/views/setting/backup-account/index.vue

@@ -27,10 +27,17 @@
                     </el-row>
                 </el-form>
 
-                <div style="margin-top: 20px">
+                <div class="common-div">
                     <span style="font-size: 14px; font-weight: 500">{{ $t('setting.thirdParty') }}</span>
                 </div>
-                <el-row :gutter="20" style="margin-top: 20px">
+
+                <el-alert type="info" :closable="false" class="common-div">
+                    <template #default>
+                        <div style="margin-bottom: 3px"><span v-html="$t('setting.backupAlert')"></span></div>
+                    </template>
+                </el-alert>
+
+                <el-row :gutter="20" class="common-div">
                     <el-col :span="12">
                         <div>
                             <svg-icon style="font-size: 7px" iconName="p-aws"></svg-icon>
@@ -106,7 +113,7 @@
                         </el-alert>
                     </el-col>
                 </el-row>
-                <el-row :gutter="20" style="margin-top: 20px">
+                <el-row :gutter="20" class="common-div">
                     <el-col :span="12">
                         <div>
                             <svg-icon style="font-size: 7px" iconName="p-tengxunyun1"></svg-icon>
@@ -434,4 +441,8 @@ onMounted(() => {
 .alert {
     background-color: rgba(0, 94, 235, 0.03);
 }
+
+.common-div {
+    margin-top: 20px;
+}
 </style>