-
+
-
+
-
正在加载合同签署页面...
+
{{ refreshing ? '正在获取签署页面...' : '正在加载合同签署页面...' }}
+
+
+
{{ refreshError }}
+
重新获取链接
@@ -36,29 +41,68 @@
diff --git a/src/pages/certification/index.vue b/src/pages/certification/index.vue
index 514aea5..7ef4bc8 100644
--- a/src/pages/certification/index.vue
+++ b/src/pages/certification/index.vue
@@ -75,7 +75,12 @@
:certification-data="certificationData"
:submit-time="manualReviewSubmitTime"
:company-name="enterpriseForm.companyName"
- @refresh="getCertificationDetails"
+ @refresh="() => getCertificationDetails({ silent: true })"
+ />
+
+
@@ -145,7 +150,9 @@ import ContractSign from './components/ContractSign.vue'
import EnterpriseInfo from './components/EnterpriseInfo.vue'
import EnterpriseVerify from './components/EnterpriseVerify.vue'
import ManualReviewPending from './components/ManualReviewPending.vue'
+import PlatformSelect from './components/PlatformSelect.vue'
const router = useRouter()
+const route = useRoute()
const userStore = useUserStore()
const certificationSteps = [
{
@@ -160,6 +167,12 @@ const certificationSteps = [
description: '等待管理员审核企业信息',
icon: ClockIcon,
},
+ {
+ key: 'platform_select',
+ title: '选择平台',
+ description: '选择签署平台（法大大）',
+ icon: DocumentTextIcon,
+ },
{
key: 'enterprise_verify',
title: '企业认证',
@@ -224,6 +237,86 @@ const devCurrentStep = ref('enterprise_info')
// 合同签署加载状态
const contractSignLoading = ref(false)
+// 合同签署状态轮询：进入 contract_applied 后定时拉详情，触发后端 checkAndUpdateSignStatus
+let signPollTimer = null
+const SIGN_POLL_INTERVAL = 5000
+const signPolling = ref(false)
+const autoSelectingPlatform = ref(false)
+
+const stopSignStatusPolling = () => {
+ if (signPollTimer) {
+ clearTimeout(signPollTimer)
+ signPollTimer = null
+ }
+ signPolling.value = false
+}
+
+const startSignStatusPolling = () => {
+ if (signPollTimer) return
+ signPolling.value = true
+
+ const tick = async () => {
+ const status = certificationData.value?.status
+ if (status !== 'contract_applied') {
+ stopSignStatusPolling()
+ return
+ }
+ try {
+ const res = await certificationApi.getCertificationDetails()
+ if (res?.data) {
+ certificationData.value = res.data
+ stepMeta.value = res.data?.metadata || {}
+ const newStatus = res.data?.status
+ if (
+ newStatus === 'contract_signed' ||
+ newStatus === 'completed' ||
+ newStatus === 'contract_rejected' ||
+ newStatus === 'contract_expired'
+ ) {
+ stopSignStatusPolling()
+ await setCurrentStepByStatus()
+ return
+ }
+ }
+ } catch (e) {
+ console.warn('合同签署状态轮询失败:', e)
+ }
+ if (signPolling.value) {
+ signPollTimer = setTimeout(tick, SIGN_POLL_INTERVAL)
+ }
+ }
+ signPollTimer = setTimeout(tick, SIGN_POLL_INTERVAL)
+}
+
+// 仅当可见平台为 1 个时可静默 select，否则展示 PlatformSelect
+async function maybeGoPlatformSelectOrAuto() {
+ const meta = certificationData.value?.metadata || {}
+ if (!meta.need_select_platform) return false
+
+ const platforms = meta.available_platforms || []
+ if (platforms.length <= 1 && meta.auto_select_platform && !autoSelectingPlatform.value) {
+ autoSelectingPlatform.value = true
+ try {
+ const res = await certificationApi.selectSignPlatform({
+ sign_platform: meta.auto_select_platform,
+ })
+ if (res?.data) {
+ certificationData.value = res.data
+ stepMeta.value = res.data.metadata || {}
+ }
+ await getCertificationDetails({ silent: true })
+ return true
+ } catch (e) {
+ ElMessage.error(e?.message || '选择签署平台失败')
+ } finally {
+ autoSelectingPlatform.value = false
+ }
+ }
+
+ currentStep.value = 'platform_select'
+ return true
+}
+
// 只补 enterprise_verify 所需 auth_url，不改动原有页面展示数据结构
// 轮询策略：最多 5 秒，每秒 1 次（最多 5 次）
const pollAuthUrlOnly = async (maxTries = 5) => {
@@ -282,6 +375,19 @@ const handleEnterpriseSubmit = async (payload) => {
}
}
+const handlePlatformSelected = async (data) => {
+ if (data) {
+ certificationData.value = data
+ stepMeta.value = data.metadata || {}
+ }
+ await getCertificationDetails()
+ if (stepMeta.value?.auth_url) {
+ currentStep.value = 'enterprise_verify'
+ } else if (certificationData.value) {
+ await setCurrentStepByStatus()
+ }
+}
+
const handleEnterpriseVerifySubmit = async () => {
try {
ElMessage.success('企业认证成功')
@@ -294,10 +400,23 @@ const handleEnterpriseVerifySubmit = async () => {
const handleStartContractSign = async () => {
try {
contractSignLoading.value = true
- // 调用后端接口，发起合同签署
- await certificationApi.applyContract()
+ const res = await certificationApi.applyContract()
+ const embedUrl = res?.data?.contract_sign_url
+ if (embedUrl) {
+ stepMeta.value = {
+ ...(stepMeta.value || {}),
+ contract_sign_url: embedUrl,
+ contract_sign_short_url: res?.data?.contract_sign_short_url || '',
+ }
+ }
ElMessage.success('合同签署流程已启动')
await getCertificationDetails()
+ if (embedUrl) {
+ stepMeta.value = {
+ ...(stepMeta.value || {}),
+ contract_sign_url: embedUrl,
+ }
+ }
} catch (error) {
ElMessage.error(error?.message || '发起签署失败，请稍后重试')
} finally {
@@ -357,10 +476,11 @@ const goToProfile = () => {
router.push('/profile')
}
-// 获取认证详情
-const getCertificationDetails = async () => {
+// 获取认证详情（silent=true 时不展示全页 loading，用于人工审核/平台轮询）
+const getCertificationDetails = async (opts = {}) => {
+ const silent = opts?.silent === true
try {
- loading.value = true
+ if (!silent) loading.value = true
const res = await certificationApi.getCertificationDetails()
certificationData.value = res.data
console.log('s', res)
@@ -393,9 +513,14 @@ const getCertificationDetails = async () => {
// 步骤特定元数据
stepMeta.value = res.data?.metadata || {}
await setCurrentStepByStatus()
+ return true
} catch (error) {
console.error('获取认证详情失败:', error)
ElMessage.error('获取认证详情失败')
+ if (certificationData.value) {
+ await setCurrentStepByStatus()
+ }
+ return false
} finally {
loading.value = false
}
@@ -416,20 +541,46 @@ const setCurrentStepByStatus = async () => {
currentStep.value = 'enterprise_info'
break
case 'info_pending_review':
- currentStep.value = 'manual_review'
+ if (certificationData.value?.metadata?.need_select_platform) {
+ if (await maybeGoPlatformSelectOrAuto()) return
+ } else {
+ currentStep.value = 'manual_review'
+ }
break
case 'info_submitted':
- currentStep.value = 'enterprise_verify'
+ if (
+ !certificationData.value?.metadata?.auth_url &&
+ certificationData.value?.metadata?.need_select_platform
+ ) {
+ if (await maybeGoPlatformSelectOrAuto()) return
+ } else {
+ currentStep.value = 'enterprise_verify'
+ }
break
case 'enterprise_verified':
+ if (
+ !certificationData.value?.metadata?.esign_flow_id &&
+ !certificationData.value?.metadata?.sign_task_ready
+ ) {
+ if (await maybeGoPlatformSelectOrAuto()) return
+ currentStep.value = 'platform_select'
+ } else {
+ currentStep.value = 'contract_sign'
+ }
+ break
case 'contract_applied':
+ currentStep.value = 'contract_sign'
+ startSignStatusPolling()
+ break
case 'contract_rejected':
case 'contract_expired':
currentStep.value = 'contract_sign'
+ stopSignStatusPolling()
break
case 'contract_signed':
case 'completed':
currentStep.value = 'completed'
+ stopSignStatusPolling()
// 认证完成时重新获取用户信息
if (previousStatus !== 'completed') {
try {
@@ -530,12 +681,35 @@ async function handleIframeMessage(event) {
// 初始化
onMounted(() => {
+ // 若法大大等第三方在 iframe 内回跳到本页，立即顶层打开入驻页
+ if (window.top && window.top !== window.self) {
+ const target = `${window.location.origin}/profile/certification${window.location.search || ''}`
+ window.top.location.href = target
+ return
+ }
+
window.addEventListener('message', handleIframeMessage)
- getCertificationDetails()
+ getCertificationDetails().then(async () => {
+ if (route.query?.signCallback) {
+ try {
+ await certificationApi.confirmSign()
+ await getCertificationDetails()
+ } catch (e) {
+ console.warn('签署回调确认失败，将轮询状态', e)
+ pollCertificationDetails(8)
+ }
+ }
+ })
+
+ const q = route.query || {}
+ if (q.authResult || q.openCorpId || q.clientCorpId) {
+ pollCertificationDetails(8)
+ }
})
onBeforeUnmount(() => {
window.removeEventListener('message', handleIframeMessage)
+ stopSignStatusPolling()
})
diff --git a/src/router/index.js b/src/router/index.js
index 7accde7..114ec63 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -365,6 +365,11 @@ const routes = [
component: () => import('@/pages/certification/IframeCallback.vue'),
meta: { requiresAuth: false },
},
+ {
+ path: '/certification/callback/:platform/:scene',
+ component: () => import('@/pages/certification/IframeCallback.vue'),
+ meta: { requiresAuth: false },
+ },
{
path: '/:pathMatch(.*)*',
name: 'NotFound',
diff --git a/vite.config.js b/vite.config.js
index b35c619..4e210d9 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -125,12 +125,12 @@ export default defineConfig({
server: {
proxy: {
// // 本地开发时将 /api/v1 的请求代理到 8080 端口
- '/api/v1': {
- target: 'http://localhost:8080',
- changeOrigin: true,
- // 保持路径不变
- rewrite: path => path,
- },
+ // '/api/v1': {
+ // target: 'http://localhost:8080',
+ // changeOrigin: true,
+ // // 保持路径不变
+ // rewrite: path => path,
+ // },
// '/api/v1': {
// target: 'http://localhost:8080',
// changeOrigin: true,