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