103 lines
3.8 KiB
Vue
103 lines
3.8 KiB
Vue
<template>
|
|
<v-layout column class="fill-height">
|
|
<v-card class="mb-2">
|
|
<v-layout row wrap>
|
|
<v-flex xs12 >
|
|
<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-layout row>
|
|
<v-flex xs12 pa-1>
|
|
<one-field-verification
|
|
:is_error="true"
|
|
label="Email ke Dokter : sms.sipe@gmail.com"
|
|
@x_change="emailChange"
|
|
value=""
|
|
></one-field-verification>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row>
|
|
<v-flex xs12 pa-1>
|
|
<one-field-verification
|
|
:is_error="true"
|
|
label="Kirim ke Pasien : Jl. Tegal Raya No. 1"
|
|
@x_change="emailChange"
|
|
value=""
|
|
></one-field-verification>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-divider></v-divider>
|
|
<v-layout row>
|
|
<v-flex xs9 pa-1 class="indigo lighten-5">
|
|
<one-field-verification
|
|
:is_error="true"
|
|
label="Email ke Dokter : sms.sipe@gmail.com"
|
|
@x_change="emailChange"
|
|
value=""
|
|
></one-field-verification>
|
|
</v-flex>
|
|
<v-flex class="indigo lighten-5" pt-3 xs3>
|
|
<v-layout align-center justify-center row>
|
|
<v-icon large color="red">delete</v-icon>
|
|
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-flex>
|
|
</v-card>
|
|
<v-card>
|
|
<v-layout row>
|
|
<v-flex xs12>
|
|
<v-subheader red--text text--lighten-1> DATA PEMBAYARAN</v-subheader>
|
|
<v-divider></v-divider>
|
|
<v-layout row>
|
|
<v-flex xs12 pa-2>
|
|
<one-field-verification
|
|
:is_error="true"
|
|
label="Minimum pembayaran terpenuhi (Rp 50.000)"
|
|
@x_change="emailChange"
|
|
value=""
|
|
></one-field-verification>
|
|
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-flex>
|
|
</v-card>
|
|
</v-layout>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|
|
|
|
<script>
|
|
module.exports = {
|
|
components : {
|
|
'one-field-verification' : httpVueLoader('../../common/oneFieldVerification.vue'),
|
|
'one-field-verification-delivery-payment' : httpVueLoader('../../common/oneFieldVerificationDeliveryPayment.vue')
|
|
},
|
|
|
|
data () {
|
|
return {
|
|
email: 'sms@fajrihm.gmail.com"',
|
|
_email: true,
|
|
}
|
|
},
|
|
methods: {
|
|
emailChange : function(val) {
|
|
console.log(val);
|
|
}
|
|
},
|
|
computed : {
|
|
_email () {
|
|
return this.$data._email;
|
|
}
|
|
}
|
|
}
|
|
</script>
|