优化界面

This commit is contained in:
刘祥超
2020-11-03 16:38:48 +08:00
parent 1239712e97
commit c3b54f25d5
4 changed files with 22 additions and 15 deletions

View File

@@ -1,4 +1,7 @@
table td { table td {
word-break: break-all; word-break: break-all;
} }
table td.title {
width: 12em !important;
}
/*# sourceMappingURL=viewPopup.css.map */ /*# sourceMappingURL=viewPopup.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["viewPopup.less"],"names":[],"mappings":"AAAA,KAAM;EACL,qBAAA","file":"viewPopup.css"} {"version":3,"sources":["viewPopup.less"],"names":[],"mappings":"AAAA,KAAM;EACL,qBAAA;;AAGD,KAAM,GAAE;EACP,sBAAA","file":"viewPopup.css"}

View File

@@ -11,41 +11,41 @@
<div v-if="tab == 'summary'"> <div v-if="tab == 'summary'">
<table class="ui table selectable small"> <table class="ui table selectable small">
<tr> <tr>
<td style="width: 50%">请求概要(Request){{accessLog.request}}</td> <td style="width: 50%">请求概要<em>(Request)</em>{{accessLog.request}}</td>
<td>请求URI(RequestURI){{accessLog.requestURI}}</td> <td>请求URI<em>(RequestURI)</em>{{accessLog.requestURI}}</td>
</tr> </tr>
<tr> <tr>
<td>请求方法(RequestMethod){{accessLog.requestMethod}}</td> <td>请求方法<em>(RequestMethod)</em>{{accessLog.requestMethod}}</td>
<td>主机地址(Host){{accessLog.host}}</td> <td>主机地址<em>(Host)</em>{{accessLog.host}}</td>
</tr> </tr>
<tr> <tr>
<td>请求来源(Referer) <td>请求来源<em>(Referer)</em>
<span v-if="accessLog.referer != null && accessLog.referer.length > 0">{{accessLog.referer}}</span> <span v-if="accessLog.referer != null && accessLog.referer.length > 0">{{accessLog.referer}}</span>
<span v-else>-</span> <span v-else>-</span>
</td> </td>
<td>终端地址(RemoteAddr:RemotePort){{accessLog.remoteAddr}}:{{accessLog.remotePort}}</td> <td>终端地址<em>(RemoteAddr:RemotePort)</em>{{accessLog.remoteAddr}}:{{accessLog.remotePort}}</td>
</tr> </tr>
<tr> <tr>
<td>终端信息(UserAgent) <td>终端信息<em>(UserAgent)</em>
<span v-if="accessLog.userAgent != null && accessLog.userAgent.length > 0">{{accessLog.userAgent}}</span> <span v-if="accessLog.userAgent != null && accessLog.userAgent.length > 0">{{accessLog.userAgent}}</span>
<span v-else>-</span> <span v-else>-</span>
</td> </td>
<td>协议(Proto){{accessLog.proto}}</td> <td>协议<em>(Proto)</em>{{accessLog.proto}}</td>
</tr> </tr>
<tr> <tr>
<td>状态(StatusMessage)<span :class="{red:accessLog.status>=400, green:accessLog.status<400}">{{accessLog.status}} {{accessLog.statusMessage}}</span></td> <td>状态<em>(StatusMessage)</em><span :class="{red:accessLog.status>=400, green:accessLog.status<400}">{{accessLog.status}} {{accessLog.statusMessage}}</span></td>
<td>文件类型(ContentType) <td>文件类型<em>(ContentType)</em>
<span v-if="accessLog.contentType != null && accessLog.contentType.length > 0">{{accessLog.contentType}}</span> <span v-if="accessLog.contentType != null && accessLog.contentType.length > 0">{{accessLog.contentType}}</span>
<span v-else>-</span> <span v-else>-</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>发送字节(BytesSent){{accessLog.bytesSent}}</td> <td>发送字节<em>(BytesSent)</em>{{accessLog.bytesSent}}</td>
<td></td> <td></td>
</tr> </tr>
<tr> <tr>
<td>ISO8601时间{{accessLog.timeISO8601}}</td> <td>ISO8601时间{{accessLog.timeISO8601}}</td>
<td>本地时间(TimeLocal){{accessLog.timeLocal}}</td> <td>本地时间<em>(TimeLocal)</em>{{accessLog.timeLocal}}</td>
</tr> </tr>
<tr v-if="wafInfo != null"> <tr v-if="wafInfo != null">
<td class="color-border">WAF策略{{wafInfo.policy.name}}</td> <td class="color-border">WAF策略{{wafInfo.policy.name}}</td>
@@ -91,7 +91,7 @@
</div> </div>
<div v-if="tab == 'cookie'"> <div v-if="tab == 'cookie'">
<div v-if="accessLog.cookie == null">暂时没有Cookie数据。</div> <p class="comment" v-if="accessLog.cookie == null">暂时没有Cookie数据。</p>
<div v-else> <div v-else>
<table class="ui table selectable small"> <table class="ui table selectable small">
<tr v-for="(v, k) in accessLog.cookie"> <tr v-for="(v, k) in accessLog.cookie">
@@ -105,7 +105,7 @@
<div v-if="tab == 'client'"> <div v-if="tab == 'client'">
<table class="ui table selectable small"> <table class="ui table selectable small">
<tr> <tr>
<td class="title">综合信息(UserAgent)</td> <td class="title">综合信息<em>(UserAgent)</em></td>
<td>{{accessLog.userAgent}}</td> <td>{{accessLog.userAgent}}</td>
</tr> </tr>
<tr> <tr>

View File

@@ -1,3 +1,7 @@
table td { table td {
word-break: break-all; word-break: break-all;
} }
table td.title {
width: 12em !important;
}