瀏覽代碼

补充筛选器

chente 5 年之前
父節點
當前提交
9a8001c81f
共有 1 個文件被更改,包括 110 次插入2 次删除
  1. 110 2
      contact.html

+ 110 - 2
contact.html

@@ -273,6 +273,30 @@
                           </li>
                           <li class="mb-2">
                             <div class="custom-control custom-switch">
+                              <input type="checkbox" class="custom-control-input" id="lie8" checked="">
+                              <label class="custom-control-label" for="lie8">地址</label>
+                            </div>
+                          </li>
+                          <li class="mb-2">
+                            <div class="custom-control custom-switch">
+                              <input type="checkbox" class="custom-control-input" id="lie8" checked="">
+                              <label class="custom-control-label" for="lie8">乘车</label>
+                            </div>
+                          </li>
+                          <li class="mb-2">
+                            <div class="custom-control custom-switch">
+                              <input type="checkbox" class="custom-control-input" id="lie8" checked="">
+                              <label class="custom-control-label" for="lie8">地标</label>
+                            </div>
+                          </li>
+                          <li class="mb-2">
+                            <div class="custom-control custom-switch">
+                              <input type="checkbox" class="custom-control-input" id="lie8" checked="">
+                              <label class="custom-control-label" for="lie8">住宿</label>
+                            </div>
+                          </li>
+                          <li class="mb-2">
+                            <div class="custom-control custom-switch">
                               <input type="checkbox" class="custom-control-input" id="lie10" checked="">
                               <label class="custom-control-label" for="lie10">软件锁</label>
                             </div>
@@ -2587,11 +2611,95 @@
     <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
-          <h4 class="modal-title">筛选</h4>
+          <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">
-
+          <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>
+          <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>
+          <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>
+                <a class="dropdown-item" href="#">公司</a>
+                <a class="dropdown-item" href="#">手机</a>
+                <a class="dropdown-item" href="#">电话</a>
+                <a class="dropdown-item" href="#">QQ</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>
+                <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>