From 3d2758bdea48ed08a3218513ddd20da0a8a41305 Mon Sep 17 00:00:00 2001
From: dy <1197793912@qq.com>
Date: Thu, 8 Apr 2021 16:51:43 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E7=AE=A1=E7=90=86-?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8F=90=E4=BA=A4=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/resources/templates/activity/info/add.html  | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/sino-activity/src/main/resources/templates/activity/info/add.html b/sino-activity/src/main/resources/templates/activity/info/add.html
index 2da2761cb..123c8fef4 100644
--- a/sino-activity/src/main/resources/templates/activity/info/add.html
+++ b/sino-activity/src/main/resources/templates/activity/info/add.html
@@ -586,7 +586,7 @@
                                                     <input type="file" id="picture" name="actPageConfigUserinfo-bgImg"></span>
                                                 <a href="#" class="btn btn-white fileinput-exists"
                                                    data-dismiss="fileinput">清除</a>
-                                                <input id="pictureval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
+                                                <input id="pictureval" type="hidden" name = "actPageConfigUserinfo-bgImg" value="">
                                             </div>
                                         </div>
 
@@ -756,7 +756,7 @@
                                                     <input type="file" id="shareImg" name="actConfig-shareImg"></span>
                                                 <a href="#" class="btn btn-white fileinput-exists"
                                                    data-dismiss="fileinput">清除</a>
-                                                <input id="shareImgval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
+                                                <input id="shareImgval" type="hidden" name = "actConfig-shareImg" value="">
                                             </div>
                                         </div>
 
@@ -809,7 +809,7 @@
                                                     <input type="file" id="backdropImg" name="actPageConfigSubscribe-bgImg"></span>
                                                 <a href="#" class="btn btn-white fileinput-exists"
                                                    data-dismiss="fileinput">清除</a>
-                                                <input id="backdropImgval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
+                                                <input id="backdropImgval" type="hidden" name = "actPageConfigSubscribe-bgImg" value="">
                                             </div>
                                         </div>
 
@@ -827,7 +827,7 @@
                                                     <input type="file" id="qrCodeImg" name="actPageConfigSubscribe-bgImg2"></span>
                                                 <a href="#" class="btn btn-white fileinput-exists"
                                                    data-dismiss="fileinput">清除</a>
-                                                <input id="qrCodeImgval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
+                                                <input id="qrCodeImgval" type="hidden" name = "actPageConfigSubscribe-bgImg2" value="">
                                             </div>
                                         </div>
 
@@ -1196,7 +1196,7 @@
            reader.onload = function (e) {
                //$('#prevImg').attr('src', e.target.result);
                $("#shareImgPic").attr("src", e.target.result);
-               $("#shareImgPicval").val(e.target.result);
+               $("#shareImgval").val(e.target.result);
                //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
            }
 
@@ -1235,7 +1235,7 @@
             reader.onload = function (e) {
                 //$('#prevImg').attr('src', e.target.result);
                 $("#imgPri").attr("src", e.target.result);
-                $("#imgPrival").val(e.target.result);
+                $("#pictureval").val(e.target.result);
                 //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
             }
 

From 42cb8fa52eed657652a9ac51526b0c3f2ea7f1eb Mon Sep 17 00:00:00 2001
From: dy <1197793912@qq.com>
Date: Thu, 8 Apr 2021 17:01:23 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E7=AE=A1=E7=90=86-?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/activity/info/add.html          | 977 +++++++++---------
 1 file changed, 517 insertions(+), 460 deletions(-)

diff --git a/sino-activity/src/main/resources/templates/activity/info/add.html b/sino-activity/src/main/resources/templates/activity/info/add.html
index 123c8fef4..4cbbb8584 100644
--- a/sino-activity/src/main/resources/templates/activity/info/add.html
+++ b/sino-activity/src/main/resources/templates/activity/info/add.html
@@ -67,13 +67,16 @@
         left: 0px;
         width: 100%;
     }
-    .btnSelect{
+
+    .btnSelect {
         cursor: pointer;
         background-color: #4CAF50;
-        color: white;padding: 15px 32px;
+        color: white;
+        padding: 15px 32px;
         display: inline-block;
         font-size: 15px;
     }
+
     /* 配置收集信息*/
     .drawTotalPri {
         text-align: center;
@@ -84,7 +87,8 @@
         color: #F00;
         width: 100%;
     }
-    .drawDescribePri{
+
+    .drawDescribePri {
         text-align: center;
         position: absolute;
         top: 25%;
@@ -93,7 +97,8 @@
         color: #F00;
         width: 100%;
     }
-    .drawTextPri{
+
+    .drawTextPri {
         text-align: center;
         position: absolute;
         top: 50%;
@@ -102,7 +107,8 @@
         color: #F00;
         width: 100%;
     }
-    .drawText2Pri{
+
+    .drawText2Pri {
         text-align: center;
         position: absolute;
         top: 55%;
@@ -111,15 +117,17 @@
         color: #F00;
         width: 80%;
     }
-    .drawText3Pri{
-          text-align: center;
-          position: absolute;
-          top: 60%;
-          font-size: 20px;
-          left: 0;
-          color: #F00;
-          width: 100%;
-      }
+
+    .drawText3Pri {
+        text-align: center;
+        position: absolute;
+        top: 60%;
+        font-size: 20px;
+        left: 0;
+        color: #F00;
+        width: 100%;
+    }
+
     .drawbtnPri {
         text-align: center;
         position: absolute;
@@ -130,7 +138,7 @@
         width: 100%;
     }
 
-   /* 配置分享信息*/
+    /* 配置分享信息*/
     .drawShareTitlePri {
         text-align: center;
         position: absolute;
@@ -150,17 +158,18 @@
         color: #F00;
         width: 100%;
     }
-    .drawShareImgPic {
-           text-align: center;
-           position: absolute;
-           top: 50%;
-           font-size: 37px;
-           left: 35%;
-           color: #F00;
-           width: 100%;
-       }
 
-    .drawShareImg2Pic{
+    .drawShareImgPic {
+        text-align: center;
+        position: absolute;
+        top: 50%;
+        font-size: 37px;
+        left: 35%;
+        color: #F00;
+        width: 100%;
+    }
+
+    .drawShareImg2Pic {
         text-align: center;
         position: absolute;
         top: 40%;
@@ -169,11 +178,11 @@
         color: #F00;
         width: 100%;
     }
+
     /* 关注二维码*/
 
 
-
-    .drawCodeImgPic{
+    .drawCodeImgPic {
         text-align: center;
         position: absolute;
         top: 50%;
@@ -182,7 +191,8 @@
         color: #F00;
         width: 100%;
     }
-    .drawQrCodePri{
+
+    .drawQrCodePri {
         text-align: center;
         position: absolute;
         top: 70%;
@@ -193,7 +203,6 @@
     }
 
 
-
 </style>
 <body class="white-bg">
 <div class="wrapper wrapper-content animated fadeInRight ibox-content">
@@ -201,7 +210,7 @@
 
         <div id="smartwizard">
             <ul class="nav">
-              <li class="nav-item">
+                <li class="nav-item">
                     <a class="nav-link" href="#step-1"> 基本信息 </a>
                 </li>
                 <li class="nav-item">
@@ -224,7 +233,7 @@
                 </li>
             </ul>
             <div class="tab-content" style="height: 610px;">
-           <div id="step-1" class="tab-pane" role="tabpanel" aria-labelledby="step-1">
+                <div id="step-1" class="tab-pane" role="tabpanel" aria-labelledby="step-1">
                     <div>
                         <form class="form form-horizontal m-t">
                             <h4 class="form-header h4">第1步-基本信息</h4>
@@ -233,7 +242,8 @@
                                     <div class="form-group">
                                         <label class="col-sm-4 control-label is-required">活动名称：</label>
                                         <div class="col-sm-8">
-                                            <input name="drawInfo-drawname" placeholder="活动名称"  class="form-control" type="text" maxlength="30">
+                                            <input name="drawInfo-drawname" placeholder="活动名称" class="form-control"
+                                                   type="text" maxlength="30">
                                         </div>
                                     </div>
                                 </div>
@@ -241,8 +251,10 @@
                                     <div class="form-group">
                                         <label class="col-sm-4 control-label is-required">状态：</label>
                                         <div class="col-sm-8">
-                                            <select name="drawInfo-status" class="form-control" th:with="type=${@dict.getType('start_stop')}">
-                                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"  ></option>
+                                            <select name="drawInfo-status" class="form-control"
+                                                    th:with="type=${@dict.getType('start_stop')}">
+                                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
+                                                        th:value="${dict.dictValue}"></option>
                                             </select>
                                         </div>
                                     </div>
@@ -253,8 +265,10 @@
                                     <div class="form-group">
                                         <label class="col-sm-4 control-label is-required">消耗对象：</label>
                                         <div class="col-sm-8">
-                                            <select name="drawInfo-expeno" class="form-control" th:with="type=${@dict.getType('expeType')}">
-                                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" ></option>
+                                            <select name="drawInfo-expeno" class="form-control"
+                                                    th:with="type=${@dict.getType('expeType')}">
+                                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
+                                                        th:value="${dict.dictValue}"></option>
                                             </select>
                                         </div>
                                     </div>
@@ -263,7 +277,8 @@
                                     <div class="form-group">
                                         <label class="col-sm-4 control-label is-required">消耗价值：</label>
                                         <div class="col-sm-8">
-                                            <input name="drawInfo-expenovalue"  placeholder="消耗价值" class="form-control" type="text" maxlength="30">
+                                            <input name="drawInfo-expenovalue" placeholder="消耗价值" class="form-control"
+                                                   type="text" maxlength="30">
                                         </div>
                                     </div>
                                 </div>
@@ -274,7 +289,8 @@
                                         <label class="col-sm-4 control-label is-required">开始时间：</label>
                                         <div class="col-sm-8">
                                             <div class="input-group date">
-                                                <input name="drawInfo-starttime"  class="form-control" placeholder="yyyy-MM-dd HH:mm:ss" type="text">
+                                                <input name="drawInfo-starttime" class="form-control"
+                                                       placeholder="yyyy-MM-dd HH:mm:ss" type="text">
                                                 <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                             </div>
                                         </div>
@@ -285,7 +301,8 @@
                                         <label class="col-sm-4 control-label is-required">结束时间：</label>
                                         <div class="col-sm-8">
                                             <div class="input-group date">
-                                                <input name="drawInfo-endtime"  class="form-control" placeholder="yyyy-MM-dd HH:mm:ss" type="text">
+                                                <input name="drawInfo-endtime" class="form-control"
+                                                       placeholder="yyyy-MM-dd HH:mm:ss" type="text">
                                                 <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                             </div>
                                         </div>
@@ -297,130 +314,136 @@
                 </div>
                 <div id="step-2" class="tab-pane" role="tabpanel" aria-labelledby="step-2">
                     <div>
-                            <h4 class="form-header h4">第2步-选择UI模板</h4>
-                            <div th:with="type=${@dict.getType('activityTemplate')}">
-                                <a class="btn  btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
-                            </div>
-                            <h4 class="form-header h4">字典表显示字段</h4>
-                            <img src="../../img/1.jpg" width="104" height="142">
+                        <h4 class="form-header h4">第2步-选择UI模板</h4>
+                        <div th:with="type=${@dict.getType('activityTemplate')}">
+                            <a class="btn  btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}"
+                               th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
+                        </div>
+                        <h4 class="form-header h4">字典表显示字段</h4>
+                        <img src="../../img/1.jpg" width="104" height="142">
                     </div>
                 </div>
                 <div id="step-3" class="tab-pane" role="tabpanel" aria-labelledby="step-3">
                     <div style="height: 610px">
-                            <div class="leftarea">
-                                <h4 class="form-header h4">第3步-配置展现内容</h4>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">活动标题：</label>
-                                            <div class="col-sm-8">
-                                                <input id="actTitle" name="actPageConfigGuide-actTitle" placeholder="活动名称"
-                                                       class="form-control" type="text"
-                                                       maxlength="30" onkeyup="updatePic(this)">
-                                            </div>
+                        <div class="leftarea">
+                            <h4 class="form-header h4">第3步-配置展现内容</h4>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">活动标题：</label>
+                                        <div class="col-sm-8">
+                                            <input id="actTitle" name="actPageConfigGuide-actTitle" placeholder="活动名称"
+                                                   class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePic(this)">
                                         </div>
                                     </div>
                                 </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">活动描述：</label>
-                                            <div class="col-sm-8">
-                                                <input id="actDesc" name="actPageConfigGuide-actDesc" placeholder="活动描述"
-                                                       class="form-control" type="text"
-                                                       maxlength="30" onkeyup="updatePic(this)">
-                                            </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">活动描述：</label>
+                                        <div class="col-sm-8">
+                                            <input id="actDesc" name="actPageConfigGuide-actDesc" placeholder="活动描述"
+                                                   class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePic(this)">
                                         </div>
                                     </div>
                                 </div>
-                                <div class="row">
+                            </div>
+                            <div class="row">
 
-                                    <div class="col-sm-6">
-                                        <label class="col-sm-4 control-label is-required">背景图片：</label>
+                                <div class="col-sm-6">
+                                    <label class="col-sm-4 control-label is-required">背景图片：</label>
 
-                                        <div class="fileinput fileinput-new" data-provides="fileinput">
-                                            <div class="fileinput-preview thumbnail" data-trigger="fileinput"
-                                                 style="width: 200px; height: 150px;"></div>
-                                            <div>
+                                    <div class="fileinput fileinput-new" data-provides="fileinput">
+                                        <div class="fileinput-preview thumbnail" data-trigger="fileinput"
+                                             style="width: 200px; height: 150px;"></div>
+                                        <div>
                                                 <span class="btn btn-white btn-file"><span
                                                         class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
                                                     <input type="file" id="pic" name="actPageConfigGuide-bgImg"></span>
-                                                <a href="#" class="btn btn-white fileinput-exists"
-                                                   data-dismiss="fileinput">清除</a>
-                                            </div>
-                                        </div>
-                                        <input id="picval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">自定义按钮1：</label>
-                                            <div class="col-sm-8">
-                                                <input id="btn1" name="actPageConfigGuide-btnText" placeholder="自定义按钮1" class="form-control"
-                                                       type="text"
-                                                       maxlength="30" onkeyup="updatePic(this)">
-                                            </div>
+                                            <a href="#" class="btn btn-white fileinput-exists"
+                                               data-dismiss="fileinput">清除</a>
                                         </div>
                                     </div>
+                                    <input id="picval" type="hidden" name="actPageConfigGuide-bgImg" value="">
                                 </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">按钮1跳转链接：</label>
-                                            <div class="col-sm-8">
-                                                <input name="actPageConfigGuide-btnLink" placeholder="按钮1跳转链接" class="form-control"
-                                                       type="text"
-                                                       maxlength="30">
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">自定义按钮2：</label>
-                                            <div class="col-sm-8">
-                                                <input id="btn2" name="actPageConfigGuide-btnText2" placeholder="自定义按钮2" class="form-control" type="text"
-                                                       maxlength="30" onkeyup="updatePic(this)">
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">按钮2跳转链接：</label>
-                                            <div class="col-sm-8">
-                                                <input name="actPageConfigGuide-btnLink2" placeholder="按钮2跳转链接" class="form-control"
-                                                       type="text"
-                                                       maxlength="30">
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-
                             </div>
-                            <div class="rightarea">
-                                <h4 class="form-header h4">效果图</h4>
-                                <div style="position: relative;text-align:center">
-                                    <img id="imgPic" src="../../img/1.jpg" width="380" height="500">
-                                    <span class="drawNamePic" id="actTitlePic">活动标题</span>
-                                    <span class="drawDescribePic" id="actDescPic">活动描述</span>
-                                    <span class="drawbtnPic">
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">自定义按钮1：</label>
+                                        <div class="col-sm-8">
+                                            <input id="btn1" name="actPageConfigGuide-btnText" placeholder="自定义按钮1"
+                                                   class="form-control"
+                                                   type="text"
+                                                   maxlength="30" onkeyup="updatePic(this)">
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">按钮1跳转链接：</label>
+                                        <div class="col-sm-8">
+                                            <input name="actPageConfigGuide-btnLink" placeholder="按钮1跳转链接"
+                                                   class="form-control"
+                                                   type="text"
+                                                   maxlength="30">
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">自定义按钮2：</label>
+                                        <div class="col-sm-8">
+                                            <input id="btn2" name="actPageConfigGuide-btnText2" placeholder="自定义按钮2"
+                                                   class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePic(this)">
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">按钮2跳转链接：</label>
+                                        <div class="col-sm-8">
+                                            <input name="actPageConfigGuide-btnLink2" placeholder="按钮2跳转链接"
+                                                   class="form-control"
+                                                   type="text"
+                                                   maxlength="30">
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="rightarea">
+                            <h4 class="form-header h4">效果图</h4>
+                            <div style="position: relative;text-align:center">
+                                <img id="imgPic" src="../../img/1.jpg" width="380" height="500">
+                                <span class="drawNamePic" id="actTitlePic">活动标题</span>
+                                <span class="drawDescribePic" id="actDescPic">活动描述</span>
+                                <span class="drawbtnPic">
                                         <a id="btn1Pic" class="btn btn-success btn-xs ">自定义按钮1</a>
                                     </span>
-                                    <span class="drawbtnPic2">
+                                <span class="drawbtnPic2">
                                         <a id="btn2Pic" class="btn btn-success btn-xs ">自定义按钮2</a>
                                     </span>
-                                </div>
                             </div>
+                        </div>
                     </div>
                 </div>
                 <div id="step-4" class="tab-pane" role="tabpanel" aria-labelledby="step-4">
                     <h4 class="form-header h4">第4步-选择玩法</h4>
                     <div th:with="type=${@dict.getType('activityPlay')}">
-                        <a class="btn  btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
+                        <a class="btn  btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}"
+                           th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
                     </div>
                     <img src="../../img/1.jpg" width="104" height="142">
                     <h4 class="form-header h4">活动规则</h4>
@@ -429,7 +452,8 @@
                             <div class="form-group">
                                 <label class="col-sm-4 control-label is-required">首次中奖配置：</label>
                                 <div class="col-sm-8">
-                                    <select name="drawRule-firstflag" id="FIRSTFLAG" onchange="firstflag()" class="form-control"
+                                    <select name="drawRule-firstflag" id="FIRSTFLAG" onchange="firstflag()"
+                                            class="form-control"
                                             th:with="type=${@dict.getType('is_boolean')}">
                                         <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
                                                 th:value="${dict.dictValue}"></option>
@@ -441,7 +465,8 @@
                             <div class="form-group">
                                 <label class="col-sm-4 control-label is-required">首次中奖奖品：</label>
                                 <div class="col-sm-8">
-                                    <select name="drawRule-firstawardprize" class="form-control" id="firstawardprize" disabled>
+                                    <select name="drawRule-firstawardprize" class="form-control" id="firstawardprize"
+                                            disabled>
                                     </select>
                                 </div>
                             </div>
@@ -453,7 +478,8 @@
                             <div class="form-group">
                                 <label class="col-sm-4 control-label is-required">时间段抽奖配置：</label>
                                 <div class="col-sm-8">
-                                    <select name="drawRule-dailyflag" id="DAILYFLAG" onchange="dailyflag()" class="form-control"
+                                    <select name="drawRule-dailyflag" id="DAILYFLAG" onchange="dailyflag()"
+                                            class="form-control"
                                             th:with="type=${@dict.getType('is_boolean')}">
                                         <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
                                                 th:value="${dict.dictValue}"></option>
@@ -516,7 +542,8 @@
                             <div class="form-group">
                                 <label class="col-sm-4 control-label is-required">抽奖必中计数：</label>
                                 <div class="col-sm-8">
-                                    <input name="drawRule-willdrawawardnumber" id="willdrawawardnumber" placeholder="抽奖必中计数"
+                                    <input name="drawRule-willdrawawardnumber" id="willdrawawardnumber"
+                                           placeholder="抽奖必中计数"
                                            class="form-control" type="text" maxlength="30" disabled>
                                 </div>
                             </div>
@@ -528,7 +555,8 @@
                             <div class="form-group">
                                 <label class="col-sm-4 control-label is-required">抽奖必中奖品：</label>
                                 <div class="col-sm-8">
-                                    <select name="drawRule-willdrawawardprize" class="form-control" id="willdrawawardprize"
+                                    <select name="drawRule-willdrawawardprize" class="form-control"
+                                            id="willdrawawardprize"
                                             disabled>
                                     </select>
                                 </div>
@@ -538,314 +566,336 @@
                 </div>
                 <div id="step-5" class="tab-pane" role="tabpanel" aria-labelledby="step-5">
                     <div style="height: 610px">
-                            <div class="leftarea">
-                                <h4 class="form-header h4">第五步-配置收集信息</h4>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">标题：</label>
-                                            <div class="col-sm-8">
-                                                <input id="title" name="actPageConfigUserinfo-title" placeholder="例如：客户姓名" class="form-control" type="text"
-                                                       maxlength="30" onkeyup="updatePri(this)">
-                                            </div>
+                        <div class="leftarea">
+                            <h4 class="form-header h4">第五步-配置收集信息</h4>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">标题：</label>
+                                        <div class="col-sm-8">
+                                            <input id="title" name="actPageConfigUserinfo-title" placeholder="例如：客户姓名"
+                                                   class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePri(this)">
                                         </div>
                                     </div>
                                 </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">描述：</label>
-                                            <div class="col-sm-8">
-                                                <input id="describe" name="actPageConfigUserinfo-description" placeholder="例如：客户手机号" class="form-control" type="text"
-                                                       maxlength="30" onkeyup="updatePri(this)">
-                                            </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">描述：</label>
+                                        <div class="col-sm-8">
+                                            <input id="describe" name="actPageConfigUserinfo-description"
+                                                   placeholder="例如：客户手机号" class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePri(this)">
                                         </div>
                                     </div>
                                 </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">协议内容：</label>
-                                            <div class="col-sm-8">
-                                                <input id="agreement" name="actPageConfigUserinfo-agreement"  height="100px"  class="form-control" type="text"
-                                                       maxlength="30" onkeyup="updatePri(this)">
-                                            </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">协议内容：</label>
+                                        <div class="col-sm-8">
+                                            <input id="agreement" name="actPageConfigUserinfo-agreement" height="100px"
+                                                   class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePri(this)">
                                         </div>
                                     </div>
                                 </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <label class="col-sm-4 control-label is-required">背景图片：</label>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <label class="col-sm-4 control-label is-required">背景图片：</label>
 
-                                        <div class="fileinput fileinput-new" data-provides="fileinput">
-                                            <div class="fileinput-preview thumbnail" data-trigger="fileinput"
-                                                 style="width: 200px; height: 150px;"></div>
-                                            <div>
+                                    <div class="fileinput fileinput-new" data-provides="fileinput">
+                                        <div class="fileinput-preview thumbnail" data-trigger="fileinput"
+                                             style="width: 200px; height: 150px;"></div>
+                                        <div>
                                                 <span class="btn btn-white btn-file"><span
                                                         class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
                                                     <input type="file" id="picture" name="actPageConfigUserinfo-bgImg"></span>
-                                                <a href="#" class="btn btn-white fileinput-exists"
-                                                   data-dismiss="fileinput">清除</a>
-                                                <input id="pictureval" type="hidden" name = "actPageConfigUserinfo-bgImg" value="">
-                                            </div>
+                                            <a href="#" class="btn btn-white fileinput-exists"
+                                               data-dismiss="fileinput">清除</a>
+                                            <input id="pictureval" type="hidden" name="actPageConfigUserinfo-bgImg"
+                                                   value="">
                                         </div>
+                                    </div>
 
-                                    </div>
                                 </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">自定义按钮：</label>
-                                            <div class="col-sm-8">
-                                                <input id="btn" name="actPageConfigUserinfo-btnText" placeholder="自定义按钮" class="form-control" type="text"
-                                                       maxlength="30" onkeyup="updatePri(this)">
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">按钮跳转链接：</label>
-                                            <div class="col-sm-8">
-                                                <input  name="actPageConfigUserinfo-btnLink" placeholder="按钮跳转链接" class="form-control" type="text"
-                                                        maxlength="30" onkeyup="updatePri(this)" >
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">客户必填信息：</label>
-                                            <div class="col-sm-8">
-                                                <label class="checkbox-inline">
-                                                    <input type="checkbox" name="actPageConfigUserinfo-userName"   id="name" onclick="updateText(this)">姓名</input>
-                                                </label>
-                                                <label class="checkbox-inline">
-                                                    <input type="checkbox" name="actPageConfigUserinfo-phone"   id="phone" onclick="updateText(this)">手机号</input>
-                                                </label>
-                                                <label class="checkbox-inline">
-                                                    <input type="checkbox" name="actPageConfigUserinfo-gender"  id="sex"  onclick="updateText(this)">性别</input>
-                                                </label>
-                                                <label class="checkbox-inline">
-                                                    <input type="checkbox" name="actPageConfigUserinfo-address" id="address"   onclick="updateText(this)">地址</input>
-                                                </label>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label ">代理人信息：</label>
-                                            <div class="col-sm-8">
-                                                <label class="checkbox-inline">
-                                                    <input type="checkbox" name="actPageConfigUserinfo-agentName"   id="agentName" onclick="updateText(this)">代理人姓名</input>
-                                                </label>
-                                                <label class="checkbox-inline">
-                                                    <input type="checkbox" name="actPageConfigUserinfo-agentMobile"   id="agentPhone" onclick="updateText(this)">代理人手机号</input>
-                                                </label>
-                                                <label class="checkbox-inline">
-                                                    <input type="checkbox" name="actPageConfigUserinfo-agentGender"  id="agentSex"  onclick="updateText(this)">代理人性别</input>
-                                                </label>
-                                                <label class="checkbox-inline">
-                                                    <input type="checkbox" name="actPageConfigUserinfo-agentNo" id="agentNumber"   onclick="updateText(this)">代理人工号</input>
-                                                </label>
-                                            </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">自定义按钮：</label>
+                                        <div class="col-sm-8">
+                                            <input id="btn" name="actPageConfigUserinfo-btnText" placeholder="自定义按钮"
+                                                   class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePri(this)">
                                         </div>
                                     </div>
                                 </div>
                             </div>
-
-
-                            <div class="rightarea">
-                                <h4 class="form-header h4">效果图</h4>
-                                <div style="position: relative;text-align:center">
-                                    <img id="imgPri" src="../../img/shj.jpg" width="380" height="500">
-                                    <span class="drawTotalPri" id="titlePri">标题</span>
-                                    <span class="drawDescribePri" id="describePri">描述</span>
-                                    <span class="drawTextPri">请填写您的基本信息</span>
-                                    <div class="drawText2Pri">
-                                        <input type="checkbox">
-                                        <span id="agreementPri">信息页文本协议提示</span>
-                                    </div>
-
-                                    <div class="drawText3Pri">
-                                        <div>
-                                            <input placeholder="姓名"  type="hidden" id="namePri">
-                                        </div>
-                                        <div>
-                                            <input placeholder="手机号"   type="hidden" id="phonePri">
-                                        </div>
-                                        <div>
-                                            <input placeholder="性别"  height="10px" type="hidden" id="sexPri">
-                                        </div>
-                                        <div>
-                                            <input placeholder="地址"  type="hidden" id="addressPri">
-                                        </div>
-                                        <div>
-                                            <input placeholder="代理人姓名"   type="hidden" id="agentNamePri">
-                                        </div>
-                                        <div>
-                                            <input placeholder="代理人手机号"   type="hidden" id="agentPhonePri">
-                                        </div>
-                                        <div>
-                                            <input placeholder="代理人性别"  type="hidden" id="agentSexPri">
-                                        </div>
-                                        <div>
-                                            <input placeholder="代理人地址"  type="hidden" id="agentNumberPri">
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">按钮跳转链接：</label>
+                                        <div class="col-sm-8">
+                                            <input name="actPageConfigUserinfo-btnLink" placeholder="按钮跳转链接"
+                                                   class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePri(this)">
                                         </div>
                                     </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">客户必填信息：</label>
+                                        <div class="col-sm-8">
+                                            <label class="checkbox-inline">
+                                                <input type="checkbox" name="actPageConfigUserinfo-userName" id="name"
+                                                       onclick="updateText(this)">姓名</input>
+                                            </label>
+                                            <label class="checkbox-inline">
+                                                <input type="checkbox" name="actPageConfigUserinfo-phone" id="phone"
+                                                       onclick="updateText(this)">手机号</input>
+                                            </label>
+                                            <label class="checkbox-inline">
+                                                <input type="checkbox" name="actPageConfigUserinfo-gender" id="sex"
+                                                       onclick="updateText(this)">性别</input>
+                                            </label>
+                                            <label class="checkbox-inline">
+                                                <input type="checkbox" name="actPageConfigUserinfo-address" id="address"
+                                                       onclick="updateText(this)">地址</input>
+                                            </label>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label ">代理人信息：</label>
+                                        <div class="col-sm-8">
+                                            <label class="checkbox-inline">
+                                                <input type="checkbox" name="actPageConfigUserinfo-agentName"
+                                                       id="agentName" onclick="updateText(this)">代理人姓名</input>
+                                            </label>
+                                            <label class="checkbox-inline">
+                                                <input type="checkbox" name="actPageConfigUserinfo-agentMobile"
+                                                       id="agentPhone" onclick="updateText(this)">代理人手机号</input>
+                                            </label>
+                                            <label class="checkbox-inline">
+                                                <input type="checkbox" name="actPageConfigUserinfo-agentGender"
+                                                       id="agentSex" onclick="updateText(this)">代理人性别</input>
+                                            </label>
+                                            <label class="checkbox-inline">
+                                                <input type="checkbox" name="actPageConfigUserinfo-agentNo"
+                                                       id="agentNumber" onclick="updateText(this)">代理人工号</input>
+                                            </label>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
 
-                                    <span class="drawbtnPri">
+
+                        <div class="rightarea">
+                            <h4 class="form-header h4">效果图</h4>
+                            <div style="position: relative;text-align:center">
+                                <img id="imgPri" src="../../img/shj.jpg" width="380" height="500">
+                                <span class="drawTotalPri" id="titlePri">标题</span>
+                                <span class="drawDescribePri" id="describePri">描述</span>
+                                <span class="drawTextPri">请填写您的基本信息</span>
+                                <div class="drawText2Pri">
+                                    <input type="checkbox">
+                                    <span id="agreementPri">信息页文本协议提示</span>
+                                </div>
+
+                                <div class="drawText3Pri">
+                                    <div>
+                                        <input placeholder="姓名" type="hidden" id="namePri">
+                                    </div>
+                                    <div>
+                                        <input placeholder="手机号" type="hidden" id="phonePri">
+                                    </div>
+                                    <div>
+                                        <input placeholder="性别" height="10px" type="hidden" id="sexPri">
+                                    </div>
+                                    <div>
+                                        <input placeholder="地址" type="hidden" id="addressPri">
+                                    </div>
+                                    <div>
+                                        <input placeholder="代理人姓名" type="hidden" id="agentNamePri">
+                                    </div>
+                                    <div>
+                                        <input placeholder="代理人手机号" type="hidden" id="agentPhonePri">
+                                    </div>
+                                    <div>
+                                        <input placeholder="代理人性别" type="hidden" id="agentSexPri">
+                                    </div>
+                                    <div>
+                                        <input placeholder="代理人地址" type="hidden" id="agentNumberPri">
+                                    </div>
+                                </div>
+
+                                <span class="drawbtnPri">
                                     <a id="btnPri" class="btn btn-success btn-xs ">自定义按钮</a>
                                     </span>
-                                </div>
                             </div>
+                        </div>
 
                     </div>
                 </div>
                 <div id="step-6" class="tab-pane" role="tabpanel" aria-labelledby="step-6">
                     <div style="height: 610px">
-                            <div class="leftarea">
-                                <h4 class="form-header h4">第六步-配置分享信息</h4>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">分享连接：</label>
-                                            <div class="col-sm-8">
-                                                <input id="shareConnect" name="actConfig-shareLink" placeholder="例如：http://XX" class="form-control" type="text"
-                                                       maxlength="30" onkeyup="updatePri(this)">
-                                            </div>
+                        <div class="leftarea">
+                            <h4 class="form-header h4">第六步-配置分享信息</h4>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">分享连接：</label>
+                                        <div class="col-sm-8">
+                                            <input id="shareConnect" name="actConfig-shareLink"
+                                                   placeholder="例如：http://XX" class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePri(this)">
                                         </div>
                                     </div>
                                 </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">分享标题：</label>
-                                            <div class="col-sm-8">
-                                                <input id="shareTitle" name="actConfig-shareTitle" placeholder="例如：2021XX客户节" class="form-control" type="text"
-                                                       maxlength="30" onkeyup="updatePri(this)">
-                                            </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">分享标题：</label>
+                                        <div class="col-sm-8">
+                                            <input id="shareTitle" name="actConfig-shareTitle"
+                                                   placeholder="例如：2021XX客户节" class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePri(this)">
                                         </div>
                                     </div>
                                 </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">分享描述：</label>
-                                            <div class="col-sm-8">
-                                                <input id="shareDescribe" name="actConfig-shareDesc" placeholder="例如：参与活动，赢大奖" class="form-control" type="text"
-                                                       maxlength="30" onkeyup="updatePri(this)">
-                                            </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">分享描述：</label>
+                                        <div class="col-sm-8">
+                                            <input id="shareDescribe" name="actConfig-shareDesc"
+                                                   placeholder="例如：参与活动，赢大奖" class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePri(this)">
                                         </div>
                                     </div>
                                 </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <label class="col-sm-4 control-label is-required">分享图片：</label>
+                            </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <label class="col-sm-4 control-label is-required">分享图片：</label>
 
-                                        <div class="fileinput fileinput-new" data-provides="fileinput">
-                                            <div class="fileinput-preview thumbnail" data-trigger="fileinput"
-                                                 style="width: 200px; height: 150px;"></div>
-                                            <div>
+                                    <div class="fileinput fileinput-new" data-provides="fileinput">
+                                        <div class="fileinput-preview thumbnail" data-trigger="fileinput"
+                                             style="width: 200px; height: 150px;"></div>
+                                        <div>
                                                 <span class="btn btn-white btn-file"><span
                                                         class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
                                                     <input type="file" id="shareImg" name="actConfig-shareImg"></span>
-                                                <a href="#" class="btn btn-white fileinput-exists"
-                                                   data-dismiss="fileinput">清除</a>
-                                                <input id="shareImgval" type="hidden" name = "actConfig-shareImg" value="">
-                                            </div>
+                                            <a href="#" class="btn btn-white fileinput-exists"
+                                               data-dismiss="fileinput">清除</a>
+                                            <input id="shareImgval" type="hidden" name="actConfig-shareImg" value="">
                                         </div>
-
                                     </div>
-                                </div>
-                            </div>
-                           <div class="rightarea">
-                                <h4 class="form-header h4">效果图</h4>
-                               <div style="height: 210px">
-                                   <div class="drawShareImg2Pic">
-                                   <img id="ss" src="../../img/shj.jpg" width="254" height="142">
-                                   </div>
-                                   <div class="drawShareImgPic">
-                                       <img id="shareImgPic" src="../../img/shj.jpg" width="50" height="50">
-                                   </div>
-                                   <div>
-                                    <span class="drawShareTitlePri"  id="shareTitlePri">中国人寿举办活动</span>
-                                   </div>
-                                    <span class="drawShareDescribePri" id="shareDescribePri">分享必得奖品</span>
 
                                 </div>
                             </div>
-                   </div>
+                        </div>
+                        <div class="rightarea">
+                            <h4 class="form-header h4">效果图</h4>
+                            <div style="height: 210px">
+                                <div class="drawShareImg2Pic">
+                                    <img id="ss" src="../../img/shj.jpg" width="254" height="142">
+                                </div>
+                                <div class="drawShareImgPic">
+                                    <img id="shareImgPic" src="../../img/shj.jpg" width="50" height="50">
+                                </div>
+                                <div>
+                                    <span class="drawShareTitlePri" id="shareTitlePri">中国人寿举办活动</span>
+                                </div>
+                                <span class="drawShareDescribePri" id="shareDescribePri">分享必得奖品</span>
+
+                            </div>
+                        </div>
+                    </div>
                 </div>
                 <div id="step-7" class="tab-pane" role="tabpanel" aria-labelledby="step-7">
                     <div style="height: 610px">
-                            <div class="leftarea">
-                                <h4 class="form-header h4">第七步-关注二维码</h4>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <div class="form-group">
-                                            <label class="col-sm-4 control-label is-required">关注二维码描述：</label>
-                                            <div class="col-sm-8">
-                                                <input id="qrCode" name="actPageConfigSubscribe-qrCode" placeholder="例如：扫描二维码参加活动" class="form-control" type="text"
-                                                       maxlength="30" onkeyup="updatePri(this)">
-                                            </div>
+                        <div class="leftarea">
+                            <h4 class="form-header h4">第七步-关注二维码</h4>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <div class="form-group">
+                                        <label class="col-sm-4 control-label is-required">关注二维码描述：</label>
+                                        <div class="col-sm-8">
+                                            <input id="qrCode" name="actPageConfigSubscribe-qrCode"
+                                                   placeholder="例如：扫描二维码参加活动" class="form-control" type="text"
+                                                   maxlength="30" onkeyup="updatePri(this)">
                                         </div>
                                     </div>
                                 </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <label class="col-sm-4 control-label is-required">背景图片：</label>
-
-                                        <div class="fileinput fileinput-new" data-provides="fileinput">
-                                            <div class="fileinput-preview thumbnail" data-trigger="fileinput"
-                                                 style="width: 200px; height: 150px;"></div>
-                                            <div>
-                                                <span class="btn btn-white btn-file"><span
-                                                        class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
-                                                    <input type="file" id="backdropImg" name="actPageConfigSubscribe-bgImg"></span>
-                                                <a href="#" class="btn btn-white fileinput-exists"
-                                                   data-dismiss="fileinput">清除</a>
-                                                <input id="backdropImgval" type="hidden" name = "actPageConfigSubscribe-bgImg" value="">
-                                            </div>
-                                        </div>
-
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <div class="col-sm-6">
-                                        <label class="col-sm-4 control-label is-required">二维码图片：</label>
-                                        <div class="fileinput fileinput-new" data-provides="fileinput">
-                                            <div class="fileinput-preview thumbnail" data-trigger="fileinput"
-                                                 style="width: 200px; height: 150px;"></div>
-                                            <div>
-                                                <span class="btn btn-white btn-file"><span
-                                                        class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
-                                                    <input type="file" id="qrCodeImg" name="actPageConfigSubscribe-bgImg2"></span>
-                                                <a href="#" class="btn btn-white fileinput-exists"
-                                                   data-dismiss="fileinput">清除</a>
-                                                <input id="qrCodeImgval" type="hidden" name = "actPageConfigSubscribe-bgImg2" value="">
-                                            </div>
-                                        </div>
-
-                                    </div>
-                                </div>
                             </div>
-                            <div class="rightarea">
-                                <h4 class="form-header h4">效果图</h4>
-                                <div style="position: relative;text-align:center">
-                                        <img id="backdropImgPri" src="../../img/shj.jpg" width="400" height="400">
-                                    <div class="drawCodeImgPic">
-                                        <img id="qrCodeImgPri" src="../../img/shj.jpg" width="80" height="80">
-                                    </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <label class="col-sm-4 control-label is-required">背景图片：</label>
 
-                                    <span class="drawQrCodePri" id="qrCodePri">关注二维码</span>
+                                    <div class="fileinput fileinput-new" data-provides="fileinput">
+                                        <div class="fileinput-preview thumbnail" data-trigger="fileinput"
+                                             style="width: 200px; height: 150px;"></div>
+                                        <div>
+                                                <span class="btn btn-white btn-file"><span
+                                                        class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
+                                                    <input type="file" id="backdropImg"
+                                                           name="actPageConfigSubscribe-bgImg"></span>
+                                            <a href="#" class="btn btn-white fileinput-exists"
+                                               data-dismiss="fileinput">清除</a>
+                                            <input id="backdropImgval" type="hidden" name="actPageConfigSubscribe-bgImg"
+                                                   value="">
+                                        </div>
+                                    </div>
 
                                 </div>
                             </div>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <label class="col-sm-4 control-label is-required">二维码图片：</label>
+                                    <div class="fileinput fileinput-new" data-provides="fileinput">
+                                        <div class="fileinput-preview thumbnail" data-trigger="fileinput"
+                                             style="width: 200px; height: 150px;"></div>
+                                        <div>
+                                                <span class="btn btn-white btn-file"><span
+                                                        class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
+                                                    <input type="file" id="qrCodeImg"
+                                                           name="actPageConfigSubscribe-bgImg2"></span>
+                                            <a href="#" class="btn btn-white fileinput-exists"
+                                               data-dismiss="fileinput">清除</a>
+                                            <input id="qrCodeImgval" type="hidden" name="actPageConfigSubscribe-bgImg2"
+                                                   value="">
+                                        </div>
+                                    </div>
+
+                                </div>
+                            </div>
+                        </div>
+                        <div class="rightarea">
+                            <h4 class="form-header h4">效果图</h4>
+                            <div style="position: relative;text-align:center">
+                                <img id="backdropImgPri" src="../../img/shj.jpg" width="400" height="400">
+                                <div class="drawCodeImgPic">
+                                    <img id="qrCodeImgPri" src="../../img/shj.jpg" width="80" height="80">
+                                </div>
+
+                                <span class="drawQrCodePri" id="qrCodePri">关注二维码</span>
+
+                            </div>
+                        </div>
                     </div>
                 </div>
 
@@ -985,20 +1035,20 @@
             .addClass('btn btn-info')
             .on('click', function () {
                 //添加保存逻辑
-                var data = customSerialize("form-info-add",true);
+                var data = customSerialize("form-info-add", true);
                 alert(data);
                 $.ajax({
                     url: prefix + "/add/test",
                     data: data,
                     type: "post",
                     contentType: "application/json;charset=UTF-8",
-                    success: function(result) {
+                    success: function (result) {
                         if (result.code == web_status.SUCCESS) {
                             layer.msg("保存成功,正在刷新数据请稍后……", {
                                 icon: 1,
                                 time: 500,
                                 shade: [0.1, '#8F8F8F']
-                            },function() {
+                            }, function () {
                                 location.reload();
                             });
                         } else {
@@ -1106,103 +1156,110 @@
 <script th:inline="javascript">
 
 
-   function updateText(val){
+    function updateText(val) {
 
-       var id = val.id;
-          var boolean = $("#"+id).prop("checked");
-            if (boolean){
-                $("#" + id + "Pri").attr('type','text');
-            }else{
-                $("#" + id + "Pri").attr('type','hidden');
-            }
-   }
+        var id = val.id;
+        var boolean = $("#" + id).prop("checked");
+        if (boolean) {
+            $("#" + id + "Pri").attr('type', 'text');
+        } else {
+            $("#" + id + "Pri").attr('type', 'hidden');
+        }
+    }
 
 
     function updatePic(val) {
         var id = val.id;
         var value = val.value;
-        if (value == null || value == ""&& id.indexOf("btn") != -1){
+        if (value == null || value == "" && id.indexOf("btn") != -1) {
             //默认值
-            value = "自定义按钮"+id.charAt(id.length -1);
+            value = "自定义按钮" + id.charAt(id.length - 1);
         }
         $("#" + id + "Pic").text(value);
 
     }
+
     function updatePri(val) {
         var id = val.id;
         var value = val.value;
-        if (value == null || value == ""&& id.indexOf("btn") != -1){
+        if (value == null || value == "" && id.indexOf("btn") != -1) {
             //默认值
             value = "自定义按钮";
         }
         $("#" + id + "Pri").text(value);
     }
-//分享图片
-   $("#qrCodeImg").change(function () {
-       qrCodeImg(this);
-       if ($(this).val() != '') {
-           $("#qrCodeImgPri").attr("src", $(this).val());
 
-       }
-   });
-   function qrCodeImg(input) {
-       if (input.files && input.files[0]) {
-           var reader = new FileReader();
+    //分享图片
+    $("#qrCodeImg").change(function () {
+        qrCodeImg(this);
+        if ($(this).val() != '') {
+            $("#qrCodeImgPri").attr("src", $(this).val());
 
-           reader.onload = function (e) {
-               //$('#prevImg').attr('src', e.target.result);
-               $("#qrCodeImgPri").attr("src", e.target.result);
-               $("#qrCodeImgPrival").val(e.target.result);
-               //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
-           }
+        }
+    });
 
-           reader.readAsDataURL(input.files[0]);
-       }
-   }
-   //分享图片
-   $("#backdropImg").change(function () {
-       backdropImg(this);
-       if ($(this).val() != '') {
-           $("#backdropImgPri").attr("src", $(this).val());
+    function qrCodeImg(input) {
+        if (input.files && input.files[0]) {
+            var reader = new FileReader();
 
-       }
-   });
-   function backdropImg(input) {
-       if (input.files && input.files[0]) {
-           var reader = new FileReader();
+            reader.onload = function (e) {
+                //$('#prevImg').attr('src', e.target.result);
+                $("#qrCodeImgPri").attr("src", e.target.result);
+                $("#qrCodeImgPrival").val(e.target.result);
+                //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
+            }
 
-           reader.onload = function (e) {
-               //$('#prevImg').attr('src', e.target.result);
-               $("#backdropImgPri").attr("src", e.target.result);
-               $("#backdropImgPrival").val(e.target.result);
-               //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
-           }
+            reader.readAsDataURL(input.files[0]);
+        }
+    }
 
-           reader.readAsDataURL(input.files[0]);
-       }
-   }
-   //分享图片
-   $("#shareImg").change(function () {
-       shareImg(this);
-       if ($(this).val() != '') {
-           $("#shareImgPic").attr("src", $(this).val());
+    //分享图片
+    $("#backdropImg").change(function () {
+        backdropImg(this);
+        if ($(this).val() != '') {
+            $("#backdropImgPri").attr("src", $(this).val());
 
-       }
-   });
-   function shareImg(input) {
-       if (input.files && input.files[0]) {
-           var reader = new FileReader();
+        }
+    });
 
-           reader.onload = function (e) {
-               //$('#prevImg').attr('src', e.target.result);
-               $("#shareImgPic").attr("src", e.target.result);
-               $("#shareImgval").val(e.target.result);
-               //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
-           }
+    function backdropImg(input) {
+        if (input.files && input.files[0]) {
+            var reader = new FileReader();
 
-           reader.readAsDataURL(input.files[0]);
-       }
-   }
+            reader.onload = function (e) {
+                //$('#prevImg').attr('src', e.target.result);
+                $("#backdropImgPri").attr("src", e.target.result);
+                $("#backdropImgval").val(e.target.result);
+                //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
+            }
+
+            reader.readAsDataURL(input.files[0]);
+        }
+    }
+
+    //分享图片
+    $("#shareImg").change(function () {
+        shareImg(this);
+        if ($(this).val() != '') {
+            $("#shareImgPic").attr("src", $(this).val());
+
+        }
+    });
+
+    function shareImg(input) {
+        if (input.files && input.files[0]) {
+            var reader = new FileReader();
+
+            reader.onload = function (e) {
+                //$('#prevImg').attr('src', e.target.result);
+                $("#shareImgPic").attr("src", e.target.result);
+                $("#shareImgval").val(e.target.result);
+                //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
+            }
+
+            reader.readAsDataURL(input.files[0]);
+        }
+    }
 
     $("#picture").change(function () {
         btnURL(this);
@@ -1282,7 +1339,7 @@
         }
     }
 
-    function activityTemplate(val){
+    function activityTemplate(val) {
         $(val).addClass('btn-success').siblings().removeClass('btn-success');
         //todo 添加逻辑
     }

From 7adb33f89dc52b04dc5b6216bf67f55a95d7860e Mon Sep 17 00:00:00 2001
From: dy <1197793912@qq.com>
Date: Thu, 8 Apr 2021 17:41:32 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E7=AE=A1=E7=90=86-?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/activity/info/add.html          | 186 +++---------------
 1 file changed, 26 insertions(+), 160 deletions(-)

diff --git a/sino-activity/src/main/resources/templates/activity/info/add.html b/sino-activity/src/main/resources/templates/activity/info/add.html
index 4cbbb8584..f9e625d87 100644
--- a/sino-activity/src/main/resources/templates/activity/info/add.html
+++ b/sino-activity/src/main/resources/templates/activity/info/add.html
@@ -362,7 +362,7 @@
                                         <div>
                                                 <span class="btn btn-white btn-file"><span
                                                         class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
-                                                    <input type="file" id="pic" name="actPageConfigGuide-bgImg"></span>
+                                                    <input type="file" id="pic" name="actPageConfigGuide-bgImg" onchange="syncPic(this)" ></span>
                                             <a href="#" class="btn btn-white fileinput-exists"
                                                data-dismiss="fileinput">清除</a>
                                         </div>
@@ -426,7 +426,7 @@
                         <div class="rightarea">
                             <h4 class="form-header h4">效果图</h4>
                             <div style="position: relative;text-align:center">
-                                <img id="imgPic" src="../../img/1.jpg" width="380" height="500">
+                                <img id="picimg" src="../../img/1.jpg" width="380" height="500">
                                 <span class="drawNamePic" id="actTitlePic">活动标题</span>
                                 <span class="drawDescribePic" id="actDescPic">活动描述</span>
                                 <span class="drawbtnPic">
@@ -614,14 +614,14 @@
                                         <div>
                                                 <span class="btn btn-white btn-file"><span
                                                         class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
-                                                    <input type="file" id="picture" name="actPageConfigUserinfo-bgImg"></span>
+                                                    <input type="file" id="picture" name="actPageConfigUserinfo-bgImg" onchange="syncPic(this)"></span>
                                             <a href="#" class="btn btn-white fileinput-exists"
                                                data-dismiss="fileinput">清除</a>
-                                            <input id="pictureval" type="hidden" name="actPageConfigUserinfo-bgImg"
-                                                   value="">
+
                                         </div>
                                     </div>
-
+                                    <input id="pictureval" type="hidden" name="actPageConfigUserinfo-bgImg"
+                                           value="">
                                 </div>
                             </div>
                             <div class="row">
@@ -704,7 +704,7 @@
                         <div class="rightarea">
                             <h4 class="form-header h4">效果图</h4>
                             <div style="position: relative;text-align:center">
-                                <img id="imgPri" src="../../img/shj.jpg" width="380" height="500">
+                                <img id="pictureimg" src="../../img/shj.jpg" width="380" height="500">
                                 <span class="drawTotalPri" id="titlePri">标题</span>
                                 <span class="drawDescribePri" id="describePri">描述</span>
                                 <span class="drawTextPri">请填写您的基本信息</span>
@@ -798,13 +798,12 @@
                                         <div>
                                                 <span class="btn btn-white btn-file"><span
                                                         class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
-                                                    <input type="file" id="shareImg" name="actConfig-shareImg"></span>
+                                                    <input type="file" id="shareImg" name="actConfig-shareImg" onchange="syncPic(this)"></span>
                                             <a href="#" class="btn btn-white fileinput-exists"
                                                data-dismiss="fileinput">清除</a>
-                                            <input id="shareImgval" type="hidden" name="actConfig-shareImg" value="">
                                         </div>
                                     </div>
-
+                                    <input id="shareImgval" type="hidden" name="actConfig-shareImg" value="">
                                 </div>
                             </div>
                         </div>
@@ -815,7 +814,7 @@
                                     <img id="ss" src="../../img/shj.jpg" width="254" height="142">
                                 </div>
                                 <div class="drawShareImgPic">
-                                    <img id="shareImgPic" src="../../img/shj.jpg" width="50" height="50">
+                                    <img id="shareImgimg" src="../../img/shj.jpg" width="50" height="50">
                                 </div>
                                 <div>
                                     <span class="drawShareTitlePri" id="shareTitlePri">中国人寿举办活动</span>
@@ -845,7 +844,6 @@
                             <div class="row">
                                 <div class="col-sm-6">
                                     <label class="col-sm-4 control-label is-required">背景图片：</label>
-
                                     <div class="fileinput fileinput-new" data-provides="fileinput">
                                         <div class="fileinput-preview thumbnail" data-trigger="fileinput"
                                              style="width: 200px; height: 150px;"></div>
@@ -853,15 +851,14 @@
                                                 <span class="btn btn-white btn-file"><span
                                                         class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
                                                     <input type="file" id="backdropImg"
-                                                           name="actPageConfigSubscribe-bgImg"></span>
+                                                           name="actPageConfigSubscribe-bgImg" onchange="syncPic(this)"></span>
                                             <a href="#" class="btn btn-white fileinput-exists"
                                                data-dismiss="fileinput">清除</a>
-                                            <input id="backdropImgval" type="hidden" name="actPageConfigSubscribe-bgImg"
-                                                   value="">
                                         </div>
                                     </div>
-
                                 </div>
+                                <input id="backdropImgval" type="hidden" name="actPageConfigSubscribe-bgImg"
+                                       value="">
                             </div>
                             <div class="row">
                                 <div class="col-sm-6">
@@ -873,23 +870,22 @@
                                                 <span class="btn btn-white btn-file"><span
                                                         class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
                                                     <input type="file" id="qrCodeImg"
-                                                           name="actPageConfigSubscribe-bgImg2"></span>
+                                                           name="actPageConfigSubscribe-bgImg2" onchange="syncPic(this)"></span>
                                             <a href="#" class="btn btn-white fileinput-exists"
                                                data-dismiss="fileinput">清除</a>
-                                            <input id="qrCodeImgval" type="hidden" name="actPageConfigSubscribe-bgImg2"
-                                                   value="">
                                         </div>
                                     </div>
-
                                 </div>
+                                <input id="qrCodeImgval" type="hidden" name="actPageConfigSubscribe-bgImg2"
+                                       value="">
                             </div>
                         </div>
                         <div class="rightarea">
                             <h4 class="form-header h4">效果图</h4>
                             <div style="position: relative;text-align:center">
-                                <img id="backdropImgPri" src="../../img/shj.jpg" width="400" height="400">
+                                <img id="backdropImgimg" src="../../img/shj.jpg" width="400" height="400">
                                 <div class="drawCodeImgPic">
-                                    <img id="qrCodeImgPri" src="../../img/shj.jpg" width="80" height="80">
+                                    <img id="qrCodeImgimg" src="../../img/shj.jpg" width="80" height="80">
                                 </div>
 
                                 <span class="drawQrCodePri" id="qrCodePri">关注二维码</span>
@@ -1189,150 +1185,20 @@
         $("#" + id + "Pri").text(value);
     }
 
-    //分享图片
-    $("#qrCodeImg").change(function () {
-        qrCodeImg(this);
-        if ($(this).val() != '') {
-            $("#qrCodeImgPri").attr("src", $(this).val());
-
-        }
-    });
-
-    function qrCodeImg(input) {
-        if (input.files && input.files[0]) {
-            var reader = new FileReader();
-
-            reader.onload = function (e) {
-                //$('#prevImg').attr('src', e.target.result);
-                $("#qrCodeImgPri").attr("src", e.target.result);
-                $("#qrCodeImgPrival").val(e.target.result);
-                //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
-            }
-
-            reader.readAsDataURL(input.files[0]);
-        }
+    //图片同步
+    function syncPic(val){
+        previewURL(val);
     }
 
-    //分享图片
-    $("#backdropImg").change(function () {
-        backdropImg(this);
-        if ($(this).val() != '') {
-            $("#backdropImgPri").attr("src", $(this).val());
-
-        }
-    });
-
-    function backdropImg(input) {
-        if (input.files && input.files[0]) {
-            var reader = new FileReader();
-
-            reader.onload = function (e) {
-                //$('#prevImg').attr('src', e.target.result);
-                $("#backdropImgPri").attr("src", e.target.result);
-                $("#backdropImgval").val(e.target.result);
-                //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
-            }
-
-            reader.readAsDataURL(input.files[0]);
-        }
-    }
-
-    //分享图片
-    $("#shareImg").change(function () {
-        shareImg(this);
-        if ($(this).val() != '') {
-            $("#shareImgPic").attr("src", $(this).val());
-
-        }
-    });
-
-    function shareImg(input) {
-        if (input.files && input.files[0]) {
-            var reader = new FileReader();
-
-            reader.onload = function (e) {
-                //$('#prevImg').attr('src', e.target.result);
-                $("#shareImgPic").attr("src", e.target.result);
-                $("#shareImgval").val(e.target.result);
-                //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
-            }
-
-            reader.readAsDataURL(input.files[0]);
-        }
-    }
-
-    $("#picture").change(function () {
-        btnURL(this);
-        if ($(this).val() != '') {
-            // var formData = new FormData();
-            // formData.append('file', $(this)[0].files[0]);
-            // $.ajax({
-            //     url: '/path/to/upload',
-            //     type: 'POST',
-            //     data: formData,
-            //     async: false,
-            //     success: function (r) {
-            //         if(r.success) {
-            //             //success work
-            //         }
-            //     },
-            //     cache: false,
-            //     contentType: false,
-            //     processData: false
-            // });
-            $("#imgPri").attr("src", $(this).val());
-
-        }
-    });
-
-    function btnURL(input) {
-        if (input.files && input.files[0]) {
-            var reader = new FileReader();
-
-            reader.onload = function (e) {
-                //$('#prevImg').attr('src', e.target.result);
-                $("#imgPri").attr("src", e.target.result);
-                $("#pictureval").val(e.target.result);
-                //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
-            }
-
-            reader.readAsDataURL(input.files[0]);
-        }
-    }
-
-    $("#pic").change(function () {
-        previewURL(this);
-        if ($(this).val() != '') {
-            // var formData = new FormData();
-            // formData.append('file', $(this)[0].files[0]);
-            // $.ajax({
-            //     url: '/path/to/upload',
-            //     type: 'POST',
-            //     data: formData,
-            //     async: false,
-            //     success: function (r) {
-            //         if(r.success) {
-            //             //success work
-            //         }
-            //     },
-            //     cache: false,
-            //     contentType: false,
-            //     processData: false
-            // });
-            $("#imgPic").attr("src", $(this).val());
-
-        }
-    });
-
     function previewURL(input) {
         if (input.files && input.files[0]) {
             var reader = new FileReader();
-
+            var id = input.id;
             reader.onload = function (e) {
-                //$('#prevImg').attr('src', e.target.result);
-                $("#imgPic").attr("src", e.target.result);
-                $("#picval").val(e.target.result);
-                //$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
+                //效果图
+                $("#"+id+"img").attr("src", e.target.result);
+                //传递值
+                $("#"+id+"val").val(e.target.result);
             }
 
             reader.readAsDataURL(input.files[0]);