#@mgr("缓存管理")
#define content()
<section class="content container-fluid">

	<div class="row">
		<div class="col-xs-12">
			<div class="form-container"></div>
			<div class="value-container"></div>
		</div>
	</div>

</section>
#end

#define after()
<script>
require([ 'kit', 'ez-mask', 'ez-form' ], function(Kit, Mask, Form) {

	var form = Form('.form-container', {
		title: '缓存管理',
		action: ATTR.ctrl + '/getData',
		ajax: true,
		columns: [
			{
				field: 'cache',
				title: '缓存区域',
				required: true
			}, {
				field: 'key',
				title: '缓存键名'
			}
		],
		btns: {
			back: { used: false },
			remove: {
				used: true,
				caption: '清除缓存',
				icon: 'fa fa-refresh',
				click: function(){
					var dt = form.getValues();
					Mask().confirm({
						content: '确定要清除该缓存吗？',
						callback: function(){
							$.post(ATTR.ctrl + '/remove', dt, function(res){
								if(res.state) Mask().alert('清除成功！');
							})
							return true;
						}
					});
				}
			}
		},
		callback: function(ret, res){
			if(!res.state){
				Mask().alert('发生错误：' + res.msg);
			}else{
				var val = res.data.val;
				if(Kit.isEmpty(val)) val = '<span class="text-muted">无</span>';
				else val = '<pre>' + val + '</pre>';
				$('.value-container').html(val);
			}
		}
	}).load();

});
</script>
#end

#define before()
<style>
.value-container {
	border: 1px solid #AAA;
	padding: 20px;
	background: #fbfaee;
}
.value-container pre {
	background: transparent;
	border-width: 0;
	padding: 0;
	margin: 0;
}
</style>
#end