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