silva
/
adrema
2
1
Fork 0
Code Issues 23 Pull Requests 1 Projects 1 Releases 106 Wiki Activity

Fix prop mutation

This commit is contained in:
philipp lang 2022-02-12 14:52:37 +01:00
parent b8d31ff9ae
commit cdb4d2863b
1 changed files with 16 additions and 5 deletions
resources/js/views/member
Filt.vue

21
resources/js/views/member/Filt.vue
View File

@ -1,9 +1,9 @@
<template>
<div class="px-6 py-2 flex border-b border-gray-600 space-x-3">
<f-switch v-show="hasModule('bill')" id="ausstand" @input="reload" v-model="value.ausstand" label="Nur Ausstände" size="sm"></f-switch>
<f-select v-show="hasModule('bill')" id="billKinds" @input="reload" :options="billKinds" v-model="value.bill_kind" label="Rechnung" size="sm"></f-select>
<f-select id="activity_id" @input="reload" :options="activities" v-model="value.activity_id" label="Tätigkeit" size="sm"></f-select>
<f-select id="subactivity_id" @input="reload" :options="subactivities" v-model="value.subactivity_id" label="Untertätigkeit" size="sm"></f-select>
<f-switch v-show="hasModule('bill')" id="ausstand" @input="reload" v-model="inner.ausstand" label="Nur Ausstände" size="sm"></f-switch>
<f-select v-show="hasModule('bill')" id="billKinds" @input="reload" :options="billKinds" v-model="inner.bill_kind" label="Rechnung" size="sm"></f-select>
<f-select id="activity_id" @input="reload" :options="activities" v-model="inner.activity_id" label="Tätigkeit" size="sm"></f-select>
<f-select id="subactivity_id" @input="reload" :options="subactivities" v-model="inner.subactivity_id" label="Untertätigkeit" size="sm"></f-select>
</div>
</template>
@ -12,6 +12,12 @@ import mergesQueryString from '../../mixins/mergesQueryString.js';
export default {
data: function() {
return {
inner: {}
};
},
mixins: [mergesQueryString],
props: {
@ -23,10 +29,15 @@ export default {
methods: {
reload() {
this.$inertia.visit(this.qs({filter: JSON.stringify(this.value)}), {
this.$inertia.visit(this.qs({filter: JSON.stringify(this.inner)}), {
preserveState: true
});
}
},
created() {
this.inner = this.value;
}
};
</script>