项目中心-支付模块

src/views/project/detail.vue

@@ -74,9 +74,26 @@ function onDownloadFile(): void {
   ElMessage.info('文件下载待接口接入')
 }
 
-function onPay(): void {
-  // TODO: 跳财务中心 `/finance/bills`
-  ElMessage.info('请前往财务中心完成支付')
+/**
+ * 「立即支付」→ 收银台。
+ *
+ * <p>带两个参数：**需求 id**（本页路由 `:id`；收银台据此调现成的
+ * `GET /web/requirementPool/get/finance/{需求id}` 取付款计划当订单明细）与**期次 id**
+ * （`vm_bill_plan.id`，用于精确指定付哪一期——本栈支付口径就是它）。</p>
+ *
+ * <p>兜底：期次 id 为空或非数字时不跳（历史兜底数据 / 后端未重启时可能出现），
+ * 只提示——宁可不跳，也不要把无效 id 丢给路由，让用户落在空收银台上。</p>
+ */
+function onPay(billId: string): void {
+  const id = String(billId ?? '').trim()
+  if (!/^\d+$/.test(id)) {
+    ElMessage.warning('该期账单尚未生成，暂时无法支付')
+    return
+  }
+  void router.push({
+    path: '/finance/checkout',
+    query: { requirementId: projectId.value, ids: id },
+  })
 }
 
 function onFinancePreview(file: FileInfo): void {