56 lines
1.6 KiB
Vue
56 lines
1.6 KiB
Vue
<template>
|
|
<v-layout column mb-2 >
|
|
<v-card>
|
|
<v-layout row>
|
|
<v-flex xs12>
|
|
<v-subheader red--text text--lighten-1> SUPPLIES</v-subheader>
|
|
<v-divider></v-divider>
|
|
<v-layout class="layout-supplies" row wrap>
|
|
<v-flex v-for="supply in supplies" xs3 pa-1 pt-0>
|
|
<one-field-verification-supply
|
|
:label="supply.name"
|
|
:value="supply.checked"
|
|
@x_change="cbxChange"
|
|
:note="1"
|
|
></one-field-verification-supply>
|
|
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
</v-flex>
|
|
</v-card>
|
|
</v-layout>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.v-messages, .v-text-field__details{
|
|
min-height:0px!important;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
module.exports = {
|
|
components : {
|
|
'one-field-verification-supply' : httpVueLoader('../../common/oneFieldVerificationSupply.vue')
|
|
},
|
|
data () {
|
|
return {
|
|
supplies :[
|
|
{"id":"1","name":"Sedotan Tinja","qty":0,"checked":false},
|
|
{"id":"2","name":"Jarum Suntik","qty":0,"checked":false}
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
cbxChange : function(val) {
|
|
console.log(val);
|
|
}
|
|
},
|
|
computed : {
|
|
_email () {
|
|
return this.$data._email;
|
|
}
|
|
}
|
|
}
|
|
</script>
|