refactor: 重构 Client 模板页

This commit is contained in:
Argo Zhang 2020-03-08 12:50:26 +08:00
parent 5cf09ff1a7
commit 3d255edb0f
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
2 changed files with 59 additions and 70 deletions

View File

@ -41,86 +41,76 @@
<script src="~/lib/validate/localization/messages_zh.min.js"></script> <script src="~/lib/validate/localization/messages_zh.min.js"></script>
</environment> </environment>
<script src="~/lib/toastr.js/toastr.min.js"></script> <script src="~/lib/toastr.js/toastr.min.js"></script>
<script src="~/js/common-scripts.js" asp-append-version="true"></script>
<script src="~/lib/longbow-checkbox/longbow-checkbox.js"></script> <script src="~/lib/longbow-checkbox/longbow-checkbox.js"></script>
<script src="~/lib/longbow/longbow.dataentity.js" asp-append-version="true"></script> <script src="~/lib/longbow/longbow.dataentity.js" asp-append-version="true"></script>
<script src="~/lib/longbow/longbow.validate.js" asp-append-version="true"></script> <script src="~/lib/longbow/longbow.validate.js" asp-append-version="true"></script>
@RenderSection("javascript", false) @RenderSection("javascript", false)
} }
@await Html.PartialAsync("Navigator") <div id="toolbar" class="d-none">
<section id="main-content" class="main-content"> <div class="gear btn-group">
<div class="main-header"> <button class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" type="button"><i class="fa fa-gear"></i></button>
<ol class="breadcrumb"> <div class="dropdown-menu">
<li class="breadcrumb-item"><a href="~/Admin/Index"><i class="fa fa-home"></i>首页</a></li> <a id="tb_add" href="#" title="新增" asp-auth="add"><i class="fa fa-plus"></i></a>
<li class="breadcrumb-item d-none"></li> <a id="tb_delete" href="#" title="删除" asp-auth="del"><i class="fa fa-remove"></i></a>
</ol> <a id="tb_edit" href="#" title="编辑" asp-auth="edit"><i class="fa fa-pencil"></i></a>
</div> @await RenderSectionAsync("gear", false)
<div id="toolbar" class="d-none">
<div class="gear btn-group">
<button class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" type="button"><i class="fa fa-gear"></i></button>
<div class="dropdown-menu">
<a id="tb_add" href="#" title="新增" asp-auth="add"><i class="fa fa-plus"></i></a>
<a id="tb_delete" href="#" title="删除" asp-auth="del"><i class="fa fa-remove"></i></a>
<a id="tb_edit" href="#" title="编辑" asp-auth="edit"><i class="fa fa-pencil"></i></a>
@await RenderSectionAsync("gear", false)
</div>
</div>
<div class="toolbar btn-group">
<button id="btn_add" type="button" class="btn btn-success" asp-auth="add"><i class="fa fa-plus" aria-hidden="true"></i><span>新增</span></button>
<button id="btn_delete" type="button" class="btn btn-danger" asp-auth="del"><i class="fa fa-remove" aria-hidden="true"></i><span>删除</span></button>
<button id="btn_edit" type="button" class="btn btn-primary" asp-auth="edit"><i class="fa fa-pencil" aria-hidden="true"></i><span>编辑</span></button>
@RenderSection("toolbar", false)
</div> </div>
</div> </div>
<div class="card"> <div class="toolbar btn-group">
<div class="card-header"> <button id="btn_add" type="button" class="btn btn-success" asp-auth="add"><i class="fa fa-plus" aria-hidden="true"></i><span>新增</span></button>
查询结果 <button id="btn_delete" type="button" class="btn btn-danger" asp-auth="del"><i class="fa fa-remove" aria-hidden="true"></i><span>删除</span></button>
</div> <button id="btn_edit" type="button" class="btn btn-primary" asp-auth="edit"><i class="fa fa-pencil" aria-hidden="true"></i><span>编辑</span></button>
<div class="card-body"> @RenderSection("toolbar", false)
@await RenderSectionAsync("cardbody", false)
<table data-Header="scroll"></table>
</div>
</div> </div>
<div id="tableButtons" class="d-none"> </div>
<div class='btn-group'> <div class="card">
<button class='edit btn btn-sm btn-success' asp-auth="edit"><i class='fa fa-edit'></i><span>编辑</span></button> <div class="card-header">
<button class='del btn btn-sm btn-danger' asp-auth="del"><i class='fa fa-remove'></i><span>删除</span></button> 查询结果
@RenderSection("tableButtons", false)
</div>
</div> </div>
<div class="modal fade" id="dialogNew" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="card-body">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document"> @await RenderSectionAsync("cardbody", false)
<div class="modal-content" data-toggle="LgbValidate" data-valid-button="#btnSubmit" data-valid-modal="#dialogNew"> <table data-Header="scroll"></table>
@RenderSection("modal", false) </div>
<div class="modal-footer"> </div>
<button type="button" class="btn btn-secondary" data-dismiss="modal"> <div id="tableButtons" class="d-none">
<i class="fa fa-times"></i> <div class='btn-group'>
<span>关闭</span> <button class='edit btn btn-sm btn-success' asp-auth="edit"><i class='fa fa-edit'></i><span>编辑</span></button>
</button> <button class='del btn btn-sm btn-danger' asp-auth="del"><i class='fa fa-remove'></i><span>删除</span></button>
<button type="button" class="btn btn-primary" id="btnSubmit"> @RenderSection("tableButtons", false)
<i class="fa fa-save"></i> </div>
<span>保存</span> </div>
</button> <div class="modal fade" id="dialogNew" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true">
</div> <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content" data-toggle="LgbValidate" data-valid-button="#btnSubmit" data-valid-modal="#dialogNew">
@RenderSection("modal", false)
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<i class="fa fa-times"></i>
<span>关闭</span>
</button>
<button type="button" class="btn btn-primary" id="btnSubmit">
<i class="fa fa-save"></i>
<span>保存</span>
</button>
</div> </div>
</div> </div>
</div> </div>
<div class="modal fade" id="dialogAdvancedSearch" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="mySearchModalLabel" aria-hidden="true"> </div>
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal fade" id="dialogAdvancedSearch" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="mySearchModalLabel" aria-hidden="true">
<div class="modal-content"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-header"> <div class="modal-content">
<h5 class="modal-title" id="mySearchModalLabel">查询条件</h5> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h5 class="modal-title" id="mySearchModalLabel">查询条件</h5>
</div> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<div class="modal-body modal-query"> </div>
@RenderSection("query", false) <div class="modal-body modal-query">
</div> @RenderSection("query", false)
<div class="modal-footer"> </div>
<button type="button" id="btn_reset" class="btn btn-info btn-fill"><i class="fa fa-trash-o" aria-hidden="true"></i><span>重置</span></button> <div class="modal-footer">
<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_reset" class="btn btn-info btn-fill"><i class="fa fa-trash-o" aria-hidden="true"></i><span>重置</span></button>
</div> <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>
</div> </div>
@RenderBody() </div>
</section> @RenderBody()

View File

@ -42,7 +42,7 @@
@RenderSection("javascript", false) @RenderSection("javascript", false)
} }
@await Html.PartialAsync("Header") @await Html.PartialAsync("Header")
@await Html.PartialAsync("navigator") @await Html.PartialAsync("Navigator")
<section class="container-fluid"> <section class="container-fluid">
<div class="main-header"> <div class="main-header">
<ol class="breadcrumb"> <ol class="breadcrumb">
@ -53,4 +53,3 @@
@RenderBody() @RenderBody()
</section> </section>
@await Html.PartialAsync("Footer") @await Html.PartialAsync("Footer")
@RenderSection("modal", false)