| <!DOCTYPE html> | 
| <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> | 
| <head> | 
|     <th:block th:include="include :: header('redis缓存列表')" /> | 
| </head> | 
| <body class="gray-bg"> | 
|      <div class="container-div"> | 
|         <div class="row"> | 
|             <div class="col-sm-12 search-collapse"> | 
|                 <form id="config-form"> | 
|                     <div class="select-list"> | 
|                         <ul> | 
|   | 
|                             <!--<li> | 
|                                 类型:<select  id="cachetype" name="cachetype" > | 
|                                     <option value="0" selected="selected">系统缓存</option> | 
|                                     <option value="1">用户缓存</option> | 
|                                     <option value="2">默认缓存</option> | 
|                                 </select> | 
|                             </li>--> | 
|                             <li> | 
|                                 键名:<input type="text" id="keyContent" name="keyContent"/> | 
|                             </li> | 
|                             <li> | 
|                                 <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a> | 
|                                 <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i> 重置</a> | 
|                             </li> | 
|                         </ul> | 
|                     </div> | 
|                 </form> | 
|             </div> | 
|              | 
|             <div class="btn-group-sm" id="toolbar" role="group"> | 
|             </div> | 
|             <div class="col-sm-12 select-table table-striped"> | 
|                 <table id="bootstrap-table" data-mobile-responsive="true" style="table-layout:fixed"></table> | 
|             </div> | 
|         </div> | 
|     </div> | 
|     <th:block th:include="include :: footer" /> | 
|     <script th:inline="javascript"> | 
|   | 
|         var prefix = ctx + "monitor/redis"; | 
|   | 
|         $(function() { | 
|             var options = { | 
|                 url: prefix + "/list", | 
|                 createUrl: prefix + "/add", | 
|                 modalName: "redis缓存", | 
|                 columns: [{ | 
|                     checkbox: true | 
|                 }, | 
|                 {field: 'key', title: 'KEY'}, | 
|                /* {field: 'value', title: '值', | 
|                     formatter: function(value, row, index) { | 
|                         return $.table.tooltip(value); | 
|                     } | 
|                 },*/ | 
|                 {field: 'type', title: '类型',width:"100px"}, | 
|                 {field: 'ttl', title: 'TTL',width:"100px"}, | 
|                 {title: '操作', align: 'center', formatter: function(value, row, index) { | 
|                         var actions = []; | 
|                         actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="viewInfo(\''+row.key+'\')"><i class="fa fa-edit"></i>查看</a> '); | 
|                         actions.push('<a class="btn btn-danger btn-xs" href="javascript:void(0)" onclick="deleteCache(\''+row.key+'\')"><i class="fa fa-remove"></i>删除</a>'); | 
|                         return actions.join(''); | 
|                     } | 
|                 }] | 
|             }; | 
|             $.table.init(options); | 
|         }); | 
|   | 
|         var deleteCache=function(key){ | 
|             var url=prefix+"/removeCacheByKey" | 
|             var data={key:key}; | 
|             $.operate.submit(url, "post", "json", data); | 
|         } | 
|         function viewInfo(key){ | 
|             var url=prefix+"/viewCacheInfoByKey?key="+key; | 
|             var options = { | 
|                 title: "查看详细信息", | 
|                 url: url, | 
|                 skin: 'layui-layer-gray', | 
|                 btn: ['关闭'], | 
|                 yes: function (index, layero) { | 
|                     layer.close(index); | 
|                 } | 
|             }; | 
|             $.modal.openOptions(options); | 
|         } | 
|   | 
|     </script> | 
| </body> | 
| </html> |