src/components/FormModel.vue

@@ -198,6 +198,7 @@ async function fetch() {
     } catch (e) {
         state.set(modelValue, {});
         originalData.value = {};
+        throw e;
     }
 }
 

src/pages/Worker/Card/WorkerPBX.vue

@@ -1,68 +1,28 @@
+src/pages/Worker/Card/WorkerPBX.vue
+
 <script setup>
-import { watch, ref } 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';
 import VnInput from 'src/components/common/VnInput.vue';
-
-const { t } = useI18n();
-const state = useState();
-const route = useRoute();
-const workerPBXForm = ref();
-const extension = ref(null);
-
-const filter = {
-    include: [
-        {
-            relation: 'sip',
-        },
-    ],
-};
-
-watch(
-    () => route.params.id,
-    () => state.set('extension', null)
-);
-
-const onFetch = (data) => {
-    state.set('extension', data?.sip?.extension);
-    extension.value = state.get('extension');
-};
-
-const updateModelValue = (data) => {
-    state.set('extension', data);
-    workerPBXForm.value.hasChanges = true;
-};
 </script>
 
 <template>
     <FormModel
-        ref="workerPBXForm"
+        model="WorkerPbx"
-        :filter="filter"
+        :url="`Workers/${$route.params.id}/sip`"
-        :url="`Workers/${route.params.id}`"
         url-update="Sips"
-        auto-load
         :mapper="
-            () => ({
+            ({ userFk, extension }) => ({
-                userFk: +route.params.id,
+                userFk,
                 extension,
             })
         "
-        model="DeviceProductionUser"
+        auto-load
-        @on-fetch="onFetch"
     >
-        <template #form="{}">
+        <template #form="{ data }">
-            <VnRow>
             <VnInput
-                    :label="t('worker.summary.sipExtension')"
+                :label="$t('worker.summary.sipExtension')"
-                    v-model="extension"
+                v-model="data.extension"
-                    @update:model-value="updateModelValue"
             />
-            </VnRow>
         </template>
     </FormModel>
 </template>