42 lines
2.8 KiB
HTML
42 lines
2.8 KiB
HTML
<!-- 顶部导航栏 -->
|
|
<header class="bg-white shadow-sm fixed top-0 left-0 right-0 z-10">
|
|
<div class="container mx-auto px-4 py-3 flex justify-between items-center">
|
|
<div class="flex items-center space-x-2">
|
|
<i class="fa fa-car text-primary text-2xl"></i>
|
|
<h1 class="text-xl font-bold text-gray-800">车主信息查询系统</h1>
|
|
</div>
|
|
|
|
<div class="flex items-center space-x-4">
|
|
<!-- 用户下拉菜单 -->
|
|
<div class="relative group">
|
|
<div class="flex items-center cursor-pointer hover:text-primary transition-colors">
|
|
<span class="text-gray-600">欢迎 <strong>{{ session.department }}</strong> <strong>{{ session.name }}</strong></span>
|
|
<i class="fa fa-chevron-down ml-2 text-xs transition-transform duration-300 group-hover:rotate-180"></i>
|
|
</div>
|
|
<!-- 下拉菜单 -->
|
|
<div class="absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 transform origin-top-right scale-95 group-hover:scale-100 z-20">
|
|
<div class="py-1">
|
|
<a href="{{ url_for('user.user_profile_page') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-primary hover:text-white transition-colors">
|
|
<i class="fa fa-user mr-2"></i> 个人信息
|
|
</a>
|
|
<a href="{{ url_for('user.change_password_page') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-primary hover:text-white transition-colors">
|
|
<i class="fa fa-lock mr-2"></i> 修改密码
|
|
</a>
|
|
<a href="{{ url_for('user.parameter_config_page') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-primary hover:text-white transition-colors">
|
|
<i class="fa fa-cog mr-2"></i> 参数配置
|
|
</a>
|
|
{% if session.username == 'admin' %}
|
|
<a href="{{ url_for('user.users_management') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-primary hover:text-white transition-colors">
|
|
<i class="fa fa-users mr-2"></i> 用户管理
|
|
</a>
|
|
{% endif %}
|
|
<div class="border-t border-gray-200 my-1"></div>
|
|
<a href="{{ url_for('user.logout') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-primary hover:text-white transition-colors">
|
|
<i class="fa fa-sign-out mr-2"></i> 退出
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header> |