<!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> 
 |