forked from verdnatura/salix-front
57 lines
1.4 KiB
Vue
57 lines
1.4 KiB
Vue
<script setup>
|
|
import { reactive, watch } from 'vue';
|
|
import { useI18n } from 'vue-i18n';
|
|
import { useRoute } from 'vue-router';
|
|
|
|
import { useState } from 'src/composables/useState';
|
|
|
|
import FormModel from 'src/components/FormModel.vue';
|
|
import VnRow from 'components/ui/VnRow.vue';
|
|
|
|
const { t } = useI18n();
|
|
const state = useState();
|
|
const route = useRoute();
|
|
|
|
const formInitialData = reactive({});
|
|
|
|
const filter = {
|
|
include: [
|
|
{
|
|
relation: 'sip',
|
|
},
|
|
],
|
|
};
|
|
|
|
watch(
|
|
() => route.params.id,
|
|
() => state.set('extension', null)
|
|
);
|
|
|
|
const onFetch = (data) => state.set('extension', data?.sip?.extension);
|
|
|
|
const updateModelValue = (data) => state.set('extension', data);
|
|
</script>
|
|
|
|
<template>
|
|
<FormModel
|
|
:filter="filter"
|
|
:form-initial-data="formInitialData"
|
|
:url="`Workers/${route.params.id}`"
|
|
auto-load
|
|
model="DeviceProductionUser"
|
|
@on-fetch="onFetch"
|
|
>
|
|
<template #form="{ data }">
|
|
<VnRow class="row q-gutter-md q-mb-md">
|
|
<div class="col">
|
|
<QInput
|
|
:label="t('worker.summary.sipExtension')"
|
|
:model-value="data?.sip?.extension"
|
|
@update:model-value="updateModelValue"
|
|
/>
|
|
</div>
|
|
</VnRow>
|
|
</template>
|
|
</FormModel>
|
|
</template>
|