前后差异日志分析,排除@id的属性展示,展示界面美化

This commit is contained in:
thinkgem
2024-04-21 19:52:50 +08:00
parent a3b4a1fc7d
commit dc80b74c79
2 changed files with 23 additions and 6 deletions

View File

@@ -1,4 +1,5 @@
<% layout('/layouts/default.html', {title: '日志详情', libs: ['validate']}){ %>
<link rel="stylesheet" href="${ctxStatic}/modules/sys/logForm.css?${_version}">
<div class="main-content">
<div class="box box-main">
<div class="box-header with-border">
@@ -168,7 +169,7 @@
<% } %>
<% if(isNotBlank(log.diffModifyData)){ %>
<div class="form-unit">${text('差异修改数据')}</div>
<div class="ml10 mr10 mb10" style="word-break:break-all;">
<div class="ml10 mr10 mb10 modify-log">
${log.diffModifyData}
</div>
<% } %>
@@ -184,11 +185,6 @@
</div>
</div>
<% } %>
<style>
table.table td {width:30%;vertical-align:middle!important;}
table.table th:first-child, table.table td:first-child {width:10%;}
.skin-dark table.table {background-color:#101010!important;color:#8d8d8d!important;}
</style>
<script>
$('#inputForm').validate({
submitHandler: function(form){

View File

@@ -0,0 +1,21 @@
.modify-log {word-break:break-all;}
.modify-log .table th {font-weight:normal;}
.modify-log .table td {width:30%;vertical-align:middle!important;}
.modify-log .table th:first-child,
.modify-log table.table td:first-child {width:10%;}
.modify-log .table,
.modify-log .table .table {background:transparent;border-collapse:collapse!important;}
.modify-log .table.table-bordered th,
.modify-log .table.table-bordered td {border:1px solid #eaeaea!important;}
.ui-jqgrid .modify-log tr.ui-state-hover.ui-row-ltr th,
.ui-jqgrid .modify-log tr.ui-state-hover.ui-row-ltr td,
.ui-jqgrid .modify-log tr.ui-state-highlight.ui-row-ltr th,
.ui-jqgrid .modify-log tr.ui-state-highlight.ui-row-ltr td {background-color:#fafafa;}
.ui-jqgrid .modify-log tr.jqgrow th,
.ui-jqgrid .modify-log tr.jqgrow td {padding:3px 5px; height:auto;}
.skin-dark .modify-log .table {color:#adadad!important;}
.skin-dark .modify-log .table.table-bordered th {border:1px solid #3e3e3e!important;}
.skin-dark .ui-jqgrid .modify-log tr.ui-state-hover.ui-row-ltr th,
.skin-dark .ui-jqgrid .modify-log tr.ui-state-hover.ui-row-ltr td,
.skin-dark .ui-jqgrid .modify-log tr.ui-state-highlight.ui-row-ltr th,
.skin-dark .ui-jqgrid .modify-log tr.ui-state-highlight.ui-row-ltr td {background-color:#141414!important;}