orga0063
/
BootstrapAdmin
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
Bootstrap.Admin/Views/Admin/Dicts.cshtml
View File

@ -14,26 +14,28 @@
} }
@section query { @section query {
<form class="form-inline" role="form"> <form class="form-inline" role="form">
<div class="form-group col-lg-3"> <div class="row">
<label class="control-label" for="txt_dict_cate">字典分项</label> <div class="form-group col-lg-3">
<input type="text" class="form-control" id="txt_dict_cate" /> <label class="control-label" for="txt_dict_cate">字典分项</label>
</div> <input type="text" class="form-control" id="txt_dict_cate" />
<div class="form-group col-lg-3"> </div>
<label class="control-label" for="txt_dict_name">字典名称</label> <div class="form-group col-lg-3">
<input type="text" class="form-control" id="txt_dict_name" /> <label class="control-label" for="txt_dict_name">字典名称</label>
</div> <input type="text" class="form-control" id="txt_dict_name" />
<div class="form-group col-lg-3"> </div>
<label class="control-label" for="txt_dict_define">字典类别</label> <div class="form-group col-lg-3">
<select class="selectpicker form-control" data-width="auto" id="txt_dict_define"> <label class="control-label" for="txt_dict_define">字典类别</label>
<option value="">全部</option> <select class="selectpicker form-control" data-width="auto" id="txt_dict_define">
<option value="0">系统使用</option> <option value="">全部</option>
<option value="1">自定义</option> <option value="0">系统使用</option>
</select> <option value="1">自定义</option>
</div> </select>
<div class="form-group col-lg-2"> </div>
<button type="button" id="btn_query" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button> <div class="form-group col-lg-2">
</div> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</form> </div>
</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>

30
Bootstrap.Admin/Views/Admin/Logs.cshtml
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">
<label class="control-label" for="txt_operate_type">操作类型</label> <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
<input type="text" class="form-control" id="txt_operate_type" /> <label class="control-label" for="txt_operate_type">操作类型</label>
</div> <input type="text" class="form-control" id="txt_operate_type" />
<div class="form-group col-lg-5"> </div>
<label class="control-label" for="txt_operate_start">起始时间</label> <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
<input type="datetime" class="form-control" id="txt_operate_start" /> <label class="control-label" for="txt_operate_start">起始时间</label>
</div> <input type="datetime" class="form-control" id="txt_operate_start" />
<div class="form-group col-lg-5"> </div>
<label class="control-label" for="txt_operate_end">终止时间</label> <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
<input type="datetime" class="form-control" id="txt_operate_end" /> <label class="control-label" for="txt_operate_end">终止时间</label>
</div> <input type="datetime" class="form-control" id="txt_operate_end" />
<div class="form-group col-lg-2"> </div>
<button type="button" id="btn_query" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button> <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> </div>
</form> </form>
</div> </div>

10
Bootstrap.Admin/Views/Admin/Profiles.cshtml
View File

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

28
Bootstrap.Admin/Views/Admin/Roles.cshtml
View File

@ -20,18 +20,20 @@
} }
@section query { @section query {
<form class="form-inline" role="form"> <form class="form-inline" role="form">
<div class="form-group col-lg-5"> <div class="row">
<label class="control-label" for="txt_search_name">角色名称</label> <div class="form-group col-lg-5">
<input type="text" class="form-control" id="txt_search_name" /> <label class="control-label" for="txt_search_name">角色名称</label>
</div> <input type="text" class="form-control" id="txt_search_name" />
<div class="form-group col-lg-5"> </div>
<label class="control-label" for="txt_role_desc">角色描述</label> <div class="form-group col-lg-5">
<input type="text" class="form-control" id="txt_role_desc" /> <label class="control-label" for="txt_role_desc">角色描述</label>
</div> <input type="text" class="form-control" id="txt_role_desc" />
<div class="form-group col-lg-2"> </div>
<button type="button" id="btn_query" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button> <div class="form-group col-lg-2">
</div> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</form> </div>
</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>

26
Bootstrap.Admin/Views/Admin/Users.cshtml
View File

@ -14,18 +14,20 @@
} }
@section query { @section query {
<form class="form-inline" role="form"> <form class="form-inline" role="form">
<div class="form-group col-lg-5"> <div class="row">
<label class="control-label" for="txt_search_name">登陆名称</label> <div class="form-group col-lg-5">
<input type="text" class="form-control" id="txt_search_name" /> <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>
<div class="form-group col-lg-5"> </form>
<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>
} }
@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>