#@mgr("机构类型管理")

#define content()
<section class="content container-fluid">
		
	<div class="row">
		<div class="table-container"></div>
	</div>
	
</section>
#end

#define after()
<script>
require(['kit', 'ez-table', 'ez-mask' ], function(Kit, Table, Mask){
	
	var types = #(types);
	
	var mask = Mask({ showed: false }).form({
		title: '编辑机构类型',
		action: ATTR.ctrl + '/formEvent',
		ajax: true,
		columns: [
			{
				field: 'ind',
				title: '索引',
				visible: false
			}, {
				field: 'code',
				title: '类型代码',
				required: true
			}, {
				field: 'caption',
				title: '类型名称',
				required: true
			}, {
				field: 'sort',
				title: '序号',
				type: 'number',
				defaultValue: 0,
				reauired: true
			}
		],
		callback: function(ret, res){
			if(!res.state){
				Mask().alert(res.msg);
			}else{
				mask.hide();
				var type = res.data.type;
				var ind = mask.box.find('.group-ind input').val();
				if(Kit.isEmpty(ind)){
					types.push(type);
					table.load(types);
				}else{
					types.splice(ind, 1, type);
					table.load(types);
				}
			}
		}
	}, {});
	
	var table = Table('.table-container', {
		title: '机构类型',
		nowrap: true,
		columns: [
			{
				field: 'code',
				title: '类型代码',
				align: 'center'
			}, {
				field: 'caption',
				title: '类型名称',
				align: 'center'
			}
		],
		btns: {
			back: { used: false },
			add: {
				used: true,
				click: function(){
					mask.form.getForm()[0].reset();
					mask.form.update({});
					mask.show();
				}
			},
			modify: {
				used: true,
				click: function(){
					var ind = table.getSelectedInd();
					if(ind.length == 0){
						Mask().alert('请选择一条记录');
						return;
					}
					mask.form.getForm()[0].reset();
					var type = types[ind];
					type.ind = ind;
					mask.form.update(type);
					mask.show();
				}
			},
			remove: {
				used: true,
				click: function(){
					var ind = table.getSelectedInd();
					if(ind.length == 0){
						Mask().alert('请选择一条记录');
						return;
					}
					Mask().confirm({
						content: '确定要删除该条记录吗？',
						callback: function(){
							$.get(ATTR.ctrl + '/remove?id=' + types[ind].id, function(){
								types.splice(ind, 1);
								table.load(types);
							});
							return true;
						}
					})
				}
			}
		}
	}).load(types);
	
});
</script>
#end