Initial import
This commit is contained in:
@@ -0,0 +1,45 @@
|
||||
<template>
|
||||
<v-layout row>
|
||||
<v-flex shrink wrap class="searchbox">
|
||||
<v-card class="blue lighten-3 pa-0">
|
||||
<v-card-actions >
|
||||
<v-layout row wrap align-center>
|
||||
<v-flex >
|
||||
<div class="nota">TOTAL</div>
|
||||
</v-flex>
|
||||
<v-flex >
|
||||
<div class="total">90.000</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
<style scoped>
|
||||
|
||||
|
||||
|
||||
.layout {
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
.nota {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
.total {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,75 @@
|
||||
<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>
|
||||
@@ -0,0 +1,32 @@
|
||||
<template>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6 class="left">
|
||||
Left
|
||||
</v-flex>
|
||||
<v-flex xs6 class="right" >
|
||||
<nota-box> </nota-box>
|
||||
<v-flex grow >
|
||||
<notadetail-box> </notadetail-box>
|
||||
</v-flex>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.left {
|
||||
background-color:white;
|
||||
}
|
||||
.right {
|
||||
background-color:white;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'nota-box' : httpVueLoader('./notaBoxV1.vue'),
|
||||
'notadetail-box' : httpVueLoader('./notadetailBoxV1.vue'),
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user