mirror of
https://github.com/m1ngsama/FUJI.git
synced 2025-12-24 10:51:27 +00:00
7d5960ae87
- Add repair ticket form and detail components - Implement repair history tracking and display - Create repair event detail view - Add repair landing section and modal components - Update repair header and main page 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
38 lines
1.5 KiB
Text
38 lines
1.5 KiB
Text
---
|
|
import NavigationUser from "./NavigationUser.vue"
|
|
---
|
|
|
|
<script>
|
|
import { validateRepairRole } from "../../pages/repair/RepairAdmin"
|
|
import { makeLogtoClient } from "../../utils/auth"
|
|
|
|
const button = document.getElementById("repair-header")
|
|
button.addEventListener("click", () => {
|
|
window.location.href = "/repair"
|
|
})
|
|
|
|
const adminButton = document.getElementById("repair-admin")
|
|
makeLogtoClient().getIdTokenClaims().then((claims) => {
|
|
const hasRole = validateRepairRole(claims.roles)
|
|
if (hasRole) {
|
|
adminButton.classList.remove("hidden")
|
|
}
|
|
else {
|
|
adminButton.classList.add("hidden")
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<div class="box-border border-b sticky top-0 bg-white/80 backdrop-blur z-20 h-12">
|
|
<div class="h-full flex items-center justify-between text-lg max-w-[1024px] mx-auto px-[22px]">
|
|
<span id="repair-header" class="font-semibold select-none cursor-default">维修</span>
|
|
<div class="flex items-center">
|
|
<div class="flex items-center gap-4 mr-4 text-xs text-gray-400 mt-[1px]">
|
|
<a class="text-gray-500 hover:text-gray-700 appearance-none cursor-pointer" href="/repair/create-ticket" style="text-decoration:none">预约维修</a>
|
|
<a class="text-gray-500 hover:text-gray-700 appearance-none cursor-pointer" href="/repair/history" style="text-decoration:none">维修记录</a>
|
|
<a class="hidden text-gray-500 hover:text-gray-700 appearance-none cursor-pointer" id="repair-admin" href="/repair/admin" style="text-decoration:none">维修管理</a>
|
|
</div>
|
|
<NavigationUser client:load />
|
|
</div>
|
|
</div>
|
|
</div>
|