src/pages/Worker/Card/WorkerPit.vue

@@ -8,6 +8,7 @@ import FormModel from 'src/components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
+import CrudModel from 'components/CrudModel.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -91,17 +92,29 @@ const toCustomerAddressCreate = () => {
             <QSeparator class="q-mx-lg" vertical />
         </template>
     </FormModel>
-    <FormModel
+    <CrudModel
+        ref="workerPitCrudRef"
+        data-key="workerPit"
         :url="`Workers/${route.params.id}/workerRelative`"
         auto-load
         model="WorkerRelatives"
     >
-        <VnRow>
+        <template #body="{ rows }">
+            <QTable
+                :columns="columns"
+                :rows="rows"
+                row-key="$index"
+                selection="multiple"
+                v-model:selected="selected"
+                table-header-class="text-left"
+            ></QTable>
+        </template>
+        <!-- <VnRow>
             <VnInputDate size="sm" v-model="data.birthed" :label="t(`birthed`)" />
 
             <VnInput size="sm" v-model="data.adoptionYear" :label="t(`adoptionYear`)" />
-        </VnRow>
+        </VnRow> -->
-    </FormModel>
+    </CrudModel>
 </template>
 
 <i18n>