<!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="input-group">--> 
 | 
<!--                        <div class="btn-group search-list " data-for="search-text">--> 
 | 
<!--                            <button type="button"--> 
 | 
<!--                                class="btn btn-default dropdown-toggle searchlist"--> 
 | 
<!--                                data-toggle="dropdown">--> 
 | 
<!--                                用户姓名 <span class="caret "></span>--> 
 | 
<!--                            </button>--> 
 | 
<!--                            <ul class="dropdown-menu" role="menu">--> 
 | 
<!--                                <li data-field="suName"><a>用户姓名</a></li>--> 
 | 
<!--                                <li data-field="suAccount"><a>账号 </a></li>--> 
 | 
<!--                            </ul>--> 
 | 
<!--                        </div>--> 
 | 
<!--                        <div class="form-group mr-20 ml-20">--> 
 | 
<!--                            <input id="search-text" name="suName" placeholder="输入查询关键词"--> 
 | 
<!--                                type="text" class="form-control">--> 
 | 
<!--                        </div>--> 
 | 
<!--                        <div class="form-group">--> 
 | 
<!--                            <button onclick="myGrid.serchData(1)" type="button"--> 
 | 
<!--                                class="btn btn-info">--> 
 | 
<!--                                <i class="fa fa-search "></i> 搜索--> 
 | 
<!--                            </button>--> 
 | 
<!--                            <button type="reset" class="btn btn-info ">--> 
 | 
<!--                                <i class="fa fa-refresh "></i> 重置--> 
 | 
<!--                            </button>--> 
 | 
<!--                        </div>--> 
 | 
<!--                    </div>--> 
 | 
                </form> 
 | 
            </div> 
 | 
                 
 | 
    <div class="row mt-10" > 
 | 
        <div id="option-bar"> 
 | 
            <!-- 功能按钮部分 --> 
 | 
            <button onclick="openAdd()" type="button" class="btn btn-info btn-sm"><i class="fa fa-add" ></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-align="center" data-formatter="buidOperate" data-field="id">操作</th> 
 | 
                    <th data-field="label" data-align="center">标签内容</th> 
 | 
                    <th data-field="createBy" data-align="center">创建人</th> 
 | 
                    <th data-field="shopName" data-align="center">门店名称</th> 
 | 
                    <th data-field="isAll" data-align="center" data-formatter="isAllFormat">是否所有门店</th> 
 | 
                </tr> 
 | 
            </thead> 
 | 
        </table> 
 | 
    </div> 
 | 
</div> 
 | 
<script type="text/javascript" 
 | 
    th:src="@{/js/systools/MJsBase.js}"></script> 
 | 
    <script type="text/javascript"> 
 | 
         var myGrid; 
 | 
        $(function(){ 
 | 
            var delUrl=""; 
 | 
            delUrl=basePath+"/admin/label/del" ; 
 | 
            myGrid=MGrid.initGrid({ 
 | 
                 url:basePath+"/admin/label/showList", 
 | 
                 delUrl:delUrl, 
 | 
             }); 
 | 
             
 | 
        }); 
 | 
  
 | 
  
 | 
        function del() { 
 | 
            var i = $("#mgrid").bootstrapTable('getSelections').length; 
 | 
            if (i > 1) { 
 | 
                layer.msg("仅可选择一条记录", { 
 | 
                    icon: 5 
 | 
                }); 
 | 
                return false; 
 | 
            } 
 | 
            myGrid.delItems(); 
 | 
        } 
 | 
  
 | 
        function isAllFormat(value) { 
 | 
            if (value == 1) { 
 | 
                return "是" 
 | 
            } else { 
 | 
                return "否"; 
 | 
            } 
 | 
        } 
 | 
  
 | 
         function buidOperate(value, row, index){ 
 | 
            var html = ""; 
 | 
            html += '<div class="btn-group">' 
 | 
                    + '<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">' 
 | 
                    + '操作 <span class="caret"></span>' + '</button>' 
 | 
                    + '<ul class="dropdown-menu" role="menu">' 
 | 
                    + '<li><a href="javascript:void(0)" style="display:' 
 | 
                    + value 
 | 
                    + '"  onClick="lookInfo(\'' 
 | 
                    + value 
 | 
                    + '\')" title="编辑">查看</a></li>' 
 | 
            html += ''; 
 | 
            return html;  
 | 
        }  
 | 
        //打开添加界面 
 | 
        function openAdd() { 
 | 
            layer.open({ 
 | 
                type : 2, 
 | 
                title : "添加标签", 
 | 
                area : [ MUI.SIZE_L, '400px' ], 
 | 
                maxmin : true, 
 | 
                content : [ basePath+'/admin/label/edit'] 
 | 
            });  
 | 
        } 
 | 
    </script> 
 | 
</body> 
 | 
</html> 
 |