daftar praktisi

components/Form/Patient/Create.vue

@@ -1,5 +1,5 @@
-<script>
-import { FormLibAddress, FormLibHumanName, FormLibTelecom } from '#components'
+<script setup lang="ts">
+import { FormLibAddress, FormLibContact, FormLibHumanName, FormLibTelecom } from '#components'
 import Identifier from '../Lib/Identifier.vue'
 
 const data = ref('')
@@ -84,14 +84,15 @@ const handleResponse = (response, form$) => {
       <GroupElement name="column1" :columns="{
         container: 6,
       }">
-        <RadiogroupElement name="gender" view="tabs" label="Jenis Kelamin" :items="[
+      <FormLibGender />
+        <!-- <RadiogroupElement name="gender" view="tabs" label="Jenis Kelamin" :items="[
           {
             value: 'male',
             label: 'Laki-laki',
           },
           {
             value: 'female',
-            label: 'Perempuan',
+            label: 'female',
           },
           // {
           //   value: 'other',
@@ -101,7 +102,7 @@ const handleResponse = (response, form$) => {
           //   value: 'unknown',
           //   label: ' ',
           // },
-        ]" default="unknown" />
+        ]" default="unknown" /> -->
       </GroupElement>
       <GroupElement name="column_2" :columns="{
         container: 6,
@@ -177,14 +178,18 @@ const handleResponse = (response, form$) => {
     }" />
     <StaticElement name="divider_1" tag="hr" />
     <StaticElement name="addressTitle" tag="h2" content="Alamat" />
-    <FormLibAddress />
+    <FormLibAddress class="mt"/>
 
     <StaticElement name="divider_2" tag="hr" />
-    <StaticElement name="contactTitle" tag="h4" content="Kontak" />
-    <FormLibTelecom />
+    <StaticElement name="contactTitle" tag="h2" content="Kontak" />
+    <FormLibTelecom class="mt"/>
+    <StaticElement name="divider_2" tag="hr" />
+    <StaticElement name="contactTitle" tag="h2" content="Kontak Penanggung Jawab" />
+    <FormLibContact class="mt"/>
+
     <StaticElement name="divider_3" tag="hr" />
     <StaticElement name="communicationTitle" tag="h2" content="Komunikasi" />
-    <FormLibCommunication />
+    <FormLibCommunication class="mt"/>
     <GroupElement name="container" :columns="{
       default: {
         container: 7,
@@ -219,4 +224,10 @@ const handleResponse = (response, form$) => {
       </GroupElement>
     </GroupElement>
   </Vueform>
+  <p>{{ data }}</p>
 </template>
+<style>
+.mt{
+  margin-top: 20px;
+}
+</style>