访问日志弹窗中加入请求ID/优化Header添加/修改文字提示

This commit is contained in:
GoEdgeLab
2021-12-02 11:49:36 +08:00
parent 1cb3c271fc
commit 622fb8d47d
4 changed files with 12 additions and 8 deletions

View File

@@ -12,25 +12,25 @@
<table class="ui table selectable small"> <table class="ui table selectable small">
<tr> <tr>
<td style="width: 50%">请求概要<em>(Request)</em>{{accessLog.request}}</td> <td style="width: 50%">请求概要<em>(Request)</em>{{accessLog.request}}</td>
<td>请求URI<em>(RequestURI)</em>{{accessLog.requestURI}}</td> <td>请求ID{{accessLog.requestId}}</td>
</tr> </tr>
<tr> <tr>
<td>请求方法<em>(RequestMethod)</em>{{accessLog.requestMethod}}</td> <td>请求方法<em>(RequestMethod)</em>{{accessLog.requestMethod}}</td>
<td>主机地址<em>(Host)</em>{{accessLog.host}}</td> <td>请求URI<em>(RequestURI)</em>{{accessLog.requestURI}}</td>
</tr> </tr>
<tr> <tr>
<td>请求来源<em>(Referer)</em> <td>主机地址<em>(Host)</em>{{accessLog.host}}</td>
<span v-if="accessLog.referer != null && accessLog.referer.length > 0">{{accessLog.referer}}</span>
<span v-else>-</span>
</td>
<td>终端地址<em>(RemoteAddr:RemotePort)</em>{{accessLog.remoteAddr}}:{{accessLog.remotePort}}</td> <td>终端地址<em>(RemoteAddr:RemotePort)</em>{{accessLog.remoteAddr}}:{{accessLog.remotePort}}</td>
</tr> </tr>
<tr> <tr>
<td>请求来源<em>(Referer)</em>
<span v-if="accessLog.referer != null && accessLog.referer.length > 0">{{accessLog.referer}}</span>
<span v-else class="disabled">[没有设置]</span>
</td>
<td>终端信息<em>(UserAgent)</em> <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 class="disabled">[没有设置]</span>
</td> </td>
<td>协议<em>(Proto)</em>{{accessLog.proto}}</td>
</tr> </tr>
<tr> <tr>
<td>状态<em>(StatusMessage)</em><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>

View File

@@ -8,6 +8,7 @@
<td class="title">名称<em>Name</em></td> <td class="title">名称<em>Name</em></td>
<td> <td>
<input type="text" name="name" maxlength="100" ref="focus"/> <input type="text" name="name" maxlength="100" ref="focus"/>
<p class="comment">请注意名称的大小写如无特殊需求Header名称的格式通常为<code-label>Xxx</code-label>或者<code-label>Xxx-Yyy</code-label></p>
</td> </td>
</tr> </tr>
</table> </table>

View File

@@ -15,6 +15,7 @@
<td><em>Value</em></td> <td><em>Value</em></td>
<td> <td>
<input type="text" name="value" maxlength="500"/> <input type="text" name="value" maxlength="500"/>
<p class="comment">可以包含请求变量。</p>
</td> </td>
</tr> </tr>
</table> </table>

View File

@@ -9,12 +9,14 @@
<td class="title">名称<em>Name</em></td> <td class="title">名称<em>Name</em></td>
<td> <td>
<input type="text" name="name" value="" v-model="headerConfig.name" maxlength="200" placeholder="类似于Server、Content-Type之类" ref="focus"/> <input type="text" name="name" value="" v-model="headerConfig.name" maxlength="200" placeholder="类似于Server、Content-Type之类" ref="focus"/>
<p class="comment">请注意名称的大小写如无特殊需求Header名称的格式通常为<code-label>Xxx</code-label>或者<code-label>Xxx-Yyy</code-label></p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td><em>Value</em></td> <td><em>Value</em></td>
<td> <td>
<input type="text" name="value" v-model="headerConfig.value" maxlength="500"/> <input type="text" name="value" v-model="headerConfig.value" maxlength="500"/>
<p class="comment">可以包含请求变量。</p>
</td> </td>
</tr> </tr>
</table> </table>