YLShipBuildLandMap/YLShipBuildLandMap.Web/wwwroot/app/main/home-tabs.html

<div class="f-home-tabs">
    <!-- Top Bar -->
    <div class="flex-header">
        <div class="nav-title">
            <div style=" margin-left:20px;">
                <!--<img style="width:60px;height:62px;" src="/api/resource/Logo"/>-->
            </div>
            <div>
                <div style=" margin-left: -25px; margin-top: 20px;">
                    <ul><li style="font-size: 28px;">{{htmlResource.Title}}</li>
                        <li style="font-size: 14px;">{{htmlResource.EnTitle}}</li></ul>
                </div>
                
            </div>
        </div>
        <div class="nav-user">
            <div>
                <!--<a ng-click="logout()" class="dropdown-toggle" data-toggle="dropdown" role="button">-->
                <!--&lt;!&ndash;<img style="width:24px;height:24px;" src="images/logout.svg">&ndash;&gt;-->
                <!--<span class="icon iconfont">&#xe623;</span>-->
                <!--</a>-->
                <span style="padding-right: 5px; margin-bottom: 1px;"><!--当前角色：{{User.roleName}}-->&nbsp;&nbsp;&nbsp;{{now|date:'yyyy年MM月dd日 HH:mm:ss'}}  {{week}}</span>
                <i class="material-icons" style="float: left;margin-right: 7px;font-size: 20px;" title="">help_outline</i>
                <i ng-click="updatePwd()"  class="material-icons" title="修改密码" style="float: left;margin-right: 7px;font-size: 20px; cursor:pointer;">lock_outline</i>
                <a ng-click="logout()" class="dropdown-toggle" data-toggle="dropdown" role="button" title="退出登录">
                    <i class="material-icons" style="float: left;margin-right: 7px;font-size: 20px;">power_settings_new</i>
                </a>
            </div>
        </div>
    </div>
    <!-- #Top Bar -->
    <div class="page_content" ng-class="{'sidebar-collapsed':!menudatas.toggle,'sidebar-collapsed-back':menudatas.toggle}">
        <!-- Left Sidebar -->
        <aside class="leftsidebar">
            <!-- User Info -->
            <div class="user-info">
                <div class="toggle-user-info">
                    <div class="image">
                        <img ng-src="images/man.jpg" onerror="this.src='images/man.jpg'" width="48" height="48"
                             alt="User" />
                    </div>
                    <!--<div class="info-container" style="display: none;">
                        <div class="name" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></div>
                    </div>-->
                    <div class="user-name1">
                        {{User.name}}
                    </div>
                </div>
                <div class="btn-toggle">
                    <a class="sidebar-icon" ng-click="menudatas.toggle=!menudatas.toggle">
                        <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
                    </a>
                </div>
            </div>

                <div class="mainmenu" ng-if="menudatas.toggle">
                    <div class="header">
                        工作导航
                    </div>
                    <div class="sidebar">
                        <div class="menu">
                            <ul class="list">
                                <li ng-repeat="panel in panels" ng-include="'menuNodes.html'"
                                    class="{{panel.childShow==1?'active':''}}">
                                </li>
                            </ul>
                            <script type="text/ng-template" id="menuNodes.html">
                                <a ng-if="panel.isblank!='1' && panel.name"
                                   class="waves-effect waves-block {{(panel.cNodes&&panel.cNodes.length>0)?(panel.childShow==0?'menu-toggle':'menu-toggle toggled'):''}}"
                                   ng-click="menutoggle(panel)"
                                   bs-ui-sref="{{panel.name}}">
                                    <i class="material-icons">{{panel.icon}}</i>
                                    <span>{{panel.title}}</span>
                                </a>
                                <a ng-if="panel.isblank!='1' && !panel.name"
                                   class="waves-effect waves-block {{(panel.cNodes&&panel.cNodes.length>0)?(panel.childShow==0?'menu-toggle':'menu-toggle toggled'):''}}"
                                   ng-click="menutoggle(panel)">
                                    <i class="material-icons">{{panel.icon}}</i>
                                    <span>{{panel.title}}</span>
                                </a>
                                <a ng-if="panel.isblank=='1'"
                                   class="waves-effect waves-block {{(panel.cNodes&&panel.cNodes.length>0)?(panel.childShow==0?'menu-toggle':'menu-toggle toggled'):''}}"
                                   href="{{panel.url}}" target="_blank">
                                    <span>{{panel.title}}</span>
                                </a>
                                <div ng-hide="panel.childShow==0">
                                    <ul class="ml-menu">
                                        <li ng-repeat="panel in panel.cNodes" ng-include="'menuNodes.html'"
                                            class="{{panel.childShow==1?'active':''}}"></li>
                                    </ul>
                                </div>
                            </script>
                        </div>
                    </div>
                </div>


        </aside>
        <!-- tabs content -->
        <div class="content">
            <div class="div-f" ng-controller="homeTabsCtrl">
                <div class="div-tabs" bs-tabs data-template="home/tab.tpl.html" data-nav-class="nav-tabs nav-tabs-a"  bs-active-pane="tabs.activeTab">
                    <div data-title="{{ tab.title }}" bs-pane-url panedata="tab" name="{{ tab.name }}" ng-repeat="tab in tabs" bs-tab-pane-heigth>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>