add selected patient

globalscript/theme.js

@@ -20,6 +20,7 @@ var CustomTheme = {
             white: "#FFFFFF",
             grey: "#9E9E9E",
             "grey-lighten-5": "#FAFAFA",
+            "grey-darken-1": "#757575"
         },
     },
 }

specimen-collection/components/right.vue

@@ -9,8 +9,8 @@
                         </div>
                     </v-col>
                     <v-col cols="8">
-                        <h4>055000035LA</h4>
-                        <h4 style="color: slategray;">Tn. Alpha</h4>
+                        <h4>{{ selected.noreg }}</h4>
+                        <h4 class="text-grey-darken-1">{{ selected.nama }}</h4>
                     </v-col>
                     <v-col cols="2" align-self="center" class="d-flex justify-end">
                         <div
@@ -31,6 +31,7 @@
                                 class="text-secondary-darken"
                                 style="font-size: 1.5rem;"
                                 icon="fluent:speaker-2-24-regular"
+                                icon="fluent:arrow-sync-24-regular"
                             ></iconify-icon>
                         </div>
                     </v-col>
@@ -213,7 +214,9 @@
             };
         },
         computed: {
-
+            selected() {
+                return this.$store.state.collection.selected_patients;
+            }
         },
         methods: {
 

specimen-collection/modules/collection.js

@@ -7,7 +7,7 @@ const store = {
                     noreg: "055000037LA",
                     kelpelanggan: "PASIEN MANDIRI",
                     nama: "Tn. Alpha",
-                    status: "New",
+                    status: "call",
                 },
                 {
                     tanggal: "31-07-2024",
@@ -25,7 +25,11 @@ const store = {
                 },
             ],
             selected_patients: {
-
+                tanggal: "-",
+                noreg: "-",
+                kelpelanggan: "-",
+                nama: "-",
+                status: "-",
             },
         };
     },