Flatten nested repos

test/vuex/one-fo-verification/components/oneFoVerificationMouPxAddOrder.vue

@@ -0,0 +1,88 @@
+
+<template>
+    <v-card flat>
+        <v-data-table :headers="headers" :items="orders" 
+            :loading="isLoading"
+            hide-actions class="elevation-1">
+            <template slot="items" slot-scope="props">
+                <td class="text-xs-left pa-2" >
+                    <v-btn color="red" dark class="pt-0 pb-0 pl-1 pr-1 mt-0 mb-0 mr-2 ml-0" small>
+                        <v-icon dark>delete</v-icon>
+                    </v-btn>
+                     {{ props.item.px }}</td>
+                <td class="text-xs-right pa-2" >{{ props.item.bruto }}</td>
+                <td class="text-xs-right pa-2">{{ props.item.disc }}</td>
+                <td class="text-xs-right pa-2">{{ props.item.total }}</td>
+            </template>
+        
+        </v-data-table>
+    </v-card>
+</template>
+
+<style scoped>
+    table.v-table tbody td,table.v-table tbody th {
+        height: 40px;
+    }
+
+    table.v-table thead tr {
+        height: 40px;
+    }
+
+    .v-btn {
+        min-width: auto;
+    }
+</style>
+
+<script>
+module.exports = {
+    data () {
+        return {
+            headers: [
+                {
+                    text: "PEMERIKSAAN",
+                    align: "left",
+                    sortable: false,
+                    value: "px",
+                    class: "pa-2 blue lighten-3 white--text"
+                },
+                {
+                    text: "BRUTO",
+                    align: "left",
+                    sortable: false,
+                    value: "bruto",
+                    width: "25%",
+                    class: "text-xs-right pa-2 blue lighten-3 white--text",
+                    width: "15%"
+                },
+                {
+                    text: "DISKON",
+                    align: "left",
+                    sortable: false,
+                    value: "disc",
+                    class: "text-xs-right pa-2 blue lighten-3 white--text",
+                    width: "15%"
+                },
+                {
+                    text: "TOTAL",
+                    align: "left",
+                    sortable: false,
+                    value: "total",
+                    class: "text-xs-right pa-2 blue lighten-3 white--text",
+                    width: "15%"
+                }
+            ],
+            query : "",
+
+            isLoading: true,
+            orders: [
+                // {"px":"Hemoglobin", "bruto":"30,000", "disc":"10,000", "total":"20,000"},
+                // {"px":"Trombosit", "bruto":"30,000", "disc":"10,000", "total":"20,000"},
+                // {"px":"Eritrosit", "bruto":"30,000", "disc":"10,000", "total":"20,000"},
+                {"px":"SGOT", "bruto":"30,000", "disc":"10,000", "total":"20,000"},
+                {"px":"SGPT", "bruto":"30,000", "disc":"10,000", "total":"20,000"},
+                {"px":"Urine Lengkap", "bruto":"30,000", "disc":"10,000", "total":"20,000"}
+            ]
+        }
+    }
+}
+</script>