src/pages/Worker/Card/WorkerFormation.vue

@@ -2,10 +2,13 @@
 import { ref, computed, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
+import { useRoute } from 'vue-router';
 import VnTable from 'components/VnTable/VnTable.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 const tableRef = ref();
 const { t } = useI18n();
+const route = useRoute();
+const entityId = computed(() => route.params.id);
 const columns = computed(() => [
     {
         align: 'left',
@@ -23,7 +26,6 @@ const columns = computed(() => [
         align: 'left',
         name: 'startDate',
         label: t('worker.formation.tableVisibleColumns.startDate'),
-        isTitle: true,
         component: VnInputDate,
         props: (prop) => ({
             disable: true,
@@ -35,7 +37,6 @@ const columns = computed(() => [
         align: 'left',
         name: 'endDate',
         label: t('worker.formation.tableVisibleColumns.endDate'),
-        isTitle: true,
         component: VnInputDate,
         props: (prop) => ({
             disable: true,
@@ -47,7 +48,6 @@ const columns = computed(() => [
         align: 'left',
         name: 'center',
         label: t('worker.formation.tableVisibleColumns.center'),
-        isTitle: true,
         component: 'select',
         attrs: {
             url: 'Workers/trainingCenter',
@@ -59,14 +59,12 @@ const columns = computed(() => [
         align: 'left',
         name: 'invoice',
         label: t('worker.formation.tableVisibleColumns.invoice'),
-        isTitle: true,
         component: 'input',
     },
     {
         align: 'left',
         name: 'amount',
         label: t('worker.formation.tableVisibleColumns.amount'),
-        isTitle: true,
         component: 'input',
         props: (prop) => ({
             disable: true,
@@ -78,7 +76,6 @@ const columns = computed(() => [
         align: 'left',
         name: 'remark',
         label: t('worker.formation.tableVisibleColumns.remark'),
-        isTitle: true,
         component: 'checkbox',
         props: (prop) => ({
             disable: true,
@@ -90,7 +87,6 @@ const columns = computed(() => [
         align: 'left',
         name: 'hasDiploma',
         label: t('worker.formation.tableVisibleColumns.hasDiploma'),
-        isTitle: true,
         props: (prop) => ({
             disable: true,
             'model-value': prop.row.hasDiploma,
@@ -103,8 +99,8 @@ const columns = computed(() => [
     <VnTable
         ref="tableRef"
         data-key="WorkerFormation"
-        url="`Workers/${entityId}/trainingCourse`"
+        :url="`Workers/${entityId}/trainingCourse`"
-        url-create="`Workers/${entityId}/trainingCourse`"
+        :url-create="`Workers/${entityId}/trainingCourse`"
         :create="{
             urlCreate: 'Workers/trainingCourse',
             title: 'Create trainingCourse',