style(Query): 权限管理相关页面重新设计查询条件布局

This commit is contained in:
Argo Zhang 2019-07-20 10:03:58 +08:00
parent ed25e91425
commit 7072c112be
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
8 changed files with 26 additions and 26 deletions

View File

@ -60,7 +60,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="form-group col-sm-auto flex-sm-fill justify-content-sm-end"> <div class="form-group col-sm-auto flex-sm-fill justify-content-sm-end align-self-sm-end">
<label class="sr-only"></label> <label class="sr-only"></label>
<button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>

View File

@ -9,16 +9,16 @@
@section query { @section query {
<form class="form-inline"> <form class="form-inline">
<div class="row"> <div class="row">
<div class="form-group col-sm-5 col-md-auto"> <div class="form-group col-sm-auto">
<label class="control-label" for="txt_search_name">部门名称</label> <label class="control-label" for="txt_search_name">部门名称</label>
<input type="text" class="form-control" id="txt_search_name" /> <input type="text" class="form-control" id="txt_search_name" />
</div> </div>
<div class="form-group col-sm-5 col-md-auto"> <div class="form-group col-sm-auto">
<label class="control-label" for="txt_group_desc">部门描述</label> <label class="control-label" for="txt_group_desc">部门描述</label>
<input type="text" class="form-control" id="txt_group_desc" /> <input type="text" class="form-control" id="txt_group_desc" />
</div> </div>
<div class="form-group col-sm-2 col-md-auto flex-md-fill justify-content-md-end"> <div class="form-group col-sm-auto flex-sm-fill justify-content-sm-end align-self-sm-end">
<button type="button" id="btn_query" class="btn btn-primary btn-fill align-self-sm-end align-self-md-auto"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>
</form> </form>

View File

@ -31,7 +31,7 @@
<div class="card-body"> <div class="card-body">
<form class="form-inline"> <form class="form-inline">
<div class="row"> <div class="row">
<div class="form-group col-sm-auto"> <div class="form-group col-sm-6 col-lg-auto">
<label class="control-label" for="txt_operate_start">起始时间</label> <label class="control-label" for="txt_operate_start">起始时间</label>
<div class="input-group date"> <div class="input-group date">
<input id="txt_operate_start" class="form-control" size="16" type="text" value="" readonly> <input id="txt_operate_start" class="form-control" size="16" type="text" value="" readonly>
@ -43,7 +43,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="form-group col-sm-auto"> <div class="form-group col-sm-6 col-lg-auto">
<label class="control-label" for="txt_operate_end">终止时间</label> <label class="control-label" for="txt_operate_end">终止时间</label>
<div class="input-group date"> <div class="input-group date">
<input id="txt_operate_end" class="form-control" size="16" type="text" value="" readonly> <input id="txt_operate_end" class="form-control" size="16" type="text" value="" readonly>
@ -55,11 +55,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="form-group col-sm-auto"> <div class="form-group col-sm-6 col-lg-auto">
<label class="control-label" for="txt_ip">请求IP</label> <label class="control-label" for="txt_ip">请求IP</label>
<input type="text" class="form-control" id="txt_ip" /> <input type="text" class="form-control" id="txt_ip" />
</div> </div>
<div class="form-group col-sm-auto flex-md-fill justify-content-md-end"> <div class="form-group col-sm-6 col-lg-auto flex-sm-fill justify-content-sm-end align-self-sm-end">
<button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>

View File

@ -35,7 +35,7 @@
<div class="card-body"> <div class="card-body">
<form class="form-inline"> <form class="form-inline">
<div class="row"> <div class="row">
<div class="form-group col-sm-auto"> <div class="form-group col-sm-6 col-lg-auto">
<label class="control-label" for="txt_operate_start">起始时间</label> <label class="control-label" for="txt_operate_start">起始时间</label>
<div class="input-group date"> <div class="input-group date">
<input id="txt_operate_start" class="form-control" size="16" type="text" value="" readonly> <input id="txt_operate_start" class="form-control" size="16" type="text" value="" readonly>
@ -47,7 +47,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="form-group col-sm-auto"> <div class="form-group col-sm-6 col-lg-auto">
<label class="control-label" for="txt_operate_end">终止时间</label> <label class="control-label" for="txt_operate_end">终止时间</label>
<div class="input-group date"> <div class="input-group date">
<input id="txt_operate_end" class="form-control" size="16" type="text" value="" readonly> <input id="txt_operate_end" class="form-control" size="16" type="text" value="" readonly>
@ -59,11 +59,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="form-group col-sm-auto"> <div class="form-group col-sm-6 col-lg-auto">
<label class="control-label" for="txt_operate_type">操作类型</label> <label class="control-label" for="txt_operate_type">操作类型</label>
<input type="text" class="form-control" id="txt_operate_type" /> <input type="text" class="form-control" id="txt_operate_type" />
</div> </div>
<div class="form-group col-sm-auto flex-sm-fill justify-content-sm-end"> <div class="form-group col-sm-6 col-lg-auto flex-sm-fill justify-content-sm-end align-self-sm-end">
<button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>

View File

@ -85,7 +85,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="form-group col-lg-auto flex-lg-fill justify-content-lg-end"> <div class="form-group col-sm-6 col-lg-auto flex-sm-fill justify-content-sm-end align-self-sm-end">
<button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>

View File

@ -24,16 +24,16 @@
@section query { @section query {
<form class="form-inline"> <form class="form-inline">
<div class="row"> <div class="row">
<div class="form-group col-sm-5 col-md-auto"> <div class="form-group col-sm-auto">
<label class="control-label" for="txt_search_name">角色名称</label> <label class="control-label" for="txt_search_name">角色名称</label>
<input type="text" class="form-control" id="txt_search_name" /> <input type="text" class="form-control" id="txt_search_name" />
</div> </div>
<div class="form-group col-sm-5 col-md-auto"> <div class="form-group col-sm-auto">
<label class="control-label" for="txt_role_desc">角色描述</label> <label class="control-label" for="txt_role_desc">角色描述</label>
<input type="text" class="form-control" id="txt_role_desc" /> <input type="text" class="form-control" id="txt_role_desc" />
</div> </div>
<div class="form-group col-sm-2 col-md-auto flex-md-fill justify-content-md-end"> <div class="form-group col-sm-auto flex-sm-fill justify-content-sm-end align-self-sm-end">
<button type="button" id="btn_query" class="btn btn-primary btn-fill align-self-sm-end align-self-md-auto"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>
</form> </form>

View File

@ -35,7 +35,7 @@
<div class="card-body"> <div class="card-body">
<form class="form-inline"> <form class="form-inline">
<div class="row"> <div class="row">
<div class="form-group col-sm-auto"> <div class="form-group col-sm-6 col-lg-auto">
<label class="control-label" for="txt_operate_start">起始时间</label> <label class="control-label" for="txt_operate_start">起始时间</label>
<div class="input-group date"> <div class="input-group date">
<input id="txt_operate_start" class="form-control" size="16" type="text" value="" readonly> <input id="txt_operate_start" class="form-control" size="16" type="text" value="" readonly>
@ -47,7 +47,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="form-group col-sm-auto"> <div class="form-group col-sm-6 col-lg-auto">
<label class="control-label" for="txt_operate_end">终止时间</label> <label class="control-label" for="txt_operate_end">终止时间</label>
<div class="input-group date"> <div class="input-group date">
<input id="txt_operate_end" class="form-control" size="16" type="text" value="" readonly> <input id="txt_operate_end" class="form-control" size="16" type="text" value="" readonly>
@ -59,11 +59,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="form-group col-sm-auto"> <div class="form-group col-sm-6 col-lg-auto">
<label class="control-label" for="txt_ip">请求IP</label> <label class="control-label" for="txt_ip">请求IP</label>
<input type="text" class="form-control" id="txt_ip" /> <input type="text" class="form-control" id="txt_ip" />
</div> </div>
<div class="form-group col-sm-auto flex-sm-fill justify-content-sm-end"> <div class="form-group col-sm-6 col-lg-auto flex-sm-fill justify-content-sm-end align-self-sm-end">
<button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>

View File

@ -9,16 +9,16 @@
@section query { @section query {
<form class="form-inline"> <form class="form-inline">
<div class="row"> <div class="row">
<div class="form-group col-sm-5 col-md-auto"> <div class="form-group col-sm-auto">
<label class="control-label" for="txt_search_name">登陆名称</label> <label class="control-label" for="txt_search_name">登陆名称</label>
<input type="text" class="form-control" id="txt_search_name" maxlength="16" /> <input type="text" class="form-control" id="txt_search_name" maxlength="16" />
</div> </div>
<div class="form-group col-sm-5 col-md-auto"> <div class="form-group col-sm-auto">
<label class="control-label" for="txt_display_name">显示名称</label> <label class="control-label" for="txt_display_name">显示名称</label>
<input type="text" class="form-control" id="txt_display_name" maxlength="20" /> <input type="text" class="form-control" id="txt_display_name" maxlength="20" />
</div> </div>
<div class="form-group col-sm-2 col-md-auto flex-md-fill justify-content-md-end"> <div class="form-group col-sm-auto flex-sm-fill justify-content-sm-end align-self-sm-end">
<button type="button" id="btn_query" class="btn btn-primary btn-fill align-self-sm-end align-self-md-auto"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button> <button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div> </div>
</div> </div>
</form> </form>