manager/my-worker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

美化表单的子标题缩进一些及其它细节

Browse Source
This commit is contained in:
thinkgem
2024-04-26 08:28:39 +08:00
parent 9573da0309
commit 95ec1770df
15 changed files with 38 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
common/src/main/resources/static/adminlte/css/skins/skin-blue-light2.css
View File

@@ -201,9 +201,11 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {border-color:#40a9ff!important;box-shadow:0 0 0 2px rgba(24,144,255,.2);}
.table thead tr, .ui-jqgrid-htable thead tr, .ui-jqgrid-hdiv, .ui-jqgrid-hbox {background-color:#f6f6f6;}
.ui-jqgrid .ui-jqgrid-labels th, .ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid tr.ui-row-rtl td, .ui-jqgrid tr.ui-row-ltr td:last-child,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column,
.ui-jqgrid .ui-jqgrid-labels th, .ui-jqgrid .ui-widget-content, .ui-jqgrid tr.ui-row-ltr td,
.ui-jqgrid tr.ui-row-rtl td, .ui-jqgrid tr.ui-row-ltr td:last-child {border-color:#eaeaea;}
.ui-jqgrid .frozen-right th.ui-th-ltr, .ui-jqgrid .frozen-right tr.ui-row-ltr td,
.ui-jqgrid .frozen-left th.ui-th-ltr, .ui-jqgrid .frozen-left tr.ui-row-ltr td,
.ui-jqgrid.ui-widget-content, .ui-jqgrid .ui-widget-content {border-color:#eaeaea;}
.ui-state-hover td, .ui-widget-content .ui-state-hover td, .ui-widget-header .ui-state-hover td,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background:#f5f5f5;}
.ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {background-color:#ecf9ff;}

6
common/src/main/resources/static/adminlte/css/skins/skin-blue-light3.css
View File

@@ -179,7 +179,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.tabpanel_mover li .title {padding-left:0;text-align:center;}
.tabpanel_mover li.active {background-color:#3aa0ff;}
.tabpanel_mover li.active div {color:#fff;}
.tabpanel_mover li .closer {font:11px/1 FontAwesome;top:6px;right:4px;background:none;opacity:0.7;}
.tabpanel_mover li .closer {font:11px/1 FontAwesome;top:7px;right:4px;background:none;opacity:0.7;}
.tabpanel_mover li .closer:before {content:"\f00d";}
.tabpanel_mover li .closer:hover {background:none;-moz-transform:scale(1.2);-webkit-transform:scale(1.2);
-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);color:#d30606;}
@@ -225,7 +225,9 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.table thead tr, .ui-jqgrid-htable thead tr, .ui-jqgrid-hdiv, .ui-jqgrid-hbox {background-color:#fafafa;}
.ui-jqgrid .ui-jqgrid-labels th, .ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid tr.ui-row-rtl td, .ui-jqgrid tr.ui-row-ltr td:last-child,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column,
.ui-jqgrid.ui-widget-content, .ui-jqgrid .ui-widget-content {border-color:#f0f0f0;}
.ui-jqgrid .frozen-right th.ui-th-ltr, .ui-jqgrid .frozen-right tr.ui-row-ltr td,
.ui-jqgrid .frozen-left th.ui-th-ltr, .ui-jqgrid .frozen-left tr.ui-row-ltr td,
.ui-jqgrid.ui-widget-content, .ui-jqgrid .ui-widget-content {border-color:#eeeeee;}
.ui-state-hover td, .ui-widget-content .ui-state-hover td, .ui-widget-header .ui-state-hover td,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background:#f5f5f5;}
.ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {background-color:#ecf9ff;}

6
common/src/main/resources/static/adminlte/css/skins/skin-blue2.css
View File

@@ -201,9 +201,11 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {border-color:#557bfa!important;box-shadow:0 0 0 2px rgba(24,80,236,.2);}
.table thead tr, .ui-jqgrid-htable thead tr, .ui-jqgrid-hdiv, .ui-jqgrid-hbox {background-color:#f6f6f6;}
.ui-jqgrid .ui-jqgrid-labels th, .ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid tr.ui-row-rtl td, .ui-jqgrid tr.ui-row-ltr td:last-child,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column,
.ui-jqgrid .ui-jqgrid-labels th, .ui-jqgrid .ui-widget-content, .ui-jqgrid tr.ui-row-ltr td,
.ui-jqgrid tr.ui-row-rtl td, .ui-jqgrid tr.ui-row-ltr td:last-child {border-color:#eaeaea;}
.ui-jqgrid .frozen-right th.ui-th-ltr, .ui-jqgrid .frozen-right tr.ui-row-ltr td,
.ui-jqgrid .frozen-left th.ui-th-ltr, .ui-jqgrid .frozen-left tr.ui-row-ltr td,
.ui-jqgrid.ui-widget-content, .ui-jqgrid .ui-widget-content {border-color:#eaeaea;}
.ui-state-hover td, .ui-widget-content .ui-state-hover td, .ui-widget-header .ui-state-hover td,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background:#f5f5f5;}
.ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {background-color:#f0f5ff;}

6
common/src/main/resources/static/adminlte/css/skins/skin-blue3.css
View File

@@ -179,7 +179,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.tabpanel_mover li .title {padding-left:0;text-align:center;}
.tabpanel_mover li.active {background-color:#316ee6;}
.tabpanel_mover li.active div {color:#fff;}
.tabpanel_mover li .closer {font:11px/1 FontAwesome;top:6px;right:4px;background:none;opacity:0.7;}
.tabpanel_mover li .closer {font:11px/1 FontAwesome;top:7px;right:4px;background:none;opacity:0.7;}
.tabpanel_mover li .closer:before {content:"\f00d";}
.tabpanel_mover li .closer:hover {background:none;-moz-transform:scale(1.2);-webkit-transform:scale(1.2);
-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);color:#d30606;}
@@ -225,7 +225,9 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.table thead tr, .ui-jqgrid-htable thead tr, .ui-jqgrid-hdiv, .ui-jqgrid-hbox {background-color:#fafafa;}
.ui-jqgrid .ui-jqgrid-labels th, .ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid tr.ui-row-rtl td, .ui-jqgrid tr.ui-row-ltr td:last-child,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column,
.ui-jqgrid.ui-widget-content, .ui-jqgrid .ui-widget-content {border-color:#f0f0f0;}
.ui-jqgrid .frozen-right th.ui-th-ltr, .ui-jqgrid .frozen-right tr.ui-row-ltr td,
.ui-jqgrid .frozen-left th.ui-th-ltr, .ui-jqgrid .frozen-left tr.ui-row-ltr td,
.ui-jqgrid.ui-widget-content, .ui-jqgrid .ui-widget-content {border-color:#eeeeee;}
.ui-state-hover td, .ui-widget-content .ui-state-hover td, .ui-widget-header .ui-state-hover td,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background:#f5f5f5;}
.ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {background-color:#f0f5ff;}

6
common/src/main/resources/static/adminlte/css/skins/skin-dark.css
View File

@@ -177,7 +177,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.tabpanel_mover li .title {padding-left:0;text-align:center;color:#ddd;}
.tabpanel_mover li.active {background-color:#2975bc;}
.tabpanel_mover li.active div {color:#fff;}
.tabpanel_mover li .closer {font:11px/1 FontAwesome;top:6px;right:4px;background:none;opacity:0.7;}
.tabpanel_mover li .closer {font:11px/1 FontAwesome;top:7px;right:4px;background:none;opacity:0.7;}
.tabpanel_mover li .closer:before {content:"\f00d";}
.tabpanel_mover li .closer:hover {background:none;-moz-transform:scale(1.2);-webkit-transform:scale(1.2);
-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);color:#d30606;}
@@ -286,6 +286,8 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {background-color:#323232;}
.ui-jqgrid .ui-jqgrid-labels th, .ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid tr.ui-row-rtl td, .ui-jqgrid tr.ui-row-ltr td:last-child,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column,
.ui-jqgrid .frozen-right th.ui-th-ltr, .ui-jqgrid .frozen-right tr.ui-row-ltr td,
.ui-jqgrid .frozen-left th.ui-th-ltr, .ui-jqgrid .frozen-left tr.ui-row-ltr td,
.ui-jqgrid.ui-widget-content, .ui-jqgrid .ui-widget-content {border-color:#333;}
.ui-state-hover td, .ui-widget-content .ui-state-hover td, .ui-widget-header .ui-state-hover td,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background:#222;}
@@ -295,8 +297,6 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.ui-jqgrid .ui-jqgrid-htable th div {padding:15px 0 15px 2px;}
.ui-jqgrid tr.jqgrow td {height: 49px;}
.ui-jqgrid .frozen-left th.ui-th-ltr, .ui-jqgrid .frozen-left tr.ui-row-ltr td {border-right-color:#333}
.ui-jqgrid .frozen-right th.ui-th-ltr, .ui-jqgrid .frozen-right tr.ui-row-ltr td {border-left-color:#333}
.ui-jqgrid tr.jqgroup td, .ui-jqgrid tr.footrow td, .ui-jqgrid tr.jqfoot td {background:#323232;}
.ui-jqgrid .actions .moreItems {background:#1a1a1a;border-color:#3c3c3c;box-shadow:none;}
.ui-jqgrid .actions .moreItems a {color:#ddd;}

2
modules/core/src/main/resources/templates/modules/gen/include/formChildTable.html
View File

@@ -3,7 +3,7 @@
for (child in table.childList){
%>
<div class="form-unit">\${text('${child.comments}')}</div>
<div class="ml10 mr10 table-form">
<div class="form-unit-wrap table-form">
<table id="${@StringUtils.uncap(child.className)}DataGrid"></table>
<% if(table.tplCategory != 'query'){ %>
\<% if (hasPermi('${permissionPrefix}:edit')){ %>

7
modules/core/src/main/resources/views/modules/sys/user/corpAdminForm.html
View File

@@ -121,7 +121,7 @@
</div>
</div>
<div class="form-unit">${text('分配角色')}</div>
<div class="pl10 pb20">
<div class="form-unit-wrap table-form">
<table id="roleGrid"></table>
<#form:hidden name="userRoleString"/>
</div>
@@ -142,7 +142,7 @@
</div>
<% } %>
<script>
$("#inputForm").validate({
$('#inputForm').validate({
rules:{
loginCode: {
remote: function(){
@@ -185,9 +185,6 @@ var roleGrid = $("#roleGrid").dataGrid({
autoGridHeight: function(){
return 'auto';
},
autoGridWidth: function(){
return $('#inputForm .box-body').width()-20;
},
onSelectRow: function(id, isSelect, event){
if (!isSelect && id == '${corpAdminRoleCode}') {
js.showMessage('${text("该角色为管理员默认，不能取消。")}');

9
modules/core/src/main/resources/views/modules/sys/user/empUserForm.html
View File

@@ -201,7 +201,7 @@
<% } %>
<% if(hasPermi('sys:empUser:authRole') && (op == 'add' || op == 'auth')) { %>
<div class="form-unit">${text('分配角色')}</div>
<div class="pl10 pb20">
<div class="form-unit-wrap table-form">
<table id="roleGrid"></table>
<#form:hidden name="userRoleString"/>
</div>
@@ -232,7 +232,7 @@
<script>
$("#empOfficeGrid").dataGrid({
data: "#{toJson(empUser.employee.employeeOfficeList)}",
datatype: "local", // 设置本地数据
datatype: 'local', // 设置本地数据
columnModel: [
{header:'${text("附属机构")}', name:'officeName', sortable:false, width:100,
formatter: function(val, obj, row, act){
@@ -293,9 +293,6 @@ var roleGrid = $("#roleGrid").dataGrid({
autoGridHeight: function(){
return 'auto';
},
autoGridWidth: function(){
return $('#inputForm .box-body').width()-20;
},
ajaxSuccess: function(){
//# for (role in roleList!){
roleGrid.dataGrid('setSelectRow', '${role.roleCode}');
@@ -303,7 +300,7 @@ var roleGrid = $("#roleGrid").dataGrid({
}
});
//# }
$("#inputForm").validate({
$('#inputForm').validate({
submitHandler: function(form){
//# if(hasPermi('sys:empUser:authRole') && (op == 'add' || op == 'auth')) {
$("#userRoleString").val(roleGrid.dataGrid('getSelectRows').join(','));

6
modules/core/src/main/resources/views/modules/sys/user/empUserFormAuthDataScope.html
View File

@@ -33,9 +33,9 @@
</div>
</div>
<div class="form-unit">${text('数据权限')}</div>
<div id="dataScopeTrees"></div>
<div id="dataScopeTrees" class="pl20"></div>
<script id="dataScopeTpl" type="text/template">
<div id="dataScope_{{d.key}}" class="pull-left" style="padding:0 15px;min-width:300px;">
<div id="dataScope_{{d.key}}" class="pull-left" style="padding:0 10px;min-width:300px;">
<div class="box box-solid box-trees">
<div class="box-header">
<div class="box-title icheck">
@@ -72,7 +72,7 @@
</div>
<% } %>
<script>
$("#inputForm").validate({
$('#inputForm').validate({
submitHandler: function(form){
//# // 获取数据权限数据
var dataScopeData = [];

9
modules/core/src/main/resources/views/modules/sys/user/secAdminForm.html
View File

@@ -11,7 +11,8 @@
</div>
<#form:form id="inputForm" model="${user}" action="${ctx}/sys/secAdmin/save" method="post" class="form-horizontal">
<#form:hidden path="userCode"/>
<div class="box-body"><br/>
<div class="box-body">
<div class="form-unit">${text('基本信息')}</div>
<div class="row">
<div class="col-xs-6">
<div class="form-group">
@@ -33,9 +34,9 @@
</div>
</div>
<div class="form-unit">${text('可管理的数据权限')}</div>
<div id="dataScopeTrees"></div>
<div id="dataScopeTrees" class="pl20"></div>
<script id="dataScopeTpl" type="text/template">
<div class="pull-left" style="padding:0 15px;min-width:300px;">
<div class="pull-left" style="padding:0 10px;min-width:300px;">
<div class="box box-solid box-trees">
<div class="box-header">
<div class="box-title icheck">
@@ -72,7 +73,7 @@
</div>
<% } %>
<script>
$("#inputForm").validate({
$('#inputForm').validate({
submitHandler: function(form){
//# // 获取数据权限数据
var dataScopeData = [];

2
web-fast/src/main/resources/views/modules/demo/demoFormEditForm.html
View File

@@ -285,7 +285,7 @@
</div>
</div>
<div class="form-unit">测试数据子表</div>
<div class="ml10 mr10 table-form">
<div class="form-unit-wrap table-form">
<table id="testDataChildDataGrid"></table>
<% if (hasPermi('test:testData:edit')){ %>
<a href="#" id="testDataChildDataGridAddRowBtn" class="btn btn-primary btn-sm mt10 mb10"><i class="fa fa-plus"></i> 增行</a>

2
web-fast/src/main/resources/views/modules/test/testDataForm.html
View File

@@ -171,7 +171,7 @@
</div>
</div>
<div class="form-unit">${text('子表数据')}</div>
<div class="ml10 mr10 table-form">
<div class="form-unit-wrap table-form">
<table id="testDataChildDataGrid"></table>
<% if (hasPermi('test:testData:edit')){ %>
<a href="#" id="testDataChildDataGridAddRowBtn" class="btn btn-primary btn-sm mt10 mb10"><i class="fa fa-plus"></i> ${text('增行')}</a>

2
web/src/main/resources/views/modules/demo/demoFormEditForm.html
View File

@@ -285,7 +285,7 @@
</div>
</div>
<div class="form-unit">测试数据子表</div>
<div class="ml10 mr10 table-form">
<div class="form-unit-wrap table-form">
<table id="testDataChildDataGrid"></table>
<% if (hasPermi('test:testData:edit')){ %>
<a href="#" id="testDataChildDataGridAddRowBtn" class="btn btn-primary btn-sm mt10 mb10"><i class="fa fa-plus"></i> 增行</a>

2
web/src/main/resources/views/modules/test/testDataForm.html
View File

@@ -171,7 +171,7 @@
</div>
</div>
<div class="form-unit">${text('子表数据')}</div>
<div class="ml10 mr10 table-form">
<div class="form-unit-wrap table-form">
<table id="testDataChildDataGrid"></table>
<% if (hasPermi('test:testData:edit')){ %>
<a href="#" id="testDataChildDataGridAddRowBtn" class="btn btn-primary btn-sm mt10 mb10"><i class="fa fa-plus"></i> ${text('增行')}</a>

2
web/src/main/resources/views/modules/test/testDataForm2.html
View File

@@ -172,7 +172,7 @@
</div>
</div>
<div class="form-unit">${text('子表数据')}</div>
<div class="ml10 mr10 table-form">
<div class="form-unit-wrap table-form">
<table id="testDataChildDataGrid"></table>
<% if (hasPermi('test:testData:edit')){ %>
<a href="#" id="testDataChildDataGridAddRowBtn" class="btn btn-primary btn-sm mt10 mb10"><i class="fa fa-plus"></i> ${text('增行')}</a>