客户领取页 ui与逻辑优化

apps/frontend/src/components.d.ts

@@ -20,6 +20,7 @@ declare module 'vue' {
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
     ElOption: typeof import('element-plus/es')['ElOption']

apps/frontend/src/services/claim.ts

@@ -30,6 +30,14 @@ export function verifyKuaishouCloudClaimTicket(
   return apiPost<ClaimDetailData>(`/api/v1/claim/${token}/kuaishou-cloud/verify-ticket`, payload)
 }
 
+export function confirmKuaishouCloudClaimRole(token: string) {
+  return apiPost<ClaimDetailData>(`/api/v1/claim/${token}/kuaishou-cloud/confirm-role`, {})
+}
+
+export function redeemKuaishouCloudClaim(token: string) {
+  return apiPost<ClaimDetailData>(`/api/v1/claim/${token}/kuaishou-cloud/redeem`, {})
+}
+
 export function refreshClaimSession(token: string) {
   return apiPost<ClaimDetailData>(`/api/v1/claim/${token}/session/refresh`, {})
 }

apps/frontend/src/types/claim.ts

@@ -78,9 +78,32 @@ export interface ClaimKuaishouCloudFlowInfo {
   }
   binding: {
     prepareStatus: string
+    cloudSourceKey: string
+    skuId: number
+    skuName: string
+    vnKey: string
+    vnId: number
     bindUrl: string
     bindPreparedAt: string | null
     vnPhone: string
+    roleName: string
+    roleId: string
+  }
+  role: {
+    status: string
+    name: string
+    rid: string
+    refreshedAt: string | null
+    errorMessage: string
+  }
+  purchase: {
+    autoBuyEnabled: boolean
+    minAssetReserve: number
+    usedKnapsack: boolean
+    purchaseTriggered: boolean
+    assetBefore: number
+    assetAfter: number
+    purchaseAt: string | null
   }
   dispatch: {
     status: string