<!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="templateMsg-add"> 
 | 
                    <i class="fa fa-plus"></i> 新增 
 | 
                </button> 
 | 
                <button matrix:btn="templateMsg-edit"  onclick="openEdit()" type="button" class="btn btn-info btn-sm"> 
 | 
                    编辑</button> 
 | 
                <button onclick="batchStartUsing()" type="button" 
 | 
                        class="btn btn-success btn-sm" 
 | 
                        matrix:btn="templateMsg-start"> 
 | 
                    启用 
 | 
                </button> 
 | 
                <button onclick="batchBlockUp()" type="button" 
 | 
                        class="btn btn-success btn-sm" 
 | 
                        matrix:btn="templateMsg-stop"> 
 | 
                    停用 
 | 
                </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="uuid">模板ID</th> 
 | 
                    <th data-field="dicMap.status">是否启用</th> 
 | 
                    <th data-field="dicMap.tempType">模板类型</th> 
 | 
                    <th data-field="remark">备注</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/shopWxtemplateMsg/showList", 
 | 
        }); 
 | 
  
 | 
    }); 
 | 
  
 | 
  
 | 
  
 | 
  
 | 
    //打开添加界面 
 | 
    function openAdd() { 
 | 
        layer.open({ 
 | 
            type: 2, 
 | 
            title: "添加消息模板", 
 | 
            area: [MUI.SIZE_L, '400px'], 
 | 
            maxmin: true, 
 | 
            content: [basePath + '/admin/shopWxtemplateMsg/editForm'] 
 | 
        }); 
 | 
    } 
 | 
  
 | 
    //打开编辑界面 
 | 
    function openEdit() { 
 | 
        var id=myGrid.getSelectItemId(); 
 | 
        layer.open({ 
 | 
            type: 2, 
 | 
            title: "编辑消息模板", 
 | 
            area: [MUI.SIZE_L, '400px'], 
 | 
            maxmin: true, 
 | 
            content: [basePath + '/admin/shopWxtemplateMsg/editForm?id=' + id] 
 | 
        }); 
 | 
    } 
 | 
  
 | 
    //批量启用 
 | 
    function batchStartUsing() { 
 | 
        var key = myGrid.getSelectItemsIds("id") 
 | 
        if (!key) { 
 | 
            layer.msg("请选择您要更新的数据", { 
 | 
                icon: 5 
 | 
            }); 
 | 
            return false; 
 | 
        } 
 | 
        var _this = this; 
 | 
        MTools.handleItem(basePath + "/admin/shopWxtemplateMsg/startUsing" + "?keys=" 
 | 
            + key, "确认要启用这些模板吗?", 
 | 
            function () { 
 | 
                myGrid.serchData() 
 | 
            } 
 | 
        ); 
 | 
    } 
 | 
  
 | 
    //批量停用 
 | 
    function batchBlockUp() { 
 | 
        var key = myGrid.getSelectItemsIds("id") 
 | 
        if (!key) { 
 | 
            layer.msg("请选择您要更新的数据", { 
 | 
                icon: 5 
 | 
            }); 
 | 
            return false; 
 | 
        } 
 | 
        var _this = this; 
 | 
        MTools.handleItem(basePath + "/admin/shopWxtemplateMsg/blockUp" + "?keys=" 
 | 
            + key, "确认要停用这些模板吗?", 
 | 
            function () { 
 | 
                myGrid.serchData() 
 | 
            } 
 | 
        ); 
 | 
    } 
 | 
  
 | 
</script> 
 | 
  
 | 
  
 | 
</body> 
 | 
</html> 
 |