<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>私塾家</title>
	<script th:include="sys/common/metaCSS" th:remove="tag"></script>
	<script th:include="sys/common/metaJS" th:remove="tag"></script>
	<script src="sys/js/My97DatePicker/WdatePicker.js" th:src="@{/static/js/city/city.json.js}"></script>
	<script src="sys/js/My97DatePicker/WdatePicker.js" th:src="@{/static/js/city/citySetMe_V.js}"></script>
	<script src="sys/js/My97DatePicker/WdatePicker.js" th:src="@{/static/js/city/Popt.js}"></script>
	<script src="sys/js/My97DatePicker/WdatePicker.js" th:src="@{/static/sys/js/My97DatePicker/WdatePicker.js}"></script>
</head>
<style type="text/css">
	body{min-width:180px;}
	.select1{
		width:100%;
		height: 32px;
		line-height: 32px;
		border-top: solid 1px #a7b5bc;
		border-left: solid 1px #a7b5bc;
		border-right: solid 1px #ced9df;
		border-bottom: solid 1px #ced9df;
		opacity:1;
		margin-bottom: 10px;
	}
	.btn{
		width: 100px;
	}
	label.control-label-error {color: Red;}

	._citys {     background-color: whitesmoke;width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; }
	._citys span { color: #05920a; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #05920a; cursor: pointer; }
	._citys0 { width: 95%; height: 34px; line-height: 34px; display: inline-block; border-bottom: 2px solid #05920a; padding: 0px 5px; font-size:14px; font-weight:bold; margin-left:6px; }
	._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
	._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
	._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 12px; border-radius: 5px; overflow: hidden; }
	._citys1 a:hover { color: #fff; background-color: #05920a; }
	.AreaS { background-color: #05920a !important; color: #fff !important; }
	#school{
		margin-left: 110px;
		padding-bottom: 10px;
	}
	#school span{
		min-width: 25%;
		float: left;
		margin-bottom: 10px;
	}
	.joinseachform li{
		width: 50%;
		margin-right: 0px;
		padding-right: 0px;
	}

	.schoolseachform li{
		width: 50%;
		margin-right: 0px;
		padding-right: 0px;
	}

	dtext{
		color: red;
		cursor: pointer;
	}
	.forminfo li label{
		text-align: right;
		padding-right: 10px
	}
	#posterimgs img{
		width: 120px;

		margin: 10px;
	}

	.imgred{
		border: 1px solid red;
	}

	.imgfff{
		border: 1px solid #fff;
	}

</style>
<body>
<div class="formbody">
	<form id="submitFrom"  method="post">
	<ul class="forminfo">
		<input type="hidden"  class="dfinput fl" name="id" th:value="${template.id}"/>
		<input type="hidden" id="status" class="dfinput fl" name="status" th:value="${template.status}"/>
		<input type="hidden" id="createTime" class="dfinput fl" name="createTime"  th:value="${#calendars.format(template.createTime,'yyyy-MM-dd HH:mm:ss')}"/>
		<input type="hidden" id="fontColor" class="dfinput fl" name="fontColor" th:value="${template.fontColor}"/>

		<li>
			<label>模板名称：	<b>*</b></label>
			<input type="text" id="templateName" class="dfinput fl" name="templateName" th:value="${template.templateName}" />
		</li>

		<li style="margin-bottom:3px">
			<label>模板底图：<b>*</b></label>
			<input type="hidden" id="backImg" name="backImg" th:data-path="${template.backImg}" />
			<plug id="pluguploadid" th:include="sys/common/imgUpload"  th:inline="javascript"  data-bindelem="#backImg" th:data-filepaths="${template.backImg}"  data-type="1" data-maxnum="2"  />
		</li>
		<li>
			<label>底图宽度(px)：</label>
			<input type="text" id="backLength" placeholder="模板底图宽度(px)" class="dfinput fl" name="backLength" th:value="${template.backLength}" />
		</li>

		<li>
			<label>logo1坐标：<b>*</b></label>
			<input type="text" id="logoPosition" placeholder="左边距;上边距" class="dfinput fl" name="logoPosition" th:value="${template.logoPosition}" />
		</li>

		<li>
			<label>logo2坐标：</label>
			<input type="text" id="logoPosition2" placeholder="左边距;上边距" class="dfinput fl" name="logoPosition2" th:value="${template.logoPosition2}" />
		</li>
		<li>
			<label>二维码1坐标：<b>*</b></label>
			<input type="text" id="qrcodePosition1" placeholder="宽;长;左边距;上边距" class="dfinput fl" name="qrcodePosition1" th:value="${template.qrcodePosition1}" />
		</li>

		<li>
			<label>二维码2坐标：</label>
			<input type="text" placeholder="宽;长;左边距;上边距"  id="qrcodePosition2" class="dfinput fl" name="qrcodePosition2" th:value="${template.qrcodePosition2}" />
		</li>

		<li>
			<label>联系人坐标：<b>*</b></label>
			<input type="text" placeholder="左边距;上边距;右边距"  id="numberPosition" class="dfinput fl" name="numberPosition" th:value="${template.numberPosition}" />
		</li>

		<li>
			<label>地址坐标：<b>*</b></label>
			<input placeholder="左边距;上边距;右边距" type="text" id="addressPosition" class="dfinput fl" name="addressPosition" th:value="${template.addressPosition}" />
		</li>

		<li>
			<label>字号(px)：<b>*</b></label>
			<input type="text" id="fontSize" class="dfinput fl" name="fontSize" th:value="${template.fontSize}" />
		</li>


		<li style="padding-top: 20px">
			<label>&nbsp;</label>
			<button type="button" onclick="save();" class="btn">提交</button>
			<button type="button" class="btn" onclick="closeWin();">取消</button>
		</li>

	</ul>
	</form>
</div>

</body>
<script type="text/javascript">

	function save(){
		parent.layer.confirm("确定保存机构?", {
			icon: 4, btn: ['确定','关闭'],offset: '100px' //按钮
		}, function(){
			var url="[[${sysUrl}]]/sys/poster/template/save";
			var params = $("#submitFrom").serialize();
			$.post(url,params,function(data){
				if(data.meta.success){
					parent.layer.msg("保存成功",{icon:1});
					parent.location.reload();
					parent.layer.close(parent.layer.getFrameIndex(window.name));
				}else{
					parent.layer.msg(data.meta.message,{icon:11});
				}
			});
		});
	}
	function  closeWin() {
		parent.layer.close(parent.layer.getFrameIndex(window.name));
	}


</script>
</html>