
<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>
