|
@@ -1,172 +1,175 @@
|
|
|
<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>
|
|
|
+ <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 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">
|
|
|
- <ul class="forminfo">
|
|
|
- <input type="hidden" id="id" class="dfinput fl" name="id" th:value="${posterActivity.id}"/>
|
|
|
-
|
|
|
- <li>
|
|
|
- <label>活动名称: <b>*</b></label>
|
|
|
- <input type="text" id="name" class="dfinput fl" name="name" th:value="${posterActivity.name}" />
|
|
|
- </li>
|
|
|
-
|
|
|
- <li style="margin-bottom:3px">
|
|
|
- <label>海报模板:<b></b></label>
|
|
|
- <div id="posterimgs">
|
|
|
- <img class="imgfff" th:each="item:${templates}" th:data-id="${item.id}" th:src="${imgUrl+item.backImg}">
|
|
|
- </div>
|
|
|
- </li>
|
|
|
-
|
|
|
- <li style="padding-top: 20px">
|
|
|
- <label> </label>
|
|
|
- <button type="submit" onclick="save();" class="btn">提交</button>
|
|
|
- <button type="button" class="btn" onclick="closeWin();">取消</button>
|
|
|
- </li>
|
|
|
-
|
|
|
- </ul>
|
|
|
-
|
|
|
+ <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> </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 (){
|
|
|
- $('#posterimgs img').click(function() {
|
|
|
- // $('#posterimgs img').removeClass('imgred');
|
|
|
- // $('#posterimgs img').addClass('imgfff');
|
|
|
- if($(this).hasClass("imgfff")){
|
|
|
- $(this).removeClass('imgfff');
|
|
|
- $(this).addClass('imgred');
|
|
|
- }else{
|
|
|
- $(this).removeClass('imgred');
|
|
|
- $(this).addClass('imgfff');
|
|
|
- }
|
|
|
-
|
|
|
- });
|
|
|
-})
|
|
|
-
|
|
|
-function closeWin() {
|
|
|
- parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
|
-}
|
|
|
-
|
|
|
-function save(){
|
|
|
-
|
|
|
- if($("#name").val()==''){
|
|
|
- parent.layer.msg("活动名称不能为空",{icon:11});
|
|
|
- return
|
|
|
- }
|
|
|
- var templateId="";
|
|
|
- $('.imgred').each(function(i,n){
|
|
|
- templateId=templateId+$(n).data("id")+",";
|
|
|
- });
|
|
|
- if(templateId.endsWith(",")){
|
|
|
- templateId = templateId.substr(0,templateId.length-1);
|
|
|
+ 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});
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
}
|
|
|
- console.log("templateId--->"+templateId);
|
|
|
- if(templateId=='' || templateId==undefined || templateId=='undefined'){
|
|
|
- parent.layer.msg("活动模板不能为空",{icon:11});
|
|
|
- return
|
|
|
+ function closeWin() {
|
|
|
+ parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
|
}
|
|
|
- parent.layer.confirm("确定保存活动信息?", {
|
|
|
- icon: 4, btn: ['确定','关闭'],offset: '100px' //按钮
|
|
|
- }, function(){
|
|
|
- var url="[[${sysUrl}]]/sys/poster/activity/save";
|
|
|
- var params ={
|
|
|
- 'id' : $("#id").val(),
|
|
|
- 'name' : $("#name").val(),
|
|
|
- 'templateId' : templateId,
|
|
|
- };
|
|
|
- $.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});
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
-}
|
|
|
-
|
|
|
|
|
|
|
|
|
</script>
|