diff --git a/elektromedis-patient-handling/components/filter.vue b/elektromedis-patient-handling/components/filter.vue
new file mode 100644
index 0000000..c7e8c47
--- /dev/null
+++ b/elektromedis-patient-handling/components/filter.vue
@@ -0,0 +1,133 @@
+<template>
+    <div>
+        <v-container class="bg-white rounded-lg" fluid>
+            <v-row>
+                <v-col cols="2.2">
+                    <v-menu
+                        v-model="menu"
+                        :close-on-content-click="false"
+                        transition="scale-transition"
+                        offset-y
+                        min-width="auto"
+                        max-width="290px"
+                    >
+                        <template v-slot:activator="{ props }">
+                            <v-text-field
+                                :model-value="formatDate()"
+                                :label="$t('message.filter.date')"
+                                prepend-inner-icon="mdi-calendar"
+                                hide-details
+                                readonly
+                                variant="outlined"
+                                v-bind="props"
+                            ></v-text-field>
+                        </template>
+                        <v-date-picker
+                            hide-header
+                            show-adjacent-months
+                            rounded="lg"
+                            color="primary"
+                            v-model="date"
+                            @update:modelValue="menu=false"
+                        ></v-date-picker>
+                    </v-menu>
+                </v-col>
+                <v-col cols="2.2">
+                    <v-text-field
+                        :label="$t('message.filter.noreg')"
+                        variant="outlined"
+                        hide-details
+                        append-inner-icon="mdi-magnify"
+                    ></v-text-field>
+                </v-col>
+                <v-col cols="2.2">
+                    <v-autocomplete
+                        :label="$t('message.filter.group')"
+                        variant="outlined"
+                        hide-details
+                        menu-icon="mdi-chevron-down"
+                        :items="temp_dropdown"
+                    ></v-autocomplete>
+                </v-col>
+                <v-col cols="2.2">
+                    <v-autocomplete
+                        :label="$t('message.filter.station')"
+                        variant="outlined"
+                        hide-details
+                        menu-icon="mdi-chevron-down"
+                        :items="temp_dropdown"
+                    ></v-autocomplete>
+                </v-col>
+                <v-col cols="2.2">
+                    <v-autocomplete
+                        :label="$t('message.filter.station')"
+                        variant="outlined"
+                        hide-details
+                        menu-icon="mdi-chevron-down"
+                        :items="temp_dropdown"
+                    ></v-autocomplete>
+                </v-col>
+                <v-col cols="1">
+                    <div
+                        style="height: 100%; display: flex; align-items: center; justify-content: center;"
+                        class="rounded-lg bg-primary pa-2 h-100 pointer"
+                    >
+                        <iconify-icon
+                            style="font-size: 2rem;"
+                            icon="fluent:search-20-regular"
+                        ></iconify-icon>
+                    </div>
+                </v-col>
+            </v-row>
+        </v-container>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "filtercomp",
+        components: {},
+        mounted() {
+            
+        },
+        data() {
+            return {
+                menu: false,
+                visible: false,
+            };
+        },
+        computed: {
+            date: {
+                get() {
+                    return this.$store.state.patient.date;
+                },
+                set(val) {
+                    this.$store.commit("setDate", val);
+                }
+            },
+            temp_dropdown: {
+                get() {
+                    return this.$store.state.patient.temp_dropdown;
+                },
+            }
+        },
+        methods: {
+            formatDate() {
+                if (!this.date) return null;
+
+                return moment(this.date).format("DD-MM-YYYY");
+            },
+            deFormatedDate(date) {
+                if (!date) return null;
+                const [day, month, year] = date.split("-");
+                return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
+            }
+        },
+    };
+</script>
+
+<style scoped>
+    .pointer {
+        cursor: pointer;
+    }
+</style>
\ No newline at end of file
diff --git a/elektromedis-patient-handling/components/left.vue b/elektromedis-patient-handling/components/left.vue
new file mode 100644
index 0000000..388f0cd
--- /dev/null
+++ b/elektromedis-patient-handling/components/left.vue
@@ -0,0 +1,132 @@
+<template>
+    <div>
+        <v-container class="bg-white rounded-lg" fluid>
+            <div class="bg-secondary-lighten rounded-lg pa-5 mb-5">
+                <h3 class="primary-lighten">{{ $t('message.tablePatient.title') }}</h3>
+            </div>
+            <v-data-table
+                v-model="selected_patients"
+                :items="patients"
+                :headers="headers"
+                hide-default-footer
+                class="row-pointer"
+            >
+                <template v-slot:headers="{ columns }">
+                    <tr>
+                        <template v-for="column in columns" :key="column.key">
+                            <td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
+                                <span>{{ column.title }}</span>
+                            </td>
+                        </template>
+                    </tr>
+                </template>
+                <template v-slot:item="{ item }">
+                    <tr @click="selectItem(item)" v-bind:class="{'bg-primary-lighten':isItemSelected(item)}">
+                        <td>
+                            <p class="font-weight-medium">{{ item.tanggal }}</p>
+                        </td>
+                        <td>
+                            <p class="font-weight-medium">{{ item.noreg }}</p>
+                        </td>
+                        <td>
+                            <p class="font-weight-medium">{{ item.kelpelanggan }}</p>
+                        </td>
+                        <td>
+                            <p class="font-weight-medium">{{ item.nama }}</p>
+                        </td>
+                        <td>
+                            <p class="font-weight-medium">{{ item.status }}</p>
+                        </td>
+                    </tr>
+                </template>
+            </v-data-table>
+        </v-container>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "leftcomp",
+    components: {},
+    mounted() {
+        
+    },
+    data() {
+        return {
+            menu: false,
+            visible: false,
+            selectedItems: [],
+            headers: [
+                {
+                    title: this.$t('message.tablePatient.date'),
+                    align: "start",
+                    sortable: false,
+                    key: "date",
+                    width: "15%",
+                    class: "font-weight-bold",
+                },
+                {
+                    title: this.$t('message.tablePatient.noreg'),
+                    align: "start",
+                    sortable: false,
+                    key: "noreg",
+                    width: "20%",
+                    class: "font-weight-bold",
+                },
+                {
+                    title: this.$t('message.tablePatient.group'),
+                    align: "start",
+                    sortable: false,
+                    key: "group",
+                    width: "25%",
+                    class: "font-weight-bold",
+                },
+                {
+                    title: this.$t('message.tablePatient.name'),
+                    align: "start",
+                    sortable: false,
+                    key: "name",
+                    width: "25%",
+                    class: "font-weight-bold",
+                },
+                {
+                    title: this.$t('message.tablePatient.status'),
+                    align: "start",
+                    sortable: false,
+                    key: "status",
+                    width: "15%",
+                    class: "font-weight-bold",
+                },
+            ],
+        };
+    },
+    computed: {
+        patients() {
+            return this.$store.state.patient.patients;
+        },
+        selected_patients: {
+            get() {
+                return this.$store.state.patient.selected_patients;
+            },
+            set(data) {
+                this.$store.commit("setSelectedPatients", data);
+            }
+        }
+    },
+    methods: {
+        selectItem(data) {
+            // this.$store.commit("setSelectedPatients", data);
+            this.selected_patients = data;
+        },
+        isItemSelected(data) {
+            return data.noreg === this.$store.state.patient.selected_patients.noreg
+        }
+    },
+};
+</script>
+
+<style scoped>
+    .row-pointer >>> tbody tr :hover {
+        cursor: pointer;
+    }
+</style>
\ No newline at end of file
diff --git a/elektromedis-patient-handling/components/main.vue b/elektromedis-patient-handling/components/main.vue
new file mode 100644
index 0000000..40e1bc8
--- /dev/null
+++ b/elektromedis-patient-handling/components/main.vue
@@ -0,0 +1,46 @@
+<template>
+    <v-app id="inspire">
+        <one-navbar></one-navbar>
+        <v-main>
+            <div class="pa-5 bg-primary-lighten ml-2 rounded-xl h-100">
+                <one-filter></one-filter>
+                <v-row>
+                    <v-col cols="12" md="6" sm="12" xs="12" class="mt-5">
+                        <one-left></one-left>
+                    </v-col>
+                    <v-col cols="12" md="6" sm="12" xs="12" class="mt-5">
+                        <one-right></one-right>
+                    </v-col>
+                </v-row>
+            </div>
+        </v-main>
+    </v-app>
+</template>
+
+<script type="module">
+    import NavbarComponent from "../../globalcomponent/one-navbar.vue";
+    import FilterComponent from "./filter.vue";
+    import LeftComponent from "./left.vue";
+    import RightComponent from "./right.vue";
+    export default {
+        name: "patient handling",
+        components: {
+            "one-navbar": NavbarComponent,
+            "one-filter": FilterComponent,
+            "one-left": LeftComponent,
+            "one-right": RightComponent,
+        },
+        mounted() {},
+        data() {
+            return {
+                visible: false,
+            };
+        },
+        computed: {
+
+        },
+        methods: {
+
+        },
+    };
+</script>
\ No newline at end of file
diff --git a/elektromedis-patient-handling/components/right.vue b/elektromedis-patient-handling/components/right.vue
new file mode 100644
index 0000000..2b98b5d
--- /dev/null
+++ b/elektromedis-patient-handling/components/right.vue
@@ -0,0 +1,275 @@
+<template>
+    <div>
+        <v-container class="bg-white rounded-lg" fluid>
+            <div class="bg-primary-lighten rounded-lg pa-5">
+                <v-row>
+                    <v-col cols="2">
+                        <div class="rounded-lg bg-secondary-lighten" style="width: 100%; height: 120px;">
+                            <!-- placeholder photo -->
+                        </div>
+                    </v-col>
+                    <v-col cols="8">
+                        <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
+                            style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;"
+                            class="rounded-lg pa-2 mr-2 bg-grey-lighten-5 pointer"
+                            v-show="selected.status === 'Call'"
+                        >
+                            <iconify-icon
+                                class="text-grey"
+                                style="font-size: 1.5rem;"
+                                icon="fluent:arrow-previous-24-regular"
+                            ></iconify-icon>
+                        </div>
+                        <div
+                            style="height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;"
+                            class="rounded-lg bg-secondary-lighten pa-2 pointer"
+                            @click="setCall(selected)"
+                            v-show="selected.doneCall !== 'Y'"
+                        >
+                            <iconify-icon
+                                class="text-secondary-darken"
+                                style="font-size: 1.5rem;"
+                                :icon="setIconCall(selected.status)"
+                            ></iconify-icon>
+                        </div>
+                    </v-col>
+                </v-row>
+                <v-row>
+                    <v-col cols="10">
+                        <p class="font-weight-medium">PID</p>
+                    </v-col>
+                    <v-col cols="2" class="text-end">
+                        <p class="font-weight-medium" style="color: slategray;">-</p>
+                    </v-col>
+                </v-row>
+                <v-row no-gutters>
+                    <v-col cols="4">
+                        <p class="font-weight-medium">{{ $t('message.dobage') }}</p>
+                    </v-col>
+                    <v-col cols="4" class="text-end">
+                        <p class="font-weight-medium" style="color: slategray;">{{ selected.dob }}</p>
+                    </v-col>
+                    <v-col cols="4" class="text-end">
+                        <p class="font-weight-medium" style="color: slategray;">{{ selected.age }}</p>
+                    </v-col>
+                </v-row>
+            </div>
+        </v-container>
+        <v-container class="bg-white rounded-lg mt-5" fluid>
+            <div class="bg-secondary-lighten rounded-lg pa-5 mb-5">
+                <v-row>
+                    <v-col cols="10" align-self="center">
+                        <h3 class="primary-lighten">{{ $t('message.tableDetail.title') }}: {{ details.staff }}</h3>
+                    </v-col>
+                    <v-col cols="2" align-self="center" class="d-flex justify-end">
+                        <div
+                            style="height: 32px; width: 32px; display: flex; align-items: center; justify-content: center;"
+                            class="rounded-lg bg-primary-lighten pa-2 pointer"
+                        >
+                            <iconify-icon
+                                class="text-primary-darken"
+                                style="font-size: 1.5rem;"
+                                icon="fluent:note-add-24-regular"
+                            ></iconify-icon>
+                        </div>
+                        <div
+                            style="height: 32px; width: 32px; display: flex; align-items: center; justify-content: center;"
+                            class="rounded-lg bg-success-lighten pa-2 ml-2 pointer"
+                        >
+                            <iconify-icon
+                                class="text-success-darken"
+                                style="font-size: 1.5rem;"
+                                icon="fluent:notepad-person-24-regular"
+                            ></iconify-icon>
+                        </div>
+                    </v-col>
+                </v-row>
+            </div>
+            <v-data-table
+                :items="details.handling"
+                :headers="headers"
+                hide-default-footer
+            >
+                <template v-slot:headers="{ columns }">
+                    <tr>
+                        <template v-for="column in columns" :key="column.key">
+                            <td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
+                                <span>{{ column.title }}</span>
+                            </td>
+                        </template>
+                    </tr>
+                </template>
+                <template v-slot:item="{ item }">
+                    <tr>
+                        <td>
+                            <p class="font-weight-medium">{{ item.handling }}</p>
+                        </td>
+                        <td>
+                            <p class="font-weight-medium">{{ item.barcode }}</p>
+                        </td>
+                        <td align="center">
+                            <div
+                                style="display: flex; align-items: center; justify-content: center;"
+                                class="rounded-lg pa-2"
+                                v-if="selected.doneCall === 'Y'"
+                            >
+                                <div
+                                    class="pointer"
+                                    style="height: 32px; width: 32px; display: flex; align-items: center; justify-content: center;"
+                                >
+                                    <iconify-icon
+                                        :class="{'text-error': item.requirement === 'N'}"
+                                        style="font-size: 1.5rem;"
+                                        icon="fluent:dismiss-12-filled"
+                                        @click="setReq(item, 'N')"
+                                    ></iconify-icon>
+                                </div>
+                                <div
+                                    class="pointer"
+                                    style="height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; margin-left: 8px;"
+                                >
+                                    <iconify-icon
+                                        :class="{'text-success': item.requirement === 'Y'}"
+                                        style="font-size: 2rem;"
+                                        icon="fluent:checkmark-12-filled"
+                                        @click="setReq(item, 'Y')"
+                                    ></iconify-icon>
+                                </div>
+                            </div>
+                            <p v-else style="font-size: 1.5rem;">-</p>
+                        </td>
+                        <td align="center">
+                            <div v-if="selected.doneCall === 'Y'" class="py-1">
+                                <div class="bg-warning rounded-lg pa-1 text-white">
+                                    {{ formatDate(item.sDate) }}
+                                </div>
+                                <div :class="['rounded-lg rounded-lg pa-1 mt-1', { 'bg-grey-lighten-5': !item.eDate, 'bg-success': item.eDate }]">
+                                    {{ item.eDate === "" ? '00-00-0000 00:00': formatDate(item.eDate) }}
+                                </div>
+                            </div>
+                            <p v-else style="font-size: 1.5rem;">-</p>
+                        </td>
+                    </tr>
+                </template>
+            </v-data-table>
+            <div class="ml-3">
+                <v-chip v-for="y in details.jenis" class="mr-2 mt-2" :color="selected.doneCall === 'Y' ? 'success' : 'primary'">{{ y }}</v-chip>
+            </div>
+        </v-container>
+        <v-container class="bg-white rounded-lg mt-5" fluid>
+            <div class="bg-secondary-lighten rounded-lg pa-5">
+                <h3 class="primary-lighten">{{ $t('message.examination') }}</h3>
+            </div>
+            <div>
+                <v-chip v-for="x in pemeriksaan" class="mt-5 mr-2" color="primary">{{ x }}</v-chip>
+            </div>
+        </v-container>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "rightcomp",
+        components: {
+
+        },
+        mounted() {},
+        data() {
+            return {
+                menu: false,
+                visible: false,
+                headers: [
+                    {
+                        title: this.$t('message.tableDetail.speciment'),
+                        align: "start",
+                        sortable: false,
+                        key: "name",
+                        width: "20%",
+                        class: "font-weight-bold",
+                    },
+                    {
+                        title: this.$t('message.tableDetail.barcode'),
+                        align: "start",
+                        sortable: false,
+                        key: "name",
+                        width: "20%",
+                        class: "font-weight-bold",
+                    },
+                    {
+                        title: this.$t('message.tableDetail.requirement'),
+                        align: "center",
+                        sortable: false,
+                        key: "name",
+                        width: "20%",
+                        class: "font-weight-bold",
+                    },
+                    {
+                        title: this.$t('message.tableDetail.action'),
+                        align: "center",
+                        sortable: false,
+                        key: "name",
+                        width: "20%",
+                        class: "font-weight-bold",
+                    },
+                ],
+            };
+        },
+        computed: {
+            selected: {
+                get() {
+                    return this.$store.state.patient.selected_patients;
+                },
+                set(data) {
+                    this.$store.commit("setSelectedPatients", data);
+                }
+            },
+            details: {
+                get() {
+                    return this.$store.state.patient.details;
+                },
+                set(data) {
+                    this.$store.commit("")
+                }
+            },
+            pemeriksaan() {
+                return this.$store.state.patient.pemeriksaan;
+            }
+        },
+        methods: {
+            setIconCall(status) {
+                switch (status.toLowerCase()) {
+                    case "call":
+                        return "fluent:arrow-sync-24-regular";
+                    default:
+                        return "fluent:speaker-2-24-regular";
+                }
+            },
+            setCall(data) {
+                if (data.status == "New") {
+                    data.status = "Call";    
+                } else if (data.status == "Call") {
+                    data.doneCall = "Y";
+                }
+            },
+            setReq(data, status) {
+                data.requirement = status;
+                data.eDate= new Date();
+            },
+            formatDate(date) {
+                if (!date) return null;
+
+                return moment(date).format("DD-MM-YYYY HH:mm");
+            },
+        },
+    }
+</script>
+
+<style scoped>
+    .pointer {
+        cursor: pointer;
+    }
+</style>
\ No newline at end of file
diff --git a/elektromedis-patient-handling/index.html b/elektromedis-patient-handling/index.html
new file mode 100644
index 0000000..6dd8d1f
--- /dev/null
+++ b/elektromedis-patient-handling/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>WESTONE</title>
+    <!-- Vuetify CSS -->
+    <link href="../css/vuetify.css" rel="stylesheet" />
+    <!-- Local Stylesheet for Fonts -->
+    <link rel="stylesheet" href="../css/styles.css" />
+    <link href="../css/materialdesignicon.css" rel="stylesheet" />
+    <script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- Moment -->
+    <script src="../libraries/moment.js"></script>
+    <!-- Vue.js -->
+    <!-- DEV -->
+    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+    <!-- PROD -->
+    <!-- <script src="../libraries/vue3.4.36.global.prod.js"></script> -->
+    <!-- Vuex -->
+    <script src="../libraries/vuex.js"></script>
+    <!-- Vuetify -->
+    <script src="../libraries/vuetify3.js"></script>
+    <!-- vue-i18n -->
+    <script src="../libraries/vue-i18n.global.js"></script>
+    <!-- Axios -->
+    <script src="../libraries/axios.js"></script>
+
+    <script src="../globalscript/theme.js"></script>
+    <!-- loader single file component -->
+    <script src="../libraries/vue3-sfc-loader.js"></script>
+    <script src="./language.js"></script>
+
+    <script type="module">
+      const { loadModule } = window["vue3-sfc-loader"];
+
+      import patient from "./modules/patient.js";
+      import system from "../globalstore/globalstore.js";
+
+      const store = Vuex.createStore({
+        modules: {
+          system: system,
+          patient: patient,
+        },
+      });
+      const options = {
+        moduleCache: {
+          vue: Vue,
+        },
+        getFile(url) {
+          return fetch(url).then((response) =>
+            response.ok ? response.text() : Promise.reject(response)
+          );
+        },
+        addStyle(textContent) {
+          const style = document.createElement("style");
+          style.textContent = textContent;
+          const ref = document.head.getElementsByTagName("style")[0] || null;
+          document.head.insertBefore(style, ref);
+        },
+      };
+      // Locale messages
+      const messages = CustomMessages;
+
+      // Get the browser's preferred language
+      const browserLocale = navigator.language || navigator.languages[0];
+
+      // Initialize vue-i18n
+      const i18n = VueI18n.createI18n({
+        locale: browserLocale.startsWith("id") ? "id" : "en", // Set locale based on browser setting
+        fallbackLocale: "en", // Set fallback locale
+        messages, // Set locale messages
+      });
+
+      // Vue App
+      const app = Vue.createApp({
+        data() {
+          return {};
+        },
+
+        template: `
+            <main-component></main-component>
+            `,
+      });
+
+      const vuetify = Vuetify.createVuetify({
+        theme: {
+          themes: CustomTheme,
+        },
+      });
+
+      app.use(store);
+      app.use(vuetify);
+      app.use(i18n);
+      const components = {
+        "main-component": "./components/main.vue",
+      };
+      Promise.all(
+        Object.entries(components).map(([name, path]) => {
+          return loadModule(path, options).then((component) => {
+            app.component(name, component);
+          });
+        })
+      )
+        .then(() => {
+          app.mount("#app");
+        })
+        .catch((error) => {
+          console.error("Error loading components:", error);
+        });
+    </script>
+  </body>
+</html>
diff --git a/elektromedis-patient-handling/language.js b/elektromedis-patient-handling/language.js
new file mode 100644
index 0000000..40c974b
--- /dev/null
+++ b/elektromedis-patient-handling/language.js
@@ -0,0 +1,56 @@
+var CustomMessages = {
+    en: {
+        message: {
+            filter: {
+                date: "Date",
+                noreg: "No. Reg / Name",
+                group: "Customer Group",
+                station: "Station",
+            },
+            tablePatient: {
+                title: "PATIENT",
+                date: "DATE",
+                noreg: "NO. REG",
+                group: "CUSTOMER GROUP",
+                name: "NAME",
+                status: "STATUS"
+            },
+            tableDetail: {
+                title: "STAFF",
+                speciment: "SPECIMENT",
+                barcode: "BARCODE",
+                requirement: "REQUIREMENT",
+                action: "ACTION"
+            },
+            examination: "EXAMINATION",
+            dobage: "Date of Birth and Age",
+        },
+    },
+    id: {
+        message: {
+            filter: {
+                date: "Tanggal",
+                noreg: "No. Reg / Nama",
+                group: "Kel. Pelanggan",
+                station: "Station",
+            },
+            tablePatient: {
+                title: "PASIEN",
+                date: "TANGGAL",
+                noreg: "NO. REG",
+                group: "KEL. PELANGGAN",
+                name: "NAMA",
+                status: "STATUS"
+            },
+            tableDetail: {
+                title: "STAF",
+                speciment: "SPECIMEN",
+                barcode: "BARCODE",
+                requirement: "PRASYARAT",
+                action: "AKSI"
+            },
+            examination: "PEMERIKSAAN",
+            dobage: "Tanggal Lahir dan Umur",
+        },
+    },
+};
\ No newline at end of file
diff --git a/elektromedis-patient-handling/modules/patient.js b/elektromedis-patient-handling/modules/patient.js
new file mode 100644
index 0000000..5f39663
--- /dev/null
+++ b/elektromedis-patient-handling/modules/patient.js
@@ -0,0 +1,74 @@
+const store = {
+    state() {
+        return {
+            date: new Date(),
+            temp_dropdown: ["Lorem", "ipsum", "dolor", "sit", "amet"],
+            patients: [
+                {
+                    tanggal: "31-07-2024",
+                    noreg: "055000035LA",
+                    kelpelanggan: "PASIEN KLINISI",
+                    nama: "Tn. COCOBA",
+                    age: "23 tahun 11 bulan 10 hari",
+                    dob: "10/10/2000",
+                    pid: "-",
+                    status: "New",
+                    doneCall: "N",
+                },
+                {
+                    tanggal: "31-07-2024",
+                    noreg: "055000034LA",
+                    kelpelanggan: "PASIEN MANDIRI",
+                    nama: "Tn. YACOBA",
+                    age: "27 tahun 2 bulan 12 hari",
+                    dob: "08/06/1997",
+                    pid: "-",
+                    status: "New",
+                    doneCall: "N",
+                },
+            ],
+            selected_patients: {
+                tanggal: "-",
+                noreg: "-",
+                kelpelanggan: "-",
+                nama: "-",
+                age: "-",
+                dob: "-",
+                pid: "-",
+                status: "-",
+            },
+            details: {
+                staff: "NOVITA",
+                handling: [
+                    {
+                        handling: "ECG",
+                        barcode: "055000035LSE1A",
+                        requirement: "",
+                        sDate: new Date(),
+                        eDate: "",
+                    },
+                ],
+                jenis: ["ECG"]
+            },
+            pemeriksaan: [
+                "ECG",
+            ]
+        };
+    },
+    mutations: {
+        setPatients(state, data) {
+            state.patients = data
+        },
+        setSelectedPatients(state, data) {
+            state.selected_patients = data
+        },
+        setDate(state, date) {
+            state.date = date;
+        }
+    },
+    actions: {
+
+    }
+}
+
+export default store
\ No newline at end of file