From 3df33fa6e6d1579f8793af52f332d646cd480d2d Mon Sep 17 00:00:00 2001
From: MoonTestUse1 <crocoman7887@gmail.com>
Date: Sun, 29 Dec 2024 21:24:20 +0600
Subject: [PATCH] =?UTF-8?q?=D0=90=D0=B2=D1=82=D0=BE=D1=80=D0=B8=D0=B7?=
 =?UTF-8?q?=D0=B0=D1=86=D0=B8=D1=8F=20=20=D0=BF=D0=BE=D1=87=D0=B8=D0=BD?=
 =?UTF-8?q?=D0=BA=D0=B0=205?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/app/routers/employees.py              |  30 +++++
 frontend/src/components/AddEmployeeButton.vue |  20 +++
 frontend/src/router/index.ts                  |   9 +-
 frontend/src/views/admin/AddEmployeeView.vue  | 118 ++++++++++++++++++
 4 files changed, 174 insertions(+), 3 deletions(-)
 create mode 100644 backend/app/routers/employees.py
 create mode 100644 frontend/src/components/AddEmployeeButton.vue
 create mode 100644 frontend/src/views/admin/AddEmployeeView.vue

diff --git a/backend/app/routers/employees.py b/backend/app/routers/employees.py
new file mode 100644
index 0000000..ddb2282
--- /dev/null
+++ b/backend/app/routers/employees.py
@@ -0,0 +1,30 @@
+"""Employee management routes"""
+from fastapi import APIRouter, Depends, HTTPException
+from sqlalchemy.orm import Session
+from ..database import get_db
+from ..crud import employees as employees_crud
+from ..models.employee import EmployeeCreate
+from ..utils.loggers import auth_logger
+
+router = APIRouter()
+
+@router.post("/")
+async def create_employee(employee: EmployeeCreate, db: Session = Depends(get_db)):
+    """Create new employee"""
+    try:
+        db_employee = employees_crud.create_employee(db, employee)
+        auth_logger.info(
+            "Employee created",
+            extra={"employee_id": db_employee.id}
+        )
+        return {
+            "id": db_employee.id,
+            "firstName": db_employee.first_name,
+            "lastName": db_employee.last_name,
+            "department": db_employee.department,
+            "office": db_employee.office,
+            "createdAt": db_employee.created_at
+        }
+    except Exception as e:
+        auth_logger.error(f"Error creating employee: {e}", exc_info=True)
+        raise HTTPException(status_code=500, detail="Ошибка при создании сотрудника")
\ No newline at end of file
diff --git a/frontend/src/components/AddEmployeeButton.vue b/frontend/src/components/AddEmployeeButton.vue
new file mode 100644
index 0000000..5be3af7
--- /dev/null
+++ b/frontend/src/components/AddEmployeeButton.vue
@@ -0,0 +1,20 @@
+<template>
+    <button
+      @click="openAddEmployeeModal"
+      class="bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded-lg flex items-center gap-2 transition-colors"
+    >
+      <PlusCircle class="w-5 h-5" />
+      Добавить работника
+    </button>
+  </template>
+  
+  <script setup lang="ts">
+  import { PlusCircle } from 'lucide-vue-next';
+  import { useRouter } from 'vue-router';
+  
+  const router = useRouter();
+  
+  const openAddEmployeeModal = () => {
+    router.push('/employees/add');
+  };
+  </script>
\ No newline at end of file
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 86bd1da..2ffac53 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -13,22 +13,25 @@ const router = createRouter({
     {
       path: '/support',
       name: 'support',
-      // Ошибка: Не найден модуль '../views/SupportView.vue'
       component: () => import('../views/SupportView.vue'),
       meta: { requiresAuth: true }
     },
     {
       path: '/admin',
       name: 'admin-login',
-      // Ошибка: Не найден модуль '../views/admin/AdminLoginView.vue'
       component: () => import('../views/admin/AdminLoginView.vue')
     },
     {
       path: '/admin/dashboard',
       name: 'admin-dashboard',
-      // Ошибка: Не найден модуль '../views/admin/DashboardView.vue'
       component: () => import('../views/admin/DashboardView.vue'),
       meta: { requiresAdmin: true }
+    },
+    {
+      path: '/admin/employees/add',
+      name: 'add-employee',
+      component: () => import('../views/admin/AddEmployeeView.vue'),
+      meta: { requiresAdmin: true }
     }
   ]
 });
diff --git a/frontend/src/views/admin/AddEmployeeView.vue b/frontend/src/views/admin/AddEmployeeView.vue
new file mode 100644
index 0000000..ad9d866
--- /dev/null
+++ b/frontend/src/views/admin/AddEmployeeView.vue
@@ -0,0 +1,118 @@
+template>
+  <div class="max-w-2xl mx-auto bg-white p-6 rounded-lg shadow-md">
+    <h1 class="text-2xl font-bold mb-6">Добавить работника</h1>
+    
+    <form @submit.prevent="handleSubmit" class="space-y-4">
+      <div>
+        <label class="block text-sm font-medium text-gray-700">Имя</label>
+        <input
+          v-model="form.firstName"
+          type="text"
+          required
+          class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500"
+        />
+      </div>
+
+      <div>
+        <label class="block text-sm font-medium text-gray-700">Фамилия</label>
+        <input
+          v-model="form.lastName"
+          type="text"
+          required
+          class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500"
+        />
+      </div>
+
+      <div>
+        <label class="block text-sm font-medium text-gray-700">Отдел</label>
+        <select
+          v-model="form.department"
+          required
+          class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500"
+        >
+          <option v-for="dept in departments" :key="dept.value" :value="dept.value">
+            {{ dept.label }}
+          </option>
+        </select>
+      </div>
+
+      <div>
+        <label class="block text-sm font-medium text-gray-700">Кабинет</label>
+        <input
+          v-model="form.office"
+          type="text"
+          required
+          class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500"
+        />
+      </div>
+
+      <div>
+        <label class="block text-sm font-medium text-gray-700">Пароль</label>
+        <input
+          v-model="form.password"
+          type="password"
+          required
+          class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500"
+        />
+      </div>
+
+      <div class="flex justify-end space-x-3 pt-4">
+        <button
+          type="button"
+          @click="router.back()"
+          class="px-4 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50"
+        >
+          Отмена
+        </button>
+        <button
+          type="submit"
+          class="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600"
+          :disabled="isSubmitting"
+        >
+          {{ isSubmitting ? 'Сохранение...' : 'Сохранить' }}
+        </button>
+      </div>
+    </form>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+import { departments } from '@/utils/constants';
+
+const router = useRouter();
+const isSubmitting = ref(false);
+
+const form = ref({
+  firstName: '',
+  lastName: '',
+  department: '',
+  office: '',
+  password: ''
+});
+
+const handleSubmit = async () => {
+  try {
+    isSubmitting.value = true;
+    const response = await fetch('/api/employees', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(form.value)
+    });
+
+    if (!response.ok) {
+      throw new Error('Ошибка при создании сотрудника');
+    }
+
+    router.push('/admin/dashboard');
+  } catch (error) {
+    console.error('Error creating employee:', error);
+    alert('Произошла ошибка при создании сотрудника');
+  } finally {
+    isSubmitting.value = false;
+  }
+};
+</script>
\ No newline at end of file