feat(web): 请求时间改为 ISO8601+08:00 偏移，响应仍为 Unix 秒

apps/web/src/components/admin/payment-form-modal.vue

@@ -8,6 +8,7 @@ import dayjs from "dayjs";
 import type { PaymentItem } from "@new-api-key-usage/core";
 import type { ApiError } from "@/api/http.ts";
 import { useCreatePayment, useQpuLatest, useUpdatePayment } from "@/queries/admin.ts";
+import { unixToBeijingWall, wallAsBeijingIso } from "@/utils/time.ts";
 
 const props = defineProps<{
   open: boolean;
@@ -67,9 +68,12 @@ watch(
     if (ed) {
       form.kind = ed.kind;
       form.paid_amount = ed.paid_amount;
-      form.paid_at = ed.paid_at ? dayjs.unix(ed.paid_at) : null;
-      form.period_start = ed.period_start ? dayjs.unix(ed.period_start) : null;
-      form.period_end = ed.period_end ? dayjs.unix(ed.period_end) : null;
+      // 北京墙钟进控件，保存时 wallAsBeijingIso 可无损回写
+      form.paid_at = ed.paid_at != null ? unixToBeijingWall(ed.paid_at) : null;
+      form.period_start =
+        ed.period_start != null ? unixToBeijingWall(ed.period_start) : null;
+      form.period_end =
+        ed.period_end != null ? unixToBeijingWall(ed.period_end) : null;
       form.subscription_id = ed.subscription_id;
       form.remark = ed.remark;
       form.quotaMode = "quota";
@@ -91,7 +95,7 @@ watch(
 );
 
 function toIso(d: Dayjs | null): string | null {
-  return d ? d.toISOString() : null;
+  return d ? wallAsBeijingIso(d) : null;
 }
 
 async function onSubmit() {
@@ -157,6 +161,7 @@ async function onSubmit() {
     :confirm-loading="saving"
     ok-text="保存"
     cancel-text="取消"
+    :styles="{ body: { maxHeight: '62vh', overflowY: 'auto' } }"
     @update:open="emit('update:open', $event)"
     @ok="onSubmit"
   >
@@ -185,10 +190,18 @@ async function onSubmit() {
       </a-form-item>
       <template v-if="form.kind === 'subscription'">
         <a-form-item label="期间起" required>
-          <a-date-picker v-model:value="form.period_start" style="width: 100%" />
+          <a-date-picker
+            v-model:value="form.period_start"
+            show-time
+            style="width: 100%"
+          />
         </a-form-item>
         <a-form-item label="期间止（空 = 进行中）">
-          <a-date-picker v-model:value="form.period_end" style="width: 100%" />
+          <a-date-picker
+            v-model:value="form.period_end"
+            show-time
+            style="width: 100%"
+          />
         </a-form-item>
         <a-form-item label="订阅 ID" required>
           <a-input-number

apps/web/src/components/common/time-range-picker.vue

@@ -2,7 +2,11 @@
 import type { Dayjs } from "dayjs";
 import dayjs from "dayjs";
 import { computed } from "vue";
-import { recentDaysRange, type RangeValue } from "@/utils/time.ts";
+import {
+  recentDaysRange,
+  wallAsBeijingIso,
+  type RangeValue,
+} from "@/utils/time.ts";
 import type { RangeKind } from "@/composables/use-live-time-range.ts";
 
 const props = defineProps<{
@@ -62,8 +66,8 @@ function detectKind(value: RangeValue): RangeKind {
 function onChange(dates: Dayjs[] | null) {
   if (!dates || dates.length !== 2 || !dates[0] || !dates[1]) return;
   const value = {
-    from: dates[0].toISOString(),
-    to: dates[1].toISOString(),
+    from: wallAsBeijingIso(dates[0]),
+    to: wallAsBeijingIso(dates[1]),
   };
   emit("update:modelValue", value);
   emit("change", value, detectKind(value));
@@ -74,8 +78,9 @@ function onChange(dates: Dayjs[] | null) {
   <a-range-picker
     :value="pickerValue"
     :presets="presets"
-    format="YYYY-MM-DD"
-    :placeholder="['开始日期', '结束日期']"
+    format="YYYY-MM-DD HH:mm:ss"
+    :placeholder="['开始时间', '结束时间']"
+    show-time
     @change="onChange"
   />
 </template>