Merge remote-tracking branch 'origin/activity' into activity_xlh
This commit is contained in:
commit
936a2235f2
|
|
@ -67,13 +67,16 @@
|
|||
left: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.btnSelect {
|
||||
cursor: pointer;
|
||||
background-color: #4CAF50;
|
||||
color: white;padding: 15px 32px;
|
||||
color: white;
|
||||
padding: 15px 32px;
|
||||
display: inline-block;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* 配置收集信息*/
|
||||
.drawTotalPri {
|
||||
text-align: center;
|
||||
|
|
@ -84,6 +87,7 @@
|
|||
color: #F00;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.drawDescribePri {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
|
|
@ -93,6 +97,7 @@
|
|||
color: #F00;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.drawTextPri {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
|
|
@ -102,6 +107,7 @@
|
|||
color: #F00;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.drawText2Pri {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
|
|
@ -111,6 +117,7 @@
|
|||
color: #F00;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.drawText3Pri {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
|
|
@ -120,6 +127,7 @@
|
|||
color: #F00;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.drawbtnPri {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
|
|
@ -150,6 +158,7 @@
|
|||
color: #F00;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.drawShareImgPic {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
|
|
@ -169,8 +178,8 @@
|
|||
color: #F00;
|
||||
width: 100%;
|
||||
}
|
||||
/* 关注二维码*/
|
||||
|
||||
/* 关注二维码*/
|
||||
|
||||
|
||||
.drawCodeImgPic {
|
||||
|
|
@ -182,6 +191,7 @@
|
|||
color: #F00;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.drawQrCodePri {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
|
|
@ -193,7 +203,6 @@
|
|||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
<body class="white-bg">
|
||||
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
||||
|
|
@ -233,7 +242,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">活动名称:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="drawInfo-drawname" placeholder="活动名称" class="form-control" type="text" maxlength="30">
|
||||
<input name="drawInfo-drawname" placeholder="活动名称" class="form-control"
|
||||
type="text" maxlength="30">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -241,8 +251,10 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">状态:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="drawInfo-status" class="form-control" th:with="type=${@dict.getType('start_stop')}">
|
||||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" ></option>
|
||||
<select name="drawInfo-status" class="form-control"
|
||||
th:with="type=${@dict.getType('start_stop')}">
|
||||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
||||
th:value="${dict.dictValue}"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -253,8 +265,10 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">消耗对象:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="drawInfo-expeno" class="form-control" th:with="type=${@dict.getType('expeType')}">
|
||||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" ></option>
|
||||
<select name="drawInfo-expeno" class="form-control"
|
||||
th:with="type=${@dict.getType('expeType')}">
|
||||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
||||
th:value="${dict.dictValue}"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -263,7 +277,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">消耗价值:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="drawInfo-expenovalue" placeholder="消耗价值" class="form-control" type="text" maxlength="30">
|
||||
<input name="drawInfo-expenovalue" placeholder="消耗价值" class="form-control"
|
||||
type="text" maxlength="30">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -274,7 +289,8 @@
|
|||
<label class="col-sm-4 control-label is-required">开始时间:</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="drawInfo-starttime" class="form-control" placeholder="yyyy-MM-dd HH:mm:ss" type="text">
|
||||
<input name="drawInfo-starttime" class="form-control"
|
||||
placeholder="yyyy-MM-dd HH:mm:ss" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -285,7 +301,8 @@
|
|||
<label class="col-sm-4 control-label is-required">结束时间:</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="drawInfo-endtime" class="form-control" placeholder="yyyy-MM-dd HH:mm:ss" type="text">
|
||||
<input name="drawInfo-endtime" class="form-control"
|
||||
placeholder="yyyy-MM-dd HH:mm:ss" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -299,7 +316,8 @@
|
|||
<div>
|
||||
<h4 class="form-header h4">第2步-选择UI模板</h4>
|
||||
<div th:with="type=${@dict.getType('activityTemplate')}">
|
||||
<a class="btn btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
|
||||
<a class="btn btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
||||
th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
|
||||
</div>
|
||||
<h4 class="form-header h4">字典表显示字段</h4>
|
||||
<img src="../../img/1.jpg" width="104" height="142">
|
||||
|
|
@ -344,7 +362,7 @@
|
|||
<div>
|
||||
<span class="btn btn-white btn-file"><span
|
||||
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
||||
<input type="file" id="pic" name="actPageConfigGuide-bgImg"></span>
|
||||
<input type="file" id="pic" name="actPageConfigGuide-bgImg" onchange="syncPic(this)" ></span>
|
||||
<a href="#" class="btn btn-white fileinput-exists"
|
||||
data-dismiss="fileinput">清除</a>
|
||||
</div>
|
||||
|
|
@ -357,7 +375,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">自定义按钮1:</label>
|
||||
<div class="col-sm-8">
|
||||
<input id="btn1" name="actPageConfigGuide-btnText" placeholder="自定义按钮1" class="form-control"
|
||||
<input id="btn1" name="actPageConfigGuide-btnText" placeholder="自定义按钮1"
|
||||
class="form-control"
|
||||
type="text"
|
||||
maxlength="30" onkeyup="updatePic(this)">
|
||||
</div>
|
||||
|
|
@ -369,7 +388,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">按钮1跳转链接:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="actPageConfigGuide-btnLink" placeholder="按钮1跳转链接" class="form-control"
|
||||
<input name="actPageConfigGuide-btnLink" placeholder="按钮1跳转链接"
|
||||
class="form-control"
|
||||
type="text"
|
||||
maxlength="30">
|
||||
</div>
|
||||
|
|
@ -381,7 +401,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">自定义按钮2:</label>
|
||||
<div class="col-sm-8">
|
||||
<input id="btn2" name="actPageConfigGuide-btnText2" placeholder="自定义按钮2" class="form-control" type="text"
|
||||
<input id="btn2" name="actPageConfigGuide-btnText2" placeholder="自定义按钮2"
|
||||
class="form-control" type="text"
|
||||
maxlength="30" onkeyup="updatePic(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -392,7 +413,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">按钮2跳转链接:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="actPageConfigGuide-btnLink2" placeholder="按钮2跳转链接" class="form-control"
|
||||
<input name="actPageConfigGuide-btnLink2" placeholder="按钮2跳转链接"
|
||||
class="form-control"
|
||||
type="text"
|
||||
maxlength="30">
|
||||
</div>
|
||||
|
|
@ -404,7 +426,7 @@
|
|||
<div class="rightarea">
|
||||
<h4 class="form-header h4">效果图</h4>
|
||||
<div style="position: relative;text-align:center">
|
||||
<img id="imgPic" src="../../img/1.jpg" width="380" height="500">
|
||||
<img id="picimg" src="../../img/1.jpg" width="380" height="500">
|
||||
<span class="drawNamePic" id="actTitlePic">活动标题</span>
|
||||
<span class="drawDescribePic" id="actDescPic">活动描述</span>
|
||||
<span class="drawbtnPic">
|
||||
|
|
@ -420,7 +442,8 @@
|
|||
<div id="step-4" class="tab-pane" role="tabpanel" aria-labelledby="step-4">
|
||||
<h4 class="form-header h4">第4步-选择玩法</h4>
|
||||
<div th:with="type=${@dict.getType('activityPlay')}">
|
||||
<a class="btn btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
|
||||
<a class="btn btn-rounded" href="#" th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
||||
th:value="${dict.dictValue}" onclick="activityTemplate(this)"></a>
|
||||
</div>
|
||||
<img src="../../img/1.jpg" width="104" height="142">
|
||||
<h4 class="form-header h4">活动规则</h4>
|
||||
|
|
@ -429,7 +452,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">首次中奖配置:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="drawRule-firstflag" id="FIRSTFLAG" onchange="firstflag()" class="form-control"
|
||||
<select name="drawRule-firstflag" id="FIRSTFLAG" onchange="firstflag()"
|
||||
class="form-control"
|
||||
th:with="type=${@dict.getType('is_boolean')}">
|
||||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
||||
th:value="${dict.dictValue}"></option>
|
||||
|
|
@ -441,7 +465,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">首次中奖奖品:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="drawRule-firstawardprize" class="form-control" id="firstawardprize" disabled>
|
||||
<select name="drawRule-firstawardprize" class="form-control" id="firstawardprize"
|
||||
disabled>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -453,7 +478,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">时间段抽奖配置:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="drawRule-dailyflag" id="DAILYFLAG" onchange="dailyflag()" class="form-control"
|
||||
<select name="drawRule-dailyflag" id="DAILYFLAG" onchange="dailyflag()"
|
||||
class="form-control"
|
||||
th:with="type=${@dict.getType('is_boolean')}">
|
||||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
||||
th:value="${dict.dictValue}"></option>
|
||||
|
|
@ -516,7 +542,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">抽奖必中计数:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="drawRule-willdrawawardnumber" id="willdrawawardnumber" placeholder="抽奖必中计数"
|
||||
<input name="drawRule-willdrawawardnumber" id="willdrawawardnumber"
|
||||
placeholder="抽奖必中计数"
|
||||
class="form-control" type="text" maxlength="30" disabled>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -528,7 +555,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">抽奖必中奖品:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="drawRule-willdrawawardprize" class="form-control" id="willdrawawardprize"
|
||||
<select name="drawRule-willdrawawardprize" class="form-control"
|
||||
id="willdrawawardprize"
|
||||
disabled>
|
||||
</select>
|
||||
</div>
|
||||
|
|
@ -545,7 +573,8 @@
|
|||
<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"
|
||||
<input id="title" name="actPageConfigUserinfo-title" placeholder="例如:客户姓名"
|
||||
class="form-control" type="text"
|
||||
maxlength="30" onkeyup="updatePri(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -556,7 +585,8 @@
|
|||
<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"
|
||||
<input id="describe" name="actPageConfigUserinfo-description"
|
||||
placeholder="例如:客户手机号" class="form-control" type="text"
|
||||
maxlength="30" onkeyup="updatePri(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -567,7 +597,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">协议内容:</label>
|
||||
<div class="col-sm-8">
|
||||
<input id="agreement" name="actPageConfigUserinfo-agreement" height="100px" class="form-control" type="text"
|
||||
<input id="agreement" name="actPageConfigUserinfo-agreement" height="100px"
|
||||
class="form-control" type="text"
|
||||
maxlength="30" onkeyup="updatePri(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -583,21 +614,23 @@
|
|||
<div>
|
||||
<span class="btn btn-white btn-file"><span
|
||||
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
||||
<input type="file" id="picture" name="actPageConfigUserinfo-bgImg"></span>
|
||||
<input type="file" id="picture" name="actPageConfigUserinfo-bgImg" onchange="syncPic(this)"></span>
|
||||
<a href="#" class="btn btn-white fileinput-exists"
|
||||
data-dismiss="fileinput">清除</a>
|
||||
<input id="pictureval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<input id="pictureval" type="hidden" name="actPageConfigUserinfo-bgImg"
|
||||
value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">自定义按钮:</label>
|
||||
<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)">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -608,7 +641,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">按钮跳转链接:</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="actPageConfigUserinfo-btnLink" placeholder="按钮跳转链接" class="form-control" type="text"
|
||||
<input name="actPageConfigUserinfo-btnLink" placeholder="按钮跳转链接"
|
||||
class="form-control" type="text"
|
||||
maxlength="30" onkeyup="updatePri(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -620,16 +654,20 @@
|
|||
<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>
|
||||
<input type="checkbox" name="actPageConfigUserinfo-userName" id="name"
|
||||
onclick="updateText(this)">姓名</input>
|
||||
</label>
|
||||
<label class="checkbox-inline">
|
||||
<input type="checkbox" name="actPageConfigUserinfo-phone" id="phone" onclick="updateText(this)">手机号</input>
|
||||
<input type="checkbox" name="actPageConfigUserinfo-phone" id="phone"
|
||||
onclick="updateText(this)">手机号</input>
|
||||
</label>
|
||||
<label class="checkbox-inline">
|
||||
<input type="checkbox" name="actPageConfigUserinfo-gender" id="sex" onclick="updateText(this)">性别</input>
|
||||
<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>
|
||||
<input type="checkbox" name="actPageConfigUserinfo-address" id="address"
|
||||
onclick="updateText(this)">地址</input>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -641,16 +679,20 @@
|
|||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<input type="checkbox" name="actPageConfigUserinfo-agentNo"
|
||||
id="agentNumber" onclick="updateText(this)">代理人工号</input>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -662,7 +704,7 @@
|
|||
<div class="rightarea">
|
||||
<h4 class="form-header h4">效果图</h4>
|
||||
<div style="position: relative;text-align:center">
|
||||
<img id="imgPri" src="../../img/shj.jpg" width="380" height="500">
|
||||
<img id="pictureimg" src="../../img/shj.jpg" width="380" height="500">
|
||||
<span class="drawTotalPri" id="titlePri">标题</span>
|
||||
<span class="drawDescribePri" id="describePri">描述</span>
|
||||
<span class="drawTextPri">请填写您的基本信息</span>
|
||||
|
|
@ -715,7 +757,8 @@
|
|||
<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"
|
||||
<input id="shareConnect" name="actConfig-shareLink"
|
||||
placeholder="例如:http://XX" class="form-control" type="text"
|
||||
maxlength="30" onkeyup="updatePri(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -726,7 +769,8 @@
|
|||
<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"
|
||||
<input id="shareTitle" name="actConfig-shareTitle"
|
||||
placeholder="例如:2021XX客户节" class="form-control" type="text"
|
||||
maxlength="30" onkeyup="updatePri(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -737,7 +781,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">分享描述:</label>
|
||||
<div class="col-sm-8">
|
||||
<input id="shareDescribe" name="actConfig-shareDesc" placeholder="例如:参与活动,赢大奖" class="form-control" type="text"
|
||||
<input id="shareDescribe" name="actConfig-shareDesc"
|
||||
placeholder="例如:参与活动,赢大奖" class="form-control" type="text"
|
||||
maxlength="30" onkeyup="updatePri(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -753,13 +798,12 @@
|
|||
<div>
|
||||
<span class="btn btn-white btn-file"><span
|
||||
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
||||
<input type="file" id="shareImg" name="actConfig-shareImg"></span>
|
||||
<input type="file" id="shareImg" name="actConfig-shareImg" onchange="syncPic(this)"></span>
|
||||
<a href="#" class="btn btn-white fileinput-exists"
|
||||
data-dismiss="fileinput">清除</a>
|
||||
<input id="shareImgval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input id="shareImgval" type="hidden" name="actConfig-shareImg" value="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -770,7 +814,7 @@
|
|||
<img id="ss" src="../../img/shj.jpg" width="254" height="142">
|
||||
</div>
|
||||
<div class="drawShareImgPic">
|
||||
<img id="shareImgPic" src="../../img/shj.jpg" width="50" height="50">
|
||||
<img id="shareImgimg" src="../../img/shj.jpg" width="50" height="50">
|
||||
</div>
|
||||
<div>
|
||||
<span class="drawShareTitlePri" id="shareTitlePri">中国人寿举办活动</span>
|
||||
|
|
@ -790,7 +834,8 @@
|
|||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label is-required">关注二维码描述:</label>
|
||||
<div class="col-sm-8">
|
||||
<input id="qrCode" name="actPageConfigSubscribe-qrCode" placeholder="例如:扫描二维码参加活动" class="form-control" type="text"
|
||||
<input id="qrCode" name="actPageConfigSubscribe-qrCode"
|
||||
placeholder="例如:扫描二维码参加活动" class="form-control" type="text"
|
||||
maxlength="30" onkeyup="updatePri(this)">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -799,21 +844,21 @@
|
|||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<label class="col-sm-4 control-label is-required">背景图片:</label>
|
||||
|
||||
<div class="fileinput fileinput-new" data-provides="fileinput">
|
||||
<div class="fileinput-preview thumbnail" data-trigger="fileinput"
|
||||
style="width: 200px; height: 150px;"></div>
|
||||
<div>
|
||||
<span class="btn btn-white btn-file"><span
|
||||
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
||||
<input type="file" id="backdropImg" name="actPageConfigSubscribe-bgImg"></span>
|
||||
<input type="file" id="backdropImg"
|
||||
name="actPageConfigSubscribe-bgImg" onchange="syncPic(this)"></span>
|
||||
<a href="#" class="btn btn-white fileinput-exists"
|
||||
data-dismiss="fileinput">清除</a>
|
||||
<input id="backdropImgval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<input id="backdropImgval" type="hidden" name="actPageConfigSubscribe-bgImg"
|
||||
value="">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
|
|
@ -824,22 +869,23 @@
|
|||
<div>
|
||||
<span class="btn btn-white btn-file"><span
|
||||
class="fileinput-new">选择图片</span><span class="fileinput-exists">更改</span>
|
||||
<input type="file" id="qrCodeImg" name="actPageConfigSubscribe-bgImg2"></span>
|
||||
<input type="file" id="qrCodeImg"
|
||||
name="actPageConfigSubscribe-bgImg2" onchange="syncPic(this)"></span>
|
||||
<a href="#" class="btn btn-white fileinput-exists"
|
||||
data-dismiss="fileinput">清除</a>
|
||||
<input id="qrCodeImgval" type="hidden" name = "actPageConfigGuide-bgImg" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<input id="qrCodeImgval" type="hidden" name="actPageConfigSubscribe-bgImg2"
|
||||
value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="rightarea">
|
||||
<h4 class="form-header h4">效果图</h4>
|
||||
<div style="position: relative;text-align:center">
|
||||
<img id="backdropImgPri" src="../../img/shj.jpg" width="400" height="400">
|
||||
<img id="backdropImgimg" src="../../img/shj.jpg" width="400" height="400">
|
||||
<div class="drawCodeImgPic">
|
||||
<img id="qrCodeImgPri" src="../../img/shj.jpg" width="80" height="80">
|
||||
<img id="qrCodeImgimg" src="../../img/shj.jpg" width="80" height="80">
|
||||
</div>
|
||||
|
||||
<span class="drawQrCodePri" id="qrCodePri">关注二维码</span>
|
||||
|
|
@ -1124,6 +1170,7 @@
|
|||
$("#" + id + "Pic").text(value);
|
||||
|
||||
}
|
||||
|
||||
function updatePri(val) {
|
||||
var id = val.id;
|
||||
var value = val.value;
|
||||
|
|
@ -1133,145 +1180,21 @@
|
|||
}
|
||||
$("#" + 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) {
|
||||
if (input.files && input.files[0]) {
|
||||
var reader = new FileReader();
|
||||
|
||||
var id = input.id;
|
||||
reader.onload = function (e) {
|
||||
//$('#prevImg').attr('src', e.target.result);
|
||||
$("#imgPic").attr("src", e.target.result);
|
||||
$("#picval").val(e.target.result);
|
||||
//$('#preview').css("background", "url(" + e.target.result +")" + " right top no-repeat");
|
||||
//效果图
|
||||
$("#"+id+"img").attr("src", e.target.result);
|
||||
//传递值
|
||||
$("#"+id+"val").val(e.target.result);
|
||||
}
|
||||
|
||||
reader.readAsDataURL(input.files[0]);
|
||||
|
|
|
|||
Loading…
Reference in New Issue