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

Merge remote-tracking branch 'origin/activity' into activity_xlh

This commit is contained in:
xu0625 2021-04-08 17:48:34 +08:00
parent 03bef5662a 7adb33f89d
commit 936a2235f2
1 changed files with 460 additions and 537 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -67,13 +67,16 @@
left: 0px; left: 0px;
width: 100%; width: 100%;
} }
.btnSelect{
.btnSelect {
cursor: pointer; cursor: pointer;
background-color: #4CAF50; background-color: #4CAF50;
color: white;padding: 15px 32px; color: white;
padding: 15px 32px;
display: inline-block; display: inline-block;
font-size: 15px; font-size: 15px;
} }
/* 配置收集信息*/ /* 配置收集信息*/
.drawTotalPri { .drawTotalPri {
text-align: center; text-align: center;
@ -84,7 +87,8 @@
color: #F00; color: #F00;
width: 100%; width: 100%;
} }
.drawDescribePri{
.drawDescribePri {
text-align: center; text-align: center;
position: absolute; position: absolute;
top: 25%; top: 25%;
@ -93,7 +97,8 @@
color: #F00; color: #F00;
width: 100%; width: 100%;
} }
.drawTextPri{
.drawTextPri {
text-align: center; text-align: center;
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -102,7 +107,8 @@
color: #F00; color: #F00;
width: 100%; width: 100%;
} }
.drawText2Pri{
.drawText2Pri {
text-align: center; text-align: center;
position: absolute; position: absolute;
top: 55%; top: 55%;
@ -111,7 +117,8 @@
color: #F00; color: #F00;
width: 80%; width: 80%;
} }
.drawText3Pri{
.drawText3Pri {
text-align: center; text-align: center;
position: absolute; position: absolute;
top: 60%; top: 60%;
@ -120,6 +127,7 @@
color: #F00; color: #F00;
width: 100%; width: 100%;
} }
.drawbtnPri { .drawbtnPri {
text-align: center; text-align: center;
position: absolute; position: absolute;
@ -150,6 +158,7 @@
color: #F00; color: #F00;
width: 100%; width: 100%;
} }
.drawShareImgPic { .drawShareImgPic {
text-align: center; text-align: center;
position: absolute; position: absolute;
@ -160,7 +169,7 @@
width: 100%; width: 100%;
} }
.drawShareImg2Pic{ .drawShareImg2Pic {
text-align: center; text-align: center;
position: absolute; position: absolute;
top: 40%; top: 40%;
@ -169,11 +178,11 @@
color: #F00; color: #F00;
width: 100%; width: 100%;
} }
/* 关注二维码*/ /* 关注二维码*/
.drawCodeImgPic {
.drawCodeImgPic{
text-align: center; text-align: center;
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -182,7 +191,8 @@
color: #F00; color: #F00;
width: 100%; width: 100%;
} }
.drawQrCodePri{
.drawQrCodePri {
text-align: center; text-align: center;
position: absolute; position: absolute;
top: 70%; top: 70%;
@ -193,7 +203,6 @@
} }
</style> </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">
@ -233,7 +242,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="drawInfo-drawname" placeholder="活动名称" class="form-control" type="text" maxlength="30"> <input name="drawInfo-drawname" placeholder="活动名称" class="form-control"
type="text" maxlength="30">
</div> </div>
</div> </div>
</div> </div>
@ -241,8 +251,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="drawInfo-status" class="form-control" th:with="type=${@dict.getType('start_stop')}"> <select name="drawInfo-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>
@ -253,8 +265,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="drawInfo-expeno" class="form-control" th:with="type=${@dict.getType('expeType')}"> <select name="drawInfo-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>
@ -263,7 +277,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="drawInfo-expenovalue" placeholder="消耗价值" class="form-control" type="text" maxlength="30"> <input name="drawInfo-expenovalue" placeholder="消耗价值" class="form-control"
type="text" maxlength="30">
</div> </div>
</div> </div>
</div> </div>
@ -274,7 +289,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="drawInfo-starttime" class="form-control" placeholder="yyyy-MM-dd HH:mm:ss" type="text"> <input name="drawInfo-starttime" class="form-control"
placeholder="yyyy-MM-dd HH:mm:ss" type="text">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div> </div>
</div> </div>
@ -285,7 +301,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="drawInfo-endtime" class="form-control" placeholder="yyyy-MM-dd HH:mm:ss" type="text"> <input name="drawInfo-endtime" class="form-control"
placeholder="yyyy-MM-dd HH:mm:ss" type="text">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div> </div>
</div> </div>
@ -299,7 +316,8 @@
<div> <div>
<h4 class="form-header h4">第2步-选择UI模板</h4> <h4 class="form-header h4">第2步-选择UI模板</h4>
<div th:with="type=${@dict.getType('activityTemplate')}"> <div th:with="type=${@dict.getType('activityTemplate')}">
<a class="btn btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a> <a class="btn btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
</div> </div>
<h4 class="form-header h4">字典表显示字段</h4> <h4 class="form-header h4">字典表显示字段</h4>
<img src="../../img/1.jpg" width="104" height="142"> <img src="../../img/1.jpg" width="104" height="142">
@ -344,12 +362,12 @@
<div> <div>
<span class="btn btn-white btn-file"><span <span class="btn btn-white btn-file"><span
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span> class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
<input type="file" id="pic" name="actPageConfigGuide-bgImg"></span> <input type="file" id="pic" name="actPageConfigGuide-bgImg" onchange="syncPic(this)" ></span>
<a href="#" class="btn btn-white fileinput-exists" <a href="#" class="btn btn-white fileinput-exists"
data-dismiss="fileinput">清除</a> data-dismiss="fileinput">清除</a>
</div> </div>
</div> </div>
<input id="picval" type="hidden" name = "actPageConfigGuide-bgImg" value=""> <input id="picval" type="hidden" name="actPageConfigGuide-bgImg" value="">
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -357,7 +375,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 id="btn1" name="actPageConfigGuide-btnText" placeholder="自定义按钮1" class="form-control" <input id="btn1" name="actPageConfigGuide-btnText" placeholder="自定义按钮1"
class="form-control"
type="text" type="text"
maxlength="30" onkeyup="updatePic(this)"> maxlength="30" onkeyup="updatePic(this)">
</div> </div>
@ -369,7 +388,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="actPageConfigGuide-btnLink" placeholder="按钮1跳转链接" class="form-control" <input name="actPageConfigGuide-btnLink" placeholder="按钮1跳转链接"
class="form-control"
type="text" type="text"
maxlength="30"> maxlength="30">
</div> </div>
@ -381,7 +401,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 id="btn2" name="actPageConfigGuide-btnText2" placeholder="自定义按钮2" class="form-control" type="text" <input id="btn2" name="actPageConfigGuide-btnText2" placeholder="自定义按钮2"
class="form-control" type="text"
maxlength="30" onkeyup="updatePic(this)"> maxlength="30" onkeyup="updatePic(this)">
</div> </div>
</div> </div>
@ -392,7 +413,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="actPageConfigGuide-btnLink2" placeholder="按钮2跳转链接" class="form-control" <input name="actPageConfigGuide-btnLink2" placeholder="按钮2跳转链接"
class="form-control"
type="text" type="text"
maxlength="30"> maxlength="30">
</div> </div>
@ -404,7 +426,7 @@
<div class="rightarea"> <div class="rightarea">
<h4 class="form-header h4">效果图</h4> <h4 class="form-header h4">效果图</h4>
<div style="position: relative;text-align:center"> <div style="position: relative;text-align:center">
<img id="imgPic" src="../../img/1.jpg" width="380" height="500"> <img id="picimg" src="../../img/1.jpg" width="380" height="500">
<span class="drawNamePic" id="actTitlePic">活动标题</span> <span class="drawNamePic" id="actTitlePic">活动标题</span>
<span class="drawDescribePic" id="actDescPic">活动描述</span> <span class="drawDescribePic" id="actDescPic">活动描述</span>
<span class="drawbtnPic"> <span class="drawbtnPic">
@ -420,7 +442,8 @@
<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">第4步-选择玩法</h4> <h4 class="form-header h4">第4步-选择玩法</h4>
<div th:with="type=${@dict.getType('activityPlay')}"> <div th:with="type=${@dict.getType('activityPlay')}">
<a class="btn btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a> <a class="btn btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
</div> </div>
<img src="../../img/1.jpg" width="104" height="142"> <img src="../../img/1.jpg" width="104" height="142">
<h4 class="form-header h4">活动规则</h4> <h4 class="form-header h4">活动规则</h4>
@ -429,7 +452,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="drawRule-firstflag" id="FIRSTFLAG" onchange="firstflag()" class="form-control" <select name="drawRule-firstflag" id="FIRSTFLAG" onchange="firstflag()"
class="form-control"
th:with="type=${@dict.getType('is_boolean')}"> th:with="type=${@dict.getType('is_boolean')}">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}"></option> th:value="${dict.dictValue}"></option>
@ -441,7 +465,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="drawRule-firstawardprize" class="form-control" id="firstawardprize" disabled> <select name="drawRule-firstawardprize" class="form-control" id="firstawardprize"
disabled>
</select> </select>
</div> </div>
</div> </div>
@ -453,7 +478,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="drawRule-dailyflag" id="DAILYFLAG" onchange="dailyflag()" class="form-control" <select name="drawRule-dailyflag" id="DAILYFLAG" onchange="dailyflag()"
class="form-control"
th:with="type=${@dict.getType('is_boolean')}"> th:with="type=${@dict.getType('is_boolean')}">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}"></option> th:value="${dict.dictValue}"></option>
@ -516,7 +542,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="drawRule-willdrawawardnumber" id="willdrawawardnumber" placeholder="抽奖必中计数" <input name="drawRule-willdrawawardnumber" id="willdrawawardnumber"
placeholder="抽奖必中计数"
class="form-control" type="text" maxlength="30" disabled> class="form-control" type="text" maxlength="30" disabled>
</div> </div>
</div> </div>
@ -528,7 +555,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="drawRule-willdrawawardprize" class="form-control" id="willdrawawardprize" <select name="drawRule-willdrawawardprize" class="form-control"
id="willdrawawardprize"
disabled> disabled>
</select> </select>
</div> </div>
@ -545,7 +573,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 id="title" name="actPageConfigUserinfo-title" placeholder="例如：客户姓名" class="form-control" type="text" <input id="title" name="actPageConfigUserinfo-title" placeholder="例如：客户姓名"
class="form-control" type="text"
maxlength="30" onkeyup="updatePri(this)"> maxlength="30" onkeyup="updatePri(this)">
</div> </div>
</div> </div>
@ -556,7 +585,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 id="describe" name="actPageConfigUserinfo-description" placeholder="例如：客户手机号" class="form-control" type="text" <input id="describe" name="actPageConfigUserinfo-description"
placeholder="例如：客户手机号" class="form-control" type="text"
maxlength="30" onkeyup="updatePri(this)"> maxlength="30" onkeyup="updatePri(this)">
</div> </div>
</div> </div>
@ -567,7 +597,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 id="agreement" name="actPageConfigUserinfo-agreement" height="100px" class="form-control" type="text" <input id="agreement" name="actPageConfigUserinfo-agreement" height="100px"
class="form-control" type="text"
maxlength="30" onkeyup="updatePri(this)"> maxlength="30" onkeyup="updatePri(this)">
</div> </div>
</div> </div>
@ -583,21 +614,23 @@
<div> <div>
<span class="btn btn-white btn-file"><span <span class="btn btn-white btn-file"><span
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span> class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
<input type="file" id="picture" name="actPageConfigUserinfo-bgImg"></span> <input type="file" id="picture" name="actPageConfigUserinfo-bgImg" onchange="syncPic(this)"></span>
<a href="#" class="btn btn-white fileinput-exists" <a href="#" class="btn btn-white fileinput-exists"
data-dismiss="fileinput">清除</a> data-dismiss="fileinput">清除</a>
<input id="pictureval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
</div>
</div>
</div> </div>
</div> </div>
<input id="pictureval" type="hidden" name="actPageConfigUserinfo-bgImg"
value="">
</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">
<input id="btn" name="actPageConfigUserinfo-btnText" placeholder="自定义按钮" class="form-control" type="text" <input id="btn" name="actPageConfigUserinfo-btnText" placeholder="自定义按钮"
class="form-control" type="text"
maxlength="30" onkeyup="updatePri(this)"> maxlength="30" onkeyup="updatePri(this)">
</div> </div>
</div> </div>
@ -608,8 +641,9 @@
<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="actPageConfigUserinfo-btnLink" placeholder="按钮跳转链接" class="form-control" type="text" <input name="actPageConfigUserinfo-btnLink" placeholder="按钮跳转链接"
maxlength="30" onkeyup="updatePri(this)" > class="form-control" type="text"
maxlength="30" onkeyup="updatePri(this)">
</div> </div>
</div> </div>
</div> </div>
@ -620,16 +654,20 @@
<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">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="actPageConfigUserinfo-userName" id="name" onclick="updateText(this)">姓名</input> <input type="checkbox" name="actPageConfigUserinfo-userName" id="name"
onclick="updateText(this)">姓名</input>
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="actPageConfigUserinfo-phone" id="phone" onclick="updateText(this)">手机号</input> <input type="checkbox" name="actPageConfigUserinfo-phone" id="phone"
onclick="updateText(this)">手机号</input>
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="actPageConfigUserinfo-gender" id="sex" onclick="updateText(this)">性别</input> <input type="checkbox" name="actPageConfigUserinfo-gender" id="sex"
onclick="updateText(this)">性别</input>
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="actPageConfigUserinfo-address" id="address" onclick="updateText(this)">地址</input> <input type="checkbox" name="actPageConfigUserinfo-address" id="address"
onclick="updateText(this)">地址</input>
</label> </label>
</div> </div>
</div> </div>
@ -641,16 +679,20 @@
<label class="col-sm-4 control-label ">代理人信息：</label> <label class="col-sm-4 control-label ">代理人信息：</label>
<div class="col-sm-8"> <div class="col-sm-8">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="actPageConfigUserinfo-agentName" id="agentName" onclick="updateText(this)">代理人姓名</input> <input type="checkbox" name="actPageConfigUserinfo-agentName"
id="agentName" onclick="updateText(this)">代理人姓名</input>
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="actPageConfigUserinfo-agentMobile" id="agentPhone" onclick="updateText(this)">代理人手机号</input> <input type="checkbox" name="actPageConfigUserinfo-agentMobile"
id="agentPhone" onclick="updateText(this)">代理人手机号</input>
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="actPageConfigUserinfo-agentGender" id="agentSex" onclick="updateText(this)">代理人性别</input> <input type="checkbox" name="actPageConfigUserinfo-agentGender"
id="agentSex" onclick="updateText(this)">代理人性别</input>
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" name="actPageConfigUserinfo-agentNo" id="agentNumber" onclick="updateText(this)">代理人工号</input> <input type="checkbox" name="actPageConfigUserinfo-agentNo"
id="agentNumber" onclick="updateText(this)">代理人工号</input>
</label> </label>
</div> </div>
</div> </div>
@ -662,7 +704,7 @@
<div class="rightarea"> <div class="rightarea">
<h4 class="form-header h4">效果图</h4> <h4 class="form-header h4">效果图</h4>
<div style="position: relative;text-align:center"> <div style="position: relative;text-align:center">
<img id="imgPri" src="../../img/shj.jpg" width="380" height="500"> <img id="pictureimg" src="../../img/shj.jpg" width="380" height="500">
<span class="drawTotalPri" id="titlePri">标题</span> <span class="drawTotalPri" id="titlePri">标题</span>
<span class="drawDescribePri" id="describePri">描述</span> <span class="drawDescribePri" id="describePri">描述</span>
<span class="drawTextPri">请填写您的基本信息</span> <span class="drawTextPri">请填写您的基本信息</span>
@ -715,7 +757,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 id="shareConnect" name="actConfig-shareLink" placeholder="例如：http://XX" class="form-control" type="text" <input id="shareConnect" name="actConfig-shareLink"
placeholder="例如：http://XX" class="form-control" type="text"
maxlength="30" onkeyup="updatePri(this)"> maxlength="30" onkeyup="updatePri(this)">
</div> </div>
</div> </div>
@ -726,7 +769,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 id="shareTitle" name="actConfig-shareTitle" placeholder="例如：2021XX客户节" class="form-control" type="text" <input id="shareTitle" name="actConfig-shareTitle"
placeholder="例如：2021XX客户节" class="form-control" type="text"
maxlength="30" onkeyup="updatePri(this)"> maxlength="30" onkeyup="updatePri(this)">
</div> </div>
</div> </div>
@ -737,7 +781,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 id="shareDescribe" name="actConfig-shareDesc" placeholder="例如：参与活动，赢大奖" class="form-control" type="text" <input id="shareDescribe" name="actConfig-shareDesc"
placeholder="例如：参与活动，赢大奖" class="form-control" type="text"
maxlength="30" onkeyup="updatePri(this)"> maxlength="30" onkeyup="updatePri(this)">
</div> </div>
</div> </div>
@ -753,13 +798,12 @@
<div> <div>
<span class="btn btn-white btn-file"><span <span class="btn btn-white btn-file"><span
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span> class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
<input type="file" id="shareImg" name="actConfig-shareImg"></span> <input type="file" id="shareImg" name="actConfig-shareImg" onchange="syncPic(this)"></span>
<a href="#" class="btn btn-white fileinput-exists" <a href="#" class="btn btn-white fileinput-exists"
data-dismiss="fileinput">清除</a> data-dismiss="fileinput">清除</a>
<input id="shareImgval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
</div> </div>
</div> </div>
<input id="shareImgval" type="hidden" name="actConfig-shareImg" value="">
</div> </div>
</div> </div>
</div> </div>
@ -770,7 +814,7 @@
<img id="ss" src="../../img/shj.jpg" width="254" height="142"> <img id="ss" src="../../img/shj.jpg" width="254" height="142">
</div> </div>
<div class="drawShareImgPic"> <div class="drawShareImgPic">
<img id="shareImgPic" src="../../img/shj.jpg" width="50" height="50"> <img id="shareImgimg" src="../../img/shj.jpg" width="50" height="50">
</div> </div>
<div> <div>
<span class="drawShareTitlePri" id="shareTitlePri">中国人寿举办活动</span> <span class="drawShareTitlePri" id="shareTitlePri">中国人寿举办活动</span>
@ -790,7 +834,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 id="qrCode" name="actPageConfigSubscribe-qrCode" placeholder="例如：扫描二维码参加活动" class="form-control" type="text" <input id="qrCode" name="actPageConfigSubscribe-qrCode"
placeholder="例如：扫描二维码参加活动" class="form-control" type="text"
maxlength="30" onkeyup="updatePri(this)"> maxlength="30" onkeyup="updatePri(this)">
</div> </div>
</div> </div>
@ -799,21 +844,21 @@
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<label class="col-sm-4 control-label is-required">背景图片：</label> <label class="col-sm-4 control-label is-required">背景图片：</label>
<div class="fileinput fileinput-new" data-provides="fileinput"> <div class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-preview thumbnail" data-trigger="fileinput" <div class="fileinput-preview thumbnail" data-trigger="fileinput"
style="width: 200px; height: 150px;"></div> style="width: 200px; height: 150px;"></div>
<div> <div>
<span class="btn btn-white btn-file"><span <span class="btn btn-white btn-file"><span
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span> class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
<input type="file" id="backdropImg" name="actPageConfigSubscribe-bgImg"></span> <input type="file" id="backdropImg"
name="actPageConfigSubscribe-bgImg" onchange="syncPic(this)"></span>
<a href="#" class="btn btn-white fileinput-exists" <a href="#" class="btn btn-white fileinput-exists"
data-dismiss="fileinput">清除</a> data-dismiss="fileinput">清除</a>
<input id="backdropImgval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
</div> </div>
</div> </div>
</div> </div>
<input id="backdropImgval" type="hidden" name="actPageConfigSubscribe-bgImg"
value="">
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
@ -824,22 +869,23 @@
<div> <div>
<span class="btn btn-white btn-file"><span <span class="btn btn-white btn-file"><span
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span> class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
<input type="file" id="qrCodeImg" name="actPageConfigSubscribe-bgImg2"></span> <input type="file" id="qrCodeImg"
name="actPageConfigSubscribe-bgImg2" onchange="syncPic(this)"></span>
<a href="#" class="btn btn-white fileinput-exists" <a href="#" class="btn btn-white fileinput-exists"
data-dismiss="fileinput">清除</a> data-dismiss="fileinput">清除</a>
<input id="qrCodeImgval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
</div> </div>
</div> </div>
</div> </div>
<input id="qrCodeImgval" type="hidden" name="actPageConfigSubscribe-bgImg2"
value="">
</div> </div>
</div> </div>
<div class="rightarea"> <div class="rightarea">
<h4 class="form-header h4">效果图</h4> <h4 class="form-header h4">效果图</h4>
<div style="position: relative;text-align:center"> <div style="position: relative;text-align:center">
<img id="backdropImgPri" src="../../img/shj.jpg" width="400" height="400"> <img id="backdropImgimg" src="../../img/shj.jpg" width="400" height="400">
<div class="drawCodeImgPic"> <div class="drawCodeImgPic">
<img id="qrCodeImgPri" src="../../img/shj.jpg" width="80" height="80"> <img id="qrCodeImgimg" src="../../img/shj.jpg" width="80" height="80">
</div> </div>
<span class="drawQrCodePri" id="qrCodePri">关注二维码</span> <span class="drawQrCodePri" id="qrCodePri">关注二维码</span>
@ -981,20 +1027,20 @@
.addClass('btn btn-info') .addClass('btn btn-info')
.on('click', function () { .on('click', function () {
//添加保存逻辑 //添加保存逻辑
var data = customSerialize("form-info-add",true); var data = customSerialize("form-info-add", true);
alert(data); alert(data);
$.ajax({ $.ajax({
url: prefix + "/add/test", url: prefix + "/add/test",
data: data, data: data,
type: "post", type: "post",
contentType: "application/json;charset=UTF-8", contentType: "application/json;charset=UTF-8",
success: function(result) { success: function (result) {
if (result.code == web_status.SUCCESS) { if (result.code == web_status.SUCCESS) {
layer.msg("保存成功,正在刷新数据请稍后……", { layer.msg("保存成功,正在刷新数据请稍后……", {
icon: 1, icon: 1,
time: 500, time: 500,
shade: [0.1, '#8F8F8F'] shade: [0.1, '#8F8F8F']
},function() { }, function () {
location.reload(); location.reload();
}); });
} else { } else {
@ -1102,14 +1148,14 @@
<script th:inline="javascript"> <script th:inline="javascript">
function updateText(val){ function updateText(val) {
var id = val.id; var id = val.id;
var boolean = $("#"+id).prop("checked"); var boolean = $("#" + id).prop("checked");
if (boolean){ if (boolean) {
$("#" + id + "Pri").attr('type','text'); $("#" + id + "Pri").attr('type', 'text');
}else{ } else {
$("#" + id + "Pri").attr('type','hidden'); $("#" + id + "Pri").attr('type', 'hidden');
} }
} }
@ -1117,168 +1163,45 @@
function updatePic(val) { function updatePic(val) {
var id = val.id; var id = val.id;
var value = val.value; var value = val.value;
if (value == null || value == ""&& id.indexOf("btn") != -1){ if (value == null || value == "" && id.indexOf("btn") != -1) {
//默认值 //默认值
value = "自定义按钮"+id.charAt(id.length -1); value = "自定义按钮" + id.charAt(id.length - 1);
} }
$("#" + id + "Pic").text(value); $("#" + id + "Pic").text(value);
} }
function updatePri(val) { function updatePri(val) {
var id = val.id; var id = val.id;
var value = val.value; var value = val.value;
if (value == null || value == ""&& id.indexOf("btn") != -1){ if (value == null || value == "" && id.indexOf("btn") != -1) {
//默认值 //默认值
value = "自定义按钮"; value = "自定义按钮";
} }
$("#" + id + "Pri").text(value); $("#" + id + "Pri").text(value);
} }
//分享图片
$("#qrCodeImg").change(function () {
qrCodeImg(this);
if ($(this).val() != '') {
$("#qrCodeImgPri").attr("src", $(this).val());
//图片同步
function syncPic(val){
previewURL(val);
} }
});
function qrCodeImg(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
//$('#prevImg').attr('src', e.target.result);
$("#qrCodeImgPri").attr("src", e.target.result);
$("#qrCodeImgPrival").val(e.target.result);
//$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
}
reader.readAsDataURL(input.files[0]);
}
}
//分享图片
$("#backdropImg").change(function () {
backdropImg(this);
if ($(this).val() != '') {
$("#backdropImgPri").attr("src", $(this).val());
}
});
function backdropImg(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
//$('#prevImg').attr('src', e.target.result);
$("#backdropImgPri").attr("src", e.target.result);
$("#backdropImgPrival").val(e.target.result);
//$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
}
reader.readAsDataURL(input.files[0]);
}
}
//分享图片
$("#shareImg").change(function () {
shareImg(this);
if ($(this).val() != '') {
$("#shareImgPic").attr("src", $(this).val());
}
});
function shareImg(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
//$('#prevImg').attr('src', e.target.result);
$("#shareImgPic").attr("src", e.target.result);
$("#shareImgPicval").val(e.target.result);
//$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
}
reader.readAsDataURL(input.files[0]);
}
}
$("#picture").change(function () {
btnURL(this);
if ($(this).val() != '') {
// var formData = new FormData();
// formData.append('file', $(this)[0].files[0]);
// $.ajax({
// url: '/path/to/upload',
// type: 'POST',
// data: formData,
// async: false,
// success: function (r) {
// if(r.success) {
// //success work
// }
// },
// cache: false,
// contentType: false,
// processData: false
// });
$("#imgPri").attr("src", $(this).val());
}
});
function btnURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
//$('#prevImg').attr('src', e.target.result);
$("#imgPri").attr("src", e.target.result);
$("#imgPrival").val(e.target.result);
//$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
}
reader.readAsDataURL(input.files[0]);
}
}
$("#pic").change(function () {
previewURL(this);
if ($(this).val() != '') {
// var formData = new FormData();
// formData.append('file', $(this)[0].files[0]);
// $.ajax({
// url: '/path/to/upload',
// type: 'POST',
// data: formData,
// async: false,
// success: function (r) {
// if(r.success) {
// //success work
// }
// },
// cache: false,
// contentType: false,
// processData: false
// });
$("#imgPic").attr("src", $(this).val());
}
});
function previewURL(input) { function previewURL(input) {
if (input.files && input.files[0]) { if (input.files && input.files[0]) {
var reader = new FileReader(); var reader = new FileReader();
var id = input.id;
reader.onload = function (e) { reader.onload = function (e) {
//$('#prevImg').attr('src', e.target.result); //效果图
$("#imgPic").attr("src", e.target.result); $("#"+id+"img").attr("src", e.target.result);
$("#picval").val(e.target.result); //传递值
//$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat"); $("#"+id+"val").val(e.target.result);
} }
reader.readAsDataURL(input.files[0]); reader.readAsDataURL(input.files[0]);
} }
} }
function activityTemplate(val){ function activityTemplate(val) {
$(val).addClass('btn-success').siblings().removeClass('btn-success'); $(val).addClass('btn-success').siblings().removeClass('btn-success');
//todo 添加逻辑 //todo 添加逻辑
} }