|
|
@@ -243,38 +243,15 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-auto pr-0">
|
|
|
- <button class="btn btn-sm btn-default" type="button" data-toggle="modal" data-target="#filter"><i class="fal fa-filter"></i> 筛选</button>
|
|
|
+ <select class="custom-select form-control custom-select-sm">
|
|
|
+ <option selected="">办事处</option>
|
|
|
+ <option value="1">广东办</option>
|
|
|
+ <option value="2">总部</option>
|
|
|
+ <option value="3">江西办</option>
|
|
|
+ </select>
|
|
|
+ <!-- <button class="btn btn-sm btn-default" type="button" data-toggle="modal" data-target="#filter"><i class="fal fa-filter"></i> 办事处</button> -->
|
|
|
</div>
|
|
|
<div class="col-auto ml-auto">
|
|
|
- <button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">已显示5列</button>
|
|
|
- <div class="dropdown-menu">
|
|
|
- <ul class="list-unstyled px-3 pt-2 mb-0">
|
|
|
- <li class="mb-2">
|
|
|
- <div class="custom-control custom-switch">
|
|
|
- <input type="checkbox" class="custom-control-input" id="lie1" checked="">
|
|
|
- <label class="custom-control-label" for="lie1">办事处</label>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mb-2">
|
|
|
- <div class="custom-control custom-switch">
|
|
|
- <input type="checkbox" class="custom-control-input" id="lie2" checked="">
|
|
|
- <label class="custom-control-label" for="lie2">员工</label>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mb-2">
|
|
|
- <div class="custom-control custom-switch">
|
|
|
- <input type="checkbox" class="custom-control-input" id="lie3" checked="">
|
|
|
- <label class="custom-control-label" for="lie3">未使用</label>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mb-2">
|
|
|
- <div class="custom-control custom-switch">
|
|
|
- <input type="checkbox" class="custom-control-input" id="lie4" checked="">
|
|
|
- <label class="custom-control-label" for="lie4">已使用</label>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<div class="col-auto pl-0">
|
|
|
<button class="btn btn-sm btn-default" data-toggle="dropdown"><i class="fal fa-sort-amount-down"></i> 排序</button>
|
|
|
@@ -2276,99 +2253,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--BEGIN 筛选-->
|
|
|
- <div class="modal fade" id="filter" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
|
|
|
- <div class="modal-dialog">
|
|
|
- <div class="modal-content">
|
|
|
- <div class="modal-header">
|
|
|
- <h4 class="modal-title">自定义筛选</h4>
|
|
|
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fal fa-times"></i></span></button>
|
|
|
- </div>
|
|
|
- <div class="modal-body">
|
|
|
- <!--条件1-->
|
|
|
- <div class="form-group">
|
|
|
- <label class="form-label d-flex" for="dropdown-on-left">姓名<a href="#" class="ml-auto" title="移除条件"><i class="fal fa-times"></i></a></label>
|
|
|
- <div class="input-group">
|
|
|
- <div class="input-group-prepend">
|
|
|
- <button class="btn btn-outline-default dropdown-toggle waves-effect waves-themed" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">包含</button>
|
|
|
- <div class="dropdown-menu" x-placement="bottom-start">
|
|
|
- <a class="dropdown-item" href="#">包含</a>
|
|
|
- <a class="dropdown-item" href="#">不包含</a>
|
|
|
- <a class="dropdown-item" href="#">是</a>
|
|
|
- <a class="dropdown-item" href="#">不是</a>
|
|
|
- <a class="dropdown-item" href="#">开头为</a>
|
|
|
- <a class="dropdown-item" href="#">结尾为</a>
|
|
|
- <a class="dropdown-item" href="#">空</a>
|
|
|
- <a class="dropdown-item" href="#">不为空</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <input type="text" class="form-control" aria-label="Text input with dropdown button" id="dropdown-on-left">
|
|
|
- <div class="input-group-append">
|
|
|
- <button class="btn btn-outline-default dropdown-toggle waves-effect waves-themed" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">且</button>
|
|
|
- <div class="dropdown-menu" x-placement="bottom-start">
|
|
|
- <a class="dropdown-item" href="#">或</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--条件2-->
|
|
|
- <div class="form-group">
|
|
|
- <label class="form-label d-flex" for="dropdown-on-left">办事处<a href="#" class="ml-auto" title="移除条件"><i class="fal fa-times"></i></a></label>
|
|
|
- <div class="input-group">
|
|
|
- <div class="input-group-prepend">
|
|
|
- <button class="btn btn-outline-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">包含</button>
|
|
|
- <div class="dropdown-menu" x-placement="bottom-start">
|
|
|
- <a class="dropdown-item" href="#">包含</a>
|
|
|
- <a class="dropdown-item" href="#">不包含</a>
|
|
|
- <a class="dropdown-item" href="#">是</a>
|
|
|
- <a class="dropdown-item" href="#">不是</a>
|
|
|
- <a class="dropdown-item" href="#">开头为</a>
|
|
|
- <a class="dropdown-item" href="#">结尾为</a>
|
|
|
- <a class="dropdown-item" href="#">空</a>
|
|
|
- <a class="dropdown-item" href="#">不为空</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <input type="text" class="form-control" aria-label="Text input with dropdown button" id="dropdown-on-left">
|
|
|
- <div class="input-group-append">
|
|
|
- <button class="btn btn-outline-default disabled" type="button">且</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--条件3-->
|
|
|
-<!-- <div class="form-group">
|
|
|
- <label class="form-label d-flex" for="dropdown-on-left">姓名<a href="#" class="ml-auto" title="移除条件"><i class="fal fa-times"></i></a></label>
|
|
|
- <div class="input-group">
|
|
|
- <div class="input-group-prepend">
|
|
|
- <button class="btn btn-outline-default dropdown-toggle waves-effect waves-themed" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">包含</button>
|
|
|
- <div class="dropdown-menu" x-placement="bottom-start">
|
|
|
- <a class="dropdown-item" href="#">包含</a>
|
|
|
- <a class="dropdown-item" href="#">不包含</a>
|
|
|
- <a class="dropdown-item" href="#">是</a>
|
|
|
- <a class="dropdown-item" href="#">不是</a>
|
|
|
- <a class="dropdown-item" href="#">开头为</a>
|
|
|
- <a class="dropdown-item" href="#">结尾为</a>
|
|
|
- <a class="dropdown-item" href="#">空</a>
|
|
|
- <a class="dropdown-item" href="#">不为空</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <input type="text" class="form-control" aria-label="Text input with dropdown button" id="dropdown-on-left">
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <!--添加条件-->
|
|
|
- <div class="form-group">
|
|
|
- <a class="btn btn-xs text-primary dropdown-toggle no-arrow" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="far fa-plus"></i> 添加筛选条件</a>
|
|
|
- <div class="dropdown-menu" x-placement="bottom-start">
|
|
|
- <a class="dropdown-item" href="#">办事处</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="modal-footer">
|
|
|
- <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
|
|
|
- <button type="button" class="btn btn-primary waves-effect waves-themed">确定</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</body>
|
|
|
<!-- base vendor bundle:
|
|
|
DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations
|
