ruoyi
/
RuoYi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

活动管理-添加活动修改

This commit is contained in:
dy 2021-04-02 15:00:12 +08:00
parent a69ec72af3
commit 62144b017f
1 changed files with 505 additions and 424 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

175
sino-activity/src/main/resources/templates/activity/info/add.html
View File

@ -5,6 +5,47 @@
<th:block th:include="include :: datetimepicker-css"/> <th:block th:include="include :: datetimepicker-css"/>
<th:block th:include="include :: jquery-smartwizard-css"/> <th:block th:include="include :: jquery-smartwizard-css"/>
</head> </head>
<style type='text/css'>
.rightarea
{
float: left;
width: 40%;
height: 300px;
}
.leftarea
{
float: left;
width: 50%;
height: 300px;
}
.sw > .tab-content {
overflow-x: hidden;
overflow-y: auto;
}
.col-sm-6 {
width: 70%;
}
.drawNamePic{
text-align:center;
position: absolute;
top: 100px;
font-size: 37px;
left: 0px;
color:#F00;
width: 100%;
}
.drawDescribePic{
text-align:center;
position: absolute;
top: 150px;
font-size: 20px;
left: 0px;
color:#F00;
width: 100%;
}
</style>
<body class="white-bg"> <body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> <div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-info-add"> <form class="form-horizontal m" id="form-info-add">
@ -33,7 +74,7 @@
<a class="nav-link" href="#step-4"> 关注二维码 </a> <a class="nav-link" href="#step-4"> 关注二维码 </a>
</li> </li>
</ul> </ul>
<div class="tab-content" style="height: 500px;"> <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> <div>
<form class="form form-horizontal m-t"> <form class="form form-horizontal m-t">
@ -43,7 +84,8 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">活动名称：</label> <label class="col-sm-4 control-label is-required">活动名称：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="DRAWNAME" placeholder="活动名称" class="form-control" type="text" maxlength="30"> <input name="DRAWNAME" placeholder="活动名称" class="form-control" type="text"
maxlength="30">
</div> </div>
</div> </div>
</div> </div>
@ -51,8 +93,10 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">状态：</label> <label class="col-sm-4 control-label is-required">状态：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<select name="STATUS" class="form-control" th:with="type=${@dict.getType('start_stop')}"> <select name="STATUS" class="form-control"
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> th:with="type=${@dict.getType('start_stop')}">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}"></option>
</select> </select>
</div> </div>
</div> </div>
@ -63,8 +107,10 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">消耗对象：</label> <label class="col-sm-4 control-label is-required">消耗对象：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<select name="EXPENO" class="form-control" th:with="type=${@dict.getType('expeType')}"> <select name="EXPENO" class="form-control"
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> th:with="type=${@dict.getType('expeType')}">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}"></option>
</select> </select>
</div> </div>
</div> </div>
@ -73,7 +119,8 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">消耗价值：</label> <label class="col-sm-4 control-label is-required">消耗价值：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="EXPENOVALUE" placeholder="消耗价值" class="form-control" type="text" maxlength="30"> <input name="EXPENOVALUE" placeholder="消耗价值" class="form-control"
type="text" maxlength="30">
</div> </div>
</div> </div>
</div> </div>
@ -84,7 +131,8 @@
<label class="col-sm-4 control-label is-required">开始时间：</label> <label class="col-sm-4 control-label is-required">开始时间：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<div class="input-group date"> <div class="input-group date">
<input name="STARTTIME" class="form-control" placeholder="yyyy-MM-dd HH:mm:ss" type="text"> <input name="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> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div> </div>
</div> </div>
@ -95,7 +143,8 @@
<label class="col-sm-4 control-label is-required">结束时间：</label> <label class="col-sm-4 control-label is-required">结束时间：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<div class="input-group date"> <div class="input-group date">
<input name="ENDTIME" class="form-control" placeholder="yyyy-MM-dd HH:mm:ss" type="text"> <input name="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> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div> </div>
</div> </div>
@ -111,19 +160,22 @@
<h4 class="form-header h4">第2步-选择UI模板</h4> <h4 class="form-header h4">第2步-选择UI模板</h4>
分格查询字典表 单选按钮 分格查询字典表 单选按钮
<h4 class="form-header h4">字典表显示字段</h4> <h4 class="form-header h4">字典表显示字段</h4>
<img src="file://C:/Users/dengyu/Desktop/1.jpg" width="104" height="142"> <img src="../../img/1.jpg" width="104" height="142">
</form> </form>
</div> </div>
</div> </div>
<div id="step-3" class="tab-pane" role="tabpanel" aria-labelledby="step-3"> <div id="step-3" class="tab-pane" role="tabpanel" aria-labelledby="step-3">
<div style="height: 610px">
<form class="form form-horizontal m-t"> <form class="form form-horizontal m-t">
<div class="leftarea">
<h4 class="form-header h4">第3步-配置展现内容</h4> <h4 class="form-header h4">第3步-配置展现内容</h4>
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">活动标题：</label> <label class="col-sm-4 control-label is-required">活动标题：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="DRAWNAME" placeholder="活动名称" class="form-control" type="text" maxlength="30"> <input id="drawname" name="DRAWNAME" placeholder="活动名称" class="form-control" type="text"
maxlength="30" onkeyup="updatePic(this)">
</div> </div>
</div> </div>
</div> </div>
@ -133,17 +185,8 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">活动描述：</label> <label class="col-sm-4 control-label is-required">活动描述：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="DRAWNAME" placeholder="活动名称" class="form-control" type="text" maxlength="30"> <input id="drawDescribe" name="drawDescribe" placeholder="活动描述" class="form-control" type="text"
</div> 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 name="DRAWNAME" placeholder="活动名称" class="form-control" type="text" maxlength="30">
</div> </div>
</div> </div>
</div> </div>
@ -153,7 +196,8 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">背景图片：</label> <label class="col-sm-4 control-label is-required">背景图片：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="DRAWNAME" placeholder="活动名称" class="form-control" type="text" maxlength="30"> <input id="pic" name="pic" placeholder="背景图片" class="form-control" type="text"
maxlength="30">
</div> </div>
</div> </div>
</div> </div>
@ -163,7 +207,8 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">自定义按钮1：</label> <label class="col-sm-4 control-label is-required">自定义按钮1：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="DRAWNAME" placeholder="活动名称" class="form-control" type="text" maxlength="30"> <input id="btn1" name="btn1" placeholder="自定义按钮1" class="form-control" type="text"
maxlength="30" onkeyup="updatePic(this)">
</div> </div>
</div> </div>
</div> </div>
@ -173,7 +218,8 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">按钮1跳转链接：</label> <label class="col-sm-4 control-label is-required">按钮1跳转链接：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="DRAWNAME" placeholder="活动名称" class="form-control" type="text" maxlength="30"> <input name="btn1Link" placeholder="按钮1跳转链接" class="form-control" type="text"
maxlength="30">
</div> </div>
</div> </div>
</div> </div>
@ -183,7 +229,8 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">自定义按钮2：</label> <label class="col-sm-4 control-label is-required">自定义按钮2：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="DRAWNAME" placeholder="活动名称" class="form-control" type="text" maxlength="30"> <input name="btn2" placeholder="自定义按钮2" class="form-control" type="text"
maxlength="30" onkeyup="updatePic(this)">
</div> </div>
</div> </div>
</div> </div>
@ -193,16 +240,26 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">按钮2跳转链接：</label> <label class="col-sm-4 control-label is-required">按钮2跳转链接：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="DRAWNAME" placeholder="活动名称" class="form-control" type="text" maxlength="30"> <input name="btn2Link" placeholder="按钮2跳转链接" class="form-control" type="text"
maxlength="30">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="rightarea">
<h4 class="form-header h4">效果图</h4>
<div style="position: relative;">
<img src="../../img/1.jpg" width="380" height="500">
<span class="drawNamePic" id="drawnamePic" >活动标题</span>
<span class="drawDescribePic" id="drawDescribePic" >活动描述</span>
</div>
</div>
</form> </form>
</div> </div>
</div>
<div id="step-4" class="tab-pane" role="tabpanel" aria-labelledby="step-4"> <div id="step-4" class="tab-pane" role="tabpanel" aria-labelledby="step-4">
<h4 class="form-header h4">活动规则</h4> <h4 class="form-header h4">活动规则</h4>
@ -211,8 +268,10 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">首次中奖配置：</label> <label class="col-sm-4 control-label is-required">首次中奖配置：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<select name="FIRSTFLAG" id="FIRSTFLAG" onchange="firstflag()" class="form-control" th:with="type=${@dict.getType('is_boolean')}"> <select name="FIRSTFLAG" id="FIRSTFLAG" onchange="firstflag()" class="form-control"
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> th:with="type=${@dict.getType('is_boolean')}">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}"></option>
</select> </select>
</div> </div>
</div> </div>
@ -233,8 +292,10 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">时间段抽奖配置：</label> <label class="col-sm-4 control-label is-required">时间段抽奖配置：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<select name="DAILYFLAG" id="DAILYFLAG" onchange="dailyflag()" class="form-control" th:with="type=${@dict.getType('is_boolean')}"> <select name="DAILYFLAG" id="DAILYFLAG" onchange="dailyflag()" class="form-control"
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> th:with="type=${@dict.getType('is_boolean')}">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}"></option>
</select> </select>
</div> </div>
</div> </div>
@ -243,7 +304,8 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">时间段限制次数：</label> <label class="col-sm-4 control-label is-required">时间段限制次数：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="DAILYNUMBER" id="dailynumber" placeholder="时间段限制次数" class="form-control" type="text" maxlength="30" disabled> <input name="DAILYNUMBER" id="dailynumber" placeholder="时间段限制次数"
class="form-control" type="text" maxlength="30" disabled>
</div> </div>
</div> </div>
</div> </div>
@ -254,7 +316,8 @@
<label class="col-sm-4 control-label is-required">抽奖限制开始时间：</label> <label class="col-sm-4 control-label is-required">抽奖限制开始时间：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<div class="input-group date"> <div class="input-group date">
<input name="DAILYSTARTTIME" id="dailystarttime" class="form-control" placeholder="HH:mm:ss" type="text" disabled> <input name="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> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div> </div>
</div> </div>
@ -265,7 +328,8 @@
<label class="col-sm-4 control-label is-required">抽奖限制结束时间：</label> <label class="col-sm-4 control-label is-required">抽奖限制结束时间：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<div class="input-group date"> <div class="input-group date">
<input name="DAILYENDTIME" id="dailyendtime" class="form-control" placeholder="HH:mm:ss" type="text" disabled> <input name="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> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div> </div>
</div> </div>
@ -274,14 +338,15 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">抽奖必中配置：</label> <label class="col-sm-4 control-label is-required">抽奖必中配置：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<select name="WILLDRAWFLAG" id="WILLDRAWFLAG" onchange="willdrawflag()" class="form-control" th:with="type=${@dict.getType('is_boolean')}"> <select name="WILLDRAWFLAG" id="WILLDRAWFLAG" onchange="willdrawflag()"
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> 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> </select>
</div> </div>
</div> </div>
@ -290,7 +355,8 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">抽奖必中计数：</label> <label class="col-sm-4 control-label is-required">抽奖必中计数：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<input name="WILLDRAWAWARDNUMBER" id="willdrawawardnumber" placeholder="抽奖必中计数" class="form-control" type="text" maxlength="30" disabled> <input name="WILLDRAWAWARDNUMBER" id="willdrawawardnumber" placeholder="抽奖必中计数"
class="form-control" type="text" maxlength="30" disabled>
</div> </div>
</div> </div>
</div> </div>
@ -301,7 +367,8 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-4 control-label is-required">抽奖必中奖品：</label> <label class="col-sm-4 control-label is-required">抽奖必中奖品：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<select name="WILLDRAWAWARDPRIZE" class="form-control" id="willdrawawardprize" disabled> <select name="WILLDRAWAWARDPRIZE" class="form-control" id="willdrawawardprize"
disabled>
</select> </select>
</div> </div>
</div> </div>
@ -330,8 +397,7 @@
for (var i in data) { for (var i in data) {
if (job.length == 0) { if (job.length == 0) {
job = "<option value='" + data[i].prizecode + "'>" + data[i].prizename + "</option>" job = "<option value='" + data[i].prizecode + "'>" + data[i].prizename + "</option>"
} } else {
else{
job += "<option value='" + data[i].prizecode + "'>" + data[i].prizename + "</option>" job += "<option value='" + data[i].prizecode + "'>" + data[i].prizename + "</option>"
} }
} }
@ -343,7 +409,6 @@
}, },
async: false //false表示同步 async: false //false表示同步
} }
); );
}); });
@ -370,6 +435,7 @@
$("#dailyendtime").attr('disabled', 'true'); $("#dailyendtime").attr('disabled', 'true');
} }
} }
//抽奖必中配置 //抽奖必中配置
function willdrawflag() { function willdrawflag() {
var WILLDRAWFLAG = $("#WILLDRAWFLAG").val(); var WILLDRAWFLAG = $("#WILLDRAWFLAG").val();
@ -443,17 +509,25 @@
// 工具栏按钮 // 工具栏按钮
var btnFinish = $('<a id="btn-finish"></a>').text('完成') var btnFinish = $('<a id="btn-finish"></a>').text('完成')
.addClass('btn btn-info') .addClass('btn btn-info')
.on('click', function(){ submit(); }); .on('click', function () {
submit();
});
var btnCancel = $('<a id="btn-cancel"></a>').text('取消') var btnCancel = $('<a id="btn-cancel"></a>').text('取消')
.addClass('btn btn-danger') .addClass('btn btn-danger')
.on('click', function(){ $('#smartwizard').smartWizard("reset"); }); .on('click', function () {
$('#smartwizard').smartWizard("reset");
});
// 下面两个按钮是为了因为插件默认的是botton,这里换成<a>,也可以选择用样式替换,或者不替换 // 下面两个按钮是为了因为插件默认的是botton,这里换成<a>,也可以选择用样式替换,或者不替换
var btnNext = $('<a id="btn-next"></a>').text('下一步') var btnNext = $('<a id="btn-next"></a>').text('下一步')
.addClass('btn btn-info') .addClass('btn btn-info')
.on('click', function(){ $('#smartwizard').smartWizard("next");}); .on('click', function () {
$('#smartwizard').smartWizard("next");
});
var btnPrev = $('<a id="btn-prev"></a>').text('上一步') var btnPrev = $('<a id="btn-prev"></a>').text('上一步')
.addClass('btn btn-success disabled') .addClass('btn btn-success disabled')
.on('click', function(){ $('#smartwizard').smartWizard("prev"); }); .on('click', function () {
$('#smartwizard').smartWizard("prev");
});
// 初始化表单向导组件 // 初始化表单向导组件
$('#smartwizard').smartWizard({ $('#smartwizard').smartWizard({
theme: 'dots', // default, arrows, dots, progress theme: 'dots', // default, arrows, dots, progress
@ -534,5 +608,12 @@
return true; return true;
}); });
</script> </script>
<script th:inline="javascript">
function updatePic(val){
var id = val.id;
var value = val.value;
$("#"+id+"Pic").text(value);
}
</script>
</body> </body>
</html> </html>