Merge branch 'dev' of https://gitea.verdnatura.es/verdnatura/salix-front into 7549-autofillWorkerClaimDevelopment

src/pages/Claim/Card/ClaimDevelopment.vue

@@ -7,6 +7,8 @@ import FetchData from 'components/FetchData.vue';
 import VnSelect from 'components/common/VnSelect.vue';
 import { tMobile } from 'composables/tMobile';
 import VnSelectWorker from 'src/components/common/VnSelectWorker.vue';
+import axios from 'axios';
+import { useArrayData } from 'composables/useArrayData';
 
 const route = useRoute();
 
@@ -19,6 +21,7 @@ const claimResponsibles = ref([]);
 const claimRedeliveries = ref([]);
 const selected = ref([]);
 const saveButtonRef = ref();
+const arrayData = useArrayData('Claim');
 
 const developmentsFilter = computed(() => {
     return {
@@ -105,6 +108,32 @@ const columns = computed(() => [
         align: 'left',
     },
 ]);
+
+const handleWorker = async (row) => {
+    const { claimResponsibleFk } = row;
+
+    if (!claimResponsibleFk) {
+        row.workerFk = null;
+        return;
+    }
+
+    const commercialResponsible = claimResponsibles?.value?.find(
+        (responsible) => responsible.description === 'Comerciales',
+    );
+
+    const claim = arrayData.store.data;
+
+    if (claimResponsibleFk === commercialResponsible?.id) {
+        row.workerFk = claim.workerFk;
+        return;
+    }
+
+    const { data: [responsible] = [] } = await axios.get(
+        `ClaimDevelopments/${claim.ticketFk}/getResponsible/${claimResponsibleFk}`,
+    );
+
+    row.workerFk = responsible?.userFk ?? null;
+};
 </script>
 <template>
     <FetchData
@@ -166,6 +195,20 @@ const columns = computed(() => [
                             input-debounce="0"
                             hide-selected
                         />
+                        <VnSelect
+                            v-else-if="col.name == 'claimResponsible'"
+                            v-model="row[col.model]"
+                            :url="col.url"
+                            :where="col.where"
+                            :sort-by="col.sortBy"
+                            :options="col.options"
+                            :option-value="col.optionValue"
+                            :option-label="col.optionLabel"
+                            @update:modelValue="handleWorker(row)"
+                            :autofocus="col.tabIndex == 1"
+                            input-debounce="0"
+                            hide-selected
+                        />
                         <VnSelect
                             v-else
                             v-model="row[col.model]"