Files
FE_CPONE/test/vuex/one-fo-verification/components/oneFoVerificationMouPxAddOrder.vue
2026-04-27 10:13:31 +07:00

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>