Remnants/AdministrationItDepartmens
1
0
Fork 0
mirror of https://gitlab.com/MoonTestUse1/AdministrationItDepartmens.git synced 2025-08-14 00:25:46 +02:00
Code Activity

5

Browse Source
This commit is contained in:
MoonTestUse1
2024-12-28 05:59:13 +06:00
parent b3d6f466a2
commit 4044b803f9
39 changed files with 0 additions and 5079 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
frontend/src/views/LoginView.vue
View File

@@ -1,98 +0,0 @@
<template>
<div class="max-w-md mx-auto bg-white rounded-lg shadow-lg p-6">
<h2 class="text-2xl font-semibold text-slate-800 mb-4">Вход в систему</h2>
<form @submit.prevent="handleSubmit" class="space-y-4">
<div>
<label class="block text-sm font-medium text-slate-700 mb-1">
Фамилия
</label>
<div class="relative">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center">
<UserIcon :size="18" class="text-slate-400" />
</div>
<input
v-model="lastName"
type="text"
required
class="w-full pl-10 pr-3 py-2 border border-slate-300 rounded-md focus:ring-2 focus:ring-blue-500"
placeholder="Введите фамилию"
/>
</div>
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-1">
Пароль
</label>
<div class="relative">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center">
<LockIcon :size="18" class="text-slate-400" />
</div>
<input
v-model="password"
type="password"
required
class="w-full pl-10 pr-3 py-2 border border-slate-300 rounded-md focus:ring-2 focus:ring-blue-500"
placeholder="Введите пароль"
/>
</div>
</div>
<button
type="submit"
:disabled="isLoading"
class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50 flex items-center justify-center gap-2"
>
<component
:is="isLoading ? LoaderIcon : LogInIcon"
:size="18"
:class="{ 'animate-spin': isLoading }"
/>
{{ isLoading ? 'Вход...' : 'Войти' }}
</button>
<div class="text-center">
<router-link
to="/admin"
class="text-sm text-blue-600 hover:text-blue-800"
>
Вход для администраторов
</router-link>
</div>
</form>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { useRouter } from 'vue-router';
import { useAuthStore } from '@/stores/auth';
import { UserIcon, LockIcon, LogInIcon, LoaderIcon } from 'lucide-vue-next';
const router = useRouter();
const authStore = useAuthStore();
const lastName = ref('');
const password = ref('');
const isLoading = ref(false);
async function handleSubmit() {
if (isLoading.value) return;
isLoading.value = true;
try {
const success = await authStore.login(lastName.value, password.value);
if (success) {
router.push('/support');
} else {
alert('Неверная фамилия или пароль');
}
} catch (error) {
console.error('Error:', error);
alert('Ошибка авторизации');
} finally {
isLoading.value = false;
}
}
</script>

16
frontend/src/views/SupportView.vue
View File

@@ -1,16 +0,0 @@
<template>
<div class="bg-white rounded-lg shadow-lg p-4 sm:p-6">
<h2 class="text-xl sm:text-2xl font-semibold text-slate-800 mb-2">
Техническая поддержка
</h2>
<p class="text-sm sm:text-base text-slate-600 mb-4 sm:mb-6">
Заполните форму для создания заявки в IT-отдел
</p>
<RequestForm />
</div>
</template>
<script setup lang="ts">
import RequestForm from '@/components/request/RequestForm.vue';
</script>

97
frontend/src/views/admin/AdminLoginView.vue
View File

@@ -1,97 +0,0 @@
<template>
<div class="max-w-md mx-auto bg-white rounded-lg shadow-lg p-6">
<h2 class="text-2xl font-semibold text-slate-800 mb-4">Вход в админ-панель</h2>
<form @submit.prevent="handleSubmit" class="space-y-4">
<div>
<label class="block text-sm font-medium text-slate-700 mb-1">
Логин
</label>
<div class="relative">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center">
<UserIcon :size="18" class="text-slate-400" />
</div>
<input
v-model="username"
type="text"
required
class="w-full pl-10 pr-3 py-2 border border-slate-300 rounded-md focus:ring-2 focus:ring-blue-500"
placeholder="Введите логин"
/>
</div>
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-1">
Пароль
</label>
<div class="relative">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center">
<LockIcon :size="18" class="text-slate-400" />
</div>
<input
v-model="password"
type="password"
required
class="w-full pl-10 pr-3 py-2 border border-slate-300 rounded-md focus:ring-2 focus:ring-blue-500"
placeholder="Введите пароль"
/>
</div>
</div>
<button
type="submit"
:disabled="isLoading"
class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50 flex items-center justify-center gap-2"
>
<component
:is="isLoading ? LoaderIcon : LogInIcon"
:size="18"
:class="{ 'animate-spin': isLoading }"
/>
{{ isLoading ? 'Вход...' : 'Войти' }}
</button>
<div class="text-center">
<router-link
to="/"
class="text-sm text-blue-600 hover:text-blue-800"
>
Вернуться к входу для сотрудников
</router-link>
</div>
</form>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { useRouter } from 'vue-router';
import { useAuthStore } from '@/stores/auth';
import { UserIcon, LockIcon, LogInIcon, LoaderIcon } from 'lucide-vue-next';
const router = useRouter();
const authStore = useAuthStore();
const username = ref('');
const password = ref('');
const isLoading = ref(false);
async function handleSubmit() {
if (isLoading.value) return;
isLoading.value = true;
try {
const success = await authStore.adminLogin(username.value, password.value);
if (success) {
router.push('/admin/dashboard');
} else {
alert('Неверные учетные данные');
}
} catch (error) {
alert('Ошибка авторизации');
} finally {
isLoading.value = false;
}
}
</script>

64
frontend/src/views/admin/DashboardView.vue
View File

@@ -1,64 +0,0 @@
<template>
<div class="container mx-auto px-4 py-8">
<div class="flex justify-between items-center mb-6">
<h1 class="text-2xl font-bold">Панель администратора</h1>
<button
@click="handleLogout"
class="bg-red-600 text-white px-4 py-2 rounded-md hover:bg-red-700 transition-colors"
>
Выйти
</button>
</div>
<div class="bg-white rounded-lg shadow-lg p-6">
<div class="border-b border-gray-200">
<nav class="-mb-px flex space-x-8">
<button
v-for="tab in tabs"
:key="tab.id"
@click="currentTab = tab.id"
:class="[
currentTab === tab.id
? 'border-blue-500 text-blue-600'
: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300',
'whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm'
]"
>
{{ tab.name }}
</button>
</nav>
</div>
<div class="mt-6">
<StatisticsPanel v-if="currentTab === 'statistics'" />
<RequestList v-if="currentTab === 'requests'" />
<EmployeeList v-if="currentTab === 'employees'" />
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { useRouter } from 'vue-router';
import { useAuthStore } from '@/stores/auth';
import RequestList from '@/components/admin/RequestList.vue';
import EmployeeList from '@/components/admin/EmployeeList.vue';
import StatisticsPanel from '@/components/admin/StatisticsPanel.vue';
const router = useRouter();
const authStore = useAuthStore();
const tabs = [
{ id: 'statistics', name: 'Статистика' },
{ id: 'requests', name: 'Заявки' },
{ id: 'employees', name: 'Сотрудники' }
];
const currentTab = ref('statistics');
function handleLogout() {
authStore.logout();
router.push('/admin');
}
</script>