| <!DOCTYPE HTML> | 
| <html xmlns:th="http://www.thymeleaf.org"> | 
| <head> | 
|     <meta charset="utf-8"> | 
|     <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> | 
|     <meta name="renderer" content="webkit|ie-comp|ie-stand"> | 
|     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
|     <meta name="viewport" | 
|           content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | 
|     <meta http-equiv="Cache-Control" content="no-siteapp" /> | 
|     <!-- 本框架基本脚本和样式 --> | 
|     <script type="text/javascript" | 
|             th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> | 
|     <script type="text/javascript" | 
|             th:src="@{/js/systools/MBase.js}"></script> | 
| </head> | 
| <body class=" container-fluid"> | 
| <div class="pd-10"> | 
|   | 
|         <!-- 搜索框部分start --> | 
|         <div class="row form-head"> | 
|             <div class="col-md-12 col-xs-12"> | 
|                 <div class="row"> | 
|                     <div class="col-md-12" style="text-align: right"> | 
|                         <form class="form-inline" id="serchform"> | 
|                             <div class="input-group"> | 
|                                 <div class="form-group mr-20 ml-20"> | 
|                                     <input autocomplete="off"   name="collectionBeginTime" placeholder="开始日期" | 
|                                            type="text" class="form-control mr-20 ml-20 datetimepicker"> | 
|                                     <input autocomplete="off"   name="collectionEndTime" placeholder="结束日期" | 
|                                            type="text" class="form-control mr-20 ml-20 datetimepicker"> | 
|                                 </div> | 
|                                 <div class="btn-group search-list " data-for="search-text"> | 
|                                     <button type="button" | 
|                                             class="btn btn-default dropdown-toggle searchlist" | 
|                                             data-toggle="dropdown"> | 
|                                         用户昵称 <span class="caret "></span> | 
|                                     </button> | 
|                                     <ul class="dropdown-menu" role="menu"> | 
|                                         <li data-field="nickName"><a>用户昵称</a></li> | 
|                                         <li data-field="title"><a>产品名称 </a></li> | 
|                                     </ul> | 
|                                 </div> | 
|                                 <div class="form-group mr-20 ml-20"> | 
|                                     <input autocomplete="off"   id="search-text" name="nickName" placeholder="输入查询关键词" | 
|                                            type="text" class="form-control"> | 
|                                 </div> | 
|                                 <div class="form-group"> | 
|                                     <button onclick="myGrid.serchData(1)" type="button" | 
|                                             class="btn btn-info"> | 
|                                         <i class="fa fa-search "></i> 搜索 | 
|                                     </button> | 
|                                     <button type="reset" class="btn btn-info "> | 
|                                         <i class="fa fa-refresh "></i> 重置 | 
|                                     </button> | 
|                                 </div> | 
|                             </div> | 
|   | 
|                         </form> | 
|                     </div> | 
|   | 
|                 </div> | 
|             </div> | 
|         </div> | 
|   | 
|         <div class="row" > | 
|             <div class="col-sm-12" > | 
|                 <table id="mgrid"> | 
|                     <thead> | 
|                     <tr> | 
|                         <th data-checkbox="true"></th> | 
|                         <th data-formatter="MGrid.indexfn" data-align="center"  data-width="30px" >序号</th> | 
|                         <th data-field="nickName" >用户昵称</th> | 
|                         <th data-field="title" >产品名称</th> | 
|                         <th data-field="createTime" data-formatter="MGrid.getTime" | 
|                         >收藏时间</th> | 
|                     </tr> | 
|                     </thead> | 
|                 </table> | 
|             </div> | 
|         </div> | 
|     </div> | 
| </div> | 
| <script type="text/javascript" | 
|         th:src="@{/js/systools/MJsBase.js}"></script> | 
| <script type="text/javascript"> | 
|     var myGrid; | 
|     $(function(){ | 
|         MTools.ininDatetimepicker(".datetimepicker"); | 
|         var delUrl=""; | 
|         delUrl=basePath+"/admin/shopCollection/del" ; | 
|         myGrid=MGrid.initGrid({ | 
|             url:basePath+"/admin/shopCollection/showList", | 
|             delUrl:delUrl, | 
|         }); | 
|   | 
|     }); | 
|   | 
|     //打开添加界面 | 
|     function openAdd() { | 
|         layer.open({ | 
|             type : 2, | 
|             title : "添加收藏", | 
|             area : [ MUI.SIZE_L, '400px' ], | 
|             maxmin : true, | 
|             content : [ basePath+'/admin/shopCollection/editForm'] | 
|         }); | 
|     } | 
|   | 
|     //打开编辑界面 | 
|     function openEdit(id) { | 
|         layer.open({ | 
|             type : 2, | 
|             title : "编辑收藏", | 
|             area : [ MUI.SIZE_L, '400px' ], | 
|             maxmin : true, | 
|             content : [ basePath+'/admin/shopCollection/editForm?id=' + id] | 
|         }); | 
|     } | 
| </script> | 
| </body> | 
| </html> |