#@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>
		3、数据对象将以“data”的名称传入，可在元素值中通过“data.get("fieldName")”的方式引用某个属性。<br>
		4、附加变量将以“para”的名称传入，可在元素值中通过“para.get("paraName")”的方式引用某个变量。<br>
		5、当进行遍历操作时，会传入“index”变量表示当前的索引值。<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: 'modelId',
				title: '模型ID',
				visible: false
			}, {
				field: 'type',
				title: '元素类型',
				type: 'radio',
				options: [{key:'IMAGE',value:'图片'},{key:'TEXT',value:'文字'}],
				defaultValue: 'TEXT'
			}, {
				field: 'caption',
				title: '元素名称',
				required: true
			}, {
				field: 'value',
				title: '元素值',
				required: true,
				defaultValue: 'data.get("")'
			}, {
				field: 'defaultValue',
				title: '默认值'
			}, {
				field: 'atx',
				title: '水平位置',
				type: 'number',
				defaultValue: 0,
				required: true
			}, {
				field: 'aty',
				title: '垂直位置',
				type: 'number',
				defaultValue: 0,
				required: true
			}, {
				field: 'width',
				title: '宽度',
				type: 'number',
				placeholder: '为空时将自动获取'
			}, {
				field: 'height',
				title: '高度',
				type: 'number',
				placeholder: '为空时将自动获取'
			}, {
				field: 'fontName',
				title: '字体',
				defaultValue: 'Microsoft YaHei'
			}, {
				field: 'fontStyle',
				title: '文字样式',
				type: 'radio',
				options: [{key:0,value:'正常'},{key:1,value:'粗体'},{key:2,value:'斜体'}],
				defaultValue: 0
			}, {
				field: 'fontSize',
				title: '文字大小',
				type: 'number',
				defaultValue: 20
			}, {
				field: 'fontColor',
				title: '文字颜色',
				defaultValue: 'rgb(0, 0, 0)'
			}, {
				field: 'sort',
				title: '层级',
				type: 'number',
				defaultValue: 0
			}
		]
	}).load(#(model));
	
	$('.form-container input[name="fontColor"]').colorpicker({ useAlpha: false });
	
});
</script>
#end