<!DOCTYPE HTML> 
 | 
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> 
 | 
<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-4 col-xs-12"> 
 | 
                    <!-- 功能按钮部分 --> 
 | 
                    <div class=""> 
 | 
                        <button onclick="auditedPass()" type="button" 
 | 
                                class="btn btn-success btn-sm" matrix:btn="PRODUCTCOMMENT-auditAdopt">审核通过 
 | 
                        </button> 
 | 
                        <button onclick="auditedFailed()" type="button" 
 | 
                                class="btn btn-success btn-sm" matrix:btn="PRODUCTCOMMENT-auditFailed">审核不通过 
 | 
                        </button> 
 | 
                    </div> 
 | 
                </div> 
 | 
                <div class="col-md-8 col-xs-12"> 
 | 
                    <div class="row"> 
 | 
                        <div class="col-md-11" style="text-align: right"> 
 | 
                            <form class="form-inline" id="serchform"> 
 | 
                                <div class="input-group"> 
 | 
                                    <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="AuditStatus"><a>审核状态</a></li>--> 
 | 
                                            <li data-field="title"><a>产品名称</a></li> 
 | 
                                            <li data-field="orderNo"><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> 
 | 
                                <!-- 高级搜索 --> 
 | 
                                <div class="senior-content"> 
 | 
                                    <!-- <div><a class="serch-close closestyle">×</a></div> --> 
 | 
                                    <div class="serch-headline">高级搜索</div> 
 | 
                                    <div> 
 | 
                                        <div style="margin-bottom: 20px!important;"> 
 | 
                                            <div class="col-sm-6" style="text-align: right!important;"> 
 | 
                                                <label class="col-sm-12 control-label"> 
 | 
                                                    开始日期: 
 | 
                                                </label> 
 | 
                                            </div> 
 | 
                                            <div class="col-sm-6"> 
 | 
                                                <input autocomplete="off"   name="commentBeginTime" readonly="readonly" 
 | 
                                                       type="text" class="form-control datetimepicker" style="width: 98%"> 
 | 
                                            </div> 
 | 
                                        </div> 
 | 
  
 | 
                                        <div style="margin-bottom: 20px!important;"> 
 | 
                                            <div class="col-sm-6" style="text-align: right!important;"> 
 | 
                                                <label class="col-sm-12 control-label"> 
 | 
                                                    结束日期: 
 | 
                                                </label> 
 | 
                                            </div> 
 | 
                                            <div class="col-sm-6"> 
 | 
                                                <input autocomplete="off"   name="commentEndTime" readonly="readonly" 
 | 
                                                       type="text" class="form-control datetimepicker" style="width: 98%"> 
 | 
                                            </div> 
 | 
                                        </div> 
 | 
  
 | 
                                        <div style="margin-bottom: 20px!important;"> 
 | 
                                            <div class="col-sm-6" style="text-align: right!important;"> 
 | 
                                                <label class="col-sm-12 control-label"> 
 | 
                                                    审核状态: 
 | 
                                                </label> 
 | 
                                            </div> 
 | 
                                            <div class="col-sm-6"> 
 | 
                                                <select class="form-control select2" size="1" 
 | 
                                                        name="comAuditStatus" 
 | 
                                                        id="comAuditStatus" style="width: 98%"> 
 | 
                                                    <option value="">请选择</option> 
 | 
                                                    <option value="0" >未审核</option> 
 | 
                                                    <option value="1" >审核通过</option> 
 | 
                                                    <option value="2" >审核不通过</option> 
 | 
                                                </select> 
 | 
                                            </div> 
 | 
                                        </div> 
 | 
  
 | 
                                    </div> 
 | 
                                    <div class="button col-sm-12"> 
 | 
                                        <button type="button" class="btn btn-sm btn-info mr20" onclick="myGrid.serchData()">确认</button> 
 | 
                                        <button type="button" class="btn btn-warning serch-close">取消</button> 
 | 
                                    </div> 
 | 
                                </div> 
 | 
                            </form> 
 | 
                        </div> 
 | 
                        <div class="col-md-1 text-r layui-anim" data-anim="layui-anim-up"> 
 | 
                            <a class="senior-serch">高级搜索</a> 
 | 
                        </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="orderNo" >订单编号</th> 
 | 
                    <th data-field="comContent" >评价内容</th> 
 | 
                    <th data-field="comScore" >评分</th> 
 | 
                    <th data-field="comAuditStatus" data-formatter="buildState" >审核状态</th> 
 | 
                    <th data-field="comVerify" >审核人</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/shopProductComment/del" ; 
 | 
            myGrid=MGrid.initGrid({ 
 | 
                 url:basePath+"/admin/shopProductComment/showList", 
 | 
                 delUrl:delUrl, 
 | 
             }); 
 | 
             
 | 
        }); 
 | 
  
 | 
        //打开添加界面 
 | 
        function openAdd() { 
 | 
            layer.open({ 
 | 
                type : 2, 
 | 
                title : "添加产品评价", 
 | 
                area : [ MUI.SIZE_L, '400px' ], 
 | 
                maxmin : true, 
 | 
                content : [ basePath+'/admin/shopProductComment/editForm'] 
 | 
            });  
 | 
        } 
 | 
         
 | 
        //打开编辑界面 
 | 
        function openEdit(id) { 
 | 
            layer.open({ 
 | 
                type : 2, 
 | 
                title : "编辑产品评价", 
 | 
                area : [ MUI.SIZE_L, '400px' ], 
 | 
                maxmin : true, 
 | 
                content : [ basePath+'/admin/shopProductComment/editForm?id=' + id] 
 | 
            }); 
 | 
        } 
 | 
  
 | 
         //构建状态列 
 | 
         function buildState(value, row, index){ 
 | 
             var html = ""; 
 | 
             if (value == 1) { 
 | 
                 html = "审核通过" 
 | 
             } else if(value == 2){ 
 | 
                 html = "审核不通过" 
 | 
             }else { 
 | 
                 html = "未审核" 
 | 
  
 | 
             } 
 | 
             return html; 
 | 
         } 
 | 
  
 | 
         //批量审核通过 
 | 
         function auditedPass () { 
 | 
             var key = myGrid.getSelectItemsIds("comId"); 
 | 
             console.log(key); 
 | 
             if (!key) { 
 | 
                 layer.msg("请选择您要审核的数据", { 
 | 
                     icon : 5 
 | 
                 }); 
 | 
                 return false; 
 | 
             } 
 | 
             var _this = this; 
 | 
             MTools.handleItem(basePath + "/admin/shopProductComment/auditedPass" + "?keys=" 
 | 
                     + key, "确认要审核这些数据吗?", 
 | 
                     function() { 
 | 
                         myGrid.serchData() 
 | 
                     } 
 | 
             ); 
 | 
         } 
 | 
  
 | 
         //批量审核不通过 
 | 
         function auditedFailed () { 
 | 
             var key = myGrid.getSelectItemsIds("comId") 
 | 
             if (!key) { 
 | 
                 layer.msg("请选择您要审核的数据", { 
 | 
                     icon : 5 
 | 
                 }); 
 | 
                 return false; 
 | 
             } 
 | 
             var _this = this; 
 | 
             MTools.handleItem(basePath + "/admin/shopProductComment/auditedFailed" + "?keys=" 
 | 
                     + key, "确认要审核这些数据吗?", 
 | 
                     function() { 
 | 
                         myGrid.serchData() 
 | 
                     } 
 | 
             ); 
 | 
         } 
 | 
    </script> 
 | 
</body> 
 | 
</html> 
 |