Профиль хирургии

resources/js/Pages/Auth/Login.vue

@@ -1,15 +1,19 @@
 <script setup>
 import { ref, reactive } from 'vue'
-import {Head, router, useForm} from '@inertiajs/vue3'
+import {Head, router, useForm, usePage} from '@inertiajs/vue3'
 import { useAuthStore } from '../../Stores/auth.js'
 import { TbUser, TbLock } from 'vue-icons-plus/tb'
+import {RiPulseFill} from 'vue-icons-plus/ri'
 import {
     NForm, NFormItem, NInput, NButton, NCheckbox,
     NSpace, NCard, NIcon, NAlert, NModal, darkTheme,
-    NConfigProvider, NLayout, NP
+    NConfigProvider, NLayout, NP, NEl
 } from 'naive-ui'
 
 const authStore = useAuthStore()
+const page = usePage()
+const appVersion = page.props.app.version
+const appTag = page.props.app.tag
 
 // Состояние формы
 const formRef = ref(null)
@@ -17,7 +21,6 @@ const formRef = ref(null)
 const form = useForm({
     login: '',
     password: '',
-    remember: false,
 })
 
 
@@ -52,7 +55,7 @@ const handleLogin = async () => {
             {
                 onSuccess: () => {},
                 onError: (err) => {
-                    error.value = err
+                    error.value = err[0]
                 }
             }
         )
@@ -83,11 +86,11 @@ const handleForgotPassword = async () => {
                     <!-- Логотип и заголовок -->
                     <div class="text-center">
                         <div class="flex justify-center">
-                            <div class="w-16 h-16 bg-blue-600 rounded-full flex items-center justify-center">
-                                <n-icon size="32" color="white">
-                                    <Hospital />
-                                </n-icon>
-                            </div>
+                            <NEl class="w-16 h-16 rounded-full flex items-center justify-center" style="background-color: var(--primary-color);">
+                                <NIcon size="32" color="var(--base-color)">
+                                    <RiPulseFill />
+                                </NIcon>
+                            </NEl>
                         </div>
                         <h2 class="mt-6 text-3xl font-bold">
                             Метрика
@@ -139,11 +142,11 @@ const handleForgotPassword = async () => {
                                 </n-form-item>
 
                                 <!-- Запомнить меня -->
-                                <n-form-item>
-                                    <n-checkbox v-model:checked="form.remember">
-                                        Запомнить меня
-                                    </n-checkbox>
-                                </n-form-item>
+<!--                                <n-form-item>-->
+<!--                                    <n-checkbox v-model:checked="form.remember">-->
+<!--                                        Запомнить меня-->
+<!--                                    </n-checkbox>-->
+<!--                                </n-form-item>-->
 
                                 <!-- Ошибки -->
                                 <n-alert v-if="error" title="Ошибка входа" type="error">
@@ -182,7 +185,7 @@ const handleForgotPassword = async () => {
 
                     <!-- Информация о системе -->
                     <NP class="mt-2! text-xs! text-center" depth="3">
-                        <p>Метрика v1.0</p>
+                        <p>Метрика v{{ appVersion }}-{{ appTag }}</p>
                         <p>Только для авторизованного персонала</p>
                     </NP>
                 </div>