fix menu

2026-07-26 03:23:43 +07:00
parent 6d5766092b
commit 1f3d1bb284
13 changed files with 25 additions and 27 deletions
@@ -5,8 +5,8 @@
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Вечерний детектив</title>
-    <script type="module" crossorigin src="/assets/index-Cv18iwiG.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BuOna_tK.css">
+    <script type="module" crossorigin src="/assets/index-BV3l7Wyg.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CB2S996Z.css">
  </head>
  <body>
    <div id="app"></div>
@@ -48,7 +48,7 @@ getScenarios()
        </div>
    </div>

-    <HeaderMenu :add-logout="true" active="catalog" />
+    <HeaderMenu active="catalog" />
 </template>

 <style scoped>
@@ -5,7 +5,7 @@ import HeaderMenu from '@/components/HeaderMenu.vue'
 <template>
  <div class="center-block-custom content-block">Игры</div>

-  <HeaderMenu :add-logout="true" active="games" />
+  <HeaderMenu active="games" />
 </template>

 <style scoped></style>
@@ -1,13 +1,5 @@
 <script setup lang="ts">
 const props = defineProps({
-  addLogin: {
-    type: Boolean,
-    required: false,
-  },
-  addLogout: {
-    type: Boolean,
-    required: false,
-  },
  active: {
    type: String,
    required: false,
@@ -62,6 +54,9 @@ const openMenu = ref(false)
      </Icon>
    </div>
    <div class="left-group menu-buttons-block" :class="!openMenu ? 'menu-buttons-block-active' : ''">
+      <div class="menu-item-block" :class="{ active: props.active == 'main' }" @click="router.push('/')">
+        Главная
+      </div>
      <div class="menu-item-block" :class="{ active: props.active == 'office' }" v-if="authStore.hasRole('user')"
        @click="router.push('/office')">
        Кабинет
@@ -70,8 +65,7 @@ const openMenu = ref(false)
        @click="router.push('/games')">
        Игры
      </div>
-      <div class="menu-item-block" :class="{ active: props.active == 'catalog' }" v-if="hasPermission('catalog_page')"
-        @click="router.push('/catalog')">
+      <div class="menu-item-block" :class="{ active: props.active == 'catalog' }" @click="router.push('/catalog')">
        Каталог
      </div>
      <div class="menu-item-block" :class="{ active: props.active == 'scenarios' }"
@@ -85,10 +79,10 @@ const openMenu = ref(false)
    </div>

    <div class="right-group">
-      <div v-if="props.addLogin" class="menu-item-block right" @click="goToLogin">
+      <div v-if="!authStore.isAuthenticated" class="menu-item-block right" @click="goToLogin">
        Войти
      </div>
-      <div v-if="props.addLogout" class="menu-item-block right" @click="goToLogout">Выйти</div>
+      <div v-if="authStore.isAuthenticated" class="menu-item-block right" @click="goToLogout">Выйти</div>
    </div>
  </div>
 </template>
@@ -29,7 +29,7 @@ getPermissions()
    {{ permissions }} -->
  </div>

-  <HeaderMenu :add-logout="true" active="office" />
+  <HeaderMenu active="office" />
 </template>

 <style scoped></style>
@@ -52,7 +52,7 @@ getScenario(Number(scenarioId))
        </div>
    </div>

-    <HeaderMenu :add-logout="true" active="catalog" />
+    <HeaderMenu active="catalog" />
 </template>

 <style scoped>
@@ -348,7 +348,7 @@ async function deletePlace(place: Place) {
    </n-card>
  </n-modal>

-  <HeaderMenu :add-logout="true" active="scenarios" />
+  <HeaderMenu active="scenarios" />
 </template>

 <style scoped>
@@ -84,7 +84,7 @@ getScenarios()
    </n-card>
  </n-modal>

-  <HeaderMenu :add-logout="true" active="scenarios" />
+  <HeaderMenu active="scenarios" />
 </template>

 <style scoped>
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { NButton, NFlex,NSpace, NTag, useMessage } from 'naive-ui'
+import { NButton, NFlex, NSpace, NTag, useMessage } from 'naive-ui'
 import { ref } from 'vue'

 import { getAuthClient } from '@/api/auth_client'
@@ -76,7 +76,7 @@ async function deleteRole(userId: number, role: string) {

  </div>

-  <HeaderMenu :add-logout="true" active="users" />
+  <HeaderMenu active="users" />
 </template>

 <style scoped>
@@ -15,7 +15,7 @@ import HeaderMenu from '@/components/HeaderMenu.vue'
    </div>
  </div>

-  <HeaderMenu :add-login="true" />
+  <HeaderMenu active="main" />
 </template>

 <style lang="css">
@@ -1,9 +1,13 @@
 <script setup lang="ts">
 import LoginPage from '@/components/LoginPage.vue'
+import HeaderMenu from '@/components/HeaderMenu.vue'
 </script>

 <template>
  <LoginPage />
+
+
+  <HeaderMenu />
 </template>

 <style lang="css"></style>