调整了各个页面的样式,适应各种屏幕的。

This commit is contained in:
liuchun_0206@163.com 2016-11-09 16:00:15 +08:00
parent e8d44d8b1e
commit 86ec653fff
5 changed files with 75 additions and 67 deletions

View File

@ -14,6 +14,7 @@
} }
@section query { @section query {
<form class="form-inline" role="form"> <form class="form-inline" role="form">
<div class="row">
<div class="form-group col-lg-3"> <div class="form-group col-lg-3">
<label class="control-label" for="txt_dict_cate">字典分项</label> <label class="control-label" for="txt_dict_cate">字典分项</label>
<input type="text" class="form-control" id="txt_dict_cate" /> <input type="text" class="form-control" id="txt_dict_cate" />
@ -31,9 +32,10 @@
</select> </select>
</div> </div>
<div class="form-group col-lg-2"> <div class="form-group col-lg-2">
<button type="button" id="btn_query" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div> </div>
</form> </div>
</form>
} }
@section modal { @section modal {
<div class="modal-header"> <div class="modal-header">
@ -47,9 +49,9 @@
<input type="text" class="form-control" id="dictCate" name="dictCate" maxlength="50" /> <input type="text" class="form-control" id="dictCate" name="dictCate" maxlength="50" />
</div> </div>
<div class="form-group col-lg-6"> <div class="form-group col-lg-6">
<input type="text" class="form-control hidden" id="dictID" name="dictID" />
<label class="control-label" for="dictName">字典名称</label> <label class="control-label" for="dictName">字典名称</label>
<input type="text" class="form-control" id="dictName" name="dictName" maxlength="50" /> <input type="text" class="form-control" id="dictName" name="dictName" maxlength="50" />
<input type="text" class="form-control hide" id="dictID" name="dictID" />
</div> </div>
<div class="form-group col-lg-6"> <div class="form-group col-lg-6">
<label class="control-label" for="dictCode">字典代码</label> <label class="control-label" for="dictCode">字典代码</label>

View File

@ -18,20 +18,22 @@
<div class="panel-heading">查询条件</div> <div class="panel-heading">查询条件</div>
<div class="panel-body"> <div class="panel-body">
<form class="form-inline" role="form"> <form class="form-inline" role="form">
<div class="form-group col-lg-5"> <div class="row">
<div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
<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-lg-5"> <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
<label class="control-label" for="txt_operate_start">起始时间</label> <label class="control-label" for="txt_operate_start">起始时间</label>
<input type="datetime" class="form-control" id="txt_operate_start" /> <input type="datetime" class="form-control" id="txt_operate_start" />
</div> </div>
<div class="form-group col-lg-5"> <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
<label class="control-label" for="txt_operate_end">终止时间</label> <label class="control-label" for="txt_operate_end">终止时间</label>
<input type="datetime" class="form-control" id="txt_operate_end" /> <input type="datetime" class="form-control" id="txt_operate_end" />
</div> </div>
<div class="form-group col-lg-2"> <div class="form-group col-xs-12 col-sm-6 col-md-2 col-lg-2">
<button type="button" id="btn_query" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div>
</div> </div>
</form> </form>
</div> </div>

View File

@ -20,6 +20,7 @@
} }
@section query { @section query {
<form class="form-inline" role="form"> <form class="form-inline" role="form">
<div class="row">
<div class="form-group col-lg-5"> <div class="form-group col-lg-5">
<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" />
@ -29,9 +30,10 @@
<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-lg-2"> <div class="form-group col-lg-2">
<button type="button" id="btn_query" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div> </div>
</form> </div>
</form>
} }
@section toolbar{ @section toolbar{
<button id="btn_assignUser" type="button" class="btn btn-info"> <button id="btn_assignUser" type="button" class="btn btn-info">
@ -56,9 +58,9 @@
<input type="text" class="form-control" id="roleName" name="roleName" maxlength="50" /> <input type="text" class="form-control" id="roleName" name="roleName" maxlength="50" />
</div> </div>
<div class="form-group col-lg-6"> <div class="form-group col-lg-6">
<input type="text" class="form-control hidden" id="roleID" name="roleID" />
<label class="control-label" for="roleDesc">角色描述</label> <label class="control-label" for="roleDesc">角色描述</label>
<input type="text" class="form-control" id="roleDesc" name="roleDesc" maxlength="50" /> <input type="text" class="form-control" id="roleDesc" name="roleDesc" maxlength="50" />
<input type="text" class="form-control hide" id="roleID" name="roleID" />
</div> </div>
</form> </form>
</div> </div>

View File

@ -14,6 +14,7 @@
} }
@section query { @section query {
<form class="form-inline" role="form"> <form class="form-inline" role="form">
<div class="row">
<div class="form-group col-lg-5"> <div class="form-group col-lg-5">
<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" />
@ -23,9 +24,10 @@
<input type="text" class="form-control" id="txt_display_name" /> <input type="text" class="form-control" id="txt_display_name" />
</div> </div>
<div class="form-group col-lg-2"> <div class="form-group col-lg-2">
<button type="button" id="btn_query" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div> </div>
</form> </div>
</form>
} }
@section toolbar { @section toolbar {
<button id="btn_assignRole" type="button" class="btn btn-info"> <button id="btn_assignRole" type="button" class="btn btn-info">
@ -47,9 +49,9 @@
<input type="text" class="form-control" id="userName" name="userName" maxlength="50" /> <input type="text" class="form-control" id="userName" name="userName" maxlength="50" />
</div> </div>
<div class="form-group col-lg-6"> <div class="form-group col-lg-6">
<input type="text" class="form-control hidden" id="userID" name="userID" />
<label class="control-label" for="userName">显示名称</label> <label class="control-label" for="userName">显示名称</label>
<input type="text" class="form-control" id="displayName" name="displayName" maxlength="50" /> <input type="text" class="form-control" id="displayName" name="displayName" maxlength="50" />
<input type="text" class="form-control hide" id="userID" name="userID" />
</div> </div>
<div class="form-group col-lg-6"> <div class="form-group col-lg-6">
<label class="control-label" for="password">登录密码</label> <label class="control-label" for="password">登录密码</label>