slicing result validation

result-validation/components/mainValidation.vue

@@ -0,0 +1,53 @@
+<template>
+    <v-app id="inspire">
+        <one-navbar></one-navbar>
+        <v-main>
+            <div class="pa-5 bg-primary-lighten ml-2 rounded-xl h-100">
+                <search-component></search-component>
+                <v-row>
+                    <v-col cols="12" md="3" sm="12" xs="12" class="mt-5">
+                        <list-patient-component></list-patient-component>
+                    </v-col>
+                    <v-col cols="12" md="9" sm="12" xs="12" class="mt-5">
+                        <detail-patient-component></detail-patient-component>
+                    </v-col>
+                </v-row>
+            </div>
+        </v-main>
+    </v-app>
+
+</template>
+    
+<style scoped>
+
+</style>
+    
+<script type="module">
+    import NavbarComponent from "../../globalcomponent/one-navbar.vue";
+    import listPatientComponent from "./listPatient.vue";
+    import searchComponent from "./searchPatient.vue";
+    import detailComponent from "./detailPatient.vue";
+    export default {
+        name: "MainValidation",
+        components: {
+            "one-navbar": NavbarComponent,
+            "list-patient-component": listPatientComponent,
+            "search-component": searchComponent,
+            "detail-patient-component": detailComponent
+        },
+        data() {
+            return {
+
+            };
+        },
+        computed: {
+
+        },
+        methods: {
+
+        },
+        wacth: {
+
+        }
+    }
+</script>