From c71003d244cb05fa1a2ff367b99ebd539a0a583c Mon Sep 17 00:00:00 2001
From: Chris <wtc.justin82@gmail.com>
Date: Tue, 31 Mar 2026 20:35:04 +0800
Subject: [PATCH] fix(api-clients): fallback api-key hashing without argon2;
 show site/module parent display names

---
 src/pages/admin/ModulesPage.vue | 9 ++++++++-
 src/pages/admin/SitesPage.vue   | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/pages/admin/ModulesPage.vue b/src/pages/admin/ModulesPage.vue
index 336467b..db5b1dd 100644
--- a/src/pages/admin/ModulesPage.vue
+++ b/src/pages/admin/ModulesPage.vue
@@ -18,7 +18,9 @@
 
     <el-table v-else :data="modules" stripe border class="w-full shadow-sm">
       <template #empty><el-empty description="目前無模組" /></template>
-      <el-table-column prop="system_key" label="System" width="140" />
+      <el-table-column label="System" min-width="200">
+        <template #default="{ row }">{{ getSystemName(row.system_key) }}</template>
+      </el-table-column>
       <el-table-column prop="module_key" label="Module Key" width="220" />
       <el-table-column prop="name" label="名稱" min-width="180" />
       <el-table-column prop="status" label="狀態" width="120" />
@@ -217,5 +219,10 @@ async function openRelations(row, tab) {
   }
 }
 
+function getSystemName(systemKey) {
+  const system = systems.value.find(s => s.system_key === systemKey)
+  return system ? system.name : systemKey
+}
+
 onMounted(load)
 </script>
diff --git a/src/pages/admin/SitesPage.vue b/src/pages/admin/SitesPage.vue
index 1eb2285..1b89b21 100644
--- a/src/pages/admin/SitesPage.vue
+++ b/src/pages/admin/SitesPage.vue
@@ -11,7 +11,9 @@
     <el-table v-else :data="sites" stripe border class="w-full shadow-sm">
       <template #empty><el-empty description="目前無站台" /></template>
       <el-table-column prop="site_key" label="Site Key" width="180" />
-      <el-table-column prop="company_key" label="Company" width="180" />
+      <el-table-column label="Company" min-width="220">
+        <template #default="{ row }">{{ getCompanyName(row.company_key) }}</template>
+      </el-table-column>
       <el-table-column prop="name" label="名稱" min-width="180" />
       <el-table-column prop="status" label="狀態" width="120" />
       <el-table-column label="操作" width="120">
@@ -120,6 +122,11 @@ function openEdit(row) {
   showEditDialog.value = true
 }
 
+function getCompanyName(companyKey) {
+  const company = companies.value.find(c => c.company_key === companyKey)
+  return company ? company.name : companyKey
+}
+
 function resetEditForm() {
   editForm.value = { site_key: '', company_key: '', name: '', status: 'active' }
 }