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