feat(social): 配置抽屉展示平台回调地址(登录/绑定), 支持一键复制

apps/daxpay-admin/src/locales/langs/en-US/iam/social.json

@@ -30,7 +30,8 @@
     "delete": "Delete",
     "add": "Add Platform Config",
     "search": "Search",
-    "reset": "Reset"
+    "reset": "Reset",
+    "copy": "Copy"
   },
   "form": {
     "source": "Platform",
@@ -44,7 +45,12 @@
     "agentId": "WeCom Agent ID",
     "agentIdPlaceholder": "Only required for WeCom",
     "enabled": "Enabled",
-    "enabledRequired": "Please select enable status"
+    "enabledRequired": "Please select enable status",
+    "callbackUrl": "Callback URL",
+    "callbackUrlHelp": "Fill the following addresses into the authorization callback URL configuration of the corresponding third-party platform",
+    "callbackUrlEmpty": "Please set the admin access URL in the endpoint configuration first",
+    "loginCallback": "Login Callback",
+    "bindCallback": "Bind Callback"
   },
   "confirm": {
     "delete": "Are you sure to delete the {name} configuration?"
@@ -55,6 +61,7 @@
     "editSuccess": "Updated successfully",
     "enableSuccess": "Enabled successfully",
     "disableSuccess": "Disabled successfully",
-    "deleteSuccess": "Deleted successfully"
+    "deleteSuccess": "Deleted successfully",
+    "copySuccess": "Copied to clipboard"
   }
-}
+}

apps/daxpay-admin/src/locales/langs/zh-CN/iam/social.json

@@ -30,7 +30,8 @@
     "delete": "删除",
     "add": "新增平台配置",
     "search": "查询",
-    "reset": "重置"
+    "reset": "重置",
+    "copy": "复制"
   },
   "form": {
     "source": "平台",
@@ -44,7 +45,12 @@
     "agentId": "企业微信应用ID",
     "agentIdPlaceholder": "仅企业微信需要",
     "enabled": "是否启用",
-    "enabledRequired": "请选择是否启用"
+    "enabledRequired": "请选择是否启用",
+    "callbackUrl": "回调地址",
+    "callbackUrlHelp": "将以下地址填写到对应第三方平台的授权回调地址配置中",
+    "callbackUrlEmpty": "请先在端点配置中设置管理端访问地址",
+    "loginCallback": "登录回调",
+    "bindCallback": "绑定回调"
   },
   "confirm": {
     "delete": "确认删除 {name} 配置吗？"
@@ -55,6 +61,7 @@
     "editSuccess": "修改成功",
     "enableSuccess": "启用成功",
     "disableSuccess": "停用成功",
-    "deleteSuccess": "删除成功"
+    "deleteSuccess": "删除成功",
+    "copySuccess": "已复制到剪贴板"
   }
-}
+}

apps/daxpay-admin/src/views/iam/social/components/SocialConfigDrawer.vue

@@ -4,8 +4,11 @@
   import { computed, reactive, ref, watch } from 'vue';
 
   import { $t } from '@vben/locales';
+  import { useClipboard } from '@vueuse/core';
+  import { IconifyIcon } from '@vben-core/icons';
 
   import { SocialConfigApi } from '#/api/iam/social.api';
+  import { UrlConfigApi } from '#/api/system/url-config.api';
   import { useFormEdit } from '#/hooks/useFormEdit';
   import { useMessage } from '#/hooks/useMessage';
 
@@ -23,6 +26,10 @@
 
   const { message } = useMessage();
   const { diffForm } = useFormEdit();
+  const { copy } = useClipboard();
+
+  // 管理端访问地址(用于展示回调地址, 抽屉打开时从端点配置获取)
+  const adminBaseUrl = ref('');
 
   const modalTitle = ref('');
   const submitLoading = ref(false);
@@ -65,6 +72,37 @@
     },
   });
 
+  // 回调路径常量(与后端 SocialLoginService 路径约定一致)
+  const LOGIN_CALLBACK_PATH = '/auth/oauth-callback';
+  const BIND_CALLBACK_PATH = '/auth/social-bind-callback';
+
+  /**
+   * 登录回调地址(adminBaseUrl + 登录回调路径 + 平台编码)
+   */
+  const loginCallbackUrl = computed(() => {
+    const base = (adminBaseUrl.value || '').replace(/\/$/, '');
+    const source = currentSource.value;
+    return base && source ? `${base}${LOGIN_CALLBACK_PATH}/${source}` : '';
+  });
+
+  /**
+   * 绑定回调地址(adminBaseUrl + 绑定回调路径 + 平台编码)
+   */
+  const bindCallbackUrl = computed(() => {
+    const base = (adminBaseUrl.value || '').replace(/\/$/, '');
+    const source = currentSource.value;
+    return base && source ? `${base}${BIND_CALLBACK_PATH}/${source}` : '';
+  });
+
+  /**
+   * 复制文本到剪贴板
+   */
+  async function handleCopy(text: string) {
+    if (!text) return;
+    await copy(text);
+    message.success($t('iam.social.tip.copySuccess'));
+  }
+
   /**
    * 抽屉打开时根据 configItem 初始化表单
    */
@@ -72,6 +110,10 @@
     () => props.visible,
     async (visible) => {
       if (!visible || !props.configItem) return;
+      // 获取管理端访问地址(用于回调地址展示, 不阻塞表单初始化)
+      UrlConfigApi.get().then((res) => {
+        adminBaseUrl.value = res.data?.adminBaseUrl ?? '';
+      });
       const item = props.configItem;
       if (item.configured || item.id) {
         // 编辑模式(已配置平台)
@@ -162,6 +204,51 @@
           />
         </a-form-item>
       </a-form>
+
+      <!-- 回调地址展示(辅助参考, 复制后粘贴到第三方平台授权回调配置) -->
+      <div class="mt-2 rounded-lg bg-muted/40 p-4">
+        <div class="mb-3 flex items-center gap-1.5">
+          <span class="text-sm font-semibold">{{ $t('iam.social.form.callbackUrl') }}</span>
+          <a-tooltip :title="$t('iam.social.form.callbackUrlHelp')">
+            <IconifyIcon icon="ant-design:question-circle-outlined" class="text-muted-foreground" />
+          </a-tooltip>
+        </div>
+        <a-alert
+          v-if="!loginCallbackUrl"
+          type="warning"
+          :message="$t('iam.social.form.callbackUrlEmpty')"
+          banner
+          class="!mb-0"
+        />
+        <template v-else>
+          <div class="mb-3">
+            <div class="mb-1 text-xs text-muted-foreground">
+              {{ $t('iam.social.form.loginCallback') }}
+            </div>
+            <a-input :value="loginCallbackUrl" readonly>
+              <template #suffix>
+                <a-button type="link" size="small" @click="handleCopy(loginCallbackUrl)">
+                  <IconifyIcon icon="ant-design:copy-outlined" />
+                  {{ $t('iam.social.action.copy') }}
+                </a-button>
+              </template>
+            </a-input>
+          </div>
+          <div>
+            <div class="mb-1 text-xs text-muted-foreground">
+              {{ $t('iam.social.form.bindCallback') }}
+            </div>
+            <a-input :value="bindCallbackUrl" readonly>
+              <template #suffix>
+                <a-button type="link" size="small" @click="handleCopy(bindCallbackUrl)">
+                  <IconifyIcon icon="ant-design:copy-outlined" />
+                  {{ $t('iam.social.action.copy') }}
+                </a-button>
+              </template>
+            </a-input>
+          </div>
+        </template>
+      </div>
     </a-spin>
     <template #footer>
       <a-space>