From 7eb37a37fbe43780c6c49bde4bcf7459d579d54d Mon Sep 17 00:00:00 2001
From: skytek_xinliang <carl@skytek.com.tw>
Date: Tue, 29 Sep 2026 09:25:55 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A8=BB=E5=86=8A=E9=A0=81=E5=8E=BB?=
 =?UTF-8?q?=E8=AD=98=E5=88=A5=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/citizen-frontend/src/api/auth.ts        |  2 +-
 app/citizen-frontend/src/api/types.ts       |  6 +-
 app/citizen-frontend/src/pages/register.vue | 96 ++++-----------------
 app/citizen-frontend/src/stores/app.ts      | 17 +---
 4 files changed, 22 insertions(+), 99 deletions(-)

diff --git a/app/citizen-frontend/src/api/auth.ts b/app/citizen-frontend/src/api/auth.ts
index 250b397..41e056a 100644
--- a/app/citizen-frontend/src/api/auth.ts
+++ b/app/citizen-frontend/src/api/auth.ts
@@ -30,7 +30,7 @@ export function login(
     .json<AuthResponse>();
 }
 
-/** 註冊帳號並建立完整個人資料。 */
+/** 使用手機門號、密碼與個資同意狀態註冊帳號。 */
 export function register(request: RegisterRequest): Promise<AuthResponse> {
   return api.post("v1/auth/register", { json: request }).json<AuthResponse>();
 }
diff --git a/app/citizen-frontend/src/api/types.ts b/app/citizen-frontend/src/api/types.ts
index ffea34c..a025653 100644
--- a/app/citizen-frontend/src/api/types.ts
+++ b/app/citizen-frontend/src/api/types.ts
@@ -113,10 +113,12 @@ export interface Profile extends ProfileRequest {
   updatedAt: string;
 }
 
-/** 註冊請求：建立帳號並同時建立完整個人資料。 */
-export interface RegisterRequest extends ProfileRequest {
+/** 註冊請求：僅建立帳號，個人資料由後續流程另行保存。 */
+export interface RegisterRequest {
   phone: string;
   password: string;
+  consent: boolean;
+  consentVersion: ConsentVersion;
 }
 
 /** 登入請求。 */
diff --git a/app/citizen-frontend/src/pages/register.vue b/app/citizen-frontend/src/pages/register.vue
index a99beca..1c64e28 100644
--- a/app/citizen-frontend/src/pages/register.vue
+++ b/app/citizen-frontend/src/pages/register.vue
@@ -30,7 +30,6 @@
                   v-model="form.phone"
                   class="mb-3"
                   color="primary"
-                  hint="手機門號註冊後不可由個人資料修改"
                   label="手機號碼"
                   persistent-hint
                   type="tel"
@@ -59,15 +58,15 @@
 
                 <v-divider class="my-5" />
 
-                <v-text-field
+                <!-- <v-text-field
                   v-model="form.name"
                   class="mb-3"
                   color="primary"
                   label="姓名"
                   variant="outlined"
-                />
+                /> -->
 
-                <v-row>
+                <!-- <v-row>
                   <v-col cols="12" sm="6">
                     <v-select
                       v-model="form.gender"
@@ -112,18 +111,18 @@
                       variant="outlined"
                     />
                   </v-col>
-                </v-row>
+                </v-row> -->
 
-                <v-text-field
+                <!-- <v-text-field
                   v-model="form.email"
                   class="mb-3"
                   color="primary"
                   label="Email（選填）"
                   type="email"
                   variant="outlined"
-                />
+                /> -->
 
-                <v-row>
+                <!-- <v-row>
                   <v-col cols="12" sm="6">
                     <v-text-field
                       v-model="form.emergencyContact"
@@ -144,7 +143,7 @@
                       variant="outlined"
                     />
                   </v-col>
-                </v-row>
+                </v-row> -->
 
                 <v-checkbox v-model="form.consent" class="mb-3" color="primary">
                   <template #label>
@@ -188,9 +187,9 @@
 </template>
 
 <script setup lang="ts">
-import { computed, reactive, ref } from "vue";
+import { reactive, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import type { Gender, RegisterRequest } from "@/api/types";
+import type { RegisterRequest } from "@/api/types";
 import { CONSENT_VERSION } from "@/api/types";
 import BrandAvatar from "@/components/BrandAvatar.vue";
 import PrivacyConsentDialog from "@/components/PrivacyConsentDialog.vue";
@@ -200,10 +199,7 @@ import {
   getApiErrorMessage,
   isUnregisteredPhoneError,
 } from "@/utils/api-error";
-import {
-  readGuestSelfAssessmentDraft,
-  saveGuestSelfAssessmentDraft,
-} from "@/utils/guest-self-assessment";
+import { readGuestSelfAssessmentDraft } from "@/utils/guest-self-assessment";
 
 const store = useAppStore();
 const route = useRoute();
@@ -211,54 +207,21 @@ const router = useRouter();
 const showPrivacyConsent = ref(false);
 const existingDraft = readGuestSelfAssessmentDraft();
 const routePhone = normalizePhone(String(route.query.phone ?? ""));
-const initialProfile = existingDraft?.profile;
 
 const form = reactive({
-  phone: routePhone || initialProfile?.phone || "",
+  phone: routePhone || existingDraft?.profile.phone || "",
   password: "",
   passwordConfirmation: "",
-  name: initialProfile?.name ?? "",
-  birthday: initialProfile?.birthday ?? "",
-  gender: (initialProfile?.gender ?? "") as Gender | "",
-  heightCm: initialProfile?.heightCm ?? 0,
-  weightKg: initialProfile?.weightKg ?? 0,
-  email: initialProfile?.email ?? "",
-  emergencyContact: initialProfile?.emergencyContact ?? "",
-  emergencyPhone: initialProfile?.emergencyPhone ?? "",
-  consent: initialProfile?.consent ?? false,
+  consent: existingDraft?.profile.consent ?? false,
 });
 
 const loading = ref(false);
 const errorMessage = ref("");
-const genderOptions = [
-  { title: "男", value: "male" as const },
-  { title: "女", value: "female" as const },
-];
-
-const birthdayDate = computed<Date | null>({
-  get: () => parseDateString(form.birthday),
-  set: (value) => {
-    form.birthday = formatDateString(value);
-  },
-});
 
 function normalizePhone(value: string) {
   return value.replace(/\D/g, "");
 }
 
-function parseDateString(value: string) {
-  const [year, month, day] = value.split("-").map(Number);
-  return year && month && day ? new Date(year, month - 1, day) : null;
-}
-
-function formatDateString(value: Date | null) {
-  if (!value) {
-    return "";
-  }
-
-  return `${value.getFullYear()}-${String(value.getMonth() + 1).padStart(2, "0")}-${String(value.getDate()).padStart(2, "0")}`;
-}
-
 function redirectTarget() {
   const target = String(route.query.redirect ?? "");
   return target.startsWith("/") && !target.startsWith("//")
@@ -278,17 +241,6 @@ function validateForm(phone: string) {
   if (form.password !== form.passwordConfirmation) {
     return "兩次輸入的密碼不一致。";
   }
-  if (
-    !form.name.trim() ||
-    !form.birthday ||
-    !form.gender ||
-    form.heightCm < 50 ||
-    form.heightCm > 250 ||
-    form.weightKg < 20 ||
-    form.weightKg > 300
-  ) {
-    return "請完整填寫姓名、生日、性別、身高與體重。";
-  }
   if (!form.consent) {
     return "請同意個資授權條款後再註冊。";
   }
@@ -304,32 +256,14 @@ async function handleRegister() {
     return;
   }
 
-  const profile = {
-    name: form.name.trim(),
+  const request: RegisterRequest = {
     phone,
-    birthday: form.birthday,
-    gender: form.gender as Gender,
-    heightCm: form.heightCm,
-    weightKg: form.weightKg,
-    email: form.email.trim() || null,
-    emergencyContact: form.emergencyContact.trim() || null,
-    emergencyPhone: normalizePhone(form.emergencyPhone) || null,
+    password: form.password,
     consent: form.consent,
     consentVersion: CONSENT_VERSION,
   };
 
   const currentDraft = readGuestSelfAssessmentDraft();
-  if (currentDraft) {
-    saveGuestSelfAssessmentDraft({
-      ...currentDraft,
-      profile,
-    });
-  }
-
-  const request: RegisterRequest = {
-    ...profile,
-    password: form.password,
-  };
 
   loading.value = true;
   try {
diff --git a/app/citizen-frontend/src/stores/app.ts b/app/citizen-frontend/src/stores/app.ts
index a56fd3a..d463f10 100644
--- a/app/citizen-frontend/src/stores/app.ts
+++ b/app/citizen-frontend/src/stores/app.ts
@@ -429,23 +429,10 @@ export const useAppStore = defineStore("app", () => {
     const response: AuthResponse = USE_MOCK
       ? {
           userID: "MOCK-USER",
-          userName: request.name,
+          userName: "",
           phone: request.phone,
           group: "medium",
-          profile: {
-            name: request.name,
-            phone: request.phone,
-            birthday: request.birthday,
-            gender: request.gender,
-            heightCm: request.heightCm,
-            weightKg: request.weightKg,
-            email: request.email,
-            emergencyContact: request.emergencyContact,
-            emergencyPhone: request.emergencyPhone,
-            consent: request.consent,
-            consentVersion: request.consentVersion,
-            updatedAt: new Date().toISOString(),
-          },
+          profile: null,
         }
       : await apiRegister(request);