176 lines
5.9 KiB
Vue
176 lines
5.9 KiB
Vue
<template>
|
|
|
|
|
|
<v-card class="pa-1">
|
|
<v-layout row wrap>
|
|
<v-flex xs12>
|
|
<v-card flat>
|
|
|
|
<v-layout>
|
|
<v-flex xs6 class="pa-2">
|
|
<v-text-field
|
|
label="Company"
|
|
placeholder=""
|
|
:value="c_company"
|
|
readonly
|
|
></v-text-field>
|
|
</v-flex>
|
|
|
|
<v-flex xs6 class="pa-2">
|
|
<v-text-field
|
|
label="MOU"
|
|
placeholder=""
|
|
:value="c_mou"
|
|
readonly
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card>
|
|
</v-flex>
|
|
|
|
<v-flex xs12>
|
|
<v-layout row wrap>
|
|
<v-flex xs6 pa-2>
|
|
<one-field-verification
|
|
:is_error="true"
|
|
label="Company sudah sesuai"
|
|
@x_change="companyChange"
|
|
value=false
|
|
:note="n_company_false"
|
|
></one-field-verification>
|
|
<!-- <v-layout>
|
|
<v-flex xs5>
|
|
<v-checkbox
|
|
v-model="$data._company"
|
|
:label="`Company Sudah Sesuai`"
|
|
></v-checkbox>
|
|
</v-flex>
|
|
<v-flex xs7 pt-2>
|
|
<v-text-field
|
|
label=""
|
|
placeholder=""
|
|
outline
|
|
:disabled="__company"
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout> -->
|
|
|
|
|
|
</v-flex>
|
|
|
|
<v-flex xs6 pa-2>
|
|
<one-field-verification
|
|
label="MOU sudah sesuai"
|
|
value=false
|
|
|
|
></one-field-verification>
|
|
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
|
|
<v-flex xs12 class="pt-2">
|
|
<one-fo-verification-mou-px-curr-order></one-fo-verification-mou-px-curr-order>
|
|
</v-flex>
|
|
|
|
<v-flex xs12 class="pt-4">
|
|
<v-layout align-end justify-end>
|
|
<v-flex xs6>
|
|
<h3>Tambahan Pemeriksaan</h3>
|
|
</v-flex>
|
|
<v-flex xs6 class="text-xs-right">
|
|
<!-- <v-layout fill-height align-end justify-end> -->
|
|
<v-btn
|
|
color="green"
|
|
dark
|
|
class="mt-0 mb-0"
|
|
>
|
|
Tambah Pemeriksaan
|
|
</v-btn>
|
|
<!-- </v-layout> -->
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
|
|
<v-flex xs12 class="pt-2">
|
|
<one-fo-verification-mou-px-add-order></one-fo-verification-mou-px-add-order>
|
|
</v-flex>
|
|
|
|
<v-flex xs12 class="pt-2">
|
|
<v-textarea
|
|
label="Catatan Verifikasi Pemeriksaan"
|
|
rows="3"
|
|
value=""
|
|
outline
|
|
></v-textarea>
|
|
</v-flex>
|
|
</v-layout>
|
|
|
|
|
|
</v-card>
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
/* .v-text-field__details {
|
|
display: none;
|
|
} */
|
|
|
|
/* .v-text-field--box input, .v-text-field--full-width input, .v-text-field--outline input {
|
|
margin-top: 0px;
|
|
} */
|
|
|
|
.v-text-field--box>.v-input__control>.v-input__slot, .v-text-field--full-width>.v-input__control>.v-input__slot, .v-text-field--outline>.v-input__control>.v-input__slot {
|
|
min-height: 40px;
|
|
}
|
|
|
|
/* .v-input__slot {
|
|
margin-bottom: 0px !important;
|
|
} */
|
|
|
|
/* .v-messages {
|
|
display: none;
|
|
} */
|
|
</style>
|
|
|
|
<script>
|
|
module.exports = {
|
|
components : {
|
|
'one-fo-verification-mou-px-curr-order' : httpVueLoader('./oneFoVerificationMouPxCurrOrder.vue'),
|
|
'one-fo-verification-mou-px-add-order' : httpVueLoader('./oneFoVerificationMouPxAddOrder.vue'),
|
|
'one-field-verification' : httpVueLoader('./oneFieldVerification.vue')
|
|
// 'patient-right-side' : httpVueLoader('./patientRightSide.vue')
|
|
},
|
|
|
|
data () {
|
|
return {
|
|
checkbox: true,
|
|
|
|
c_company: 'PT. Enseval Indonesia',
|
|
c_mou: 'Enseval 01',
|
|
|
|
_company: true,
|
|
_mou: true,
|
|
|
|
xx: true,
|
|
n_company_false: "bro nih yeee"
|
|
}
|
|
},
|
|
methods: {
|
|
companyChange : function(val) {
|
|
console.log(val)
|
|
|
|
}
|
|
},
|
|
computed : {
|
|
__company () {
|
|
return this.$data._company;
|
|
},
|
|
|
|
__mou () {
|
|
return this.$data._mou;
|
|
}
|
|
}
|
|
}
|
|
</script>
|