| <!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"> | 
|         <div class="col-md-12 col-xs-12"> | 
|             <!-- 功能按钮部分 --> | 
|             <div class=""> | 
|   | 
|                 <button onclick="openAdd()" type="button" | 
|                         class="btn btn-success btn-sm" | 
|                         matrix:btn="ShopPage-add"> | 
|                     <i class="fa fa-plus"></i> 新增 | 
|                 </button> | 
|                 <button matrix:btn="ShopPage-edit"  onclick="openEdit()" type="button" class="btn btn-info btn-sm"> | 
|                     编辑</button> | 
|                 <button matrix:btn="ShopPage-dels"  onclick="myGrid.delItems('id')" type="button" class="btn btn-danger btn-sm"><i class="fa fa-trash" ></i>批量删除</button> | 
|             </div> | 
|         </div> | 
|         <div class="col-md-12 col-xs-12"> | 
|             <div class="row"> | 
|                 <div class="col-md-11" > | 
|                     <form class="form-inline" id="serchform" > | 
|                         <div class="input-group"> | 
|                             <div class="form-group mr-20"> | 
|                                 <label class="control-label"> 页面名称</label> | 
|                                 <input autocomplete="off"   id="search-text" name="name" type="text" class="form-control"> | 
|                             </div> | 
|                             <div class="form-group mr-20"> | 
|                                 <label class="control-label">启用状态</label> | 
|                                 <select name="status" placehoder="启用状态"  class="form-control " > | 
|                                     <option value="">请选择</option> | 
|                                     <option value="1">启用</option> | 
|                                     <option value="2">停用</option> | 
|                                 </select> | 
|                             </div> | 
|                             <div class="form-group"> | 
|                                 <button onclick="myGrid.serchData(1)" type="button" | 
|                                         class="btn btn-info btn-sm"> | 
|                                     <i class="fa fa-search "></i> 搜索 | 
|                                 </button> | 
|                                 <button type="reset" class="btn btn-info btn-sm"> | 
|                                     <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="name">名称</th> | 
|                     <th data-field="code">页面编码</th> | 
|                     <th data-field="path">页面路径</th> | 
|                     <th data-field="dicMap.pageType" >页面类型</th> | 
|                     <th data-field="remark">备注</th> | 
|                     <th data-field="createTime" >创建时间</th> | 
|                 </tr> | 
|                 </thead> | 
|             </table> | 
|         </div> | 
|     </div> | 
| </div> | 
| <script type="text/javascript" | 
|         th:src="@{/js/systools/MJsBase.js}"></script> | 
| <script type="text/javascript"> | 
|     $(".select2").select2(); | 
|     var myGrid; | 
|     $(function () { | 
|   | 
|         myGrid = MGrid.initGrid({ | 
|             url: basePath + "/admin/shopPage/showList", | 
|             delUrl: basePath+"/admin/shopPage/del" | 
|         }); | 
|   | 
|     }); | 
|   | 
|   | 
|     //打开添加界面 | 
|     function openAdd() { | 
|         layer.open({ | 
|             type: 2, | 
|             title: "添加小程序页面", | 
|             area: [MUI.SIZE_L, '400px'], | 
|             maxmin: true, | 
|             content: [basePath + '/admin/shopPage/editForm'] | 
|         }); | 
|     } | 
|   | 
|     //打开编辑界面 | 
|     function openEdit() { | 
|         var id=myGrid.getSelectItemId(); | 
|         layer.open({ | 
|             type: 2, | 
|             title: "编辑小程序页面", | 
|             area: [MUI.SIZE_L, '400px'], | 
|             maxmin: true, | 
|             content: [basePath + '/admin/shopPage/editForm?id=' + id] | 
|         }); | 
|     } | 
|   | 
|   | 
|   | 
| </script> | 
|   | 
|   | 
| </body> | 
| </html> |