add harcode dialog

status-patient/components/process-dialog.vue

@@ -0,0 +1,41 @@
+<template>
+    <v-timeline side="end" align="start">
+        <v-timeline-item
+            dot-color="white"
+            :fill-dot="true"
+            icon="mdi-check-circle"
+            icon-color="primary"
+            size="small"
+        >
+            <div style="min-width: 600px; max-width: 750px;">
+                <v-row>
+                    <v-col cols="12" align="end">
+                        <h4 class="font-weight-medium">21-08-2024 16:53</h4>
+                    </v-col>
+                </v-row>
+                <div class="bg-success-lighten rounded-lg pa-2 my-2">
+                    <v-row>
+                        <v-col cols="4">
+                            <h4>Serum Kuning</h4>
+                        </v-col>
+                        <v-col cols="8" align="end">
+                            <p class="font-weight-regular rounded-lg bg-grey-lighten-2 px-2" style="display: inline-block; font-size: 12px;">05600027LSK</p>
+                        </v-col>
+                    </v-row>
+                </div>
+            </div>
+        </v-timeline-item>
+    </v-timeline>
+</template>
+
+<script>
+    export default {
+        name: "processdialog",
+        components: {},
+        mounted() {},
+        data() {
+            return {};
+        },
+        computed: {},
+    }
+</script>