andy/westone-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

slcing registrasi awal

Browse Source
This commit is contained in:
adibwp
2024-10-31 15:53:59 +07:00
parent 54f56d9602
commit 8d24534928
27 changed files with 1079 additions and 854 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
registration/components/tabs.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<v-card class="mb-0 pa-2 mt-0 pt-0">
<v-card class="pa-4 rounded-lg" elevation="0">
<v-tabs v-model="tab" align-tabs="center" color="primary" grow>
<v-tab :value="1">DEMOGRAFI</v-tab>
<v-tab :value="2">PEMERIKSAAN</v-tab>
@@ -10,13 +10,25 @@
</v-card>
<v-tabs-window v-model="tab">
<v-tabs-window-item v-for="n in 3" :key="n" :value="n">
<v-row class="no-gutters">
<v-col cols="12" md="6" sm="12" xs="12" class="mt-3 pr-1">
<v-tabs-window-item v-for="n in 4" :key="n" :value="n">
<v-row no-gutters>
<!-- left side-->
<v-col cols="12" md="6" sm="12" xs="12" class="mt-4 pr-2">
<datatable-patient v-if="tab === 1"></datatable-patient>
<div v-else-if="tab === 2">
<form-agreement></form-agreement>
<form-pemeriksaan class="mt-4"></form-pemeriksaan>
</div>
<div v-else-if="tab === 3">KIRIM HASIL</div>
<div v-else>PEMBAYARAN</div>
</v-col>
<v-col cols="12" md="6" sm="12" xs="12" class="pl-1 mt-3">
<!-- right side -->
<v-col cols="12" md="6" sm="12" xs="12" class="mt-4 pl-2">
<form-patient v-if="tab === 1"></form-patient>
<form-pengirim class="mt-4" v-if="tab === 1"></form-pengirim>
<detail-order v-if="tab === 2"></detail-order>
</v-col>
</v-row>
</v-tabs-window-item>
@@ -26,12 +38,20 @@
<script type="module">
import DatatablePatient from "./datatable_patient.vue";
import Detail_order from "./detail_order.vue";
import FormPatient from "./form_patient.vue";
import Form_pemeriksaan from "./form_pemeriksaan.vue";
import FormPengirim from "./form_pengirim.vue";
import Kelpelanggan_agreement from "./kelpelanggan_agreement.vue";
export default {
name: "filtercomp",
components: {
"datatable-patient": DatatablePatient,
"form-patient": FormPatient,
"form-pengirim": FormPengirim,
"form-agreement": Kelpelanggan_agreement,
"form-pemeriksaan": Form_pemeriksaan,
"detail-order": Detail_order,
},
mounted() {},
data() {
@@ -72,7 +92,7 @@ export default {
</script>
<style scoped>
.pointer {
cursor: pointer;
}
.pointer {
cursor: pointer;
}
</style>