#@mgr(attr.getItem("currentMenuName"))

#define content()
<section class="content container-fluid">
	
	#if(msg)
	<div class="alert alert-success alert-dismissible">
	<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
	<p>#(msg)</p></div>
	#end
	
	<div class="form-container"></div>
	
	<blockquote>
		<h5><b>常用参数说明：</b></h5>
		1、满足A4纸横向打印需求的最小尺寸为：1650 * 1180<br>
		2、满足A4纸纵向打印需求的最小尺寸为：1180 * 1650<br>
	</blockquote>
	
</section>
#end

#define after()
<script>
require(['ez-form', 'ez-modal', 'kit', 'colorpicker'], function(Form, Modal, Kit){
	
	var form = Form('.form-container', {
		title: '制图模型管理',
		action: '#(attr.ctrl)/formEvent',
		columns: [
			{
				field: 'groupCode',
				title: '分组别名',
				visible: false
			}, {
				field: 'caption',
				title: '模型名称',
				required: true
			}, {
				field: 'backColor',
				title: '背景颜色',
				defaultValue: 'rgb(255, 255, 255)'
			}, {
				field: 'backImage',
				title: '背景图片',
				type: 'pic'
			}, {
				field: 'width',
				title: '总宽度',
				type: 'number',
				placeholder: '为空时，将跟随背景图片的宽度'
			}, {
				field: 'height',
				title: '总高度',
				type: 'number',
				placeholder: '为空时，将跟随背景图片的高度'
			}
		]
	}).load(#(model));
	
	$('.form-container input[name="backColor"]').colorpicker({ useAlpha: false });
	
});
</script>
#end