([])
const { value: inputValue } = useField(props.id, props.rules, {
initialValue: props.value,
})
- const fetchSearchData = async (query: string) => {
- let data: any = []
+ const fetchData = async () => {
+ if (props.searchable) {
+ const res = await RepositoryFactory.get(props.repository).search('', props.insuranceTypeId)
+ let data = props.extraOption ? [...[props.extraOption], ...res] : res
+ allData.value = data
+ context.emit('fetchedOptions', data)
+ }
+ }
- if (query) {
- await RepositoryFactory.get(props.repository)
- .search(query, props.insuranceTypeId)
- .then((res: any) => {
- data = props.extraOption ? [...[props.extraOption], ...res] : res
- context.emit('fetchedOptions', data)
- })
+ const searchData = async (query: string) => {
+ let data = []
+ if (allData.value.length === 0) {
+ await fetchData()
+ }
+ if (!query) {
+ data = allData.value
} else {
- if (props.resolveOnLoad) {
- data = props.options
- }
+ data = allData.value.filter((item: any) => {
+ return item[props.trackBy].toLowerCase().includes(query.toLowerCase())
+ })
}
-
+ context.emit('fetchedOptions', data)
return data
}
@@ -179,7 +186,7 @@ export default defineComponent({
return {
inputValue,
multiselect,
- fetchSearchData,
+ searchData,
isSubmitting,
}
},
diff --git a/src/components/insurances/materialInsurance/equipmentItem.vue b/src/components/insurances/materialInsurance/equipmentItem.vue
index e73c1bc..ec13ccb 100644
--- a/src/components/insurances/materialInsurance/equipmentItem.vue
+++ b/src/components/insurances/materialInsurance/equipmentItem.vue
@@ -26,9 +26,7 @@
-
-
{{ person.birthDate }}
-
@@ -57,6 +55,7 @@ import { Member } from '@/serializer/Member'
import { NonMember } from '@/serializer/NonMember'
import { defineComponent, PropType, ref, watch } from 'vue'
import PhoneNumber from '@/components/semantic/PhoneNumber.vue'
+import DateLocale from "@/components/semantic/DateLocale.vue";
export default defineComponent({
props: {
@@ -66,6 +65,7 @@ export default defineComponent({
},
},
components: {
+ DateLocale,
'phone-number': PhoneNumber,
},
setup(props) {
diff --git a/src/components/insurances/materialInsurance/materialInsurance.vue b/src/components/insurances/materialInsurance/materialInsurance.vue
index 403edba..adaa723 100644
--- a/src/components/insurances/materialInsurance/materialInsurance.vue
+++ b/src/components/insurances/materialInsurance/materialInsurance.vue
@@ -14,14 +14,14 @@
value-prop="name"
:repository="CountryRepository"
:resolve-on-load="true"
- :options="values.country.city ? [values.country] : [{ id: '3232', name: 'België' }]"
+ :options="values.country && values.country.city ? [values.country] : [{ id: '3232', name: 'België' }]"
:extra-option="{ id: '3232', name: 'België' }"
:searchable="true"
label="Land"
placeholder="Zoek op naam"
/>
-
+
-
-
{{ nonMember.birthDate }}
-
+
Opmerking
@@ -32,8 +30,10 @@
diff --git a/src/components/semantic/FileUpload.vue b/src/components/semantic/FileUpload.vue
index 9e62e4f..f0a082d 100644
--- a/src/components/semantic/FileUpload.vue
+++ b/src/components/semantic/FileUpload.vue
@@ -16,7 +16,7 @@
-
Max. 1 bestand, max. 5MB, enkel pdf, jpg, jpeg, png.
+
Max. 1 bestand, max. 5MB, enkel pdf, jpg, jpeg, png, webp, xlsx, ods.