ctms/ctms-admin/views/site/index-v5.php

<?php
use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
use yii\helpers\Url;
use mdm\admin\components\MenuHelper;
$this->title = Yii::t('backend' ,'System Name');
$keywords = '';
$description = '';
$this->params['breadcrumbs'][] = $this->title;
?>
<div id="wrapper">
    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element">
                        <span><img alt="image" class="img-circle" src="<?php echo Url::to(Yii::$app->user->identity->avatar);?>" /></span>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear">
                                <span class="block m-t-xs"><strong class="font-bold"><?= Yii::$app->user->identity->username ?></strong></span>
                                <span class="text-muted text-xs block"><?= $user_info?><b class="caret"></b></span>
                            </span>
                        </a>
                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
                            <li><a class="J_menuItem" href="<?= Url::toRoute(['adminer/update','id'=>Yii::$app->user->identity->getId()])?>">个人资料</a>
                    </li>
                    <li class="divider"></li>
                    <li><a href="<?=Url::toRoute('site/logout')?>">安全退出</a>
                </li>
            </ul>
        </div>
        <div class="logo-element">Hi
        </div>
    </li>
    <?php  foreach($menu as $v1):?>
    <?php $data = json_decode($v1['data'], true);?>
    <li><!--一级级菜单-->
    <a href="#">
        <i class="<?=$data['icon']?>"></i>
        <span class="nav-label"><?= $v1['name']?></span>
        <span class="fa arrow"></span>
    </a>
    <?php if(array_key_exists('_child',$v1)):?>
    <ul class="nav nav-second-level">
        <?php  foreach($v1['_child'] as $v2):?>
        <?php $data2 = json_decode($v2['data'], true);?>
        <?php if(array_key_exists('_child',$v2)):?>
        <li><!--二级菜单-->
        <a href="#">
            <?php if($data2['icon']):?><i class="<?=$data2['icon']?>"></i><?php endif;?><?= $v2['name']?>
            <span class="fa arrow"></span>
        </a>
        <?php if(!empty($v2['_child'])):?>
        <ul class="nav nav-third-level collapse">
            <?php  foreach($v2['_child'] as $v3):?>
            <li><!--三级菜单-->
            <a class="J_menuItem" href="<?= Url::toRoute($v3['route']);?>" data-index="0" onclick="active(this)"><?= $v3['name']?></a>
        </li>
        <?php endforeach;?>
    </ul>
    <?php  endif;?>
</li>
<?php else:?>
<li><!--二级菜单-->
<a class="J_menuItem" href="<?= Url::toRoute($v2['route']);?>" data-index="0" onclick="active(this)"><?= $v2['name']?></a>
</li>
<?php endif;?>
<?php endforeach;?>
</ul>
<?php endif;?>
</li>
<?php endforeach;?>
</ul>

</div>
</nav>

<script>
    function active(obj){
        $('a.J_menuItem').css({'background-color':'','color':''});
        $(obj).css({'background-color':'#0095f6','color':'#fff'});
    }
</script>
<!--左侧导航结束-->
<!--右侧部分开始-->
<div id="page-wrapper" class="gray-bg dashbard-1">
<div class="row border-bottom">
<nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
<div class="navbar-header"><a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
<form role="search" class="navbar-form-custom" method="post" action="#">
<div class="form-group">
<input type="text" placeholder="快速查找(该功能暂未开放) …" class="form-control" name="top-search" id="top-search" style="border-bottom: 1px solid rgb(204, 204, 204);">
</div>
</form>
</div>
<ul class="nav navbar-top-links navbar-right">
<li class="dropdown">
<a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
<i class="fa fa-bell"></i> <span class="label label-warning">8</span>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
<a href="#">
    <div>
        <i class="fa fa-envelope fa-fw"></i> 还只是测试
        <span class="pull-right text-muted small">4分钟前</span>
    </div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
    <div>
        <i class="fa fa-qq fa-fw"></i> 请忽略我
        <span class="pull-right text-muted small">12分钟前</span>
    </div>
</a>
</li>
<li class="divider"></li>
<li>
<div class="text-center link-block">
    <a class="J_menuItem" href="#">
        <strong>查看所有 </strong>
        <i class="fa fa-angle-right"></i>
    </a>
</div>
</li>
</ul>
</li>
<li class="dropdown hidden-xs">
<a class="right-sidebar-toggle" aria-expanded="false">
<i class="fa fa-tasks"></i> 主题
</a>
</li>
</ul>
</nav>
</div>
<!--页卡导航-->
<div class="row content-tabs">
<button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
</button>
<nav class="page-tabs J_menuTabs">
<div class="page-tabs-content">
<a href="javascript:;" class="active J_menuTab" data-id="">首页</a>
</div>
</nav>
<button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
</button>
<div class="btn-group roll-nav roll-right">
<button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>
</button>
<ul role="menu" class="dropdown-menu dropdown-menu-right">
<li class="J_tabShowActive"><a>定位当前选项卡</a>
</li>
<li class="divider"></li>
<li class="J_tabCloseAll"><a>关闭全部选项卡</a>
</li>
<li class="J_tabCloseOther"><a>关闭其他选项卡</a>
</li>
</ul>
</div>
<a href="<?=Url::toRoute('site/logout')?>" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>
</div>
<div class="row J_mainContent" id="content-main">
<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="<?= Url::toRoute('index/welcome')?>" frameborder="0" data-id="" seamless></iframe>
</div>
<div class="footer">
<div class="pull-left">
version：<?= HI_VERSION;?>
</div>
<div class="pull-right">
Copyright &copy; <?= Yii::t('common' ,'Company Create Time') ?>-<?php echo date('Y',time()); ?> <a href="https://www.hiluker.com" target="_blank">嗨路客电商</a> -Based On V<?php echo Yii::getVersion();?>
</div>
</div>
</div>
<!--右侧部分结束-->
<!--右侧边栏开始-->
<div id="right-sidebar">
<div class="sidebar-container">
<ul class="nav nav-tabs navs-3">
<li class="active ">
<a data-toggle="tab" href="#tab-1">
<i class="fa fa-gear"></i> 主题
</a>
</li>
</ul>
<div class="tab-content">
<div id="tab-1" class="tab-pane active">
<div class="sidebar-title ">
<h3> <i class="fa fa-comments-o"></i> 主题设置</h3>
<small><i class="fa fa-tim"></i> 你可以从这里选择和预览主题的布局和样式；刷新后或重新登陆后即会重置。</small>
</div>
<div class="skin-setttings">

    <div class="title">主题设置</div>

    <div class="setings-item">
    <span>收起左侧菜单</span>
    <div class="switch">
    <div class="onoffswitch">
    <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="collapsemenu">
    <label class="onoffswitch-label" for="collapsemenu" onclick="changeStyle('leftMenu');">
    <span class="onoffswitch-inner"></span>
    <span class="onoffswitch-switch"></span>
    </label>
    </div>
    </div>
    </div>

    <div class="setings-item">
    <span>固定顶部</span>
    <div class="switch">
    <div class="onoffswitch">
    <input type="checkbox" name="fixednavbar" class="onoffswitch-checkbox" id="fixednavbar">
    <label class="onoffswitch-label" for="fixednavbar">
    <span class="onoffswitch-inner"></span>
    <span class="onoffswitch-switch"></span>
    </label>
    </div>
    </div>
    </div>

    <div class="setings-item">
    <span>
    固定宽度
    </span>
    <div class="switch">
    <div class="onoffswitch">
    <input type="checkbox" name="boxedlayout" class="onoffswitch-checkbox" id="boxedlayout">
    <label class="onoffswitch-label" for="boxedlayout">
    <span class="onoffswitch-inner"></span>
    <span class="onoffswitch-switch"></span>
    </label>
    </div>
    </div>
    </div>

    <div class="title">皮肤选择</div>
        <div class="setings-item default-skin nb">
        <span class="skin-name ">
        <a href="#" class="s-skin-0">
        默认皮肤
        </a>
        </span>
        </div>

        <div class="setings-item blue-skin nb">
        <span class="skin-name ">
        <a href="#" class="s-skin-1">
        蓝色主题
        </a>
        </span>
        </div>

        <div class="setings-item yellow-skin nb">
        <span class="skin-name ">
        <a href="#" class="s-skin-3">
        黄色主题
        </a>
        </span>
        </div>

        <div class="setings-item red-skin nb">
        <span class="skin-name ">
        <a href="#" class="s-skin-2">
        红色主题
        </a>
        </span>
        </div>

        <div class="title">
            <a class="right-sidebar-toggle" aria-expanded="false">
                <i class="fa fa-close"></i> 关闭
            </a>
        </div>

    </div>
</div>

</div>
</div>
</div>
<!--右侧边栏结束-->
</div>
<?=Html::jsFile('@web/js/jquery-3.7.1.slim.min.js')?>

<?=Html::jsFile('@web/js/plugins/metisMenu/jquery.metisMenu.js')?>
<?=Html::jsFile('@web/js/plugins/slimscroll/jquery.slimscroll.min.js')?>
<?=Html::jsFile('@web/js/hplus.min.js')?>
<?=Html::jsFile('@web/js/contabs.min.js')?>
<?=Html::jsFile('@web/js/plugins/pace/pace.min.js')?>

<?=Html::jsFile('@web/bootstrap5.2.3/js/bootstrap.min.js')?>

<?=Html::jsFile('@web/js/plugins/layer/layer.js')?>