<!DOCTYPE HTML> 
 | 
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> 
 | 
<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"> 
 | 
        <form class="form-inline" id="serchform"> 
 | 
  
 | 
            <div class="form-group mr-20"> 
 | 
                <label>创建时间</label> 
 | 
                <input autocomplete="off"   name="beginTime" type="text" class="form-control datetimepicker" id="beginTime">- 
 | 
                <input autocomplete="off"   name="endTime" type="text" class="form-control datetimepicker" id="endTime"> 
 | 
            </div> 
 | 
  
 | 
            <div class="form-group mr-20"> 
 | 
                <label >操作人</label> 
 | 
                <input autocomplete="off"   name="createBy" class="form-control"> 
 | 
            </div> 
 | 
            <input type="hidden" name="projUseId" th:value="${param.projUseId}" > 
 | 
            <div class="form-group"> 
 | 
                <button onclick="myGrid.serchData(1)" type="button" 
 | 
                        class="btn btn-sm btn-info"> 
 | 
                    <i class="fa fa-search "></i> 搜索 
 | 
                </button> 
 | 
                <button type="reset" class="btn btn-sm btn-info "> 
 | 
                    <i class="fa fa-refresh "></i> 重置 
 | 
                </button> 
 | 
            </div> 
 | 
        </form> 
 | 
    </div> 
 | 
    <div class="row mt-10"> 
 | 
        <div id="option-bar"> 
 | 
            <!-- 功能按钮部分 --> 
 | 
        </div> 
 | 
        <!-- 数据表格部分 --> 
 | 
        <table id="mgrid"> 
 | 
            <thead> 
 | 
            <tr> 
 | 
                <th data-formatter="MGrid.indexfn" data-align="center" data-width="30px">序号</th> 
 | 
                <th data-field="projName"  >项目名称</th> 
 | 
                <th data-field="optionType">操作类型</th> 
 | 
                <th data-field="createBy">操作人</th> 
 | 
                <th data-field="createTime" data-formatter="MGrid.getTime" data-sortable="true">操作时间</th> 
 | 
                <th data-field="surplusCount">剩余次数</th> 
 | 
                <th data-field="balance">余额</th> 
 | 
                <th data-field="status">状态</th> 
 | 
                <th data-field="isOver" data-formatter="getYesOrNo">是否使用完成</th> 
 | 
                <th data-field="failTime" data-formatter="MGrid.getTime">有效期</th> 
 | 
                <th data-field="price">单次扣减金额</th> 
 | 
                <th data-field="remark">备注</th> 
 | 
              </tr> 
 | 
            </thead> 
 | 
        </table> 
 | 
        <!-- 数据表格部分end --> 
 | 
    </div> 
 | 
    <div class="form-group "> 
 | 
        <div class="col-sm-12 text-center fixed-button"> 
 | 
            <a class="btn btn-danger radius" href="javascript:;" 
 | 
               onclick="MTools.closeForm()"><i class="fa fa-close"></i> 关闭</a> 
 | 
        </div> 
 | 
    </div> 
 | 
</div> 
 | 
  
 | 
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> 
 | 
<script type="text/javascript" th:inline="javascript" > 
 | 
  
 | 
    //定义表格对象 
 | 
    var myGrid; 
 | 
  
 | 
    $(function () { 
 | 
  
 | 
        //时间 
 | 
        var _initParam = { 
 | 
            format: 'yyyy-mm-dd hh:ii', 
 | 
            todayBtn: true, 
 | 
            autoclose: true, 
 | 
            startView: 2, 
 | 
            maxView: 3, 
 | 
            minView: 0 
 | 
        }; 
 | 
        MTools.ininDatetimepicker(_initParam); 
 | 
        //限制结束时间不小于开始时间 
 | 
        var initParam = { 
 | 
            format: 'yyyy-mm-dd hh:ii', 
 | 
            todayBtn: true, 
 | 
            autoclose: true, 
 | 
            startView: 2, 
 | 
            maxView: 3, 
 | 
            minView: 0 
 | 
        }; 
 | 
        MTools.limitStartEndTime(initParam); 
 | 
  
 | 
        myGrid = MGrid.initGrid({ 
 | 
            url: basePath + "/admin/projUser/findProjUseFlow", 
 | 
            sortName:"createTime", 
 | 
            sortOrder:"desc", 
 | 
        }); 
 | 
    }); 
 | 
  
 | 
    function getYesOrNo(value, row, index){ 
 | 
        switch(value){ 
 | 
            case 'Y': 
 | 
                return "是"; 
 | 
            case 'N': 
 | 
                return "否"; 
 | 
            default: 
 | 
                return value; 
 | 
        } 
 | 
    } 
 | 
  
 | 
</script> 
 | 
  
 | 
</body> 
 | 
</html> 
 |