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

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,26 +14,28 @@
}
@section query {
<form class="form-inline" role="form">
<div class="form-group col-lg-3">
<label class="control-label" for="txt_dict_cate">字典分项</label>
<input type="text" class="form-control" id="txt_dict_cate" />
</div>
<div class="form-group col-lg-3">
<label class="control-label" for="txt_dict_name">字典名称</label>
<input type="text" class="form-control" id="txt_dict_name" />
</div>
<div class="form-group col-lg-3">
<label class="control-label" for="txt_dict_define">字典类别</label>
<select class="selectpicker form-control" data-width="auto" id="txt_dict_define">
<option value="">全部</option>
<option value="0">系统使用</option>
<option value="1">自定义</option>
</select>
</div>
<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>
</div>
</form>
<div class="row">
<div class="form-group col-lg-3">
<label class="control-label" for="txt_dict_cate">字典分项</label>
<input type="text" class="form-control" id="txt_dict_cate" />
</div>
<div class="form-group col-lg-3">
<label class="control-label" for="txt_dict_name">字典名称</label>
<input type="text" class="form-control" id="txt_dict_name" />
</div>
<div class="form-group col-lg-3">
<label class="control-label" for="txt_dict_define">字典类别</label>
<select class="selectpicker form-control" data-width="auto" id="txt_dict_define">
<option value="">全部</option>
<option value="0">系统使用</option>
<option value="1">自定义</option>
</select>
</div>
<div class="form-group col-lg-2">
<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>
}
@section modal {
<div class="modal-header">
@ -47,9 +49,9 @@
<input type="text" class="form-control" id="dictCate" name="dictCate" maxlength="50" />
</div>
<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>
<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 class="form-group col-lg-6">
<label class="control-label" for="dictCode">字典代码</label>

View File

@ -18,20 +18,22 @@
<div class="panel-heading">查询条件</div>
<div class="panel-body">
<form class="form-inline" role="form">
<div class="form-group col-lg-5">
<label class="control-label" for="txt_operate_type">操作类型</label>
<input type="text" class="form-control" id="txt_operate_type" />
</div>
<div class="form-group col-lg-5">
<label class="control-label" for="txt_operate_start">起始时间</label>
<input type="datetime" class="form-control" id="txt_operate_start" />
</div>
<div class="form-group col-lg-5">
<label class="control-label" for="txt_operate_end">终止时间</label>
<input type="datetime" class="form-control" id="txt_operate_end" />
</div>
<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>
<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>
<input type="text" class="form-control" id="txt_operate_type" />
</div>
<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>
<input type="datetime" class="form-control" id="txt_operate_start" />
</div>
<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>
<input type="datetime" class="form-control" id="txt_operate_end" />
</div>
<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 form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div>
</div>
</form>
</div>

View File

@ -20,12 +20,12 @@
<div class="panel panel-default">
<div class="panel-heading">系统名称设置</div>
<div class="panel-body">
<div class="input-group">
<input type="text" class="form-control" id="sysNameSet">
<span class="input-group-btn">
<button class="btn btn-default" type="button" id="sysSave">保存</button>
</span>
</div>
<div class="input-group">
<input type="text" class="form-control" id="sysNameSet">
<span class="input-group-btn">
<button class="btn btn-default" type="button" id="sysSave">保存</button>
</span>
</div>
</div>
</div>
<div class="panel panel-default">

View File

@ -20,18 +20,20 @@
}
@section query {
<form class="form-inline" role="form">
<div class="form-group col-lg-5">
<label class="control-label" for="txt_search_name">角色名称</label>
<input type="text" class="form-control" id="txt_search_name" />
</div>
<div class="form-group col-lg-5">
<label class="control-label" for="txt_role_desc">角色描述</label>
<input type="text" class="form-control" id="txt_role_desc" />
</div>
<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>
</div>
</form>
<div class="row">
<div class="form-group col-lg-5">
<label class="control-label" for="txt_search_name">角色名称</label>
<input type="text" class="form-control" id="txt_search_name" />
</div>
<div class="form-group col-lg-5">
<label class="control-label" for="txt_role_desc">角色描述</label>
<input type="text" class="form-control" id="txt_role_desc" />
</div>
<div class="form-group col-lg-2">
<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>
}
@section toolbar{
<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" />
</div>
<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>
<input type="text" class="form-control" id="roleDesc" name="roleDesc" maxlength="50" />
<input type="text" class="form-control hide" id="roleID" name="roleID" />
</div>
</form>
</div>

View File

@ -14,18 +14,20 @@
}
@section query {
<form class="form-inline" role="form">
<div class="form-group col-lg-5">
<label class="control-label" for="txt_search_name">登陆名称</label>
<input type="text" class="form-control" id="txt_search_name" />
<div class="row">
<div class="form-group col-lg-5">
<label class="control-label" for="txt_search_name">登陆名称</label>
<input type="text" class="form-control" id="txt_search_name" />
</div>
<div class="form-group col-lg-5">
<label class="control-label" for="txt_display_name">显示名称</label>
<input type="text" class="form-control" id="txt_display_name" />
</div>
<div class="form-group col-lg-2">
<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 class="form-group col-lg-5">
<label class="control-label" for="txt_display_name">显示名称</label>
<input type="text" class="form-control" id="txt_display_name" />
</div>
<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>
</div>
</form>
</form>
}
@section toolbar {
<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" />
</div>
<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>
<input type="text" class="form-control" id="displayName" name="displayName" maxlength="50" />
<input type="text" class="form-control hide" id="userID" name="userID" />
<input type="text" class="form-control" id="displayName" name="displayName" maxlength="50" />
</div>
<div class="form-group col-lg-6">
<label class="control-label" for="password">登录密码</label>