2021-03-30 09:45:17 +08:00
|
|
|
|
<!DOCTYPE html>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
2021-03-30 09:45:17 +08:00
|
|
|
|
<head>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<th:block th:include="include :: header('创建活动')"/>
|
|
|
|
|
|
<th:block th:include="include :: datetimepicker-css"/>
|
|
|
|
|
|
<th:block th:include="include :: jquery-smartwizard-css"/>
|
2021-04-06 14:39:12 +08:00
|
|
|
|
<th:block th:include="include :: jasny-bootstrap-css"/>
|
2021-04-15 14:28:01 +08:00
|
|
|
|
<th:block th:include="include :: summernote-css" />
|
2021-03-30 09:45:17 +08:00
|
|
|
|
</head>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<style type='text/css'>
|
2021-04-13 16:30:27 +08:00
|
|
|
|
/* 如果要让工具栏固定在页面底部,使用下面的样式,不需要的可以注释 */
|
2021-04-14 13:46:54 +08:00
|
|
|
|
/*.sw>.toolbar-bottom{*/
|
|
|
|
|
|
/* z-index: 100;*/
|
|
|
|
|
|
/* bottom: 0px;*/
|
|
|
|
|
|
/* left: 0;*/
|
|
|
|
|
|
/* width: 100%;*/
|
|
|
|
|
|
/* position: fixed;*/
|
|
|
|
|
|
/* text-align: right;*/
|
|
|
|
|
|
/* background: #fff;*/
|
|
|
|
|
|
/* box-shadow: 0 -2px 6px 1px hsla(223,8%,83%,.5);*/
|
|
|
|
|
|
/* border-top: 1px solid #e3e4e8;*/
|
|
|
|
|
|
/*}*/
|
2021-04-06 14:05:54 +08:00
|
|
|
|
.rightarea {
|
2021-04-02 15:00:12 +08:00
|
|
|
|
float: left;
|
|
|
|
|
|
width: 40%;
|
|
|
|
|
|
height: 300px;
|
|
|
|
|
|
}
|
2021-04-06 14:05:54 +08:00
|
|
|
|
|
|
|
|
|
|
.leftarea {
|
2021-04-02 15:00:12 +08:00
|
|
|
|
float: left;
|
2021-04-12 10:22:53 +08:00
|
|
|
|
width: 60%;
|
2021-04-02 15:00:12 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2021-04-14 13:46:54 +08:00
|
|
|
|
/*.sw > .tab-content {*/
|
|
|
|
|
|
/* overflow-x: hidden;*/
|
|
|
|
|
|
/* overflow-y: auto;*/
|
|
|
|
|
|
/*}*/
|
2021-04-06 14:39:12 +08:00
|
|
|
|
|
2021-04-02 15:00:12 +08:00
|
|
|
|
.col-sm-6 {
|
2021-04-08 10:24:28 +08:00
|
|
|
|
width: 50%;
|
2021-04-02 15:00:12 +08:00
|
|
|
|
}
|
2021-04-06 14:39:12 +08:00
|
|
|
|
|
|
|
|
|
|
.drawNamePic {
|
|
|
|
|
|
text-align: center;
|
2021-04-02 15:00:12 +08:00
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 100px;
|
|
|
|
|
|
font-size: 37px;
|
|
|
|
|
|
left: 0px;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-02 15:00:12 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
2021-04-06 14:39:12 +08:00
|
|
|
|
|
|
|
|
|
|
.drawDescribePic {
|
|
|
|
|
|
text-align: center;
|
2021-04-02 15:00:12 +08:00
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 150px;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
left: 0px;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-06 14:39:12 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.drawbtnPic {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 70%;
|
|
|
|
|
|
font-size: 20px;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-06 14:39:12 +08:00
|
|
|
|
left: 0px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.drawbtnPic2 {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 78%;
|
|
|
|
|
|
font-size: 20px;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-06 14:39:12 +08:00
|
|
|
|
left: 0px;
|
2021-04-02 15:00:12 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
2021-04-08 17:01:23 +08:00
|
|
|
|
|
|
|
|
|
|
.btnSelect {
|
2021-04-08 10:24:28 +08:00
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
background-color: #4CAF50;
|
2021-04-08 17:01:23 +08:00
|
|
|
|
color: white;
|
|
|
|
|
|
padding: 15px 32px;
|
2021-04-08 10:24:28 +08:00
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
|
}
|
2021-04-08 17:01:23 +08:00
|
|
|
|
|
2021-04-08 10:42:02 +08:00
|
|
|
|
/* 配置收集信息*/
|
|
|
|
|
|
.drawTotalPri {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 10%;
|
|
|
|
|
|
font-size: 37px;
|
|
|
|
|
|
left: 0;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
2021-04-08 17:01:23 +08:00
|
|
|
|
|
|
|
|
|
|
.drawDescribePri {
|
2021-04-08 10:42:02 +08:00
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 25%;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
left: 0;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
2021-04-08 17:01:23 +08:00
|
|
|
|
|
|
|
|
|
|
.drawTextPri {
|
2021-04-08 10:42:02 +08:00
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
2021-04-22 15:38:38 +08:00
|
|
|
|
top: 40%;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
font-size: 15px;
|
|
|
|
|
|
left: 0;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
2021-04-08 17:01:23 +08:00
|
|
|
|
|
|
|
|
|
|
.drawText2Pri {
|
2021-04-08 10:42:02 +08:00
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
2021-04-22 15:38:38 +08:00
|
|
|
|
top: 45%;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
font-size: 10px;
|
|
|
|
|
|
left: 0;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
width: 80%;
|
|
|
|
|
|
}
|
2021-04-08 17:01:23 +08:00
|
|
|
|
|
|
|
|
|
|
.drawText3Pri {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
2021-04-22 15:38:38 +08:00
|
|
|
|
top: 50%;
|
2021-04-08 17:01:23 +08:00
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
left: 0;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-08 17:01:23 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2021-04-08 10:42:02 +08:00
|
|
|
|
.drawbtnPri {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 88%;
|
|
|
|
|
|
font-size: 20px;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
left: 0px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2021-04-08 17:01:23 +08:00
|
|
|
|
/* 配置分享信息*/
|
2021-04-08 10:42:02 +08:00
|
|
|
|
.drawShareTitlePri {
|
2021-04-13 17:06:10 +08:00
|
|
|
|
text-align: center;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
position: absolute;
|
2021-04-13 17:06:10 +08:00
|
|
|
|
top: 20%;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
font-size: 20px;
|
2021-04-13 17:50:54 +08:00
|
|
|
|
left: 0%;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.drawShareDescribePri {
|
2021-04-13 17:06:10 +08:00
|
|
|
|
text-align: center;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
font-size: 10px;
|
2021-04-13 17:50:54 +08:00
|
|
|
|
left: 0%;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
2021-04-08 17:01:23 +08:00
|
|
|
|
|
2021-04-08 10:42:02 +08:00
|
|
|
|
.drawShareImgPic {
|
2021-04-08 17:01:23 +08:00
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
2021-04-13 17:06:10 +08:00
|
|
|
|
top: 50%;
|
2021-04-08 17:01:23 +08:00
|
|
|
|
font-size: 37px;
|
2021-04-13 17:06:10 +08:00
|
|
|
|
left: 25%;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-08 17:01:23 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2021-04-08 10:42:02 +08:00
|
|
|
|
|
2021-04-08 17:01:23 +08:00
|
|
|
|
/* 关注二维码*/
|
2021-04-08 10:42:02 +08:00
|
|
|
|
|
|
|
|
|
|
|
2021-04-08 17:01:23 +08:00
|
|
|
|
.drawCodeImgPic {
|
2021-04-08 10:42:02 +08:00
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
font-size: 37px;
|
|
|
|
|
|
left: 0%;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
2021-04-08 17:01:23 +08:00
|
|
|
|
|
|
|
|
|
|
.drawQrCodePri {
|
2021-04-08 10:42:02 +08:00
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 70%;
|
|
|
|
|
|
font-size: 25px;
|
|
|
|
|
|
left: 0%;
|
2021-04-21 14:53:43 +08:00
|
|
|
|
color: black;
|
2021-04-08 10:42:02 +08:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
2021-04-22 11:28:51 +08:00
|
|
|
|
.clearfloat{clear:both;height:1px;}
|
2021-04-22 15:38:38 +08:00
|
|
|
|
.inputimg {
|
|
|
|
|
|
outline-style: none ;
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
|
padding: 0px 10px;
|
|
|
|
|
|
width: 200px;
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
font-family: "Microsoft soft";
|
|
|
|
|
|
}
|
2021-04-08 17:51:59 +08:00
|
|
|
|
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</style>
|
2021-03-30 09:45:17 +08:00
|
|
|
|
<body class="white-bg">
|
2021-04-15 14:28:01 +08:00
|
|
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content" >
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<form class="form-horizontal m" id="form-info-add">
|
2021-04-13 16:30:27 +08:00
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-12">
|
|
|
|
|
|
<div class="ibox">
|
|
|
|
|
|
<div class="ibox-content">
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<div id="smartwizard">
|
|
|
|
|
|
<ul class="nav">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<li class="nav-item">
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<a class="nav-link" href="#step-1"> 基本信息 </a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
|
<a class="nav-link" href="#step-2"> 选择UI模板 </a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
|
<a class="nav-link" href="#step-3"> 配置展现内容 </a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
|
<a class="nav-link" href="#step-4"> 选择玩法 </a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="nav-item">
|
2021-04-08 10:42:02 +08:00
|
|
|
|
<a class="nav-link" href="#step-5"> 配置收集信息 </a>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</li>
|
|
|
|
|
|
<li class="nav-item">
|
2021-04-08 10:42:02 +08:00
|
|
|
|
<a class="nav-link" href="#step-6"> 配置分享信息 </a>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</li>
|
|
|
|
|
|
<li class="nav-item">
|
2021-04-08 10:42:02 +08:00
|
|
|
|
<a class="nav-link" href="#step-7"> 关注二维码 </a>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
2021-04-22 11:28:51 +08:00
|
|
|
|
<div class="tab-content">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<div id="step-1" class="tab-pane" role="tabpanel" aria-labelledby="step-1">
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<div>
|
|
|
|
|
|
<form class="form form-horizontal m-t">
|
|
|
|
|
|
<h4 class="form-header h4">第1步-基本信息</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">
|
2021-04-21 16:53:12 +08:00
|
|
|
|
<input id="drawInfo-drawname" name="drawInfo-drawname" placeholder="活动名称" class="form-control"
|
|
|
|
|
|
type="text" maxlength="30" required>
|
2021-04-02 09:31:03 +08:00
|
|
|
|
</div>
|
2021-04-02 09:28:28 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="col-sm-4 control-label is-required">状态：</label>
|
|
|
|
|
|
<div class="col-sm-8">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<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>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</select>
|
2021-04-02 09:31:03 +08:00
|
|
|
|
</div>
|
2021-04-02 09:28:28 +08:00
|
|
|
|
</div>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</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">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<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>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</select>
|
2021-04-02 09:31:03 +08:00
|
|
|
|
</div>
|
2021-04-02 09:28:28 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="col-sm-4 control-label is-required">消耗价值：</label>
|
|
|
|
|
|
<div class="col-sm-8">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<input name="drawInfo-expenovalue" placeholder="消耗价值" class="form-control"
|
2021-04-21 16:53:12 +08:00
|
|
|
|
type="text" maxlength="30" required>
|
2021-04-02 09:31:03 +08:00
|
|
|
|
</div>
|
2021-04-02 09:28:28 +08:00
|
|
|
|
</div>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</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">
|
|
|
|
|
|
<div class="input-group date">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<input name="drawInfo-starttime" class="form-control"
|
2021-04-21 16:53:12 +08:00
|
|
|
|
placeholder="yyyy-MM-dd HH:mm:ss" type="text" required>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
2021-04-02 09:31:03 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-02 09:28:28 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<label class="col-sm-4 control-label is-required">结束时间：</label>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
<div class="col-sm-8">
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<div class="input-group date">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<input name="drawInfo-endtime" class="form-control"
|
2021-04-21 16:53:12 +08:00
|
|
|
|
placeholder="yyyy-MM-dd HH:mm:ss" type="text" required>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
|
|
|
|
|
</div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="step-2" class="tab-pane" role="tabpanel" aria-labelledby="step-2">
|
2021-04-14 17:20:30 +08:00
|
|
|
|
<div style="height: 600px">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<h4 class="form-header h4">第2步-选择UI模板</h4>
|
|
|
|
|
|
<div th:with="type=${@dict.getType('activityTemplate')}">
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<a id="activityTemplate" th:if="${dict.dictValue} != '0'" class="btn btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
|
|
|
|
|
th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
|
|
|
|
|
|
<a id="activityTemplate" th:if="${dict.dictValue} eq '0'" class="btn btn-success btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
2021-04-08 17:01:23 +08:00
|
|
|
|
th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
|
|
|
|
|
|
</div>
|
2021-04-09 09:35:26 +08:00
|
|
|
|
<input id="activityTemplateval" name="actConfig-pageStyle" value="" type="hidden">
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<h4 id="activityTemplateh4" class="form-header h4">暂不选择</h4>
|
2021-04-14 13:46:54 +08:00
|
|
|
|
<img id="activityTemplateimg" src="../../img/yun.jpg" width="60%" height="400px" style="display: none">
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-22 11:28:51 +08:00
|
|
|
|
<div id="step-3" class="tab-pane" role="tabpanel" aria-labelledby="step-3">
|
|
|
|
|
|
<div id="step3div" style=" height: auto; min-height:500px;overflow:hidden">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<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"
|
2021-04-21 16:53:12 +08:00
|
|
|
|
maxlength="30" onkeyup="updatePic(this)" required>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</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"
|
2021-04-21 16:53:12 +08:00
|
|
|
|
maxlength="30" onkeyup="updatePic(this)" required>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
2021-04-21 15:14:44 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-08 17:51:59 +08:00
|
|
|
|
<label class="col-sm-4 control-label is-required">背景图片：</label>
|
2021-04-21 15:14:44 +08:00
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<div class="fileinput fileinput-new" data-provides="fileinput">
|
|
|
|
|
|
<div class="fileinput-preview thumbnail" data-trigger="fileinput"
|
2021-04-22 16:46:12 +08:00
|
|
|
|
style="width: 220px; height: 150px;"></div>
|
2021-04-21 15:14:44 +08:00
|
|
|
|
<div>
|
2021-04-06 14:39:12 +08:00
|
|
|
|
<span class="btn btn-white btn-file"><span
|
|
|
|
|
|
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
2021-04-21 15:14:44 +08:00
|
|
|
|
<input type="file" id="pic" name="actPageConfigGuide-bgImg"
|
2021-04-21 16:53:12 +08:00
|
|
|
|
onchange="syncPic(this)" required></span>
|
2021-04-21 15:14:44 +08:00
|
|
|
|
<a href="#" class="btn btn-white fileinput-exists"
|
|
|
|
|
|
data-dismiss="fileinput">清除</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
2021-04-21 16:53:12 +08:00
|
|
|
|
<input id="picval" type="hidden" name="actPageConfigGuide-bgImg" value="" >
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-09 10:06:04 +08:00
|
|
|
|
</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">
|
2021-04-13 16:30:27 +08:00
|
|
|
|
<input id="btn1" name="actPageConfigGuide-btnText" placeholder="例如：立即参与"
|
2021-04-09 10:06:04 +08:00
|
|
|
|
class="form-control"
|
|
|
|
|
|
type="text"
|
2021-04-21 16:53:12 +08:00
|
|
|
|
maxlength="30" onkeyup="updatePic(this)" required>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-09 10:06:04 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-21 16:53:12 +08:00
|
|
|
|
<label class="col-sm-4 control-label">自定义按钮2：</label>
|
2021-04-09 10:06:04 +08:00
|
|
|
|
<div class="col-sm-8">
|
2021-04-13 16:30:27 +08:00
|
|
|
|
<input id="btn2" name="actPageConfigGuide-btnText2" placeholder="例如：查看奖励"
|
2021-04-09 10:06:04 +08:00
|
|
|
|
class="form-control" type="text"
|
|
|
|
|
|
maxlength="30" onkeyup="updatePic(this)">
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-09 10:06:04 +08:00
|
|
|
|
</div>
|
2021-04-21 15:14:44 +08:00
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-6" style="width: 70%;">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-22 11:28:51 +08:00
|
|
|
|
<label class="col-sm-4 control-label" style="width: 128.78px">按钮2页面内容：</label>
|
2021-04-21 15:14:44 +08:00
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<div class="summernote">
|
2021-04-15 14:28:01 +08:00
|
|
|
|
例如：http：//xx
|
2021-04-21 15:14:44 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<textarea id="btnLink2" name="actPageConfigGuide-btnLink2" maxlength="500" class="form-control" rows="5" aria-invalid="false" placeholder="" style="display: none"></textarea>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
2021-04-21 15:14:44 +08:00
|
|
|
|
</div>
|
2021-04-08 17:51:59 +08:00
|
|
|
|
</div>
|
2021-04-09 10:06:04 +08:00
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="rightarea">
|
|
|
|
|
|
<h4 class="form-header h4">效果图</h4>
|
|
|
|
|
|
<div style="position: relative;text-align:center">
|
|
|
|
|
|
<img id="picimg" src="../../img/act/1.jpg" width="380" height="500">
|
|
|
|
|
|
<span class="drawNamePic" id="actTitlePic">活动标题</span>
|
|
|
|
|
|
<span class="drawDescribePic" id="actDescPic">活动描述</span>
|
|
|
|
|
|
<span class="drawbtnPic">
|
2021-04-06 14:39:12 +08:00
|
|
|
|
<a id="btn1Pic" class="btn btn-success btn-xs ">自定义按钮1</a>
|
|
|
|
|
|
</span>
|
2021-04-09 10:06:04 +08:00
|
|
|
|
<span class="drawbtnPic2">
|
2021-04-06 14:39:12 +08:00
|
|
|
|
<a id="btn2Pic" class="btn btn-success btn-xs ">自定义按钮2</a>
|
|
|
|
|
|
</span>
|
2021-04-06 14:05:54 +08:00
|
|
|
|
</div>
|
2021-04-09 10:06:04 +08:00
|
|
|
|
</div>
|
2021-04-22 11:28:51 +08:00
|
|
|
|
<div class="clearfloat"></div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</div>
|
2021-04-20 09:34:35 +08:00
|
|
|
|
<div id="step-4" class="tab-pane" role="tabpanel" aria-labelledby="step-4" style="height: 130%">
|
2021-04-08 10:24:28 +08:00
|
|
|
|
<h4 class="form-header h4">第4步-选择玩法</h4>
|
|
|
|
|
|
<div th:with="type=${@dict.getType('activityPlay')}">
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<a id="activityPlay" th:if="${dict.dictValue} != '0'" class="btn btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
|
|
|
|
|
th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
|
|
|
|
|
|
<a id="activityPlay" th:if="${dict.dictValue} eq '0'" class="btn btn-success btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
2021-04-08 17:01:23 +08:00
|
|
|
|
th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
|
2021-04-08 10:24:28 +08:00
|
|
|
|
</div>
|
2021-04-09 09:35:26 +08:00
|
|
|
|
<input type="hidden" name="actConfig-actType" id="activityPlayval" value="">
|
2021-04-20 09:34:35 +08:00
|
|
|
|
<h4 class="form-header h4"></h4>
|
2021-04-14 10:58:28 +08:00
|
|
|
|
<div style="height: 300">
|
|
|
|
|
|
<img id="activityPlayimg" src="../../img/act/0.jpg" width="60%" height="300" style="display: none">
|
|
|
|
|
|
</div>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<h4 class="form-header h4">活动规则</h4>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="row" id="activityPlaydiv" style="display: none">
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="col-sm-4 control-label is-required">首次中奖配置：</label>
|
|
|
|
|
|
<div class="col-sm-8">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<select name="drawRule-firstflag" id="FIRSTFLAG" onchange="firstflag()"
|
|
|
|
|
|
class="form-control"
|
2021-04-02 15:00:12 +08:00
|
|
|
|
th:with="type=${@dict.getType('is_boolean')}">
|
|
|
|
|
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
|
|
|
|
|
th:value="${dict.dictValue}"></option>
|
|
|
|
|
|
</select>
|
2021-04-02 09:28:28 +08:00
|
|
|
|
</div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-21 16:53:12 +08:00
|
|
|
|
<label class="col-sm-4 control-label">首次中奖奖品：</label>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<div class="col-sm-8">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<select name="drawRule-firstawardprize" class="form-control" id="firstawardprize"
|
2021-04-13 09:17:41 +08:00
|
|
|
|
th:with="drawPrize=${@drawPrize.findDrawPrizeInfoList()}"
|
2021-04-08 17:01:23 +08:00
|
|
|
|
disabled>
|
2021-04-13 09:17:41 +08:00
|
|
|
|
<option value="">所有</option>
|
|
|
|
|
|
<option th:each="drawPrize : ${drawPrize}" th:text="${drawPrize.PRIZENAME}"
|
|
|
|
|
|
th:value="${drawPrize.PRIZECODE}"></option>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</select>
|
2021-04-02 09:28:28 +08:00
|
|
|
|
</div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<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"
|
|
|
|
|
|
th:with="type=${@dict.getType('is_boolean')}">
|
|
|
|
|
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
|
|
|
|
|
th:value="${dict.dictValue}"></option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-21 16:53:12 +08:00
|
|
|
|
<label class="col-sm-4 control-label">时间段限制次数：</label>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<input name="drawRule-dailynumber" id="dailynumber" placeholder="时间段限制次数"
|
|
|
|
|
|
class="form-control" type="text" maxlength="30" disabled>
|
|
|
|
|
|
</div>
|
2021-04-02 09:28:28 +08:00
|
|
|
|
</div>
|
2021-03-30 09:45:17 +08:00
|
|
|
|
</div>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-21 16:53:12 +08:00
|
|
|
|
<label class="col-sm-4 control-label">抽奖限制开始时间：</label>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<div class="input-group date">
|
|
|
|
|
|
<input name="drawRule-dailystarttime" id="dailystarttime"
|
|
|
|
|
|
class="form-control"
|
|
|
|
|
|
placeholder="HH:mm:ss" type="text" disabled>
|
|
|
|
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
|
|
|
|
|
</div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-21 16:53:12 +08:00
|
|
|
|
<label class="col-sm-4 control-label">抽奖限制结束时间：</label>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<div class="input-group date">
|
|
|
|
|
|
<input name="drawRule-dailyendtime" id="dailyendtime" class="form-control"
|
|
|
|
|
|
placeholder="HH:mm:ss" type="text" disabled>
|
|
|
|
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
|
|
|
|
|
</div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-03-30 09:45:17 +08:00
|
|
|
|
</div>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="col-sm-4 control-label is-required">抽奖必中配置：</label>
|
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<select name="drawRule-willdrawflag" id="WILLDRAWFLAG" onchange="willdrawflag()"
|
|
|
|
|
|
class="form-control" th:with="type=${@dict.getType('is_boolean')}">
|
|
|
|
|
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
|
|
|
|
|
th:value="${dict.dictValue}"></option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-21 16:53:12 +08:00
|
|
|
|
<label class="col-sm-4 control-label">抽奖必中计数：</label>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<input name="drawRule-willdrawawardnumber" id="willdrawawardnumber"
|
|
|
|
|
|
placeholder="抽奖必中计数"
|
2021-04-13 10:18:44 +08:00
|
|
|
|
class="form-control" type="text" maxlength="30" disabled>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
</div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-21 16:53:12 +08:00
|
|
|
|
<label class="col-sm-4 control-label">抽奖必中奖品：</label>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<select name="drawRule-willdrawawardprize" class="form-control"
|
|
|
|
|
|
id="willdrawawardprize"
|
2021-04-13 10:18:44 +08:00
|
|
|
|
th:with="drawPrize=${@drawPrize.findDrawPrizeInfoList()}"
|
2021-04-12 09:51:08 +08:00
|
|
|
|
disabled>
|
2021-04-13 10:18:44 +08:00
|
|
|
|
<option value="">所有</option>
|
|
|
|
|
|
<option th:each="drawPrize : ${drawPrize}" th:text="${drawPrize.PRIZENAME}"
|
|
|
|
|
|
th:value="${drawPrize.PRIZECODE}"></option>
|
2021-04-12 09:51:08 +08:00
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
2021-04-02 10:38:31 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-21 15:24:39 +08:00
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-21 16:53:12 +08:00
|
|
|
|
<label class="col-sm-4 control-label">规则描述：</label>
|
2021-04-20 09:34:35 +08:00
|
|
|
|
<div class="col-sm-8">
|
2021-04-20 10:00:52 +08:00
|
|
|
|
<div class="summernote1">
|
2021-04-20 09:34:35 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<textarea id="drawdescribe" name="drawRule-drawdescribe" maxlength="500" class="form-control" rows="5" aria-invalid="false" placeholder="" style="display: none"></textarea>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-03-30 09:45:17 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-22 11:28:51 +08:00
|
|
|
|
<div id="step-5" class="tab-pane" role="tabpanel" aria-labelledby="step-5" >
|
|
|
|
|
|
<div style=" height: auto; min-height:500px;overflow:hidden">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<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"
|
2021-04-21 17:32:26 +08:00
|
|
|
|
maxlength="30" onkeyup="updatePri(this)" required>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</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"
|
2021-04-21 17:32:26 +08:00
|
|
|
|
maxlength="30" onkeyup="updatePri(this)" required>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
2021-04-21 17:32:26 +08:00
|
|
|
|
<label class="col-sm-4 control-label">协议内容：</label>
|
2021-04-13 14:20:17 +08:00
|
|
|
|
<div class="col-xs-8">
|
|
|
|
|
|
<textarea id="agreement" name="actPageConfigUserinfo-agreement" onkeyup="updatePri(this)" maxlength="500" class="form-control" rows="5"></textarea>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-6">
|
2021-04-23 09:51:48 +08:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="col-sm-4 control-label is-required">背景图片：</label>
|
|
|
|
|
|
<div class="col-xs-8">
|
|
|
|
|
|
<div class="fileinput fileinput-new" data-provides="fileinput">
|
|
|
|
|
|
<div class="fileinput-preview thumbnail" data-trigger="fileinput"
|
|
|
|
|
|
style="width: 200px; height: 150px;"></div>
|
|
|
|
|
|
<div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
<span class="btn btn-white btn-file"><span
|
|
|
|
|
|
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
2021-04-23 09:51:48 +08:00
|
|
|
|
<input type="file" id="picture" name="actPageConfigUserinfo-bgImg"
|
|
|
|
|
|
onchange="syncPic(this)" required></span>
|
|
|
|
|
|
<a href="#" class="btn btn-white fileinput-exists"
|
|
|
|
|
|
data-dismiss="fileinput">清除</a>
|
2021-04-08 17:41:32 +08:00
|
|
|
|
|
2021-04-23 09:51:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
2021-04-23 09:51:48 +08:00
|
|
|
|
<input id="pictureval" type="hidden" name="actPageConfigUserinfo-bgImg"
|
|
|
|
|
|
value="">
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</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"
|
2021-04-21 17:32:26 +08:00
|
|
|
|
maxlength="30" onkeyup="updatePri(this)" required>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</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">
|
2021-04-09 10:54:09 +08:00
|
|
|
|
<input type="checkbox" name="actPageConfigUserinfo-mobile" id="phone"
|
2021-04-08 17:01:23 +08:00
|
|
|
|
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>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</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>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="rightarea">
|
|
|
|
|
|
<h4 class="form-header h4">效果图</h4>
|
|
|
|
|
|
<div style="position: relative;text-align:center">
|
2021-04-22 15:38:38 +08:00
|
|
|
|
<img id="pictureimg" src="../../img/shj.jpg" width="380" height="600">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<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>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<div class="drawText3Pri">
|
|
|
|
|
|
<div>
|
2021-04-22 15:38:38 +08:00
|
|
|
|
<input class="inputimg" placeholder="姓名" type="hidden" id="namePri">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
2021-04-22 15:38:38 +08:00
|
|
|
|
<input class="inputimg" placeholder="手机号" type="hidden" id="phonePri">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
2021-04-22 15:38:38 +08:00
|
|
|
|
<input class="inputimg" placeholder="性别" height="10px" type="hidden" id="sexPri">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
2021-04-22 15:38:38 +08:00
|
|
|
|
<input class="inputimg" placeholder="地址" type="hidden" id="addressPri">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
2021-04-22 15:38:38 +08:00
|
|
|
|
<input class="inputimg" placeholder="代理人姓名" type="hidden" id="agentNamePri">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
2021-04-22 15:38:38 +08:00
|
|
|
|
<input class="inputimg" placeholder="代理人手机号" type="hidden" id="agentPhonePri">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
2021-04-22 15:38:38 +08:00
|
|
|
|
<input class="inputimg" placeholder="代理人性别" type="hidden" id="agentSexPri">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
2021-04-22 15:38:38 +08:00
|
|
|
|
<input class="inputimg" placeholder="代理人地址" type="hidden" id="agentNumberPri">
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<span class="drawbtnPri">
|
2021-04-08 10:42:02 +08:00
|
|
|
|
<a id="btnPri" class="btn btn-success btn-xs ">自定义按钮</a>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
2021-04-22 11:28:51 +08:00
|
|
|
|
<div class="clearfloat"></div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-22 11:28:51 +08:00
|
|
|
|
<div id="step-6" class="tab-pane" role="tabpanel" aria-labelledby="step-6" >
|
|
|
|
|
|
<div style=" height: auto; min-height:500px;overflow:hidden">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<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"
|
2021-04-21 17:32:26 +08:00
|
|
|
|
maxlength="30" onkeyup="updatePri(this)" required>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</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"
|
2021-04-21 17:32:26 +08:00
|
|
|
|
maxlength="30" onkeyup="updatePri(this)" required>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-6">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="col-sm-4 control-label is-required">分享描述：</label>
|
2021-04-13 14:20:17 +08:00
|
|
|
|
<div class="col-xs-8">
|
2021-04-21 17:32:26 +08:00
|
|
|
|
<textarea id="shareDescribe" name="actConfig-shareDesc" onkeyup="updatePri(this)" maxlength="500" class="form-control" rows="5" required></textarea>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-6">
|
2021-04-23 09:51:48 +08:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="col-sm-4 control-label is-required">分享图片：</label>
|
|
|
|
|
|
<div class="col-xs-8">
|
|
|
|
|
|
<div class="fileinput fileinput-new" data-provides="fileinput">
|
|
|
|
|
|
<div class="fileinput-preview thumbnail" data-trigger="fileinput"
|
|
|
|
|
|
style="width: 200px; height: 150px;"></div>
|
|
|
|
|
|
<div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
<span class="btn btn-white btn-file"><span
|
|
|
|
|
|
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
2021-04-23 09:51:48 +08:00
|
|
|
|
<input type="file" id="shareImg" name="actConfig-shareImg"
|
|
|
|
|
|
onchange="syncPic(this)" required></span>
|
|
|
|
|
|
<a href="#" class="btn btn-white fileinput-exists"
|
|
|
|
|
|
data-dismiss="fileinput">清除</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<input id="shareImgval" type="hidden" name="actConfig-shareImg" value="">
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-21 17:29:38 +08:00
|
|
|
|
</div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="rightarea">
|
|
|
|
|
|
<h4 class="form-header h4">效果图</h4>
|
2021-04-13 17:06:10 +08:00
|
|
|
|
<div style="position: relative;text-align:center">
|
|
|
|
|
|
<img src="../../../img/bj.png" height="170" width="340">
|
2021-04-13 17:50:54 +08:00
|
|
|
|
<span class="drawShareTitlePri" id="shareTitlePri">中国人寿举办活动</span>
|
|
|
|
|
|
<span class="drawShareDescribePri" id="shareDescribePri">分享必得奖品</span>
|
|
|
|
|
|
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<div class="drawShareImgPic">
|
2021-04-08 17:41:32 +08:00
|
|
|
|
<img id="shareImgimg" src="../../img/shj.jpg" width="50" height="50">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
2021-04-22 11:28:51 +08:00
|
|
|
|
<div class="clearfloat"></div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
2021-04-22 11:28:51 +08:00
|
|
|
|
<div id="step-7" class="tab-pane" role="tabpanel" aria-labelledby="step-7" >
|
|
|
|
|
|
<div style=" height: auto; min-height:500px;overflow:hidden">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<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">
|
2021-04-09 10:54:09 +08:00
|
|
|
|
<input id="qrCode" name="actPageConfigSubscribe-description"
|
2021-04-08 17:01:23 +08:00
|
|
|
|
placeholder="例如：扫描二维码参加活动" class="form-control" type="text"
|
2021-04-21 17:32:26 +08:00
|
|
|
|
maxlength="30" onkeyup="updatePri(this)" required>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-6">
|
2021-04-21 17:29:38 +08:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="col-sm-4 control-label is-required">背景图片：</label>
|
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<div class="fileinput fileinput-new" data-provides="fileinput">
|
|
|
|
|
|
<div class="fileinput-preview thumbnail" data-trigger="fileinput"
|
|
|
|
|
|
style="width: 200px; height: 150px;"></div>
|
|
|
|
|
|
<div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
<span class="btn btn-white btn-file"><span
|
|
|
|
|
|
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<input type="file" id="backdropImg"
|
2021-04-21 17:32:26 +08:00
|
|
|
|
name="actPageConfigSubscribe-bgImg" onchange="syncPic(this)" required></span>
|
2021-04-21 17:29:38 +08:00
|
|
|
|
<a href="#" class="btn btn-white fileinput-exists"
|
|
|
|
|
|
data-dismiss="fileinput">清除</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 17:41:32 +08:00
|
|
|
|
<input id="backdropImgval" type="hidden" name="actPageConfigSubscribe-bgImg"
|
|
|
|
|
|
value="">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-6">
|
2021-04-21 17:29:38 +08:00
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<label class="col-sm-4 control-label is-required">二维码图片：</label>
|
|
|
|
|
|
<div class="col-sm-8">
|
|
|
|
|
|
<div class="fileinput fileinput-new" data-provides="fileinput">
|
|
|
|
|
|
<div class="fileinput-preview thumbnail" data-trigger="fileinput"
|
|
|
|
|
|
style="width: 200px; height: 150px;"></div>
|
|
|
|
|
|
<div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
<span class="btn btn-white btn-file"><span
|
|
|
|
|
|
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<input type="file" id="qrCodeImg"
|
2021-04-21 17:32:26 +08:00
|
|
|
|
name="actPageConfigSubscribe-bgImg2" required
|
2021-04-21 17:29:38 +08:00
|
|
|
|
onchange="syncPic(this)"></span>
|
|
|
|
|
|
<a href="#" class="btn btn-white fileinput-exists"
|
|
|
|
|
|
data-dismiss="fileinput">清除</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-09 10:54:09 +08:00
|
|
|
|
<input id="qrCodeImgval" type="hidden" name="actPageConfigSubscribe-qrCode"
|
2021-04-08 17:41:32 +08:00
|
|
|
|
value="">
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="rightarea">
|
|
|
|
|
|
<h4 class="form-header h4">效果图</h4>
|
|
|
|
|
|
<div style="position: relative;text-align:center">
|
2021-04-08 17:41:32 +08:00
|
|
|
|
<img id="backdropImgimg" src="../../img/shj.jpg" width="400" height="400">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<div class="drawCodeImgPic">
|
2021-04-08 17:41:32 +08:00
|
|
|
|
<img id="qrCodeImgimg" src="../../img/shj.jpg" width="80" height="80">
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
|
2021-04-08 17:01:23 +08:00
|
|
|
|
<span class="drawQrCodePri" id="qrCodePri">关注二维码</span>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
|
|
|
|
|
|
</div>
|
2021-04-08 17:01:23 +08:00
|
|
|
|
</div>
|
2021-04-22 11:28:51 +08:00
|
|
|
|
<div class="clearfloat"></div>
|
2021-04-08 10:42:02 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-03-30 09:45:17 +08:00
|
|
|
|
</div>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</div>
|
2021-04-13 16:30:27 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<th:block th:include="include :: footer"/>
|
|
|
|
|
|
<th:block th:include="include :: datetimepicker-js"/>
|
|
|
|
|
|
<th:block th:include="include :: jquery-smartwizard-js"/>
|
2021-04-06 14:39:12 +08:00
|
|
|
|
<th:block th:include="include :: jasny-bootstrap-js"/>
|
2021-04-15 14:28:01 +08:00
|
|
|
|
<th:block th:include="include :: summernote-js" />
|
2021-04-02 15:00:12 +08:00
|
|
|
|
<script th:inline="javascript">
|
|
|
|
|
|
var prefix = ctx + "activity/info"
|
|
|
|
|
|
|
|
|
|
|
|
$("#form-info-add").validate({
|
|
|
|
|
|
focusCleanup: true
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-04-12 10:22:53 +08:00
|
|
|
|
|
2021-04-02 15:00:12 +08:00
|
|
|
|
|
|
|
|
|
|
//时间段抽奖配置
|
|
|
|
|
|
function dailyflag() {
|
|
|
|
|
|
var DAILYFLAG = $("#DAILYFLAG").val();
|
|
|
|
|
|
if (DAILYFLAG == 1) {
|
|
|
|
|
|
$('#dailynumber').removeAttr('disabled');
|
|
|
|
|
|
$('#dailystarttime').removeAttr('disabled');
|
|
|
|
|
|
$('#dailyendtime').removeAttr('disabled');
|
|
|
|
|
|
} else if (DAILYFLAG == 0) {
|
|
|
|
|
|
$("#dailynumber").attr('disabled', 'true');
|
|
|
|
|
|
$("#dailystarttime").attr('disabled', 'true');
|
|
|
|
|
|
$("#dailyendtime").attr('disabled', 'true');
|
2021-03-31 17:48:27 +08:00
|
|
|
|
}
|
2021-04-02 15:00:12 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//抽奖必中配置
|
|
|
|
|
|
function willdrawflag() {
|
|
|
|
|
|
var WILLDRAWFLAG = $("#WILLDRAWFLAG").val();
|
|
|
|
|
|
if (WILLDRAWFLAG == 1) {
|
|
|
|
|
|
$('#willdrawawardnumber').removeAttr('disabled');
|
|
|
|
|
|
$('#willdrawawardprize').removeAttr('disabled');
|
|
|
|
|
|
} else if (WILLDRAWFLAG == 0) {
|
|
|
|
|
|
$("#willdrawawardnumber").attr('disabled', 'true');
|
|
|
|
|
|
$("#willdrawawardprize").attr('disabled', 'true');
|
2021-04-01 09:23:30 +08:00
|
|
|
|
|
2021-03-31 17:48:27 +08:00
|
|
|
|
}
|
2021-04-02 15:00:12 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//首次中奖配置
|
|
|
|
|
|
function firstflag() {
|
|
|
|
|
|
var FIRSTFLAG = $("#FIRSTFLAG").val();
|
|
|
|
|
|
if (FIRSTFLAG == 1) {
|
|
|
|
|
|
$('#firstawardprize').removeAttr('disabled');
|
|
|
|
|
|
} else if (FIRSTFLAG == 0) {
|
|
|
|
|
|
$("#firstawardprize").attr('disabled', 'true');
|
2021-03-31 17:48:27 +08:00
|
|
|
|
}
|
2021-03-30 09:45:17 +08:00
|
|
|
|
|
2021-04-02 15:00:12 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2021-04-08 17:51:59 +08:00
|
|
|
|
$("input[name='drawInfo-starttime']").datetimepicker({
|
2021-04-02 15:00:12 +08:00
|
|
|
|
weekStart: 1,
|
|
|
|
|
|
todayBtn: 1,
|
|
|
|
|
|
autoclose: 1,
|
|
|
|
|
|
todayHighlight: 1,
|
|
|
|
|
|
startView: 2,
|
|
|
|
|
|
forceParse: 0,
|
|
|
|
|
|
showMeridian: 1,
|
|
|
|
|
|
format: 'yyyy-mm-dd hh:ii:ss'
|
|
|
|
|
|
});
|
|
|
|
|
|
|
2021-04-08 17:51:59 +08:00
|
|
|
|
$("input[name='drawInfo-endtime']").datetimepicker({
|
2021-04-02 15:00:12 +08:00
|
|
|
|
weekStart: 1,
|
|
|
|
|
|
todayBtn: 1,
|
|
|
|
|
|
autoclose: 1,
|
|
|
|
|
|
todayHighlight: 1,
|
|
|
|
|
|
startView: 2,
|
|
|
|
|
|
forceParse: 0,
|
|
|
|
|
|
showMeridian: 1,
|
|
|
|
|
|
format: 'yyyy-mm-dd hh:ii:ss'
|
|
|
|
|
|
});
|
|
|
|
|
|
|
2021-04-08 17:51:59 +08:00
|
|
|
|
$("input[name='drawRule-dailystarttime']").datetimepicker({
|
2021-04-02 15:00:12 +08:00
|
|
|
|
weekStart: 1,
|
|
|
|
|
|
todayBtn: 1,
|
|
|
|
|
|
autoclose: 1,
|
|
|
|
|
|
todayHighlight: 1,
|
|
|
|
|
|
startView: 2,
|
|
|
|
|
|
forceParse: 0,
|
|
|
|
|
|
showMeridian: 1,
|
|
|
|
|
|
format: 'hh:ii:ss'
|
|
|
|
|
|
});
|
|
|
|
|
|
|
2021-04-08 17:51:59 +08:00
|
|
|
|
$("input[name='drawRule-dailyendtime']").datetimepicker({
|
2021-04-02 15:00:12 +08:00
|
|
|
|
weekStart: 1,
|
|
|
|
|
|
todayBtn: 1,
|
|
|
|
|
|
autoclose: 1,
|
|
|
|
|
|
todayHighlight: 1,
|
|
|
|
|
|
startView: 2,
|
|
|
|
|
|
forceParse: 0,
|
|
|
|
|
|
showMeridian: 1,
|
|
|
|
|
|
format: 'hh:ii:ss'
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script th:inline="javascript">
|
|
|
|
|
|
$(document).ready(function () {
|
2021-04-15 14:28:01 +08:00
|
|
|
|
$('.summernote').summernote({
|
|
|
|
|
|
height:200,
|
|
|
|
|
|
lang: 'zh-CN'
|
|
|
|
|
|
});
|
2021-04-21 15:24:39 +08:00
|
|
|
|
$('.summernote1').summernote({
|
|
|
|
|
|
height:200,
|
|
|
|
|
|
lang: 'zh-CN'
|
|
|
|
|
|
});
|
2021-04-02 15:00:12 +08:00
|
|
|
|
// 工具栏按钮
|
|
|
|
|
|
var btnFinish = $('<a id="btn-finish"></a>').text('完成')
|
|
|
|
|
|
.addClass('btn btn-info')
|
|
|
|
|
|
.on('click', function () {
|
2021-04-22 14:59:59 +08:00
|
|
|
|
var flag = $("#step-7").validate({
|
|
|
|
|
|
errorPlacement: function(error, element) {
|
|
|
|
|
|
error.appendTo(element.parent().parent().parent());
|
|
|
|
|
|
}
|
|
|
|
|
|
}).form();
|
|
|
|
|
|
if (flag == false){
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
2021-04-08 13:42:34 +08:00
|
|
|
|
//添加保存逻辑
|
2021-04-15 14:28:01 +08:00
|
|
|
|
var markupStr = $('.summernote').summernote('code');
|
2021-04-20 10:00:52 +08:00
|
|
|
|
$("#btnLink2").val(markupStr);
|
|
|
|
|
|
var markupStr1 = $('.summernote1').summernote('code');
|
|
|
|
|
|
$("#drawdescribe").val(markupStr1);
|
2021-04-08 17:01:23 +08:00
|
|
|
|
var data = customSerialize("form-info-add", true);
|
2021-04-08 15:25:06 +08:00
|
|
|
|
$.ajax({
|
2021-04-08 17:51:59 +08:00
|
|
|
|
url: prefix + "/add",
|
2021-04-08 15:25:06 +08:00
|
|
|
|
data: data,
|
|
|
|
|
|
type: "post",
|
|
|
|
|
|
contentType: "application/json;charset=UTF-8",
|
2021-04-08 17:01:23 +08:00
|
|
|
|
success: function (result) {
|
2021-04-09 11:18:25 +08:00
|
|
|
|
if (typeof callback == "function") {
|
|
|
|
|
|
callback(result);
|
2021-04-08 15:25:06 +08:00
|
|
|
|
}
|
2021-04-09 11:18:25 +08:00
|
|
|
|
$.operate.successTabCallback(result);
|
2021-04-08 15:25:06 +08:00
|
|
|
|
}
|
|
|
|
|
|
})
|
2021-04-02 15:00:12 +08:00
|
|
|
|
});
|
|
|
|
|
|
var btnCancel = $('<a id="btn-cancel"></a>').text('取消')
|
|
|
|
|
|
.addClass('btn btn-danger')
|
|
|
|
|
|
.on('click', function () {
|
|
|
|
|
|
$('#smartwizard').smartWizard("reset");
|
|
|
|
|
|
});
|
|
|
|
|
|
// 下面两个按钮是为了因为插件默认的是botton,这里换成<a>,也可以选择用样式替换,或者不替换
|
|
|
|
|
|
var btnNext = $('<a id="btn-next"></a>').text('下一步')
|
|
|
|
|
|
.addClass('btn btn-info')
|
|
|
|
|
|
.on('click', function () {
|
|
|
|
|
|
$('#smartwizard').smartWizard("next");
|
2021-04-02 09:28:28 +08:00
|
|
|
|
});
|
2021-04-02 15:00:12 +08:00
|
|
|
|
var btnPrev = $('<a id="btn-prev"></a>').text('上一步')
|
|
|
|
|
|
.addClass('btn btn-success disabled')
|
|
|
|
|
|
.on('click', function () {
|
|
|
|
|
|
$('#smartwizard').smartWizard("prev");
|
|
|
|
|
|
});
|
|
|
|
|
|
// 初始化表单向导组件
|
|
|
|
|
|
$('#smartwizard').smartWizard({
|
|
|
|
|
|
theme: 'dots', // default, arrows, dots, progress
|
|
|
|
|
|
autoAdjustHeight: true, // 自动调整高度, 默认true
|
|
|
|
|
|
enableURLhash: false, //开启URL hash,开启后点击浏览器前进后退按钮会执行下一步和上一步操作
|
|
|
|
|
|
transition: {
|
|
|
|
|
|
animation: 'slide-horizontal', // Effect on navigation, none/fade/slide-horizontal/slide-vertical/slide-swing
|
|
|
|
|
|
},
|
|
|
|
|
|
toolbarSettings: {
|
|
|
|
|
|
showNextButton: false,// 因为上面自定义了下一步按钮, 所以隐藏掉插件自带的按钮, 如果不使用自定义按钮, 需要改为true或者去掉该属性
|
|
|
|
|
|
showPreviousButton: false,// 因为上面自定义了上一步按钮, 所以隐藏掉插件自带的按钮, 如果不使用自定义按钮, 需要改为true或者去掉该属性
|
|
|
|
|
|
toolbarExtraButtons: [btnCancel, btnPrev, btnNext, btnFinish]// 扩展的按钮集合
|
|
|
|
|
|
}
|
2021-04-02 09:28:28 +08:00
|
|
|
|
});
|
2021-04-02 15:00:12 +08:00
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// 显示步骤时将触发事件
|
|
|
|
|
|
$("#smartwizard").on("showStep", function (e, anchorObject, stepNumber, stepDirection, stepPosition) {
|
|
|
|
|
|
// 下面按钮是快速操作栏的
|
|
|
|
|
|
$("#prev-btn").removeClass('disabled');
|
|
|
|
|
|
$("#next-btn").removeClass('disabled');
|
|
|
|
|
|
// 下面按钮是工具栏的
|
|
|
|
|
|
$("#btn-prev").removeClass('disabled');
|
|
|
|
|
|
$("#btn-next").removeClass('disabled');
|
|
|
|
|
|
$("#btn-finish").removeClass('disabled');
|
|
|
|
|
|
if (stepPosition === 'first') {
|
|
|
|
|
|
$("#prev-btn").addClass('disabled');// 快速操作栏（演示用）
|
|
|
|
|
|
$("#btn-prev").addClass('disabled');
|
|
|
|
|
|
$("#btn-finish").addClass('disabled');
|
|
|
|
|
|
} else if (stepPosition === 'last') {
|
|
|
|
|
|
$("#next-btn").addClass('disabled');// 快速操作栏（演示用）
|
|
|
|
|
|
$("#btn-next").addClass('disabled');
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$("#prev-btn").removeClass('disabled');// 快速操作栏（演示用）
|
|
|
|
|
|
$("#next-btn").removeClass('disabled');// 快速操作栏（演示用）
|
2021-04-02 09:28:28 +08:00
|
|
|
|
$("#btn-prev").removeClass('disabled');
|
|
|
|
|
|
$("#btn-next").removeClass('disabled');
|
2021-04-02 15:00:12 +08:00
|
|
|
|
$("#btn-finish").addClass('disabled');
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// 该事件在离开某个步骤之前触发
|
|
|
|
|
|
$("#smartwizard").on("leaveStep", function (e, anchorObject, currentStepNumber, nextStepNumber, stepDirection) {
|
|
|
|
|
|
if (stepDirection == 'forward') {
|
2021-04-22 14:59:59 +08:00
|
|
|
|
return $("#step-" + (currentStepNumber + 1)).validate({
|
|
|
|
|
|
errorPlacement: function(error, element) {
|
|
|
|
|
|
error.appendTo(element.parent().parent().parent());
|
|
|
|
|
|
}
|
|
|
|
|
|
}).form();
|
2021-04-02 15:00:12 +08:00
|
|
|
|
}
|
|
|
|
|
|
return true;
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$("#theme-selector").on("change", function () {
|
|
|
|
|
|
// Change theme
|
|
|
|
|
|
var options = {
|
|
|
|
|
|
theme: $(this).val()
|
|
|
|
|
|
};
|
|
|
|
|
|
$('#smartwizard').smartWizard("setOptions", options);
|
|
|
|
|
|
return true;
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$("#reset-btn").on("click", function () {
|
|
|
|
|
|
// Reset wizard
|
|
|
|
|
|
$('#smartwizard').smartWizard("reset");
|
|
|
|
|
|
return true;
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$("#prev-btn").on("click", function () {
|
|
|
|
|
|
// Navigate previous
|
|
|
|
|
|
$('#smartwizard').smartWizard("prev");
|
|
|
|
|
|
return true;
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$("#next-btn").on("click", function () {
|
|
|
|
|
|
// Navigate next
|
|
|
|
|
|
$('#smartwizard').smartWizard("next");
|
|
|
|
|
|
return true;
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script th:inline="javascript">
|
2021-04-08 10:42:02 +08:00
|
|
|
|
|
|
|
|
|
|
|
2021-04-08 17:01:23 +08:00
|
|
|
|
function updateText(val) {
|
2021-04-08 10:42:02 +08:00
|
|
|
|
|
2021-04-08 17:01:23 +08:00
|
|
|
|
var id = val.id;
|
|
|
|
|
|
var boolean = $("#" + id).prop("checked");
|
|
|
|
|
|
if (boolean) {
|
|
|
|
|
|
$("#" + id + "Pri").attr('type', 'text');
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$("#" + id + "Pri").attr('type', 'hidden');
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2021-04-08 10:42:02 +08:00
|
|
|
|
|
|
|
|
|
|
|
2021-04-06 14:39:12 +08:00
|
|
|
|
function updatePic(val) {
|
2021-04-02 15:00:12 +08:00
|
|
|
|
var id = val.id;
|
|
|
|
|
|
var value = val.value;
|
2021-04-08 17:01:23 +08:00
|
|
|
|
if (value == null || value == "" && id.indexOf("btn") != -1) {
|
2021-04-08 10:24:28 +08:00
|
|
|
|
//默认值
|
2021-04-08 17:01:23 +08:00
|
|
|
|
value = "自定义按钮" + id.charAt(id.length - 1);
|
2021-04-08 10:24:28 +08:00
|
|
|
|
}
|
2021-04-06 14:39:12 +08:00
|
|
|
|
$("#" + id + "Pic").text(value);
|
2021-04-08 10:42:02 +08:00
|
|
|
|
|
|
|
|
|
|
}
|
2021-04-08 17:01:23 +08:00
|
|
|
|
|
2021-04-08 10:42:02 +08:00
|
|
|
|
function updatePri(val) {
|
|
|
|
|
|
var id = val.id;
|
|
|
|
|
|
var value = val.value;
|
2021-04-08 17:01:23 +08:00
|
|
|
|
if (value == null || value == "" && id.indexOf("btn") != -1) {
|
2021-04-08 10:42:02 +08:00
|
|
|
|
//默认值
|
|
|
|
|
|
value = "自定义按钮";
|
|
|
|
|
|
}
|
|
|
|
|
|
$("#" + id + "Pri").text(value);
|
|
|
|
|
|
}
|
2021-04-08 17:01:23 +08:00
|
|
|
|
|
2021-04-08 17:41:32 +08:00
|
|
|
|
//图片同步
|
|
|
|
|
|
function syncPic(val){
|
|
|
|
|
|
previewURL(val);
|
2021-04-08 17:01:23 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2021-04-06 14:05:54 +08:00
|
|
|
|
function previewURL(input) {
|
|
|
|
|
|
if (input.files && input.files[0]) {
|
|
|
|
|
|
var reader = new FileReader();
|
2021-04-08 17:41:32 +08:00
|
|
|
|
var id = input.id;
|
2021-04-06 14:05:54 +08:00
|
|
|
|
reader.onload = function (e) {
|
2021-04-08 17:41:32 +08:00
|
|
|
|
//效果图
|
|
|
|
|
|
$("#"+id+"img").attr("src", e.target.result);
|
|
|
|
|
|
//传递值
|
|
|
|
|
|
$("#"+id+"val").val(e.target.result);
|
2021-04-06 14:05:54 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
reader.readAsDataURL(input.files[0]);
|
2021-04-09 13:37:01 +08:00
|
|
|
|
} else{
|
|
|
|
|
|
//清除
|
|
|
|
|
|
//效果图
|
|
|
|
|
|
var id = input.id;
|
|
|
|
|
|
$("#"+id+"img").attr("src", "");
|
|
|
|
|
|
//传递值
|
|
|
|
|
|
$("#"+id+"val").val("");
|
2021-04-06 14:05:54 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2021-04-08 17:01:23 +08:00
|
|
|
|
function activityTemplate(val) {
|
2021-04-09 10:06:04 +08:00
|
|
|
|
var path = "../../img/act/";
|
2021-04-08 10:24:28 +08:00
|
|
|
|
$(val).addClass('btn-success').siblings().removeClass('btn-success');
|
2021-04-09 09:35:26 +08:00
|
|
|
|
var id = val.id;
|
2021-04-09 10:59:54 +08:00
|
|
|
|
var valus = $("#"+id+".btn-success").attr("value");
|
2021-04-09 09:35:26 +08:00
|
|
|
|
$("#"+id+"val").val(valus);
|
2021-04-09 10:06:04 +08:00
|
|
|
|
$("#"+id+"h4").text(val.text);
|
|
|
|
|
|
$("#"+id+"img").attr("src",path+valus+".jpg");
|
2021-04-12 09:51:08 +08:00
|
|
|
|
if (valus != "0"){
|
|
|
|
|
|
$("#activityPlaydiv").css('display','block');//显示
|
2021-04-14 10:58:28 +08:00
|
|
|
|
$("#activityTemplateimg").css('display','block');//显示
|
|
|
|
|
|
$("#activityPlayimg").css('display','block');//显示
|
2021-04-12 09:51:08 +08:00
|
|
|
|
}else{
|
|
|
|
|
|
$("#activityPlaydiv").css('display','none');//隐藏
|
2021-04-14 10:58:28 +08:00
|
|
|
|
$("#activityTemplateimg").css('display','none');
|
|
|
|
|
|
$("#activityPlayimg").css('display','none');
|
2021-04-12 09:51:08 +08:00
|
|
|
|
}
|
2021-04-09 10:06:04 +08:00
|
|
|
|
|
2021-04-08 10:24:28 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2021-04-02 15:00:12 +08:00
|
|
|
|
</script>
|
2021-03-30 09:45:17 +08:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
