锁库筛选交互

lock-ccount.html

@@ -242,6 +242,9 @@
                       </div>
                     </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>
+                  </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">
@@ -280,13 +283,19 @@
                         <li class="mb-2">
                           <div class="custom-control custom-radio">
                             <input type="radio" class="custom-control-input" id="pai1" name="paizhi" checked="">
-                            <label class="custom-control-label" for="pai1">办事处</label>
+                            <label class="custom-control-label" for="pai1">已使用</label>
                           </div>
                         </li>
                         <li class="mb-2">
                           <div class="custom-control custom-radio">
                             <input type="radio" class="custom-control-input" id="pai2" name="paizhi">
-                            <label class="custom-control-label" for="pai2">员工</label>
+                            <label class="custom-control-label" for="pai2">未使用</label>
+                          </div>
+                        </li>
+                        <li class="mb-2">
+                          <div class="custom-control custom-radio">
+                            <input type="radio" class="custom-control-input" id="pai3" name="paizhi">
+                            <label class="custom-control-label" for="pai3">合计</label>
                           </div>
                         </li>
                       </ul>
@@ -340,29 +349,6 @@
                         </tr>
                       </tbody>
                     </table>
-                    <!--翻页-->
-                    <div class="d-flex justify-content-center">
-                      <ul class="pagination pagination-sm">
-                        <li class="page-item disabled">
-                          <a class="page-link" href="#" aria-label="Previous">
-                											<span aria-hidden="true"><i class="fal fa-chevron-left"></i></span>
-                										</a>
-                        </li>
-                        <li class="page-item active" aria-current="page">
-                          <span class="page-link">
-                											1
-                											<span class="sr-only">(current)</span>
-                          </span>
-                        </li>
-                        <li class="page-item"><a class="page-link" href="#">2</a></li>
-                        <li class="page-item"><a class="page-link" href="#">3</a></li>
-                        <li class="page-item">
-                          <a class="page-link" href="#" aria-label="Next">
-                											<span aria-hidden="true"><i class="fal fa-chevron-right"></i></span>
-                										</a>
-                        </li>
-                      </ul>
-                    </div>
                   </div>
                 </div>
               </div>
@@ -2295,11 +2281,86 @@
     <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">
-
+          <!--条件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>

lock-client.html

@@ -242,38 +242,8 @@
                       </div>
                     </div>
                   </div>
-                  <div class="col-auto">
-                    <select class="custom-select form-control custom-select-sm">
-                      <option selected="">2020年</option>
-                      <option value="1">2019年</option>
-                      <option value="2">2018年</option>
-                    </select>
-                  </div>
-                  <div class="col-auto">
-                    <select class="custom-select form-control custom-select-sm">
-                      <option selected="">总部</option>
-                      <option value="1">广东办</option>
-                      <option value="2">重庆办</option>
-                    </select>
-                  </div>
-                  <div class="col-auto">
-                    <select class="custom-select form-control custom-select-sm">
-                      <option selected="">责任人</option>
-                    </select>
-                  </div>
-                  <div class="col-auto">
-                    <select class="custom-select form-control custom-select-sm">
-                      <option selected="">生成</option>
-                      <option value="1">不限</option>
-                      <option value="2">销售</option>
-                    </select>
-                  </div>
-                  <div class="col-auto">
-                    <select class="custom-select form-control custom-select-sm">
-                      <option selected="">重庆养护（营改增）</option>
-                      <option value="1">不限</option>
-                      <option value="2">广东专业（新定额）</option>
-                    </select>
+                  <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>
                   </div>
                   <div class="col-auto ml-auto">
                       <button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">已显示7列</button>
@@ -300,7 +270,7 @@
                           <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>
+                              <label class="custom-control-label" for="lie4">出库时间</label>
                             </div>
                           </li>
                           <li class="mb-2">
@@ -343,7 +313,7 @@
                         <li class="mb-2">
                           <div class="custom-control custom-radio">
                             <input type="radio" class="custom-control-input" id="pai2" name="paizhi">
-                            <label class="custom-control-label" for="pai2">出库</label>
+                            <label class="custom-control-label" for="pai2">出库时间</label>
                           </div>
                         </li>
                       </ul>
@@ -373,10 +343,11 @@
                           <th>锁号</th>
                           <th>产品</th>
                           <th>办事处</th>
-                          <th>出库</th>
+                          <th>出库时间</th>
+                          <th>销售/借出/赠送时间</th>
                           <th>责任人</th>
                           <th>状态</th>
-                          <th>客户</th>
+                          <th>联系人</th>
                         </tr>
                       </thead>
                       <tbody>
@@ -385,7 +356,8 @@
                           <td>固化清单全功能+全国专业+全国专业（新定额）</td>
                           <td>总部</td>
                           <td>2019年5月6日 14:55</td>
-                          <td><a href="#detail" data-toggle="modal" data-target="#detail">陈特</a></td>
+                          <td>2019年5月7日 14:55</td>
+                          <td><a href="#compe-detail" data-toggle="modal" data-target="#compe-detail">陈特</a></td>
                           <td>销售</td>
                           <td><a href="#detail" data-toggle="modal" data-target="#detail">张三8</a></td>
                         </tr>
@@ -394,7 +366,8 @@
                           <td>固化清单全功能+全国专业+全国专业（新定额）</td>
                           <td>总部</td>
                           <td>2019年5月6日 14:55</td>
-                          <td><a href="#detail" data-toggle="modal" data-target="#detail">陈特</a></td>
+                          <td>2019年5月7日 14:55</td>
+                          <td><a href="#compe-detail" data-toggle="modal" data-target="#compe-detail">陈特</a></td>
                           <td>销售</td>
                           <td><a href="#detail" data-toggle="modal" data-target="#detail">张三8</a></td>
                         </tr>
@@ -952,6 +925,180 @@
       </div>
     </div>
   </div>
+  <!-- BEGIN 公司人员详情弹窗-->
+  <div class="modal fade" id="compe-detail" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
+    <div class="modal-dialog modal-xl">
+      <div class="modal-content">
+        <div class="dialog-sheet">
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true"><i class="fal fa-times"></i></span>
+          </button>
+          <div class="sheet-box row m-0">
+            <div class="sheet-left-panel">
+              <div class="sheet-panel-header d-flex justify-content-between mx-4">
+                <div>
+                  <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="新页面打开"><i class="fal fa-external-link"></i></a>
+                </div>
+                <div>
+                </div>
+              </div>
+              <div class="sheet-panel-content">
+                <div class="sheet-panel-form slimScroll1 mx-4">
+                  <div class="form-header">
+                    <div class="d-flex justify-content-between"><span class="text-muted">责任人</span><span class="text-muted">注册于 2019年5月5日 14:55</span></div>
+                    <legend>陈特</legend>
+                  </div>
+                  <div class="cldform clearfix">
+                    <div class="cldform-line"></div>
+                    <div class="cldform-item  cldform-item-half pr-3">
+                      <div class="cldform-label">性别</div>
+                      <div class="cldform-control">
+                        <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>男</span></div>
+                      </div>
+                    </div>
+                    <div class="cldform-item cldform-item-half pl-3">
+                      <div class="cldform-label">办事处</div>
+                      <div class="cldform-control">
+                        <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>总部</span></div>
+                      </div>
+                    </div>
+                    <div class="cldform-line"></div>
+                    <div class="cldform-item  cldform-item-half pr-3">
+                      <div class="cldform-label">手机</div>
+                      <div class="cldform-control">
+                        <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>15800000001</span></div>
+                      </div>
+                    </div>
+                    <div class="cldform-item cldform-item-half pl-3">
+                      <div class="cldform-label">电话</div>
+                      <div class="cldform-control">
+                        <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>0756-3850886</span></div>
+                      </div>
+                    </div>
+                    <div class="cldform-line"></div>
+                    <div class="cldform-item  cldform-item-half pr-3">
+                      <div class="cldform-label">QQ</div>
+                      <div class="cldform-control">
+                        <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>1994469057</span></div>
+                      </div>
+                    </div>
+                    <div class="cldform-item cldform-item-half pl-3">
+                      <div class="cldform-label">邮箱</div>
+                      <div class="cldform-control">
+                        <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span>1994469057@qq.com</span></div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="sheet-right-panel col p-0">
+              <div class="sheet-panel-tabs mx-4 mt-4">
+                <ul class="nav nav-tabs sheet-nav-tabs" role="tablist">
+                  <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab-cplock" role="tab" aria-selected="true">软件锁</a></li>
+                  <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-sso" role="tab" aria-selected="false">通行账号</a></li>
+                </ul>
+                <div class="tab-content">
+                  <div class="tab-pane fade active show sheet-panel-righttop" id="tab-cplock" role="tabpanel" aria-labelledby="tab-cplock">
+                    <div class="slimScrol3">
+                      <table class="table">
+                        <thead>
+                          <tr>
+                            <th class="border-0"></th>
+                            <th class="border-0">锁号</th>
+                            <th class="border-0">产品</th>
+                            <th class="border-0">状态</th>
+                            <th class="border-0">责任人</th>
+                          </tr>
+                        </thead>
+                        <tbody><tr>
+                          <td>1</td>
+                          <td><a href="#lock-detail" data-toggle="modal" data-target="#lock-detail">HNYH-0654</a></td>
+                          <td>固化清单全功能+全国专业+全国专业（新定额）</td>
+                          <td>借出</td>
+                          <td><a href="#">@陈特</a></td>
+                        </tr>
+                        <tr>
+                          <td>2</td>
+                          <td><a href="#lock-detail" data-toggle="modal" data-target="#lock-detail">HNYH-0655</a></td>
+                          <td>+全国专业（新定额）</td>
+                          <td>借出</td>
+                          <td><a href="#">@陈特</a></td>
+                        </tr>
+                      </tbody></table>
+                    </div>
+                  </div>
+                  <div class="tab-pane fade sheet-panel-righttop" id="tab-sso" role="tabpanel" aria-labelledby="tab-sso">
+                    <div class="slimScrol3">
+                      <table class="table">
+                        <tbody><tr>
+                          <td>通行账号</td>
+                          <td>15800000001</td>
+                          <td>手机</td>
+                          <td>15800000001</td>
+                        </tr>
+                        <tr>
+                          <td>邮箱</td>
+                          <td></td>
+                          <td>称呼</td>
+                          <td>张三</td>
+                        </tr>
+                        <tr>
+                          <td>QQ</td>
+                          <td></td>
+                          <td>注册SSO</td>
+                          <td>2019-10-21 10:31</td>
+                        </tr>
+                        <tr>
+                          <td>注册云版</td>
+                          <td>2019-10-22 10:31</td>
+                          <td>企业名称</td>
+                          <td>珠海纵横创新软件有限公司</td>
+                        </tr>
+                        <tr>
+                          <td>企业地区</td>
+                          <td>广东</td>
+                          <td>最近使用</td>
+                          <td>重庆定额（2018）</td>
+                        </tr>
+                        <tr>
+                          <td>累计时长</td>
+                          <td>3天5小时</td>
+                          <td></td>
+                          <td></td>
+                        </tr>
+                      </tbody></table>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="sheet-panel-record">
+                <ul class="nav nav-tabs nav-tabs-clean sheet-nav-tabs" role="tablist">
+                  <li class="nav-item ml-4"><a class="nav-link text-center active" data-toggle="tab" href="#tab-log" role="tab" aria-selected="true">日志</a></li>
+                </ul>
+                <div class="tab-content p-3">
+                  <div class="tab-pane fade active show sheet-panel-log" id="tab-log" role="tabpanel" aria-labelledby="tab-log">
+                    <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 306px;"><div class="slimScrol4" style="overflow: hidden; width: auto; height: 306px;">
+                      <p><a href="#">@陈特</a> 移除 通行账号 15812345678<br><span class="text-muted">5月5日 14:55</span></p>
+                      <p></p>
+                      <p><a href="#">@陈特</a> 关联 通行账号 15812345678<br><span class="text-muted">5月5日 14:55</span></p>
+                      <p></p>
+                      <p><a href="#">@陈特</a> 修改 手机 15800000000 改为 15812345678<br><span class="text-muted">5月5日 14:55</span></p>
+                      <p></p>
+                      <p><a href="#">@陈特</a> 关联 公司 珠海纵横创新软件有限公司<br><span class="text-muted">5月5日 14:55</span></p>
+                      <p></p>
+                      <p><a href="#">@陈特</a> 创建<br><span class="text-muted">5月5日 14:55</span></p>
+                      <p></p>
+                    </div><div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 306px;"></div><div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
   <!-- BEGIN 公司详情弹窗-->
   <div class="modal fade" id="com-detail" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
     <div class="modal-dialog modal-xl">
@@ -2355,11 +2502,92 @@
     <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">
-
+          <!--条件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>
+                <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>