89 lines
2.9 KiB
Vue
89 lines
2.9 KiB
Vue
|
|
<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>
|