feature: Digitization Workstation UI

2026-06-27 12:15:43 +08:00
parent 88e70b3dbe
commit e22d33b654
55 changed files with 6411 additions and 143 deletions
@@ -0,0 +1,27 @@
+<template>
+  <div class="app-header">
+    <div class="app-header-title">
+      <h1 class="text-lg font-semibold">{{ title }}</h1>
+      <slot name="subtitle" />
+    </div>
+    <div class="app-header-actions">
+      <slot name="actions" />
+      <span class="text-sm text-gray-600">{{ auth.userFullName }}</span>
+      <button
+        type="button"
+        @click="auth.logout()"
+        class="text-sm text-gray-500 hover:text-gray-800"
+      >
+        Sign Out
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useAuthStore } from '../stores/auth'
+
+defineProps<{ title: string }>()
+
+const auth = useAuthStore()
+</script>