Skip to content

G
guns-vip
Commit 0d929fd1 by fengshuonan
Options

更新弹出对话框的模板

parent 31219bbe
Showing with 244 additions and 61 deletions
src/main/webapp/WEB-INF/common/_container.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
@/** @/**
@ * 本页面所用的模板变量 @ * 本页面所用的模板变量
@ * @ *
@ * plugins : 需要用到的插件，目前有["table"] @ * plugins : 需要用到的插件，目前有["table","ztree","sweet-alert","laydate","layer"]
@ * title : 页面的标题 @ * title : 页面的标题
@ * layoutContent : 主页面的html内容 @ * layoutContent : 主页面的html内容
@ * js : 业务所需要的js，为数组 @ * js : 业务所需要的js，为数组
......
src/main/webapp/WEB-INF/common/_dialog.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
@/**
@ * 本页面所用的模板变量
@ *
@ * plugins : 需要用到的插件，目前有["table","ztree","sweet-alert","laydate","layer"]
@ * title : 页面的标题
@ * layoutContent : 主页面的html内容
@ * js : 业务所需要的js，为数组
@ * css : 业务所需要的css，为数组
@ **/
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>${title!"Guns管理系统"}</title>
<meta name="description" content="Guns管理系统">
<meta name="author" content="stylefeng">
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16" href="${ctxPath}/assets/common/favicon.ico">
<!-- ============================================================== -->
<!-- css资源文件 -->
<!-- ============================================================== -->
<!-- Bootstrap Core CSS -->
<link href="${ctxPath}/assets/common/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- toast提示框 CSS -->
<link href="${ctxPath}/assets/common/plugins/toast-master/css/jquery.toast.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="${ctxPath}/assets/common/static/css/style.css" rel="stylesheet">
<link href="${ctxPath}/assets/common/static/stylefeng/feng.css" rel="stylesheet">
<!-- You can change the theme colors from here -->
<link href="${ctxPath}/assets/common/static/css/colors/blue.css" id="theme" rel="stylesheet">
<!--其他插件css-->
@if(isNotEmpty(plugins)){
@if(array.contain(plugins,"table")){
<link href="${ctxPath}/assets/common/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" type="text/css" />
@}
@if(array.contain(plugins,"ztree")){
<link href="${ctxPath}/assets/common/plugins/ztree/zTreeStyle.css" rel="stylesheet" type="text/css" />
@}
@if(array.contain(plugins,"sweet-alert")){
<link href="${ctxPath}/assets/common/plugins/sweetalert/sweetalert.css" rel="stylesheet" type="text/css" />
@}
@}
<!--其他业务用的css-->
@if(isNotEmpty(css)){
@for(item in css){
@if(strutil.startWith(item,"/")){
@item = item + ctxPath;
@}
<link href="${item}" rel="stylesheet" type="text/css" />
@}
@}
</head>
<body class="fix-header fix-sidebar card-no-border">
<!-- ============================================================== -->
<!-- Preloader加载层 - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="preloader">
<svg class="circular" viewBox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/>
</svg>
</div>
<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">
${layoutContent}
</div>
<!-- jquery -->
<script src="${ctxPath}/assets/common/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="${ctxPath}/assets/common/plugins/bootstrap/js/tether.min.js"></script>
<script src="${ctxPath}/assets/common/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- slimscrollbar scrollbar JavaScript（滚动条插件） -->
<script src="${ctxPath}/assets/common/static/js/jquery.slimscroll.js"></script>
<!--Wave Effects（点击按钮的波浪效果） -->
<script src="${ctxPath}/assets/common/static/js/waves.js"></script>
<!--Menu sidebar （左侧菜单切换插件） -->
<script src="${ctxPath}/assets/common/static/js/sidebarmenu.js"></script>
<!--stickey kit（页面头部工具栏固定） -->
<script src="${ctxPath}/assets/common/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
<!--toast（提示框） -->
<script src="${ctxPath}/assets/common/plugins/toast-master/js/jquery.toast.js"></script>
<!--Guns JavaScript -->
<script src="${ctxPath}/assets/common/static/stylefeng/Feng.js"></script>
<script src="${ctxPath}/assets/common/static/stylefeng/ajax-object.js"></script>
<!--Custom JavaScript -->
<script src="${ctxPath}/assets/common/static/js/custom.min.js"></script>
<!-- 右侧主题设置 -->
<script src="${ctxPath}/assets/common/plugins/styleswitcher/jQuery.style.switcher.js"></script>
<!-- 加入contextPath属性和session超时的配置 -->
<script type="text/javascript">
Feng.addCtx("${ctxPath}");
Feng.sessionTimeoutRegistry();
</script>
<!--其他插件js-->
@if(isNotEmpty(plugins)){
@if(array.contain(plugins,"table")){
<script src="${ctxPath}/assets/common/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="${ctxPath}/assets/common/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${ctxPath}/assets/common/plugins/bootstrap-table/bootstrap-table-object.js"></script>
@}
@if(array.contain(plugins,"ztree")){
<script src="${ctxPath}/assets/common/plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="${ctxPath}/assets/common/plugins/ztree/ztree-object.js"></script>
@}
@if(array.contain(plugins,"layer")){
<script src="${ctxPath}/assets/common/plugins/layer/layer.js"></script>
@}
@if(array.contain(plugins,"sweet-alert")){
<script src="${ctxPath}/assets/common/plugins/sweetalert/sweetalert.min.js"></script>
@}
@if(array.contain(plugins,"laydate")){
<script src="${ctxPath}/assets/common/plugins/laydate/laydate.js"></script>
@}
@}
<!--其他业务用的js-->
@if(isNotEmpty(js)){
@for(item in js){
@if(strutil.startWith(item,"/")){
@item = item + ctxPath;
@}
<script src="${item}"></script>
@}
@}
</body>
</html>
src/main/webapp/WEB-INF/system/user/user_add.html
@layout("/common/_container.html"){ @layout("/common/_dialog.html",{plugins:["laydate"],js:["/assets/modular/system/user/user_info.js"]}){
<div class="ibox float-e-margins"> <div class="row">
<div class="ibox-content"> <div class="col-6">
<div class="form-horizontal" id="userInfoForm"> <div class="card">
<div class="card-block">
<input type="hidden" id="id" value=""> <form class="" novalidate>
<div class="form-group">
<div class="row"> <h5>账号 <span class="text-danger">*</span></h5>
<div class="col-sm-6 b-r"> <div class="controls">
<#input id="account" name="账户" underline="true"/> <input type="text" name="text" class="form-control" required data-validation-required-message="This field is required"> </div>
<div class="form-control-feedback"><small>Add <code>required</code> attribute to field for required validation.</small></div>
<#select id="sex" name="性别" underline="true"> </div>
<option value="1">男</option> <div class="form-group">
<option value="2">女</option> <h5>姓名 <span class="text-danger">*</span></h5>
</#select> <div class="controls">
<input type="text" name="text" class="form-control" required data-validation-required-message="This field is required"> </div>
<#input id="password" name="密码" underline="true" type="password"/> <div class="form-control-feedback"><small>Add <code>required</code> attribute to field for required validation.</small></div>
</div>
<#input id="roleid" name="角色" underline="true" disabled="disabled"/> <div class="form-group">
<h5>性别 <span class="text-danger">*</span></h5>
<#input id="email" name="邮箱" type="email"/> <div class="controls">
<input type="text" name="text" class="form-control" required data-validation-required-message="This field is required"> </div>
</div> <div class="form-control-feedback"><small>Add <code>required</code> attribute to field for required validation.</small></div>
<div class="col-sm-6"> </div>
<div id="driverInfoContent"> <div class="form-group">
<#input id="name" name="姓名" underline="true"/> <h5>出生日期 <span class="text-danger">*</span></h5>
<div class="controls">
<#input id="birthday" name="出生日期" underline="true" type="text"/> <input type="text" name="text" class="form-control" required data-validation-required-message="This field is required"> </div>
<div class="form-control-feedback"><small>Add <code>required</code> attribute to field for required validation.</small></div>
<#input id="rePassword" name="确认密码" type="password" underline="true"/> </div>
<div class="form-group">
<#input id="citySel" name="部门" underline="true" readonly="readonly" hidden="deptid" <h5>电话 <span class="text-danger">*</span></h5>
clickFun="UserInfoDlg.showDeptSelectTree(); return false;" <div class="controls">
style="background-color: #ffffff !important;"/> <input type="text" name="text" class="form-control" required data-validation-required-message="This field is required"> </div>
<div class="form-control-feedback"><small>Add <code>required</code> attribute to field for required validation.</small></div>
<#input id="phone" name="电话"/> </div>
</div> </form>
</div> </div>
</div> </div>
</div>
<!-- 这是部门选择的下拉框 --> <div class="col-6">
<div id="menuContent" class="menuContent" <div class="card">
style="display: none; position: absolute; z-index: 200;"> <div class="card-block">
<ul id="treeDemo" class="ztree tree-box" style="width: 249px !important;"></ul> <form class="" novalidate>
</div> <div class="form-group">
<h5>邮箱 <span class="text-danger">*</span></h5>
<div class="row btn-group-m-t"> <div class="controls">
<div class="col-sm-10"> <input type="text" name="text" class="form-control" required data-validation-required-message="This field is required"> </div>
<#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="UserInfoDlg.addSubmit()"/> <div class="form-control-feedback"><small>Add <code>required</code> attribute to field for required validation.</small></div>
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="UserInfoDlg.close()"/> </div>
</div> <div class="form-group">
</div> <h5>密码 <span class="text-danger">*</span></h5>
</div> <div class="controls">
<input type="text" name="text" class="form-control" required data-validation-required-message="This field is required"> </div>
<div class="form-control-feedback"><small>Add <code>required</code> attribute to field for required validation.</small></div>
</div>
<div class="form-group">
<h5>确认密码 <span class="text-danger">*</span></h5>
<div class="controls">
<input type="text" name="text" class="form-control" required data-validation-required-message="This field is required"> </div>
<div class="form-control-feedback"><small>Add <code>required</code> attribute to field for required validation.</small></div>
</div>
<div class="form-group">
<h5>部门 <span class="text-danger">*</span></h5>
<div class="controls">
<input type="text" name="text" class="form-control" required data-validation-required-message="This field is required"> </div>
<div class="form-control-feedback"><small>Add <code>required</code> attribute to field for required validation.</small></div>
</div>
<div class="form-group">
<h5>邮箱 <span class="text-danger">*</span></h5>
<div class="controls">
<input type="text" name="text" class="form-control" required data-validation-required-message="This field is required"> </div>
<div class="form-control-feedback"><small>Add <code>required</code> attribute to field for required validation.</small></div>
</div>
<div class="text-xs-right">
<button type="submit" class="btn btn-info">Submit</button>
<button type="reset" class="btn btn-inverse">Cancel</button>
</div>
</form>
</div>
</div>
</div> </div>
</div> </div>
<script src="${ctxPath}/static/modular/system/user/user_info.js"></script>
<script>
laydate.render({
elem: '#birthday'
});
</script>
@} @}
src/main/webapp/_static/modular/system/user/user_info.js
...@@ -272,6 +272,10 @@ function onBodyDown(event) { ...@@ -272,6 +272,10 @@ function onBodyDown(event) {
} }
$(function () { $(function () {
laydate.render({
elem: '#birthday'
});
Feng.initValidator("userInfoForm", UserInfoDlg.validateFields); Feng.initValidator("userInfoForm", UserInfoDlg.validateFields);
//初始化性别选项 //初始化性别选项
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment