fix: trace debug — show Stranger_NNN for unnamed traces instead of unknown

This commit is contained in:
Accusys
2026-05-14 15:12:21 +08:00
parent 8f013cbdbc
commit c90394897d
42 changed files with 1806 additions and 1722 deletions

View File

@@ -9,11 +9,15 @@
<router-link to="/home" class="hover:text-blue-400 transition">首頁</router-link>
<router-link to="/search" class="hover:text-blue-400 transition">搜尋</router-link>
<router-link to="/persons" class="hover:text-blue-400 transition">人物管理</router-link>
<router-link to="/faces/candidates" class="hover:text-blue-400 transition text-green-400">Face Candidates</router-link>
<router-link to="/traces" class="hover:text-blue-400 transition">Face Traces</router-link>
<router-link to="/files" class="hover:text-blue-400 transition">納管檔案</router-link>
<router-link to="/settings" class="hover:text-blue-400 transition">設定</router-link>
<router-link to="/jobs" class="hover:text-blue-400 transition">Pipeline</router-link>
<button @click="handleLogout" class="text-xs bg-red-800 hover:bg-red-700 px-2 py-1 rounded transition ml-4 text-red-100">登出</button>
<button @click="openDevTools" class="text-xs bg-gray-700 hover:bg-gray-600 px-2 py-1 rounded transition ml-2">🛠 Console</button>
<button @click="toggleDevMode" class="text-xs bg-gray-700 hover:bg-gray-600 px-2 py-1 rounded transition ml-2" :title="showApiDemo ? '隱藏 API Console' : '顯示 API Console'">
{{ showApiDemo ? '🔧' : '🛠️' }}
</button>
<button @click="openDevTools" class="text-xs bg-gray-700 hover:bg-gray-600 px-2 py-1 rounded transition ml-2">Console</button>
</nav>
</div>
</div>
@@ -24,15 +28,15 @@
<router-view />
</main>
<!-- API Demo (always show) -->
<div class="container mx-auto px-4 pb-8 pt-4" v-if="!isLoginPage">
<!-- API Demo (hidden by default, enable via localStorage devMode=true) -->
<div v-if="!isLoginPage && showApiDemo" class="container mx-auto px-4 pb-8 pt-4">
<ApiDemo />
</div>
</div>
</template>
<script setup lang="ts">
import { computed } from 'vue'
import { computed, ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import ApiDemo from './components/ApiDemo.vue'
@@ -40,6 +44,12 @@ const route = useRoute()
const router = useRouter()
const isLoginPage = computed(() => route.path === '/login')
const showApiDemo = ref(localStorage.getItem('devMode') === 'true')
const toggleDevMode = () => {
showApiDemo.value = !showApiDemo.value
localStorage.setItem('devMode', String(showApiDemo.value))
}
const openDevTools = () => {
console.clear()