| <!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="openEdit(\'' | 
|                     + value | 
|                     + '\')" title="编辑">编辑</a></li>' | 
|                     + '<li><a href="javascript:void(0)" style="display:' | 
|                     + value | 
|                     + '" onClick="myGrid.delItem(\'' | 
|                     + value | 
|                     + '\')" title="删除">删除</a></li>' + '</ul>' + '</div>'; | 
|             html += ''; | 
|             return html;  | 
|         }  | 
|         //打开添加界面 | 
|         function openAdd() { | 
|             layer.open({ | 
|                 type : 2, | 
|                 title : "添加标签", | 
|                 area : [ MUI.SIZE_L, '400px' ], | 
|                 maxmin : true, | 
|                 content : [ basePath+'/admin/label/edit'] | 
|             });  | 
|         } | 
|   | 
|          function openEdit(id) { | 
|              layer.open({ | 
|                  type : 2, | 
|                  title : "添加标签", | 
|                  area : [ MUI.SIZE_L, '400px' ], | 
|                  maxmin : true, | 
|                  content : [ basePath+'/admin/label/edit?id=' + id] | 
|              }); | 
|          } | 
|     </script> | 
| </body> | 
| </html> |