<div class="header-wrap">
    <a href="/"><img class="home-logo" src="{$smarty.const.CSS_URL}/images/home-logo.png" alt=""></a>
    <div class="header-right flex">
        <img src="{$smarty.const.CSS_URL}/images/home-more.png" alt="">
        <div class="dropdown">
            <button class="dropdown-toggle">
                {$_user_info.nickname}
                <img class="icon" src="{$smarty.const.CSS_URL}/images/drop-icon.svg" alt="">
            </button>
            <div class="dropdown-panel">
                {if $_user_info.is_super_admin}
                <a href="/index/user_list">子账号管理</a>
                {/if}
                <a href="/loginout">退出</a>
            </div>
        </div>
    </div>
</div>
{literal}
<script>
    $('.dropdown-toggle').click(function () {
        const dropdownPanel = document.querySelector('.dropdown-panel');
        const icon = document.querySelector('.icon');
        // 切换面板的显示/隐藏
        if (dropdownPanel.style.display === 'block') {
            dropdownPanel.style.display = 'none';
            icon.classList.remove('rotate'); // 移除旋转效果
        } else {
            dropdownPanel.style.display = 'block';
            icon.classList.add('rotate'); // 添加旋转效果
        }
    })
</script>
{/literal}