Finish Manage Medical Center

resources/js/vue/views/MyInfo.vue

@@ -1,16 +1,14 @@
 <template>
   <v-form>
     <v-container grid-list-xs fluid>
-      <material-card
-        color="black"
-        title="My Info">
+      <material-card color="black" title="My Info">
         <v-layout align-center justify-center wrap class="px-5 my-3">
           <v-flex xs12 sm4 md4>
             <v-text-field
               name="username"
               label="User Name"
               color="black"
-              v-model="username"
+              v-model="user.username"
               id="id1"
               class="pa-2"
             ></v-text-field>
@@ -20,18 +18,18 @@
               :items="items"
               label="Gender"
               name="gender"
-              v-model="gender"
+              v-model="user.gender"
               single-line
               id="id3"
               class="pa-2"
-              color="black">
-            </v-select>
+              color="black"
+            ></v-select>
           </v-flex>
           <v-flex xs12 sm4 md4>
             <v-text-field
               name="cellnumber"
               label="Cell Number"
-              v-model="cellnumber"
+              v-model="user.cell_number"
               color="black"
               class="pa-2"
               id="id2"
@@ -43,7 +41,7 @@
             <v-text-field
               name="emailaddress"
               label="Email Address"
-              v-model="emailaddress"
+              v-model="user.email"
               id="id4"
               class="px-2"
               color="black"
@@ -51,15 +49,9 @@
             ></v-text-field>
           </v-flex>
           <v-flex xs12 sm8 md8>
-            <v-textarea
-              color="black"
-              v-model="address"
-              class="pa-2"
-              name="address">
+            <v-textarea color="black" v-model="user.address" class="pa-2" name="address">
               <template v-slot:label>
-                <div>
-                  Address
-                </div>
+                <div>Address</div>
               </template>
             </v-textarea>
           </v-flex>
@@ -89,32 +81,17 @@
 export default {
   data() {
     return {
-      username:'',
-      gender:'',
-      cellnumber:'',
-      emailaddress:'',
-      address:'',
-
-      items: [
-        'Item 1',
-        'Item 2',
-        'Item 3',
-        'Item 4'
-      ],
-    }
-      // const Info = Object.freeze({
-      //   username:'',
-      //   cellnumber:'',
-      //   emailaddress:'',
-      //   address:''
-      //   gender:0
-      // })
-      // return {
-      //   InfoForm : Object.assign({} ,Info),
-      //   Info
-      // }
+      user: {
+        username: "",
+        gender: "",
+        cell_number: "",
+        email: "",
+        address: "",
+      },
+      items: ["Male", "FeMale"],
+    };
   }
-}
+};
 </script>
 
 <style lang="css" scoped>