|
|
@@ -262,6 +262,7 @@
|
|
|
/*display: none;*/
|
|
|
width: 800px;
|
|
|
height: 120px;
|
|
|
+ line-height: 120px;
|
|
|
background: #fff9eb;
|
|
|
text-align: center;
|
|
|
}
|
|
|
@@ -290,6 +291,22 @@
|
|
|
background: #be3b1b;
|
|
|
}
|
|
|
|
|
|
+ /* 区域提示信息 */
|
|
|
+ .section2 .intro .prize .tip{
|
|
|
+ display: inline-block;
|
|
|
+ width: 180px;
|
|
|
+ height: 42px;
|
|
|
+ line-height: 42px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+ letter-spacing: 10px;
|
|
|
+ background: #a0a0a0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .section2 .intro .prize .hasGet{
|
|
|
+ background: #ce8152!important;
|
|
|
+ }
|
|
|
+
|
|
|
/*领奖弹出窗*/
|
|
|
.pop{
|
|
|
margin: 0 auto;
|
|
|
@@ -423,153 +440,10 @@
|
|
|
width: 480px;
|
|
|
height: 400px;
|
|
|
}
|
|
|
- /*领奖成功系统提示*/
|
|
|
- .modal-open .success {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- .modal-open .success .modal-dialog{
|
|
|
- width: 480px;
|
|
|
- height: 300px;
|
|
|
- }
|
|
|
- .modal-open .success .modal-dialog .modal-content{
|
|
|
- margin: 0 auto;
|
|
|
- width: 480px;
|
|
|
- height: 300px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .success .header{
|
|
|
- padding: 0 20px;
|
|
|
- width: 100%;
|
|
|
- height: 44px;
|
|
|
- line-height: 44px;
|
|
|
- background: #eeeeee;
|
|
|
- }
|
|
|
- .success .header p{
|
|
|
- font-size: 16px;
|
|
|
- color: #313131;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .success .header p span{
|
|
|
- font-size: 16px;
|
|
|
- color: #ef613b;
|
|
|
- }
|
|
|
- .success .header .close{
|
|
|
- font-size: 38px;
|
|
|
- }
|
|
|
- .success .body{
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .success .body p{
|
|
|
- margin: 35px 0 40px 0;
|
|
|
- font-size: 30px;
|
|
|
- color: #01a81c;
|
|
|
- }
|
|
|
- .success .body span{
|
|
|
- display: inline-block;
|
|
|
- margin-bottom: 45px;
|
|
|
- font-size: 14px;
|
|
|
- color: #4f4f4f;
|
|
|
- }
|
|
|
- .success .body .closeBtn{
|
|
|
- position: relative;
|
|
|
- height: 34px;
|
|
|
- line-height: 34px;
|
|
|
- }
|
|
|
- .success .body .closeBtn a:first-child {
|
|
|
- display: inline-block;
|
|
|
- width: 110px;
|
|
|
- height: 34px;
|
|
|
- line-height: 34px;
|
|
|
- font-size: 16px;
|
|
|
- color: #4a4a4a;
|
|
|
- text-align: center;
|
|
|
- border: 1px solid #dcdcdc;
|
|
|
- }
|
|
|
- .success .body .closeBtn a:last-child {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- right: 95px;
|
|
|
- font-size: 14px;
|
|
|
- color: #0054bc;
|
|
|
- }
|
|
|
- /*未中奖系统提示*/
|
|
|
- .modal-open .fail {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- .modal-open .fail .modal-dialog{
|
|
|
- width: 480px;
|
|
|
- height: 220px;
|
|
|
- }
|
|
|
- .modal-open .fail .modal-dialog .modal-content{
|
|
|
- margin: 0 auto;
|
|
|
- width: 480px;
|
|
|
- height: 220px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .fail .header{
|
|
|
- padding: 0 20px;
|
|
|
- width: 100%;
|
|
|
- height: 44px;
|
|
|
- line-height: 44px;
|
|
|
- background: #eeeeee;
|
|
|
- }
|
|
|
- .fail .header p{
|
|
|
- font-size: 16px;
|
|
|
- color: #313131;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .fail .header p span{
|
|
|
- font-size: 16px;
|
|
|
- color: #ef613b;
|
|
|
- }
|
|
|
- .fail .header .close{
|
|
|
- font-size: 38px;
|
|
|
- }
|
|
|
- .fail .body{
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .fail .body p{
|
|
|
- margin: 15px 0;
|
|
|
- font-size: 18px;
|
|
|
- color: #01a81c;
|
|
|
- }
|
|
|
- .fail .body span{
|
|
|
- display: inline-block;
|
|
|
- margin-bottom: 28px;
|
|
|
- font-size: 14px;
|
|
|
- color: #4f4f4f;
|
|
|
- }
|
|
|
- .fail .body .closeBtn{
|
|
|
- position: relative;
|
|
|
- height: 34px;
|
|
|
- line-height: 34px;
|
|
|
- }
|
|
|
- .fail .body .closeBtn a:first-child {
|
|
|
- display: inline-block;
|
|
|
- width: 110px;
|
|
|
- height: 34px;
|
|
|
- line-height: 34px;
|
|
|
- font-size: 16px;
|
|
|
- color: #fff;
|
|
|
- background: #ff7625;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .fail .body .closeBtn a:first-child:hover{
|
|
|
- background: #be3b1b;
|
|
|
- }
|
|
|
- .fail .body .closeBtn a:last-child {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- right: 95px;
|
|
|
- margin-left: 15px;
|
|
|
- font-size: 14px;
|
|
|
- color: #0054bc;
|
|
|
- }
|
|
|
</style>
|
|
|
+<!-- loading start -->
|
|
|
+<div class="loading in" ng-class="{'in': loading}"><i></i></div>
|
|
|
+<!-- loading end -->
|
|
|
<div class="main">
|
|
|
<div class="container">
|
|
|
<div class="section section1">
|
|
|
@@ -578,7 +452,7 @@
|
|
|
<span>></span>
|
|
|
<span ng-bind="activity.name ? activity.name : '优软一元捐感恩活动'"></span>
|
|
|
</div>
|
|
|
- <div class="img"><img src="{{activity.banner}}" alt="{{activity.name}}" title="activity.name"></div>
|
|
|
+ <div class="img"><img src="{{activity.banner}}" alt="{{activity.name}}" title="{{activity.name}}"></div>
|
|
|
</div>
|
|
|
<div class="section section2">
|
|
|
<div class="fl intro">
|
|
|
@@ -588,14 +462,51 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--领奖页面-->
|
|
|
- <div class="prize">
|
|
|
+ <!-- 1.未登录 -->
|
|
|
+ <div class="prize" ng-if="!isAuthed">
|
|
|
+ <span class="tip" title="请登录查看活动资格">未登录</span>
|
|
|
+ </div>
|
|
|
+ <!-- 2.已登录,未参加活动 -->
|
|
|
+ <div class="prize" ng-if="isAuthed && !inActivity">
|
|
|
+ <span class="tip" title="参加活动捐款且捐款超过一元即可参与活动">暂未参加活动</span>
|
|
|
+ </div>
|
|
|
+ <!-- 3.已登录,已参加活动 -->
|
|
|
+ <!-- 3.1 活动未到开始兑奖时间 -->
|
|
|
+ <div class="prize" ng-if="isAuthed && inActivity && serveTime < activity.receiveStartTime">
|
|
|
+ <span class="tip" title="已参与活动,等待开奖">待开奖</span>
|
|
|
+ </div>
|
|
|
+ <!-- 3.2 活动在开始兑奖奖时间到结束兑奖时间之间 -->
|
|
|
+ <!-- 3.2.1.1 活动在开始兑奖奖时间到结束兑奖时间之间,中奖 -->
|
|
|
+ <!-- 3.2.1.1 活动在开始兑奖奖时间到结束兑奖时间之间,中奖 -未领取 -->
|
|
|
+ <div class="prize" ng-if="isAuthed && inActivity && serveTime > activity.receiveStartTime
|
|
|
+ && serveTime < activity.receiveEndTime && activityRecord.isGetAward == 1 && activityRecord.status == 1">
|
|
|
<p>兑奖日期
|
|
|
<span ng-bind="activity.receiveStartTime | date:'yyyy-MM-dd'"></span>至
|
|
|
<span ng-bind="activity.receiveEndTime | date:'yyyy-MM-dd'"></span>
|
|
|
</p>
|
|
|
- <!-- 处于待兑奖状态才显示领奖 -->
|
|
|
- <!--<a ng-if="activity.stage == 2" data-toggle="modal" data-target="#{{modalStatus}}" ng-click="verifyAward()">领奖</a>-->
|
|
|
- <a data-toggle="modal" data-target="#{{modalStatus}}" ng-click="verifyAward()">领奖</a>
|
|
|
+ <a data-toggle="modal" data-target="#layer">领奖</a>
|
|
|
+ </div>
|
|
|
+ <!-- 3.2.1.2 活动在开始兑奖奖时间到结束兑奖时间之间,中奖 -已领取 -->
|
|
|
+ <div class="prize" ng-if="isAuthed && inActivity && serveTime > activity.receiveStartTime
|
|
|
+ && serveTime < activity.receiveEndTime && activityRecord.isGetAward == 1 && activityRecord.status == 2">
|
|
|
+ <p>兑奖日期
|
|
|
+ <span ng-bind="activity.receiveStartTime | date:'yyyy-MM-dd'"></span>至
|
|
|
+ <span ng-bind="activity.receiveEndTime | date:'yyyy-MM-dd'"></span>
|
|
|
+ </p>
|
|
|
+ <span class="tip hasGet" title="奖品已领取">已领奖</span>
|
|
|
+ </div>
|
|
|
+ <!-- 3.2.2 活动在开始兑奖奖时间到结束兑奖时间之间,未中奖 -->
|
|
|
+ <div class="prize" ng-if="isAuthed && inActivity && serveTime > activity.receiveStartTime
|
|
|
+ && serveTime < activity.receiveEndTime && activityRecord.isGetAward != 1">
|
|
|
+ <span class="tip" title="您未中奖,请期待下次活动">未中奖</span>
|
|
|
+ </div>
|
|
|
+ <!-- 3.3 活动在结束兑奖时间到结束时间之间 -->
|
|
|
+ <div class="prize" ng-if="isAuthed && inActivity && serveTime > activity.receiveEndTime && serveTime < activity.endTime">
|
|
|
+ <span class="tip" title="领奖已结束,请期待下次活动">领奖已结束</span>
|
|
|
+ </div>
|
|
|
+ <!-- 3.3 活动在结束时间之后 -->
|
|
|
+ <div class="prize" ng-if="isAuthed && inActivity && serveTime > activity.endTime">
|
|
|
+ <span class="tip" title="活动已结束,请期待下次活动">活动已结束</span>
|
|
|
</div>
|
|
|
<div class="intro-item">
|
|
|
<h3>奖品介绍</h3>
|
|
|
@@ -656,7 +567,7 @@
|
|
|
<div class="modal-dialog">
|
|
|
<div class="modal-content">
|
|
|
<div class="header modal-header clearfix">
|
|
|
- <p class="fl">恭喜你,获得本次活动
|
|
|
+ <p class="fl">恭喜你,获得本次活动奖品
|
|
|
<span ng-bind="activityRecord.award.awardLevel"></span>
|
|
|
</p>
|
|
|
<div class="close fr" data-dismiss="modal">×</div>
|
|
|
@@ -686,7 +597,13 @@
|
|
|
<span class="fl best">联系电话:</span>
|
|
|
<input type="text" ng-model="activityRecord.tel" class="fl form-control" required>
|
|
|
</div>
|
|
|
- <div class="choose clearfix">
|
|
|
+ <!-- TODO 短信通知时,填写兑换码 -->
|
|
|
+ <div class="choose clearfix" ng-if="activityRecord.award.way == 2">
|
|
|
+ <span class="fl best">兑换码:</span>
|
|
|
+ <input type="text" ng-model="activityRecord.redeemCode" class="fl form-control" required>
|
|
|
+ </div>
|
|
|
+ <!-- 快递配送时,才填写地址 -->
|
|
|
+ <div class="choose clearfix" ng-if="activityRecord.award.way == 1">
|
|
|
<span class="fl best">接收地址:</span>
|
|
|
<div class="select fr">
|
|
|
<select required="" class="area-select" ng-model="activityRecord.province"
|
|
|
@@ -708,40 +625,8 @@
|
|
|
<input type="text" placeholder="请填写详细地址" ng-model="activityRecord.address" required class="form-control" style="margin-top: 50px;margin-left: 85px;">
|
|
|
<div class="tip">请填写联系电话和收货地址,便于奖品的发放。</div>
|
|
|
</div>
|
|
|
- <button data-toggle="modal" data-target="#{{awardStatus}}" ng-click="takeAward(activityRecord)">确认领奖</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-<!--领奖成功系统提示-->
|
|
|
-<div class="success modal" id="success" role="dialog">
|
|
|
- <div class="modal-dialog">
|
|
|
- <div class="modal-content">
|
|
|
- <div class="header modal-header clearfix">
|
|
|
- <p class="fl">系统提示</p>
|
|
|
- <div class="close fr" data-dismiss="modal">×</div>
|
|
|
- </div>
|
|
|
- <div class="body modal-body">
|
|
|
- <p>领奖成功!</p>
|
|
|
- <span>感谢您一直以来对本平台和公益事业的关注和支持。</span>
|
|
|
- <div class="closeBtn"><a href="" data-dismiss="modal">关闭</a><a href="/userCenter">个人中心</a></div>
|
|
|
+ <button data-toggle="modal" data-target="#success" ng-click="takeAward(activityRecord)">确认领奖</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-<!--未中奖系统提示-->
|
|
|
-<div class="fail modal" id="fail" role="dialog">
|
|
|
- <div class="modal-dialog">
|
|
|
- <div class="modal-content">
|
|
|
- <div class="header modal-header clearfix">
|
|
|
- <p class="fl">系统提示</p>
|
|
|
- <div class="close fr" data-dismiss="modal">×</div>
|
|
|
- </div>
|
|
|
- <div class="body modal-body">
|
|
|
- <p>很遗憾,您不满足领奖条件!</p>
|
|
|
- <span>感谢您一直以来对本平台和公益事业的关注和支持。</span>
|
|
|
- <div class="closeBtn"><a href="/activeCenter">其他活动</a><a href="/index">返回首页</a></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|