admin/MaxKey
1
0
Fork 0
mirror of https://gitee.com/dromara/MaxKey.git synced 2025-12-07 09:28:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

style 优化

Browse Source
This commit is contained in:
Crystal.Sea 2021-10-06 23:35:15 +08:00
parent 9c2b785678
commit ad2e3c9eba
18 changed files with 64 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/accounts/appAccountsAdd.ftl
View File

@ -3,12 +3,16 @@
<head> <head>
<#include "../layout/header.ftl"/> <#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<style type="text/css"> <link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
.table th, .table td { <script type="text/javascript">
padding: .2rem; $(function(){
vertical-align: middle; $("#relatedUsername").focus(function(){
if($("#relatedUsername").val()==""){
$("#relatedUsername").val($("#username").val());
} }
</style> });
});
</script>
</head> </head>
<body> <body>

2
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/apps/appsList.ftl
View File

@ -5,7 +5,7 @@
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<script type="text/javascript"> <script type="text/javascript">
function iconFormatter(value, row, index){ function iconFormatter(value, row, index){
return "<img width='30' height='30' border='0px' src='<@base/>/image/"+value+"'/>"; return "<img height='30' border='0px' src='<@base/>/image/"+value+"'/>";
}; };
function vendorFormatter(value, options, rData){ function vendorFormatter(value, options, rData){

14
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/apps/selectAppsList.ftl
View File

@ -3,15 +3,11 @@
<head> <head>
<#include "../layout/header.ftl"/> <#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<style> <link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<!--
-->
</style>
<script type="text/javascript"> <script type="text/javascript">
function iconFormatter(value, row, index){ function iconFormatter(value, row, index){
return "<img width='30' height='30' border='0px' src='<@base/>/image/"+value+"'/>"; return "<img height='30' border='0px' src='<@base/>/image/"+value+"'/>";
}; };
$(function () { $(function () {
@ -62,7 +58,7 @@
data-click-to-select="true" data-click-to-select="true"
data-pagination="true" data-pagination="true"
data-total-field="records" data-total-field="records"
data-page-list="[10, 25, 50, 100]" data-page-list="[5, 10, 25, 50]"
data-search="false" data-search="false"
data-locale="zh-CN" data-locale="zh-CN"
data-query-params="dataGridQueryParams" data-query-params="dataGridQueryParams"
@ -74,9 +70,9 @@
<th data-sortable="true" data-field="id" data-visible="false">Id</th> <th data-sortable="true" data-field="id" data-visible="false">Id</th>
<th data-field="id" data-formatter="iconFormatter"><@locale code="apps.icon"/></th> <th data-field="id" data-formatter="iconFormatter"><@locale code="apps.icon"/></th>
<th data-field="name"><@locale code="apps.name"/></th> <th data-field="name"><@locale code="apps.name"/></th>
<th data-field="protocol"><@locale code="apps.protocol"/></th> <th data-field="protocol" data-visible="false"><@locale code="apps.protocol"/></th>
<th data-field="category"><@locale code="apps.category"/></th> <th data-field="category"><@locale code="apps.category"/></th>
<th data-field="vendor"><@locale code="apps.vendor"/></th> <th data-field="vendor" data-visible="false"><@locale code="apps.vendor"/></th>
<th data-field="loginUrl" data-visible="false"><@locale code="log.loginhistory.loginUrl"/></th> <th data-field="loginUrl" data-visible="false"><@locale code="log.loginhistory.loginUrl"/></th>
</tr> </tr>

16
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/groupapp/addGroupAppsList.ftl
View File

@ -3,19 +3,15 @@
<head> <head>
<#include "../layout/header.ftl"/> <#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<style type="text/css"> <link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
function afterSubmit(data){ function afterSubmit(data){
//$("#list").trigger('reloadGrid'); //$("#list").trigger('reloadGrid');
} }
function iconFormatter(value, row, index){ function iconFormatter(value, row, index){
return "<img width='30' height='30' border='0px' src='<@base/>/image/"+value+"'/>"; return "<img height='30' border='0px' src='<@base/>/image/"+value+"'/>";
}; };
$(function () { $(function () {
@ -102,7 +98,7 @@
data-click-to-select="true" data-click-to-select="true"
data-pagination="true" data-pagination="true"
data-total-field="records" data-total-field="records"
data-page-list="[10, 25, 50, 100]" data-page-list="[5, 10, 25, 50]"
data-search="false" data-search="false"
data-sort-name="name" data-sort-name="name"
data-locale="zh-CN" data-locale="zh-CN"
@ -115,9 +111,9 @@
<th data-sortable="true" data-field="id" data-visible="false">Id</th> <th data-sortable="true" data-field="id" data-visible="false">Id</th>
<th data-field="id" data-formatter="iconFormatter"><@locale code="apps.icon"/></th> <th data-field="id" data-formatter="iconFormatter"><@locale code="apps.icon"/></th>
<th data-field="name"><@locale code="apps.name"/></th> <th data-field="name"><@locale code="apps.name"/></th>
<th data-field="protocol"><@locale code="apps.protocol"/></th> <th data-field="protocol" data-visible="false"><@locale code="apps.protocol"/></th>
<th data-field="category"><@locale code="apps.category"/></th> <th data-field="category"><@locale code="apps.category"/></th>
<th data-field="vendor"><@locale code="apps.vendor"/></th> <th data-field="vendor" data-visible="false"><@locale code="apps.vendor"/></th>
<th data-field="loginUrl" data-visible="false"><@locale code="log.loginhistory.loginUrl"/></th> <th data-field="loginUrl" data-visible="false"><@locale code="log.loginhistory.loginUrl"/></th>
</tr> </tr>

7
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/groupapp/groupAppsList.ftl
View File

@ -3,10 +3,11 @@
<head> <head>
<#include "../layout/header.ftl"/> <#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<script type="text/javascript"> <script type="text/javascript">
function iconFormatter(value, row, index){ function iconFormatter(value, row, index){
return "<img width='30' height='30' border='0px' src='<@base/>/image/"+value+"'/>"; return "<img height='30' border='0px' src='<@base/>/image/"+value+"'/>";
}; };
$(function () { $(function () {
@ -127,9 +128,9 @@
<th data-sortable="true" data-field="id" data-visible="false">Id</th> <th data-sortable="true" data-field="id" data-visible="false">Id</th>
<th data-field="id" data-formatter="iconFormatter"><@locale code="apps.icon"/></th> <th data-field="id" data-formatter="iconFormatter"><@locale code="apps.icon"/></th>
<th data-field="name"><@locale code="apps.name"/></th> <th data-field="name"><@locale code="apps.name"/></th>
<th data-field="protocol"><@locale code="apps.protocol"/></th> <th data-field="protocol" data-visible="false"><@locale code="apps.protocol"/></th>
<th data-field="category"><@locale code="apps.category"/></th> <th data-field="category"><@locale code="apps.category"/></th>
<th data-field="vendor"><@locale code="apps.vendor"/></th> <th data-field="vendor" data-visible="false"><@locale code="apps.vendor"/></th>
<th data-field="loginUrl" data-visible="false"><@locale code="log.loginhistory.loginUrl"/></th> <th data-field="loginUrl" data-visible="false"><@locale code="log.loginhistory.loginUrl"/></th>
</tr> </tr>

7
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/groups/selectGroupsList.ftl
View File

@ -3,12 +3,7 @@
<head> <head>
<#include "../layout/header.ftl"/> <#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<style type="text/css"> <link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(function () {

7
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/groupuser/addGroupUsersList.ftl
View File

@ -3,12 +3,7 @@
<head> <head>
<#include "../layout/header.ftl"/> <#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<style type="text/css"> <link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
function genderFormatter(value, row, index){ function genderFormatter(value, row, index){
if(value==1){ if(value==1){

13
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/layout/sidenav.ftl
View File

@ -27,12 +27,7 @@
<span class="fa fa-fw fa-vcard fa-lg"></span> <span class="fa fa-fw fa-vcard fa-lg"></span>
</a> </a>
</li> </li>
<li>
<a class="side-nav-menu" href="<@base />/apps/list/">
<@locale code="navs.apps"/>
<span class="fa fa-fw fa-globe fa-lg"></span>
</a>
</li>
<li> <li>
<a class="side-nav-menu has-arrow" href="#"> <a class="side-nav-menu has-arrow" href="#">
<@locale code="navs.privileges"/> <@locale code="navs.privileges"/>
@ -98,6 +93,12 @@
<span class="fa fa-fw fa-cogs fa-lg"></span> <span class="fa fa-fw fa-cogs fa-lg"></span>
</a> </a>
<ul> <ul>
<li>
<a class="side-nav-menu" href="<@base />/apps/list/">
<@locale code="navs.apps"/>
<span class="fa fa-fw fa-globe fa-lg"></span>
</a>
</li>
<li> <li>
<a class="side-nav-menu" href="<@base />/notices/list/"> <a class="side-nav-menu" href="<@base />/notices/list/">
<@locale code="navs.notices"/> <@locale code="navs.notices"/>

7
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/resources/selectResourcesList.ftl
View File

@ -3,12 +3,7 @@
<head> <head>
<#include "../layout/header.ftl"/> <#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<style type="text/css"> <link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(function () {

7
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/roles/selectRolesList.ftl
View File

@ -3,12 +3,7 @@
<head> <head>
<#include "../layout/header.ftl"/> <#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<style type="text/css"> <link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(function () {

7
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/roleusers/addRoleUsersList.ftl
View File

@ -3,12 +3,7 @@
<head> <head>
<#include "../layout/header.ftl"/> <#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<style type="text/css"> <link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
function genderFormatter(value, row, index){ function genderFormatter(value, row, index){
if(value==1){ if(value==1){

8
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/userinfo/userInfoAdjointAdd.ftl
View File

@ -16,13 +16,7 @@
}); });
//--> //-->
</script> </script>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
</head> </head>
<body> <body>
<form id="actionForm" <form id="actionForm"

8
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/userinfo/userInfoAdjointUpdate.ftl
View File

@ -12,13 +12,7 @@
}); });
//--> //-->
</script> </script>
<link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
<style type="text/css">
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
</head> </head>
<body> <body>
<form id="actionForm" <form id="actionForm"

7
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/userinfo/userinfoAdjointList.ftl
View File

@ -3,12 +3,7 @@
<head> <head>
<#include "../layout/header.ftl"/> <#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<style type="text/css"> <link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
function genderFormatter(value, row, index){ function genderFormatter(value, row, index){

7
maxkey-webs/maxkey-web-mgt/src/main/resources/templates/views/userinfo/userinfoSelect.ftl
View File

@ -3,12 +3,7 @@
<head> <head>
<#include "../layout/header.ftl"/> <#include "../layout/header.ftl"/>
<#include "../layout/common.cssjs.ftl"/> <#include "../layout/common.cssjs.ftl"/>
<style type="text/css"> <link type="text/css" rel="stylesheet" href="<@base />/static/css/minitable.css"/>
.table th, .table td {
padding: .2rem;
vertical-align: middle;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
function genderFormatter(value, row, index){ function genderFormatter(value, row, index){

5
maxkey-webs/maxkey-web-resources/src/main/resources/static/css/base.css
View File

@ -107,6 +107,11 @@ body{
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
} }
#tool_box .table td, #tool_box .table th,.toolbox .table td, .tool_box .table th{
padding: 0.2rem;
vertical-align: middle;
}
#tool_box_left { #tool_box_left {
padding-left: 10px; padding-left: 10px;
float: left; float: left;

14
maxkey-webs/maxkey-web-resources/src/main/resources/static/css/minitable.css Normal file
View File

@ -0,0 +1,14 @@
.table td, .table th {
padding: 0.2rem;
vertical-align: middle;
}
.bootstrap-table .fixed-table-container .table th, .bootstrap-table .fixed-table-container .table td{
padding: .5rem;
}
.bootstrap-table .fixed-table-container .table thead th .th-inner {
padding: 0.5rem;
}

10
maxkey-webs/maxkey-web-resources/src/main/resources/static/css_mgt/base.css
View File

@ -303,15 +303,9 @@ header .header-container .nav-left>li, .header .header-container .nav-right>li {
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
} }
#tool_box .table td, #tool_box .table th,.toolbox .table td, .tool_box .table th{
#tool_box .table td, .table th { padding: 0.2rem;
vertical-align: middle; vertical-align: middle;
padding: .40rem;
}
.toolbox .table td, .table th {
vertical-align: middle;
padding: .40rem;
} }
#tool_box_left { #tool_box_left {