From 84e7f7ec06ad6d956c0c84c2710ad19fff403396 Mon Sep 17 00:00:00 2001
From: MoonTestUse1 <crocoman7887@gmail.com>
Date: Fri, 27 Dec 2024 02:27:47 +0600
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D1=87=D0=B8=D0=BD=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20?=
 =?UTF-8?q?=D1=81=D0=BE=D1=82=D1=80=D1=83=D0=B4=D0=BD=D0=B8=D0=BA=D0=B03?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/admin/EmployeeList.vue     | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/admin/EmployeeList.vue b/frontend/src/components/admin/EmployeeList.vue
index d09c2fe..d2b17b4 100644
--- a/frontend/src/components/admin/EmployeeList.vue
+++ b/frontend/src/components/admin/EmployeeList.vue
@@ -1,19 +1,18 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
 import { departments } from '@/utils/constants';
-import type { Employee } from '@/types/employee';
-import EmployeeForm from './EmployeeForm.vue'; // Добавляем импорт
+import type { Employee, EmployeeFormData } from '@/types/employee';
+import EmployeeForm from './EmployeeForm.vue';
 
 const employees = ref<Employee[]>([]);
 const showAddForm = ref(false);
 const editingEmployee = ref<Employee | null>(null);
 
-
 function getDepartmentLabel(value: string) {
   return departments.find(d => d.value === value)?.label || value;
 }
 
-function editEmployee(employee: any) {
+function editEmployee(employee: Employee) {
   editingEmployee.value = employee;
 }
 
@@ -22,15 +21,20 @@ function closeForm() {
   editingEmployee.value = null;
 }
 
-async function handleSubmit(data: any) {
+async function handleSubmit(data: EmployeeFormData) {
   try {
     if (editingEmployee.value) {
       // Update existing employee
-      await fetch(`/api/employees/${editingEmployee.value.id}`, {
+      const response = await fetch(`/api/employees/${editingEmployee.value.id}`, {
         method: 'PATCH',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(data)
       });
+      
+      if (!response.ok) {
+        const error = await response.json();
+        throw new Error(error.detail || 'Failed to update employee');
+      }
     } else {
       // Create new employee
       const response = await fetch('/api/employees/', {
@@ -48,6 +52,7 @@ async function handleSubmit(data: any) {
     closeForm();
     alert(editingEmployee.value ? 'Сотрудник обновлен' : 'Сотрудник добавлен');
   } catch (error: any) {
+    console.error('Error:', error);
     alert(`Ошибка: ${error.message}`);
   }
 }
@@ -115,7 +120,6 @@ onMounted(fetchEmployees);
       </table>
     </div>
 
-    <!-- Employee form modal -->
     <EmployeeForm
       v-if="showAddForm || editingEmployee"
       :employee="editingEmployee"
@@ -123,4 +127,4 @@ onMounted(fetchEmployees);
       @submit="handleSubmit"
     />
   </div>
-</template>
+</template>
\ No newline at end of file