169 lines
6.0 KiB
Vue
169 lines
6.0 KiB
Vue
<template>
|
|
|
|
<div>
|
|
<v-layout row>
|
|
<v-flex pt-2 pb-1 md12>
|
|
<v-card class="pengiriman" color="red">
|
|
<v-layout row>
|
|
<v-flex md12>
|
|
<v-list
|
|
subheader
|
|
three-line
|
|
|
|
>
|
|
<v-subheader red--text text--lighten-1>
|
|
|
|
DATA PENGIRIMAN
|
|
<v-flex text-md-right>
|
|
<v-btn small color="primary">Tambah Data</v-btn>
|
|
</v-flex>
|
|
</v-subheader>
|
|
<v-divider></v-divider>
|
|
|
|
<v-list-tile class="grey lighten-2" @click="">
|
|
<v-list-tile-action>
|
|
<v-checkbox
|
|
v-model="notifications"
|
|
></v-checkbox>
|
|
</v-list-tile-action>
|
|
|
|
<v-list-tile-content @click.prevent="notifications = !notifications">
|
|
<v-list-tile-sub-title class="pt-3">
|
|
|
|
<v-flex justify-center style="width:100%">
|
|
<v-text-field
|
|
label="EMAIL"
|
|
value = "sms.fajrihm@gmail.com"
|
|
readonly
|
|
outline
|
|
class="text-list-fhm"
|
|
></v-text-field>
|
|
</v-flex>
|
|
|
|
</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile @click="">
|
|
<v-list-tile-action>
|
|
<v-checkbox
|
|
v-model="notifications"
|
|
></v-checkbox>
|
|
</v-list-tile-action>
|
|
|
|
<v-list-tile-content @click.prevent="notifications = !notifications">
|
|
<v-list-tile-sub-title class="pt-3">
|
|
|
|
<v-flex justify-center style="width:80%">
|
|
<v-text-field
|
|
label="KIRIM KE PASIEN"
|
|
value = "Jl. Ngemblak Raya No.22, Brebes"
|
|
outline
|
|
readonly
|
|
class="text-list-fhm"
|
|
></v-text-field>
|
|
</v-flex>
|
|
<v-flex justify-center text-md-center pt-2 style="width:20%">
|
|
<v-icon large color="red">delete</v-icon>
|
|
</v-flex>
|
|
|
|
</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
|
|
|
|
|
|
</v-list>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row>
|
|
<v-flex pt-1 pb-3 md12>
|
|
<v-card class="pembayaran-minimum red accent-1">
|
|
<v-layout row>
|
|
<v-flex md12>
|
|
<v-list
|
|
subheader
|
|
three-line
|
|
|
|
>
|
|
<v-subheader red--text text--lighten-1>
|
|
|
|
DATA PEMBAYARAN
|
|
|
|
</v-subheader>
|
|
<v-divider></v-divider>
|
|
|
|
<v-list-tile @click="">
|
|
<v-list-tile-action>
|
|
<v-checkbox
|
|
v-model="notifications"
|
|
></v-checkbox>
|
|
</v-list-tile-action>
|
|
|
|
<v-list-tile-content @click.prevent="notifications = !notifications">
|
|
<v-list-tile-sub-title class="pt-3">
|
|
|
|
<v-flex justify-center style="width:100%">
|
|
<v-text-field
|
|
label="MEMENUHI MINIMAL PAYMENT"
|
|
placeholder = "Rp -"
|
|
outline
|
|
class="text-list-fhm"
|
|
></v-text-field>
|
|
</v-flex>
|
|
|
|
</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
|
|
|
|
|
|
|
|
</v-list>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
.v-card{
|
|
text-align: center;
|
|
}
|
|
|
|
.parallelogram{
|
|
transform: skew(-20deg);
|
|
|
|
}
|
|
|
|
div.pembayaran-minimum input[type=text]::-webkit-input-placeholder {
|
|
font-size: 1em;
|
|
color:#f44336!important;
|
|
}
|
|
div.pembayaran-minimum input[type=text] {
|
|
font-size: .7em;
|
|
color : #f44336!important;
|
|
}
|
|
div.pembayaran-minimum label {
|
|
color: #1976d2!important;
|
|
font-size: 1.2em;
|
|
font-weight:400;
|
|
}
|
|
|
|
</style>
|
|
<script>
|
|
module.exports = {
|
|
|
|
}
|
|
</script>
|