重构代码:调整菜单页面弹窗UI摆放位置,数字化菜单路径长度
This commit is contained in:
parent
d48e4f05c9
commit
2e5a18de25
|
@ -32,7 +32,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-group .form-control-url {
|
.form-group .form-control-url {
|
||||||
width: 85%;
|
width: 442px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -67,6 +67,10 @@
|
||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
width: 900px;
|
width: 900px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form-group .form-control-url {
|
||||||
|
width: 742px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-height: 672px) {
|
@media (min-height: 672px) {
|
||||||
|
|
|
@ -132,7 +132,18 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
// validate
|
// validate
|
||||||
$('#dataForm').autoValidate({
|
$('#dataForm').on('click', '[data-method]', function () {
|
||||||
|
var $this = $(this);
|
||||||
|
var $input = $this.parent().prev();
|
||||||
|
switch ($this.attr('data-method')) {
|
||||||
|
case 'clear':
|
||||||
|
$input.val("");
|
||||||
|
break;
|
||||||
|
case 'sel':
|
||||||
|
$input.select();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}).autoValidate({
|
||||||
name: {
|
name: {
|
||||||
required: true,
|
required: true,
|
||||||
maxlength: 50
|
maxlength: 50
|
||||||
|
@ -202,10 +213,6 @@
|
||||||
$dialogNew.show();
|
$dialogNew.show();
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#btnClearIcon, #btnMenuClearParent').on('click', function () {
|
|
||||||
$(this).parent().prev().val("");
|
|
||||||
});
|
|
||||||
|
|
||||||
$btnSubmitMenu.on('click', function () {
|
$btnSubmitMenu.on('click', function () {
|
||||||
var type = $(this).data('type');
|
var type = $(this).data('type');
|
||||||
switch (type) {
|
switch (type) {
|
||||||
|
|
|
@ -14,14 +14,14 @@
|
||||||
@section query {
|
@section query {
|
||||||
<form class="form-inline" role="form">
|
<form class="form-inline" role="form">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="form-group col-sm-6 col-md-3">
|
|
||||||
<label class="control-label" for="txt_parent_menus_name">父级菜单</label>
|
|
||||||
<input type="text" class="form-control" id="txt_parent_menus_name" />
|
|
||||||
</div>
|
|
||||||
<div class="form-group col-sm-6 col-md-3">
|
<div class="form-group col-sm-6 col-md-3">
|
||||||
<label class="control-label" for="txt_menus_name">菜单名称</label>
|
<label class="control-label" for="txt_menus_name">菜单名称</label>
|
||||||
<input type="text" class="form-control" id="txt_menus_name" />
|
<input type="text" class="form-control" id="txt_menus_name" />
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group col-sm-6 col-md-3">
|
||||||
|
<label class="control-label" for="txt_parent_menus_name">父级菜单</label>
|
||||||
|
<input type="text" class="form-control" id="txt_parent_menus_name" />
|
||||||
|
</div>
|
||||||
<div class="form-group col-sm-6 col-md-2">
|
<div class="form-group col-sm-6 col-md-2">
|
||||||
<label class="control-label" for="sel_menus_category">菜单类别</label>
|
<label class="control-label" for="sel_menus_category">菜单类别</label>
|
||||||
<div class="dropdown lgbDropdown">
|
<div class="dropdown lgbDropdown">
|
||||||
|
@ -78,41 +78,47 @@
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<form class="form-inline" id="dataForm" name="dataForm" role="form">
|
<form class="form-inline" id="dataForm" name="dataForm" role="form">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="form-group col-sm-6">
|
||||||
|
<input type="text" class="form-control hidden" id="menuID" name="menuID" />
|
||||||
|
<label class="control-label" for="name">菜单名称</label>
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" class="form-control" id="name" name="name" placeholder="不可为空" maxlength="50" />
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button data-method="clear" class="btn btn-default" type="button"><i class="fa fa-remove"></i></button>
|
||||||
|
<button data-method="sel" class="btn btn-default" type="button"><i class="fa fa-edit"></i>全选</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="form-group col-sm-6">
|
<div class="form-group col-sm-6">
|
||||||
<input type="text" class="form-control hidden" id="parentId" name="parentId" />
|
<input type="text" class="form-control hidden" id="parentId" name="parentId" />
|
||||||
<label class="control-label" for="parentName">父级菜单</label>
|
<label class="control-label" for="parentName">父级菜单</label>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input type="text" class="form-control" readonly id="parentName" name="parentName" placeholder="请选择...(可为空)" maxlength="50" />
|
<input type="text" class="form-control" readonly id="parentName" name="parentName" placeholder="请选择...(可为空)" maxlength="50" />
|
||||||
<span class="input-group-btn">
|
<span class="input-group-btn">
|
||||||
<button id="btnMenuClearParent" class="btn btn-default" type="button"><i class="fa fa-remove"></i></button>
|
<button data-method="clear" class="btn btn-default" type="button"><i class="fa fa-remove"></i></button>
|
||||||
<button id="btnMenuParent" class="btn btn-default" type="button"><i class="fa fa-hand-o-up"></i>选择</button>
|
<button id="btnMenuParent" class="btn btn-default" type="button"><i class="fa fa-hand-o-up"></i>选择</button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group col-sm-6">
|
|
||||||
<label class="control-label" for="icon">菜单图标</label>
|
|
||||||
<div class="input-group">
|
|
||||||
<input type="text" class="form-control" readonly id="icon" name="icon" placeholder="请选择...(可为空)" maxlength="50" />
|
|
||||||
<span class="input-group-btn">
|
|
||||||
<button id="btnClearIcon" class="btn btn-default" type="button"><i class="fa fa-remove"></i></button>
|
|
||||||
<button id="btnIcon" class="btn btn-default" type="button"><i class="fa fa-dashboard"></i>选择</button>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group col-sm-6">
|
<div class="form-group col-sm-6">
|
||||||
<label class="control-label" for="order">菜单序号</label>
|
<label class="control-label" for="order">菜单序号</label>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input type="text" class="form-control" id="order" name="order" data-default-val="10" placeholder="默认为10" maxlength="8" />
|
<input type="text" class="form-control" id="order" name="order" data-default-val="10" placeholder="默认为10" maxlength="8" />
|
||||||
<span class="input-group-btn">
|
<span class="input-group-btn">
|
||||||
<button id="btnClearIcon" class="btn btn-default" type="button"><i class="fa fa-remove"></i></button>
|
<button data-method="clear" class="btn btn-default" type="button"><i class="fa fa-remove"></i></button>
|
||||||
<button id="btnMenuOrder" class="btn btn-default" type="button"><i class="fa fa-list-ol"></i>调整</button>
|
<button id="btnMenuOrder" class="btn btn-default" type="button"><i class="fa fa-list-ol"></i>调整</button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group col-sm-6">
|
<div class="form-group col-sm-6">
|
||||||
<input type="text" class="form-control hidden" id="menuID" name="menuID" />
|
<label class="control-label" for="icon">菜单图标</label>
|
||||||
<label class="control-label" for="name">菜单名称</label>
|
<div class="input-group">
|
||||||
<input type="text" class="form-control" id="name" name="name" placeholder="不可为空" maxlength="50" />
|
<input type="text" class="form-control" readonly id="icon" name="icon" placeholder="请选择...(可为空)" maxlength="50" />
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button data-method="clear" class="btn btn-default" type="button"><i class="fa fa-remove"></i></button>
|
||||||
|
<button id="btnIcon" class="btn btn-default" type="button"><i class="fa fa-dashboard"></i>选择</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group col-xs-12">
|
<div class="form-group col-xs-12">
|
||||||
<label class="control-label" for="url">路径</label>
|
<label class="control-label" for="url">路径</label>
|
||||||
|
|
Loading…
Reference in New Issue