优化界面

This commit is contained in:
GoEdgeLab
2022-03-27 17:23:02 +08:00
parent 0b2508917c
commit 225fa7533c
17 changed files with 91 additions and 37 deletions

View File

@@ -109,10 +109,6 @@ func (this *ServerHelper) createLeftMenu(action *actions.ActionObject) {
}
tabbar.Add("设置", "", "/servers/server/settings?serverId="+serverIdString, "setting", selectedTabbar == "setting")
tabbar.Add("删除", "", "/servers/server/delete?serverId="+serverIdString, "trash", selectedTabbar == "delete")
{
m := tabbar.Add("当前服务:"+server.Name, "", "/servers/server?serverId="+serverIdString, "", false)
m["right"] = true
}
actionutils.SetTabbar(action, tabbar)

View File

@@ -1,5 +1,7 @@
.right-box {
text-align: center;
.delete-box {
margin-top: 1em;
}
.delete-box button {
width: 20em!important;
}
/*# sourceMappingURL=index.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA;EACC,kBAAA;EACA,eAAA","file":"index.css"}
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA;EACC,eAAA;;AADD,WAGC;EACC,qBAAA","file":"index.css"}

View File

@@ -1,8 +1,15 @@
{$layout}
{$template "/left_menu"}
<div class="right-box">
<div style="width:20em">
<button class="ui button red large fluid" type="button" @click.prevent="deleteServer(serverId)">删除当前服务</button>
</div>
<first-menu>
<menu-item href="/servers">服务列表</menu-item>
<span class="item disabled">|</span>
<menu-item :href="'/servers/server/delete?serverId=' + server.id" active="true">"{{server.name}}"删除</menu-item>
<span class="disabled item">|</span>
<more-items-angle
:v-data-url="'/servers/nearby?serverId=' + server.id"
:v-url="'/servers/server/delete?serverId=${serverId}'"></more-items-angle>
</first-menu>
<div class="delete-box">
<button class="ui button red large fluid" type="button" @click.prevent="deleteServer(serverId)">删除当前服务</button>
</div>

View File

@@ -1,6 +1,6 @@
Tea.context(function () {
this.deleteServer = function (serverId) {
teaweb.confirm("确定要删除当前服务吗?", function () {
teaweb.confirm("html:确定要删除当前服务吗?<br/>请慎重操作,删除后无法恢复!", function () {
this.$post("$")
.params({
"serverId": serverId

View File

@@ -1,4 +1,7 @@
.right-box {
text-align: center;
.delete-box {
margin-top: 1em;
}
button {
width: 20em!important;
}
}

View File

@@ -1,9 +1,19 @@
{$layout}
{$template "/datepicker"}
{$template "/left_menu"}
{$layout}
<div class="right-box">
<first-menu>
<menu-item href="/servers">服务列表</menu-item>
<span class="item disabled">|</span>
<menu-item :href="'/servers/server/log?serverId=' + server.id" active="true">"{{server.name}}"日志</menu-item>
<span class="disabled item">|</span>
<more-items-angle
:v-data-url="'/servers/nearby?serverId=' + server.id"
:v-url="'/servers/server/log?serverId=${serverId}'"></more-items-angle>
</first-menu>
{$template "/left_menu_with_menu"}
<div class="right-box with-menu">
<first-menu>
<menu-item :href="path + '?serverId=' + serverId + '&day=' + day + '&keyword=' + keyword + '&ip=' + ip + '&domain=' + domain + '&hour=' + hour + '&pageSize=' + pageSize" :active="hasError == 0 && hasWAF == 0">所有日志</menu-item>
<menu-item :href="path + '?serverId=' + serverId + '&day=' + day + '&hasError=1' + '&keyword=' + keyword + '&ip=' + ip + '&domain=' + domain + '&hour=' + hour + '&pageSize=' + pageSize" :active="hasError > 0">错误日志</menu-item>

View File

@@ -1,7 +1,17 @@
{$layout}
{$template "/left_menu"}
<div class="right-box">
<first-menu>
<menu-item href="/servers">服务列表</menu-item>
<span class="item disabled">|</span>
<menu-item :href="'/servers/server/log?serverId=' + server.id" active="true">"{{server.name}}"日志</menu-item>
<span class="disabled item">|</span>
<more-items-angle
:v-data-url="'/servers/nearby?serverId=' + server.id"
:v-url="'/servers/server/log?serverId=${serverId}'"></more-items-angle>
</first-menu>
{$template "/left_menu_with_menu"}
<div class="right-box with-menu">
<form method="get" class="ui form small" :action="path" autocomplete="off">
<input type="hidden" name="serverId" :value="serverId"/>
<http-access-log-search-box :v-ip="ip" :v-domain="domain" :v-keyword="keyword" :v-cluster-id="clusterId" :v-node-id="nodeId"></http-access-log-search-box>

View File

@@ -1,7 +1,17 @@
{$layout}
{$template "/left_menu"}
<div class="right-box">
<first-menu>
<menu-item href="/servers">服务列表</menu-item>
<span class="item disabled">|</span>
<menu-item :href="'/servers/server/log?serverId=' + server.id" active="true">"{{server.name}}"日志</menu-item>
<span class="disabled item">|</span>
<more-items-angle
:v-data-url="'/servers/nearby?serverId=' + server.id"
:v-url="'/servers/server/log?serverId=${serverId}'"></more-items-angle>
</first-menu>
{$template "/left_menu_with_menu"}
<div class="right-box with-menu">
<first-menu>
<menu-item :href="path + '?serverId=' + serverId + '&keyword=' + keyword + '&ip=' + ip + '&domain=' + domain + '&pageSize=' + pageSize" :active="hasError == 0 && hasWAF == 0">所有日志</menu-item>
<menu-item :href="path + '?serverId=' + serverId + '&hasError=1' + '&keyword=' + keyword + '&ip=' + ip + '&domain=' + domain + '&pageSize=' + pageSize" :active="hasError > 0">错误日志</menu-item>

View File

@@ -0,0 +1,9 @@
<first-menu>
<menu-item href="/servers">服务列表</menu-item>
<span class="item disabled">|</span>
<menu-item :href="'/servers/server/stat?serverId=' + server.id" active="true">"{{server.name}}"统计</menu-item>
<span class="disabled item">|</span>
<more-items-angle
:v-data-url="'/servers/nearby?serverId=' + server.id"
:v-url="'/servers/server/stat?serverId=${serverId}'"></more-items-angle>
</first-menu>

View File

@@ -1,8 +1,9 @@
{$layout}
{$template "/echarts"}
{$template "/left_menu"}
<div class="right-box">
{$template "stat_menu"}
{$template "/left_menu_with_menu"}
<div class="right-box with-menu">
{$ if eq .statIsOn false}
<p class="ui message">
要想查看统计数据,需要先开启统计功能,<a :href="'/servers/server/settings/stat?serverId=' + serverId">[点击这里]</a>修改配置。

View File

@@ -1,8 +1,9 @@
{$layout}
{$template "/echarts"}
{$template "/left_menu"}
<div class="right-box">
{$template "stat_menu"}
{$template "/left_menu_with_menu"}
<div class="right-box with-menu">
{$template "requests_menu"}
<div class="ui column">

View File

@@ -1,8 +1,9 @@
{$layout}
{$template "/echarts"}
{$template "/left_menu"}
<div class="right-box">
{$template "stat_menu"}
{$template "/left_menu_with_menu"}
<div class="right-box with-menu">
{$template "requests_menu"}
<div class="ui column">

View File

@@ -1,8 +1,9 @@
{$layout}
{$template "/echarts"}
{$template "/left_menu"}
<div class="right-box">
{$template "stat_menu"}
{$template "/left_menu_with_menu"}
<div class="right-box with-menu">
{$template "requests_menu"}
<div class="ui column">

View File

@@ -1,8 +1,9 @@
{$layout}
{$template "/echarts"}
{$template "/left_menu"}
<div class="right-box">
{$template "stat_menu"}
{$template "/left_menu_with_menu"}
<div class="right-box with-menu">
{$ if eq .statIsOn false}
<p class="ui message">
要想查看统计数据,需要先开启统计功能,<a :href="'/servers/server/settings/stat?serverId=' + serverId">[点击这里]</a>修改配置。

View File

@@ -1,8 +1,9 @@
{$layout}
{$template "/echarts"}
{$template "/left_menu"}
<div class="right-box">
{$template "stat_menu"}
{$template "/left_menu_with_menu"}
<div class="right-box with-menu">
{$ if eq .statIsOn false}
<p class="ui message">
要想查看统计数据,需要先开启统计功能,<a :href="'/servers/server/settings/stat?serverId=' + serverId">[点击这里]</a>修改配置。

View File

@@ -1,8 +1,9 @@
{$layout}
{$template "/echarts"}
{$template "/left_menu"}
<div class="right-box">
{$template "stat_menu"}
{$template "/left_menu_with_menu"}
<div class="right-box with-menu">
<div class="ui three columns grid">
<div class="ui column">
<h4>今日拦截</h4>