src/components/common/VnSelectFilter.vue

@@ -81,7 +81,6 @@ const value = computed({
         map-options
         use-input
         @filter="filterHandler"
-        hide-selected
         fill-input
         ref="vnSelectRef"
     >

src/components/ui/CardDescriptor.vue

@@ -2,7 +2,6 @@
 import { onMounted, useSlots, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import axios from 'axios';
-import { useArrayData } from 'src/composables/useArrayData';
 import SkeletonDescriptor from 'components/ui/SkeletonDescriptor.vue';
 
 const $props = defineProps({
@@ -27,19 +26,18 @@ const $props = defineProps({
         default: 0,
     },
 });
-const arrayData = useArrayData('claimData');
-const store = arrayData.store;
-console.log('eee', store.data);
+
 const slots = useSlots();
 const { t } = useI18n();
 const entity = ref(null);
 let lastUrl = ref(null);
 
 onMounted(async () => {
-    entity.value = await store.data;
+    await fetch();
 });
 
 const emit = defineEmits(['onFetch']);
+
 async function fetch() {
     lastUrl.value = $props.url;
     const params = {};

src/pages/Claim/Card/ClaimAction.vue

@@ -92,7 +92,7 @@ const columns = computed(() => [
         name: 'delete',
     },
 ]);
-console.log(claimData.store.data);
+
 watchEffect(() => {
     if (rows.value.length) {
         destinations.value = rows.value.map((row) =>
@@ -103,6 +103,7 @@ watchEffect(() => {
 });
 
 function getDestination(destinationId) {
+    console.log(destinationTypes.value.find((type) => type.id == destinationId));
     return destinationTypes.value.find((type) => type.id == destinationId);
 }
 
@@ -205,6 +206,17 @@ async function updateDestinations(claimDestinationFk) {
                 @click="dialog = !dialog"
             />
         </QToolbar>
+        <!-- <QPageSticky position="top-right" :offset="[25, 25]">
+            <QBtn
+                color="primary"
+                text-color="white"
+                class="q-mx-sm"
+                :unelevated="true"
+                :disable="!selectedRows.length"
+                :label="t('Change destination')"
+                @click="dialog = !dialog"
+            />
+        </QPageSticky> -->
     </Teleport>
 
     <div class="claim-action">
@@ -248,9 +260,6 @@ async function updateDestinations(claimDestinationFk) {
                                 :options="destinationTypes"
                                 option-value="id"
                                 option-label="description"
-                                @update:model-value="
-                                    (value) => updateDestination(value, rows[rowIndex])
-                                "
                             />
                         </QTd>
                     </template>
@@ -317,11 +326,10 @@ async function updateDestinations(claimDestinationFk) {
                     </template>
                 </QTable>
             </template>
-            <template #moreActions>
+            <template #moreBeforeActions>
                 <QBtn
                     color="primary"
                     text-color="white"
-                    class="q-mx-sm"
                     :unelevated="true"
                     :label="t('Regularize')"
                 />
@@ -329,7 +337,6 @@ async function updateDestinations(claimDestinationFk) {
                 <QBtn
                     color="primary"
                     text-color="white"
-                    class="q-mx-sm"
                     :unelevated="true"
                     :disable="!selectedRows.length"
                     :label="t('Change destination')"
@@ -338,7 +345,6 @@ async function updateDestinations(claimDestinationFk) {
                 <QBtn
                     color="primary"
                     text-color="white"
-                    class="q-mx-sm"
                     :unelevated="true"
                     :label="t('Import claim')"
                 />

src/pages/Claim/Card/ClaimDevelopment.vue

@@ -175,6 +175,7 @@ function goToAction() {
                             :option-label="col.optionLabel"
                             :autofocus="col.tabIndex == 1"
                             input-debounce="0"
+                            hide-selected
                         >
                             <template #option="scope" v-if="col.name == 'worker'">
                                 <QItem v-bind="scope.itemProps">
@@ -213,6 +214,7 @@ function goToAction() {
                                             dense
                                             input-debounce="0"
                                             :autofocus="col.tabIndex == 1"
+                                            hide-selected
                                         />
                                     </QItemSection>
                                 </QItem>