From 28b307fb982c3d2b7eec4a82c64b1ea917b14084 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 14 Jun 2024 22:51:50 +0800
Subject: [PATCH] back arrow

---
 package.json                                   |  2 +-
 .../DefaultLayoutWithVerticalNav.vue           | 18 +++++++++++++++---
 src/layouts/components/SearchBar.vue           |  5 ++++-
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 6450f17f..8c252c2f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "1.9.5",
+  "version": "1.9.5-1",
   "private": true,
   "bin": "dist/service.js",
   "scripts": {
diff --git a/src/layouts/components/DefaultLayoutWithVerticalNav.vue b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
index 5feb6b3a..c6a72a5c 100644
--- a/src/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
@@ -11,6 +11,12 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
 import store from '@/store'
 import { SystemNavMenus } from '@/router/menu'
 import { NavMenu } from '@/@layouts/types'
+import { useDisplay } from 'vuetify'
+
+const display = useDisplay()
+const appMode = computed(() => {
+  return localStorage.getItem('MP_APPMODE') != '0' && display.mdAndDown.value
+})
 
 // 从Vuex Store中获取superuser信息
 const superUser = store.state.auth.superUser
@@ -20,8 +26,10 @@ const getMenuList = (header: string) => {
   return SystemNavMenus.filter((item: NavMenu) => item.header === header && (!item.admin || superUser))
 }
 
-// APP模式
-const appMode = computed(() => localStorage.getItem('MP_APPMODE') != '0')
+// 返回上一页
+function goBack() {
+  history.back()
+}
 </script>
 
 <template>
@@ -30,9 +38,13 @@ const appMode = computed(() => localStorage.getItem('MP_APPMODE') != '0')
     <template #navbar="{ toggleVerticalOverlayNavActive }">
       <div class="d-flex h-100 align-center mx-1">
         <!-- 👉 Vertical Nav Toggle -->
-        <IconBtn v-if="!appMode" class="ms-n2 d-lg-none" @click="toggleVerticalOverlayNavActive(true)">
+        <IconBtn v-if="!appMode && display.mdAndDown.value" class="ms-n2" @click="toggleVerticalOverlayNavActive(true)">
           <VIcon icon="mdi-menu" />
         </IconBtn>
+        <!-- 👉 Back Button -->
+        <IconBtn v-if="appMode" class="ms-n2" @click="goBack">
+          <VIcon icon="mdi-arrow-left" size="32" />
+        </IconBtn>
         <!-- 👉 Search Bar -->
         <SearchBar />
         <!-- 👉 Spacer -->
diff --git a/src/layouts/components/SearchBar.vue b/src/layouts/components/SearchBar.vue
index 5f07e354..017a5304 100644
--- a/src/layouts/components/SearchBar.vue
+++ b/src/layouts/components/SearchBar.vue
@@ -1,6 +1,9 @@
 <script lang="ts" setup>
 import * as Mousetrap from 'mousetrap'
 import SearchBarView from '@/views/system/SearchBarView.vue'
+import { useDisplay } from 'vuetify'
+
+const display = useDisplay()
 
 const searchDialog = ref(false)
 
@@ -20,7 +23,7 @@ function openSearchDialog() {
     <IconBtn @click="openSearchDialog">
       <VIcon icon="ri-search-line" />
     </IconBtn>
-    <span class="d-none d-md-flex align-center text-disabled ms-2" @click="openSearchDialog">
+    <span v-if="display.lgAndUp.value" class="flex align-center text-disabled ms-2" @click="openSearchDialog">
       <span class="me-3">搜索</span>
       <span class="meta-key">⌘K</span>
     </span>