| <!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>--> | 
| <!--                <select class="form-control select2 autoFull"--> | 
| <!--                        th:data-url="@{/admin/shopInfo/findShops}"--> | 
| <!--                        data-value="id"--> | 
| <!--                        data-filed="shopName"--> | 
| <!--                        name="shopId" >--> | 
| <!--                    <option value="">--请选择门店--</option>--> | 
| <!--                </select>--> | 
| <!--            </div>--> | 
|   | 
| <!--            <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"> | 
|             <!-- 功能按钮部分 --> | 
|             <button matrix:btn="workTime-add"  onclick="openAdd()" type="button" class="btn btn-info btn-sm"><i class="fa fa-plus" ></i>  新增</button> | 
|             <button matrix:btn="workTime-edit"  onclick="openEdit()" type="button" class="btn btn-info btn-sm"><i class="fa fa-edit" ></i> 编辑</button> | 
|             <button matrix:btn="workTime-dels"  onclick="myGrid.delItems()" type="button" class="btn btn-danger btn-sm"><i class="fa fa-trash" ></i>批量删除</button> | 
|         </div> | 
|         <!-- 数据表格部分 --> | 
|         <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" data-sortable="true" >班次名称</th> | 
|                 <th data-field="shopName" data-sortable="true" >门店名称</th> | 
|                 <th data-field="startTime" data-formatter="MGrid.getTimeHHSS" >开始时间</th> | 
|                 <th data-field="endTime" data-formatter="MGrid.getTimeHHSS" >结束时间</th> | 
|             </tr> | 
|             </thead> | 
|         </table> | 
|         <!-- 数据表格部分end --> | 
|     </div> | 
| </div> | 
|   | 
| <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> | 
| <script type="text/javascript"> | 
|     var myGrid; | 
|     $(".select2").select2({'width':200}); | 
|     $(function(){ | 
|         MTools.autoFullSelect(); | 
|         //有删除权限 | 
|         var delUrl=""; | 
|         delUrl=basePath+"/admin/workTime/del"; | 
|         myGrid=MGrid.initGrid({ | 
|             url:basePath+"/admin/workTime/showList", | 
|             delUrl:delUrl | 
|         }); | 
|     }); | 
|   | 
|     //打开添加界面 | 
|         function openAdd() { | 
|             layer.open({ | 
|                 type : 2, | 
|                 title : "添加班次", | 
|                 area : [ MUI.SIZE_L, '400px' ], | 
|                 content : [ basePath+'/admin/workTime/editForm'] | 
|             }); | 
|         } | 
|         //打开编辑界面 | 
|         function openEdit() { | 
|             var id=myGrid.getSelectItemId(); | 
|             layer.open({ | 
|                 type : 2, | 
|                 title : "编辑班次", | 
|                 area : [ MUI.SIZE_L, '400px' ], | 
|                 maxmin : true, | 
|                 content : [ basePath+'/admin/workTime/editForm?id=' + id] | 
|             }); | 
|         } | 
| </script> | 
|   | 
|   | 
| </body> | 
| </html> |