引入公共页面片段,美化表单

This commit is contained in:
shuzheng 2017-02-26 01:12:48 +08:00
parent da72835a52
commit b458716a5d
12 changed files with 70 additions and 106 deletions

View File

@ -16,7 +16,7 @@
<label for="description">描述</label> <label for="description">描述</label>
<input id="description" type="text" class="form-control" name="description" maxlength="300"> <input id="description" type="text" class="form-control" name="description" maxlength="300">
</div> </div>
<div class="form-group text-right"> <div class="form-group text-right dialog-buttons">
<a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a>
<a class="waves-effect waves-button" href="javascript:;" onclick="createDialog.close();">取消</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createDialog.close();">取消</a>
</div> </div>

View File

@ -13,12 +13,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>组织管理</title> <title>组织管理</title>
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/> <jsp:include page="/resources/inc/head.jsp" flush="true"/>
<link href="${basePath}/resources/zheng-ui/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/css/common.css" rel="stylesheet"/>
</head> </head>
<body> <body>
<div id="main"> <div id="main">
@ -29,13 +24,7 @@
</div> </div>
<table id="table"></table> <table id="table"></table>
</div> </div>
<script src="${basePath}/resources/zheng-ui/plugins/jquery.1.12.4.min.js"></script> <jsp:include page="/resources/inc/footer.jsp" flush="true"/>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.js"></script>
<script src="${basePath}/resources/zheng-ui/js/common.js"></script>
<script> <script>
var $table = $('#table'); var $table = $('#table');
$(function() { $(function() {

View File

@ -16,7 +16,7 @@
<label for="description">描述</label> <label for="description">描述</label>
<input id="description" type="text" class="form-control" name="description" maxlength="300" value="${organization.description}"> <input id="description" type="text" class="form-control" name="description" maxlength="300" value="${organization.description}">
</div> </div>
<div class="form-group text-right"> <div class="form-group text-right dialog-buttons">
<a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a>
<a class="waves-effect waves-button" href="javascript:;" onclick="updateDialog.close();">取消</a> <a class="waves-effect waves-button" href="javascript:;" onclick="updateDialog.close();">取消</a>
</div> </div>

View File

@ -20,7 +20,7 @@
<label for="description">描述</label> <label for="description">描述</label>
<input id="description" type="text" class="form-control" name="description" maxlength="300"> <input id="description" type="text" class="form-control" name="description" maxlength="300">
</div> </div>
<div class="form-group text-right"> <div class="form-group text-right dialog-buttons">
<a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a>
<a class="waves-effect waves-button" href="javascript:;" onclick="createDialog.close();">取消</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createDialog.close();">取消</a>
</div> </div>

View File

@ -13,12 +13,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>角色管理</title> <title>角色管理</title>
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/> <jsp:include page="/resources/inc/head.jsp" flush="true"/>
<link href="${basePath}/resources/zheng-ui/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/css/common.css" rel="stylesheet"/>
</head> </head>
<body> <body>
<div id="main"> <div id="main">
@ -29,13 +24,7 @@
</div> </div>
<table id="table"></table> <table id="table"></table>
</div> </div>
<script src="${basePath}/resources/zheng-ui/plugins/jquery.1.12.4.min.js"></script> <jsp:include page="/resources/inc/footer.jsp" flush="true"/>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.js"></script>
<script src="${basePath}/resources/zheng-ui/js/common.js"></script>
<script> <script>
var $table = $('#table'); var $table = $('#table');
$(function() { $(function() {

View File

@ -20,7 +20,7 @@
<label for="description">描述</label> <label for="description">描述</label>
<input id="description" type="text" class="form-control" name="description" maxlength="300" value="${role.description}"> <input id="description" type="text" class="form-control" name="description" maxlength="300" value="${role.description}">
</div> </div>
<div class="form-group text-right"> <div class="form-group text-right dialog-buttons">
<a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a>
<a class="waves-effect waves-button" href="javascript:;" onclick="updateDialog.close();">取消</a> <a class="waves-effect waves-button" href="javascript:;" onclick="updateDialog.close();">取消</a>
</div> </div>

View File

@ -28,15 +28,17 @@
<label for="basepath">根目录</label> <label for="basepath">根目录</label>
<input id="basepath" type="text" class="form-control" name="basepath" maxlength="100"> <input id="basepath" type="text" class="form-control" name="basepath" maxlength="100">
</div> </div>
<div> <div class="radio">
<label class="checkbox-inline"> <div class="radio radio-inline radio-success">
<label for="status_1"><input id="status_1" type="radio" name="status" value="1" checked> 正常</label> <input id="status_1" type="radio" name="status" value="1" checked>
</label> <label for="status_1"> 正常 </label>
<label class="checkbox-inline">
<label for="status_0"><input id="status_0" type="radio" name="status" value="-1"> 锁定</label>
</label>
</div> </div>
<div class="form-group text-right"> <div class="radio radio-inline">
<input id="status_0" type="radio" name="status" value="-1">
<label for="status_0"> 锁定 </label>
</div>
</div>
<div class="form-group text-right dialog-buttons">
<a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a>
<a class="waves-effect waves-button" href="javascript:;" onclick="createDialog.close();">取消</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createDialog.close();">取消</a>
</div> </div>

View File

@ -13,12 +13,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>系统管理</title> <title>系统管理</title>
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/> <jsp:include page="/resources/inc/head.jsp" flush="true"/>
<link href="${basePath}/resources/zheng-ui/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/css/common.css" rel="stylesheet"/>
</head> </head>
<body> <body>
<div id="main"> <div id="main">
@ -29,13 +24,7 @@
</div> </div>
<table id="table"></table> <table id="table"></table>
</div> </div>
<script src="${basePath}/resources/zheng-ui/plugins/jquery.1.12.4.min.js"></script> <jsp:include page="/resources/inc/footer.jsp" flush="true"/>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.js"></script>
<script src="${basePath}/resources/zheng-ui/js/common.js"></script>
<script> <script>
var $table = $('#table'); var $table = $('#table');
$(function() { $(function() {
@ -89,7 +78,7 @@ function statusFormatter(value, row, index) {
if (value == 1) { if (value == 1) {
return '<span class="label label-success">正常</span>'; return '<span class="label label-success">正常</span>';
} else { } else {
return '<span class="label label-danger">锁定</span>'; return '<span class="label label-default">锁定</span>';
} }
} }
// 新增 // 新增

View File

@ -28,15 +28,17 @@
<label for="basepath">根目录</label> <label for="basepath">根目录</label>
<input id="basepath" type="text" class="form-control" name="basepath" maxlength="100" value="${system.basepath}"> <input id="basepath" type="text" class="form-control" name="basepath" maxlength="100" value="${system.basepath}">
</div> </div>
<div> <div class="radio">
<label class="checkbox-inline"> <div class="radio radio-inline radio-success">
<label for="status_1"><input id="status_1" type="radio" name="status" value="1" <c:if test="${system.status==1}">checked</c:if>> 正常</label> <input id="status_1" type="radio" name="status" value="1" <c:if test="${system.status==1}">checked</c:if>>
</label> <label for="status_1"> 正常 </label>
<label class="checkbox-inline">
<label for="status_0"><input id="status_0" type="radio" name="status" value="-1" <c:if test="${system.status!=1}">checked</c:if>> 锁定</label>
</label>
</div> </div>
<div class="form-group text-right"> <div class="radio radio-inline">
<input id="status_0" type="radio" name="status" value="-1" <c:if test="${system.status!=1}">checked</c:if>>
<label for="status_0"> 锁定 </label>
</div>
</div>
<div class="form-group text-right dialog-buttons">
<a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a>
<a class="waves-effect waves-button" href="javascript:;" onclick="updateDialog.close();">取消</a> <a class="waves-effect waves-button" href="javascript:;" onclick="updateDialog.close();">取消</a>
</div> </div>

View File

@ -32,23 +32,25 @@
<label for="email">邮箱</label> <label for="email">邮箱</label>
<input id="email" type="text" class="form-control" name="email" maxlength="50"> <input id="email" type="text" class="form-control" name="email" maxlength="50">
</div> </div>
<div> <div class="radio">
<label class="checkbox-inline"> <div class="radio radio-inline radio-info">
<label for="sex_1"><input id="sex_1" type="radio" name="sex" value="1" checked> 男</label> <input id="sex_1" type="radio" name="sex" value="1" checked>
</label> <label for="sex_1"> 男 </label>
<label class="checkbox-inline">
<label for="sex_0"><input id="sex_0" type="radio" name="sex" value="0"> 女</label>
</label>
</div> </div>
<div> <div class="radio radio-inline radio-danger">
<label class="checkbox-inline"> <input id="sex_0" type="radio" name="sex" value="0">
<label for="locked_0"><input id="locked_0" type="radio" name="locked" value="0" checked> 正常</label> <label for="sex_0"> 女 </label>
</label>
<label class="checkbox-inline">
<label for="locked_1"><input id="locked_1" type="radio" name="locked" value="1"> 锁定</label>
</label>
</div> </div>
<div class="form-group text-right"> <div class="radio radio-inline radio-success">
<input id="locked_0" type="radio" name="locked" value="0" checked>
<label for="locked_0"> 正常 </label>
</div>
<div class="radio radio-inline">
<input id="locked_1" type="radio" name="locked" value="1">
<label for="locked_1"> 锁定 </label>
</div>
</div>
<div class="form-group text-right dialog-buttons">
<a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a>
<a class="waves-effect waves-button" href="javascript:;" onclick="createDialog.close();">取消</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createDialog.close();">取消</a>
</div> </div>

View File

@ -13,12 +13,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>用户管理</title> <title>用户管理</title>
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/> <jsp:include page="/resources/inc/head.jsp" flush="true"/>
<link href="${basePath}/resources/zheng-ui/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet"/>
<link href="${basePath}/resources/zheng-ui/css/common.css" rel="stylesheet"/>
</head> </head>
<body> <body>
<div id="main"> <div id="main">
@ -29,13 +24,7 @@
</div> </div>
<table id="table"></table> <table id="table"></table>
</div> </div>
<script src="${basePath}/resources/zheng-ui/plugins/jquery.1.12.4.min.js"></script> <jsp:include page="/resources/inc/footer.jsp" flush="true"/>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/bootstrap-table.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/bootstrap-table-1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/waves-0.7.5/waves.min.js"></script>
<script src="${basePath}/resources/zheng-ui/plugins/jquery-confirm/jquery-confirm.min.js"></script>
<script src="${basePath}/resources/zheng-ui/js/common.js"></script>
<script> <script>
var $table = $('#table'); var $table = $('#table');
$(function() { $(function() {
@ -99,7 +88,7 @@ function sexFormatter(value, row, index) {
// 格式化状态 // 格式化状态
function lockedFormatter(value, row, index) { function lockedFormatter(value, row, index) {
if (value == 1) { if (value == 1) {
return '<span class="label label-danger">锁定</span>'; return '<span class="label label-default">锁定</span>';
} else { } else {
return '<span class="label label-success">正常</span>'; return '<span class="label label-success">正常</span>';
} }

View File

@ -32,23 +32,25 @@
<label for="email">邮箱</label> <label for="email">邮箱</label>
<input id="email" type="text" class="form-control" name="email" maxlength="50" value="${user.email}"> <input id="email" type="text" class="form-control" name="email" maxlength="50" value="${user.email}">
</div> </div>
<div> <div class="radio">
<label class="checkbox-inline"> <div class="radio radio-inline radio-info">
<label for="sex_1"><input id="sex_1" type="radio" name="sex" value="1" <c:if test="${user.sex==1}">checked</c:if>> 男</label> <input id="sex_1" type="radio" name="sex" value="1" <c:if test="${user.sex==1}">checked</c:if>>
</label> <label for="sex_1"> 男 </label>
<label class="checkbox-inline">
<label for="sex_0"><input id="sex_0" type="radio" name="sex" value="0" <c:if test="${user.sex==0}">checked</c:if>> 女</label>
</label>
</div> </div>
<div> <div class="radio radio-inline radio-danger">
<label class="checkbox-inline"> <input id="sex_0" type="radio" name="sex" value="0" <c:if test="${user.sex==0}">checked</c:if>>
<label for="locked_0"><input id="locked_0" type="radio" name="locked" value="0" <c:if test="${user.locked==0}">checked</c:if>> 正常</label> <label for="sex_0"> 女 </label>
</label>
<label class="checkbox-inline">
<label for="locked_1"><input id="locked_1" type="radio" name="locked" value="1" <c:if test="${user.locked==1}">checked</c:if>> 锁定</label>
</label>
</div> </div>
<div class="form-group text-right"> <div class="radio radio-inline radio-success">
<input id="locked_0" type="radio" name="locked" value="0" <c:if test="${user.locked==0}">checked</c:if>>
<label for="locked_0"> 正常 </label>
</div>
<div class="radio radio-inline">
<input id="locked_1" type="radio" name="locked" value="1" <c:if test="${user.locked==1}">checked</c:if>>
<label for="locked_1"> 锁定 </label>
</div>
</div>
<div class="form-group text-right dialog-buttons">
<a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a> <a class="waves-effect waves-button" href="javascript:;" onclick="createSubmit();">保存</a>
<a class="waves-effect waves-button" href="javascript:;" onclick="updateDialog.close();">取消</a> <a class="waves-effect waves-button" href="javascript:;" onclick="updateDialog.close();">取消</a>
</div> </div>