重构字典表UI,规范列标题

This commit is contained in:
Argo-Lenovo 2017-03-24 12:58:24 +08:00
parent 9d309b5935
commit fd62ebea0f
4 changed files with 41 additions and 29 deletions

View File

@ -28,6 +28,10 @@
top: 94px;
overflow: auto;
}
.form-horizontal .control-label {
text-align: left;
}
}
@media (min-height: 672px) {

View File

@ -48,6 +48,9 @@ namespace Bootstrap.Admin.Models
case "Name":
data = Order == "asc" ? data.OrderBy(t => t.Name) : data.OrderByDescending(t => t.Name);
break;
case "Code":
data = Order == "asc" ? data.OrderBy(t => t.Code) : data.OrderByDescending(t => t.Code);
break;
case "Define":
data = Order == "asc" ? data.OrderBy(t => t.Define) : data.OrderByDescending(t => t.Define);
break;

View File

@ -17,12 +17,13 @@
url: Dicts.url,
sortName: 'Category',
queryParams: function (params) { return $.extend(params, { category: $('#txt_dict_cate').val(), name: $("#txt_dict_name").val(), define: $("#txt_dict_define").val() }); },
columns: [{ checkbox: true },
columns: [
{ checkbox: true },
{ title: "Id", field: "ID", events: bsa.idEvents(), formatter: BootstrapAdmin.idFormatter },
{ title: "字典分项", field: "Category", sortable: true },
{ title: "字典名称", field: "Name", sortable: false },
{ title: "字典代码", field: "Code", sortable: false },
{ title: "字典", field: "Define", sortable: true, formatter: function (value, row, index) { return value == "0" ? "系统使用" : "自定义"; } }
{ title: "字典标签", field: "Category", sortable: true },
{ title: "字典名称", field: "Name", sortable: true },
{ title: "字典代码", field: "Code", sortable: true },
{ title: "字典类", field: "Define", sortable: true, formatter: function (value, row, index) { return value == "0" ? "系统使用" : "自定义"; } }
]
});

View File

@ -11,7 +11,7 @@
<form class="form-inline" role="form">
<div class="row">
<div class="form-group col-sm-6 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" data-provide="typeahead" />
</div>
<div class="form-group col-sm-6 col-lg-3">
@ -53,32 +53,36 @@
<h4 class="modal-title" id="myModalLabel">字典编辑窗口</h4>
</div>
<div class="modal-body">
<form class="form-inline" id="dataForm" name="dataForm" role="form">
<div class="row">
<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" placeholder="不可为空" maxlength="50" />
<form class="form-horizontal" id="dataForm" name="dataForm" role="form">
<input type="text" class="form-control hidden" id="dictID" name="dictID" />
<div class="form-group">
<label class="control-label col-sm-2" for="dictCate">字典标签</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="dictCate" name="dictCate" placeholder="不可为空50字以内" maxlength="50" />
</div>
<div class="form-group col-lg-6">
<label class="control-label" for="dictCode">字典代码</label>
<input type="text" class="form-control" id="dictCode" name="dictCode" placeholder="不可为空" maxlength="50" />
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="dictName">字典名称</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="dictName" name="dictName" placeholder="不可为空50字以内" maxlength="50" />
</div>
<div class="form-group col-lg-6">
<label class="control-label" for="dictCate">字典分项</label>
<input type="text" class="form-control" id="dictCate" name="dictCate" placeholder="不可为空" maxlength="50" />
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="dictCode">字典代码</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="dictCode" name="dictCode" placeholder="不可为空50字以内" maxlength="50" />
</div>
<div class="form-group col-lg-6">
<label class="control-label" for="dictDefine">字典类别</label>
<div class="dropdown lgbDropdown dropup">
<a id="dictDefine" class="btn btn-success" data-toggle="dropdown" data-default-val="1">
<span>全部</span><span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#" data-val="0">系统使用</a></li>
<li><a href="#" data-val="1">自定义</a></li>
</ul>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="dictDefine">字典类型</label>
<div class="dropdown lgbDropdown dropup col-sm-10">
<a id="dictDefine" class="btn btn-success" data-toggle="dropdown" data-default-val="1">
<span>全部</span><span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#" data-val="0">系统使用</a></li>
<li><a href="#" data-val="1">自定义</a></li>
</ul>
</div>
</div>
</form>