Files
FE_CPONE/test/vuex/hasil01/components/hasilBoxV1.vue
2026-04-27 10:13:31 +07:00

72 lines
1.0 KiB
Vue

<template>
<v-card class="fill-height" >
<v-card-text >
<v-autocomplete
cache-items
hide-no-data
hide-details
label="Nama Dokter"
solo-inverted
></v-autocomplete>
<v-select label="Alamat Dokter" ></v-select>
<v-select label="Bahasa" ></v-select>
<table>
<tr>
<th>Tanggal</th>
<th>Jam</th>
<th>Pemeriksaan</th>
</tr>
<tr>
<td style = "text-align: left; padding : 5px;">12/12/2019</td>
<td >13.30</td>
<td >SGOT,SGPT</td>
</tr>
<tr>
<td style = "text-align: left; padding : 5px;">15/12/2019</td>
<td >16.00</td>
<td > Urine Lengkap</td>
</tr>
</table>
<v-spacer></v-spacer>
</v-card-text>
</v-card>
</template>
<style scoped>
.myclass {
height:100%;
}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
table, th {
border: 1px solid #dddddd;
text-align: center;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
<script>
module.exports = {
}
</script>