feat: introduction

app/citizen-frontend/src/pages/self-assessment.vue

@@ -61,6 +61,19 @@
                 />
               </v-col>
 
+              <v-col cols="12" sm="6">
+                <v-text-field
+                  v-model="profileForm.phone"
+                  class="mb-3"
+                  color="primary"
+                  density="comfortable"
+                  hide-details="auto"
+                  label="手機號碼"
+                  type="tel"
+                  variant="outlined"
+                />
+              </v-col>
+
               <v-col cols="12" sm="6">
                 <v-select
                   v-model="profileForm.gender"
@@ -361,6 +374,7 @@ const stepNames = ['基本資料', '功能狀態', '健康限制', '自評結果
 
 const profileForm = reactive({
   name: store.userProfile.name,
+  phone: store.userProfile.phone,
   birthday: store.userProfile.birthday,
   gender: store.userProfile.gender,
   height: store.userProfile.height,
@@ -462,6 +476,7 @@ function handleSubmit () {
   // 儲存至 store
   store.updateProfile({
     name: profileForm.name,
+    phone: profileForm.phone,
     birthday: profileForm.birthday,
     gender: profileForm.gender,
     height: profileForm.height,