fix(WorkerPDA): fetching available PDA data when add and remove pda

src/pages/Worker/Card/WorkerPda.vue

@@ -20,6 +20,7 @@ const { notify } = useNotify();
 const loadingDocuware = ref(true);
 const tableRef = ref();
 const dialog = ref();
+const getAvailablePdaRef = ref();
 const route = useRoute();
 const { openConfirmationModal } = useVnConfirm();
 const routeId = computed(() => route.params.id);
@@ -84,6 +85,7 @@ function reloadData() {
     initialData.value.deviceProductionFk = null;
     initialData.value.simFk = null;
     tableRef.value.reload();
+    getAvailablePdaRef.value.fetch();
 }
 
 async function fetchDocuware() {
@@ -135,6 +137,7 @@ async function deallocatePDA(deviceProductionFk) {
     );
     delete tableRef.value.CrudModelRef.formData[index];
     notify(t('PDA deallocated'), 'positive');
+    await getAvailablePdaRef.value.fetch();
 }
 
 function isSigned(row) {
@@ -144,6 +147,7 @@ function isSigned(row) {
 
 <template>
     <FetchData
+        ref="getAvailablePdaRef"
         url="workers/getAvailablePda"
         @on-fetch="(data) => (deviceProductions = data)"
         auto-load