fix: OneDrive 增加操作描述信息 (#1513)

Author: ssongliu

frontend/src/lang/modules/en.ts

@@ -965,6 +965,8 @@ const message = {
         backupDir: 'Backup dir',
         isCN: 'Domestic version',
         code: 'Auth code',
+        codeHelper:
+            'Please click on the "Acquire" button, then login to OneDrive and copy the content after "code" in the redirected link. Paste it into this input box. For specific instructions, please refer to the official documentation.',
         loadCode: 'Acquire',
         COS: 'Tencent COS',
         KODO: 'Qiniu Kodo',

frontend/src/lang/modules/tw.ts

@@ -924,6 +924,8 @@ const message = {
         backupDir: '備份路徑',
         isCN: '國內版',
         code: '授權碼',
+        codeHelper:
+            '請點擊獲取按鈕，然後登錄 OneDrive 復製跳轉鏈接中 code 後面的內容，粘貼到該輸入框中，具體操作可參考官方文檔。',
         loadCode: '獲取',
         COS: '騰訊雲 COS',
         KODO: '七牛雲 Kodo',

frontend/src/lang/modules/zh.ts

@@ -930,6 +930,8 @@ const message = {
         backupDir: '备份路径',
         isCN: '国内版',
         code: '授权码',
+        codeHelper:
+            '请点击获取按钮，然后登录 OneDrive 复制跳转链接中 code 后面的内容，粘贴到该输入框中，具体操作可参考官方文档。',
         loadCode: '获取',
         COS: '腾讯云 COS',
         KODO: '七牛云 Kodo',

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

@@ -59,6 +59,17 @@
                                     <el-button @click="jumpAzure">{{ $t('setting.loadCode') }}</el-button>
                                 </template>
                             </el-input>
+                            <span class="input-help">
+                                {{ $t('setting.codeHelper') }}
+                                <el-link
+                                    style="font-size: 12px; margin-left: 5px"
+                                    icon="Position"
+                                    @click="toDoc()"
+                                    type="primary"
+                                >
+                                    {{ $t('firewall.quickJump') }}
+                                </el-link>
+                            </span>
                         </el-form-item>
                         <el-form-item
                             v-if="dialogData.rowData!.type === 'S3' || dialogData.rowData!.type === 'COS'"
@@ -320,6 +331,10 @@ function hasEndpoint(val: string) {
     return val === 'OSS' || val === 'S3';
 }
 
+const toDoc = () => {
+    window.open('https://1panel.cn/docs/user_manual/settings/', '_blank');
+};
+
 const getBuckets = async (formEl: FormInstance | undefined) => {
     if (!formEl) return;
     formEl.validate(async (valid) => {