2020-07-22 22:19:39 +08:00
|
|
|
<!DOCTYPE html>
|
2020-08-21 12:32:16 +08:00
|
|
|
<html lang="zh">
|
2020-07-22 22:19:39 +08:00
|
|
|
<head>
|
|
|
|
|
<title>{$.teaTitle}管理员系统</title>
|
|
|
|
|
<meta charset="UTF-8"/>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
|
|
|
|
|
<link rel="shortcut icon" href="/images/favicon.png"/>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/_/@default/@layout.css" media="all"/>
|
|
|
|
|
{$TEA.SEMANTIC}
|
2020-09-23 18:43:38 +08:00
|
|
|
<link rel="stylesheet" type="text/css" href="/_/@default/@layout_override.css" media="all"/>
|
|
|
|
|
|
2020-07-22 22:19:39 +08:00
|
|
|
{$TEA.VUE}
|
|
|
|
|
{$echo "header"}
|
|
|
|
|
<script type="text/javascript" src="/_/@default/@layout.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/ui/components.js?v=1.0.0"></script>
|
|
|
|
|
<script type="text/javascript" src="/js/utils.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/js/sweetalert2/dist/sweetalert2.all.min.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<!-- 顶部导航 -->
|
|
|
|
|
<div class="ui menu top-nav blue inverted small borderless" v-cloak="">
|
|
|
|
|
<a href="/" class="item">
|
2020-09-13 20:37:07 +08:00
|
|
|
<i class="ui icon leaf"></i> {{teaName}}管理员系统
|
2020-07-22 22:19:39 +08:00
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<div class="right menu">
|
2020-08-21 12:32:16 +08:00
|
|
|
<a href="" class="item" v-if="globalChangedClusters.length > 0" @click.prevent="syncClustersConfigs()"><i class="icon refresh"></i>{{globalChangedClusters.length}}个集群服务已变更，点此同步</a>
|
2020-07-22 22:19:39 +08:00
|
|
|
<a href="/monitor/messages" class="item" v-if="teaBadge > 0"><span :class="{'blink':teaBadge > 0}"><i class="icon bell"></i>告警({{teaBadge}}) </span></a>
|
|
|
|
|
<a href="/settings" class="item" :class="{active: teaMenu == 'settings'}">
|
|
|
|
|
<i class="icon user" v-if="teaUserAvatar.length == 0"></i>
|
|
|
|
|
<img class="avatar" alt="" :src="teaUserAvatar" v-if="teaUserAvatar.length > 0"/>
|
|
|
|
|
{{teaUsername}}
|
|
|
|
|
</a>
|
|
|
|
|
<a :href="Tea.url('logout')" class="item" title="安全退出登录"><i class="icon sign out"></i>退出</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 左侧主菜单 -->
|
|
|
|
|
<div class="main-menu" v-cloak="">
|
|
|
|
|
<div class="ui labeled menu vertical blue inverted tiny borderless">
|
|
|
|
|
<div class="item"></div>
|
|
|
|
|
<!--<a :href="Tea.url('dashboard')" class="item" :class="{active:teaMenu == 'dashboard'}">
|
|
|
|
|
<i class="ui dashboard icon"></i>
|
|
|
|
|
<span>仪表板</span>
|
|
|
|
|
</a>-->
|
|
|
|
|
|
|
|
|
|
<!-- 模块 -->
|
|
|
|
|
<a v-for="module in teaModules" class="item" :href="Tea.url(module.code)" :class="{active:teaMenu == module.code}">
|
|
|
|
|
<i class="window restore outline icon" v-if="module.icon == null"></i>
|
|
|
|
|
<i class="ui icon" v-if="module.icon != null" :class="module.icon"></i>
|
|
|
|
|
<span>{{module.menuName}}</span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 右侧主操作栏 -->
|
|
|
|
|
<div class="main" :class="{'without-menu':teaSubMenus.menus == null || teaSubMenus.menus.length == 0 || (teaSubMenus.menus.length == 1 && teaSubMenus.menus[0].alwaysActive), 'without-secondary-menu':teaSubMenus.alwaysMenu == null || teaSubMenus.alwaysMenu.items.length <= 1}" v-cloak="">
|
|
|
|
|
<!-- 左侧子菜单 -->
|
|
|
|
|
<div class="sub-menu" v-if="teaSubMenus.menus != null && teaSubMenus.menus.length > 0">
|
|
|
|
|
<div class="menus-box">
|
|
|
|
|
<div class="ui secondary menu vertical borderless blue pointing small" v-cloak="" v-for="menu in teaSubMenus.menus" v-if="!menu.alwaysActive">
|
|
|
|
|
<p class="item header" v-if="menu.name.length > 0 && !menu.alwaysActive" @click.prevent="showSubMenu(menu)">
|
|
|
|
|
<var v-html="menu.name"></var> <!--<span v-if="!menu.alwaysActive">({{menu.countNormalItems}})</span>--><!--<i class="icon angle" :class="{up:menu.isActive,down:!menu.isActive}" v-if="!menu.alwaysActive"></i>-->
|
|
|
|
|
</p>
|
|
|
|
|
<a :href="item.url" class="item" :class="{active:item.isActive,sortable:item.isSortable}" v-for="item in menu.items" v-show="true" :data-id="item.id"><var class="grey">{{item.name}}</var><sup v-if="item.supName.length > 0"> {{item.supName}}</sup><span v-if="item.subName != null && item.subName.length > 0" :class="item.subColor">{{item.subName}}</span><i v-if="item.icon != null && item.icon.length > 0" :class="'ui icon ' + item.icon"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 操作菜单 -->
|
|
|
|
|
<div class="ui top menu tabular tab-menu small" v-if="teaTabbar.length > 0">
|
2020-08-21 12:32:16 +08:00
|
|
|
<a class="item" v-for="item in teaTabbar" :class="{'active':item.active,right:item.right}" :href="item.url">
|
2020-07-22 22:19:39 +08:00
|
|
|
<var>{{item.name}}<span v-if="item.subName.length > 0">({{item.subName}})</span> <i class="icon small" :class="item.icon" v-if="item.icon != null"></i> </var>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 功能区 -->
|
|
|
|
|
{$TEA.VIEW}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{$echo "footer"}
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
