阅读背景:

一个交互比较复杂的页面(1新增)_&友情岁月&的博客

来源:互联网 

新增

jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="https://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="https://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="/go.html?url=${pageContext.request.contextPath}/plugin/layui/css/layui.css?time=${times}" media="all" />
<link rel="stylesheet" href="/go.html?url=${pageContext.request.contextPath}/css/private.css?time=${times}" media="all" />
<script type="text/javascript" src="${pageContext.request.contextPath}/plugin/layui/layui.js?time=${times}"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/json2.js?time=${times}"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/baidu.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/posterSpread/posterSpreadAdd.js?time=${times}"></script>
<title>海报裂变活动</title>
<style>
.activityadd-title{width: 100%;height: 35px;line-height: 35px; background: #eee; padding-left: 15px;}
.layui-form-item textarea{width: 665px;height: 200px;padding: 10px}
.layui-table { border: 1px solid #eee;}
.layui-table td, .layui-table th{text-align: center;}
.layui-layer-setwin{display: none;}
.left{float: left;}
.image-bg{
   width:450px;height:810px;margin-right:20px;position: relative;
}
.image-bg > img.bg{width:100%;height:100%;}
.t-1{
   position: absolute;
    top: 30px;
    left: 30px;
    width: 100px;
    height: 100px;
}
.t-2{
   position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left:-60px;
    width: 120px;
    height: 120px;
}
</style>
</head>
<body style="padding: 20px;">
   <input type="hidden" id="webRoot" name="webRoot" value="${pageContext.request.contextPath}">
   <input type="hidden" id="terminalId" name="terminalId" name="terminalId">
   <div class="left image-bg" style="display: none;">
      <img class="bg" src="${actPosterSpreadParam.actPosterSpread.posterUrl}" />
      <img class="t-1" src="${pageContext.request.contextPath}/images/up-img-bg.jpg" />
      <img class="t-2" src="${pageContext.request.contextPath}/images/up-img-bg.jpg" />
   </div>
   <div class="left">
      <form class="layui-form">
         <p class="activityadd-title">基本信息</p>
         <div class="layui-form-item" style="margin-top: 20px;">
            <div class="layui-form-item" >
               <label class="layui-form-label text-left" ><font color="red">*</font>活动名称:</label>
               <div class="layui-input-inline" >
                   <input type="text" class="layui-input" id="actName" name="actName"  value="" maxlength="20" onblur="actNameIsExist()">
               </div>
            </div>
         </div>

         <div class="layui-form-item" style="margin-top: 20px;">
            <div class="layui-form-item" >
               <label class="layui-form-label text-left" ><font color="red">*</font>活动描述:</label>
               <textarea maxlength="500" id="actDescribe" name="actDescribe"  class="layui-textarea" value="" placeholder="最多可输入500个文字..."></textarea>
            </div>
         </div>


         <p class="activityadd-title">活动范围</p>
         <div class="layui-form-item" style="margin-top: 20px;">
            <div class="layui-form-item" >
               <label class="layui-form-label text-left" ><font color="red">*</font>生效时间:</label>
               <div class="layui-input-inline startTime">
                  <input name="startTime" id="startTime" autocomplete="off" placeholder="请输入开始时间" value="<fmt:formatDate  pattern='yyyy-MM-dd HH:mm:ss' value='${activity.startTime}'/>" class="layui-input" onclick="layui.laydate({elem: this,istime: true,format:'YYYY-MM-DD hh:mm:ss'})" type="text">
               </div>
               <em style="float: left">—</em>
               <div class="layui-input-inline endTime">
                  <input name="endTime" id="endTime" autocomplete="off" placeholder="请输入结束时间" value="<fmt:formatDate  pattern='yyyy-MM-dd HH:mm:ss' value='${activity.endTime}'/>"  class="layui-input" onclick="layui.laydate({elem: this,istime: true,format:'YYYY-MM-DD hh:mm:ss'})" type="text">
               </div>
            </div>
         </div>

         <p class="activityadd-title">活动页设置</p>
         <div class="layui-form-item" style="margin-top: 20px;">
            <div class="layui-form-item">
               <label class="layui-form-label text-left" style="width: 100px;"><font color="red">*</font>活动素材:</label>

               <div class="layui-input-inline" style="width: 300px;">
                  <div class="site-demo-upbar" style="margin-top: 10px;">
                     <input type="hidden" name="posterLogo" id="posterLogo">
                     <img id="j-image" src="${pageContext.request.contextPath}/images/up-img-bg.jpg" style="width: 207px; height: 135px;">
                     <div class="site-demo-upbar" style="margin-top: 10px;">
                        <input type="file" name="photo" class="layui-upload-file" id="j-upload-picture" lay-title="请上传图片">
                     </div>
                  </div>
                  <div class="layui-inline" style="color: red;font-size:10px">建议尺寸为:750*1350</div>
                  <br>
                  <div class="layui-inline">海报图片</div>
                  <br>
               </div>

               <div class="layui-input-inline" style="width: 300px;">
                  <div class="site-demo-upbar" style="margin-top: 10px;">
                     <input type="hidden" name="ruleLogo" id="ruleLogo">
                     <img id="r-image" src="${pageContext.request.contextPath}/images/up-img-bg.jpg" style="width: 207px; height: 135px;">
                     <div class="site-demo-upbar" style="margin-top: 10px;">
                        <input type="file" name="photo" class="layui-upload-file" id="r-upload-picture" lay-title="请上传图片">
                     </div>
                  </div>
                  <div class="layui-inline" style="color: red;font-size:10px">建议尺寸为:750*1350</div>
                  <br>
                  <div class="layui-inline">活动规则</div>
                  <br>
               </div>

            </div>
         </div>

         <p class="activityadd-title">中奖奖品设置</p>
         <div class="layui-form-item" style="margin-top: 20px;">

            <div class="layui-input-block" style="width:800px;display:inline-block;">
               <div class="layui-form-item" >
                  <div class="layui-btn layui-btn-normal" onclick="discountOpen()">添加奖品</div>
               </div>
               <table class="layui-table"  style="margin:0;">
                  <thead>
                  <tr>
                     <th>序号</th>
                     <th>奖品</th>
                     <th>奖品数量</th>
                     <th>需邀请人数</th>
                     <th>操作</th>
                  </tr>
                  </thead>

                  <tbody id="discountTbody">
                  <%--<c:forEach items="${activity.prizeVoList}" var="item" varStatus="i">

                     <c:if test="${item.prizeType==1}">
                        <tr>
                           <td>${i.count}</td>
                           <td>${item.prizeName}</td>
                           <td>${item.couponTypeName}</td>
                           <td>${item.prizeTotalCount}</td>
                           <td><a class="btn btn--success" onclick="delIndexList(this, 0, ${item.prizeTemplateId})">删除</a></td>
                        </tr>
                     </c:if>

                  </c:forEach>--%>
                  </tbody>
               </table>
            </div>
         </div>


         <p class="activityadd-title">补发奖品设置</p>
         <div class="layui-form-item" style="margin-top: 20px;">
            <div class="layui-form-item" >
               <label class="layui-form-label text-left" style="width: 100px">是否补发奖品:</label>
               <div class="layui-input-block">
                  <input type="radio" name="isSupplyAgain" value="0" title="否" lay-filter="isSupplyAgain" checked="">
                  <input type="radio" name="isSupplyAgain" value="1" title="是" lay-filter="isSupplyAgain">

            </div>
            <div class="prize-type" style="display: none;">
               <div class="layui-form-item" >
                  <label class="layui-form-label text-left" style="width: 100px">补发奖品:</label>
                  <div class="layui-input-block">
                     <div class="layui-btn layui-btn-normal add_prize" style="float:left;" onclick="activityOpen()">添加</div>
                  </div>
               </div>
               <div class="layui-input-block" style="width:800px;display:inline-block;">
                  <table class="layui-table "  style="margin:0;">
                     <thead>
                     <tr>
                        <th>序号</th>
                        <th>奖品</th>
                        <th>操作</th>
                     </tr>
                     </thead>
                     <tbody id="prizeTbody">

                     </tbody>
                  </table>
               </div>
            </div>
         </div>


         <p class="activityadd-title">中奖文案设置</p>
         <div class="layui-form-item">
            <label class="layui-form-label text-left" style="width: 160px"><font color="red">*</font>好友关注成功文案:</label>
            <label class="layui-form-label text-left" style="width: 800px">你的好友【friend】应邀加入,已邀请【complete】位好友,还差【unfinished1】人即可获得【prize1】,还差【unfinished2】人即可获得【prize2】</label>
            <br>
            <div class="layui-form-item" style="margin-left: 20px">
               <label class="layui-form-label text-left" style="width: 100px;margin-left: 60px">追加文案:</label>
               <div class="layui-input-inline">
                  <textarea maxlength="500" id="customMessage"  class="layui-textarea" value="${activity.remark}" placeholder="最多可输入500个文字..."></textarea>
               </div>
            </div>
         </div>

         <div class="layui-form-item" style="margin-top: 20px;">
            <div class="layui-form-item">
               <label class="layui-form-label text-left" style="width: 120px"><font color="red">*</font>好友已关注文案:</label>
               <div class="layui-input-inline" >
                  <label class="layui-form-label text-left" style="width: 500px">你的好友{friend}已经是【爱电影网】的老朋友了哦,无法再为你助力了。</label>
               </div>
            </div>
         </div>

         <div class="layui-form-item" style="margin-top: 20px;">
            <div class="layui-form-item">
               <label class="layui-form-label text-left"><font color="red">*</font>中奖文案:</label>
               <div class="layui-input-inline" >
                  <label class="layui-form-label text-left" style="width: 800px">你的好友{friend}应邀加入,已成功邀请【complete】位好友,恭喜你获得一张{prize1},戳我领取!再邀请【unfinished2】位好友即可获得【prize2】,继续加油哦!</label>
               </div>
            </div>
         </div>

         <div class="layui-form-item" style="margin-top: 20px;">
            <div class="layui-form-item">
               <label class="layui-form-label text-left tab-zdys1" style="width: 200px"><font color="red">*</font>奖品发完文案:</label>
               <label class="layui-form-label text-left tab-zdys1" style="width: 200px;display: none"><font color="red">*</font>奖品补发文案:</label>
               <div class="layui-input-inline tab-zdys" >
                  <textarea maxlength="500" id="noPrizeMessage" name="noPrizeMessage" class="layui-textarea" value="" placeholder="最多可输入500个文字..."></textarea>
               </div>
               <div class="layui-input-inline tab-zdys" style="display: none">
                  <label class="layui-form-label text-left" style="width: 800px" >{name},很抱歉你来晚了一步,{prize1}已发完~别难过,我们将送你一份额外的小礼物:{replace},戳我领取!
                  </label>
               </div>
            </div>
         </div>

         <div class="layui-form-item" style="padding:30px 0;border-bottom:1px solid #ddd;text-align: center;">
            <button class="layui-btn" lay-submit lay-filter="*" onclick="return false;">保存</button>
            <button class="layui-btn btn--warning" onclick="return false;" id="j-cancel-btn">返回</button>
         </div>

      </form>

      <!--添加优惠券扫码-->
      <div style="display:none;padding:20px;box-sizing:border-box;" id="tjCoupon" >
         <div class="layui-form-item" >
            <label class="layui-form-label text-left" style="width:90px">优惠券名称:</label>
            <div class="layui-input-inline" >
                 <input type="text" class="layui-input" id="couponName" name="couponName"  maxlength="20" >
            </div>
             <label class="layui-form-label" style="width:90px">优惠券类型:</label>
             <div class="layui-input-inline">
               <select name="couponType" id="couponType">
                 <option value="ALL">全部</option>
                 <option value="1">优惠券</option>
                 <option value="2">定额券</option>
                 <option value="3">实物券</option>
                 <option value="4">兑换券</option>
               </select>
             </div>
            <div class="layui-btn layui-btn-normal" onclick="querydiscount()">查询</div>
            <div class="layui-btn btn--warning" >重置</div>
         </div>
         <div class="layui-form-item">
            <table class="layui-table tableActivity" style="width: 100%">
               <thead>
                  <tr>
                     <th><input type="checkbox" id="allCheckBoxTwo" lay-filter="allCheckBoxTwo" /></th>
                     <th>优惠券名称</th>
                     <th>券类型</th>
                     <th>券面值</th>
                     <th>使用条件</th>
                  </tr>
               </thead>
               <!--内容容器-->    
               <tbody id="con2">
                  
               </tbody>
            </table>
         </div>
         <!-- </div> -->
         <div class="layui-form-item">
            <!--分页容器-->
            <div id="pagedtwo" style="float: right;"></div>
         </div>
      </div>

      <!--添加补发奖品-->
      <div style="display:none;padding:20px;box-sizing:border-box;" id="tjactive" >
         <div class="layui-form-item" >
            <label class="layui-form-label text-left" style="width:90px">优惠券名称:</label>
            <div class="layui-input-inline" >
               <input type="text" class="layui-input" id="couponName1" name="couponName1"  maxlength="20" >
            </div>
            <label class="layui-form-label" style="width:90px">优惠券类型:</label>
            <div class="layui-input-inline">
               <select name="couponType1" id="couponType1">
                  <option value="ALL">全部</option>
                  <option value="1">优惠券</option>
                  <option value="2">定额券</option>
                  <option value="3">实物券</option>
                  <option value="4">兑换券</option>
               </select>
            </div>
            <div class="layui-btn layui-btn-normal" onclick="queryCoupon()">查询</div>
            <div class="layui-btn btn--warning" >重置</div>
         </div>
         <div class="layui-form-item">
            <table class="layui-table tableActivity" style="width: 100%">
               <thead>
               <tr>
                  <th>序号</th>
                  <th></th>
                  <th>优惠券名称</th>
                  <th>券类型</th>
                  <th>券面值</th>
                  <th>使用条件</th>
               </tr>
               </thead>
               <!--内容容器-->
               <tbody id="con">

               </tbody>
            </table>
         </div>
         <!-- </div> -->
         <div class="layui-form-item">
            <!--分页容器-->
            <div id="paged" style="float: right;"></div>
         </div>
      </div>

      
   </div>

   <!--奖品弹窗列表数据 -->
   <script type="text/html" id="conTemp">
   {
   <%@ page language="java" contentTyp



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: