75 lines
1.1 KiB
Vue
75 lines
1.1 KiB
Vue
<template>
|
|
<div>
|
|
|
|
<table>
|
|
<tr>
|
|
<th>Pemeriksaan</th>
|
|
<th>Bruto</th>
|
|
<th>Diskon</th>
|
|
<th>Total</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
<tr>
|
|
<td style = "text-align: left; padding : 5px;">SGOT</td>
|
|
<td >50.000</td>
|
|
<td >5.000</td>
|
|
<td >45.000</td>
|
|
<td > <v-icon color = "red" >delete</v-icon> </td>
|
|
</tr>
|
|
<tr>
|
|
<td style = "text-align: left; padding : 5px;">SGPT</td>
|
|
<td >50.000</td>
|
|
<td >5.000</td>
|
|
<td >45.000</td>
|
|
<td > <v-icon color = "red" >delete</v-icon> </td>
|
|
</tr>
|
|
|
|
|
|
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="3" style = "text-align: right;">SUB TOTAL</th>
|
|
<th >100.000</th>
|
|
<th > </th>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th colspan="3" style = "text-align: right;">DISKON PEMBULATAN</th>
|
|
<th >10.000</th>
|
|
<th > </th>
|
|
</tr>
|
|
</tfoot>
|
|
|
|
|
|
|
|
</table>
|
|
|
|
</div>
|
|
</template>
|
|
<style scoped>
|
|
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>
|