72 lines
1.0 KiB
Vue
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>
|