|
|
@@ -20,8 +20,15 @@
|
|
|
<view class="class-info-text">{{site.content}}</view>
|
|
|
<view class="class-info-text">{{site.endDate}} 到期</view>
|
|
|
</view>
|
|
|
- <view class="card-mask" v-if="index1 == 1"></view>
|
|
|
- <view class="out-date" v-if="index1 == 2">已用</view>
|
|
|
+ <view style="width:40px;">
|
|
|
+ <view class="card-mask" v-if="index1 == 1"></view>
|
|
|
+ <template v-if="index1 == 0">
|
|
|
+ <u-button v-if="site.commonFlag == 2" type="warning" :custom-style="{background: mainColor}" size="mini" shape="circle" :ripple="true" @click="handleShowClick(site)">查看</u-button>
|
|
|
+ <view class="out-date">{{ site.commonFlag == 1 ? '通用券' : '专用券' }}</view>
|
|
|
+ </template>
|
|
|
+ <view class="out-date" v-if="index1 == 2">已用</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
</u-card>
|
|
|
<u-divider v-if="item.isOver" bg-color="transparent">没有更多了</u-divider>
|
|
|
@@ -47,6 +54,24 @@
|
|
|
</scroll-view>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
+ <!-- 可用场馆 -->
|
|
|
+ <u-popup v-model="couponShow" mode="center" border-radius="30" width="600rpx">
|
|
|
+ <view class="common-title">可用场馆</view>
|
|
|
+ <view class="menber-box" style="overflow-y: auto;min-height: 200px;">
|
|
|
+ <template v-if="Object.keys(venueInfo).length">
|
|
|
+ <view style="font-size: 16px;font-weight: bold;margin-bottom: 5px;">卡种</view>
|
|
|
+ <view style="margin-bottom: 8px;">{{ venueInfo.cardType }}</view>
|
|
|
+ <view style="font-size: 16px;font-weight: bold;margin-bottom: 5px;">场馆</view>
|
|
|
+ <view style="margin-bottom: 8px;">{{ venueInfo.venue }}</view>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <u-empty mode="data"></u-empty>
|
|
|
+ </template>
|
|
|
+ </view>
|
|
|
+ <view class="button-box">
|
|
|
+ <u-button type="warning" shape="circle" :ripple="true" :custom-style="customStyle" @click="couponShow = false">确定</u-button>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
<u-picker mode="selector" v-model="studentShow" :range="studentList" range-key="childName" @confirm="handleStudentClick"></u-picker>
|
|
|
<u-top-tips ref="uTips"></u-top-tips>
|
|
|
</view>
|
|
|
@@ -102,7 +127,9 @@
|
|
|
// 二维码
|
|
|
qrcodeUrl: '',
|
|
|
// 课时
|
|
|
- classes: 0
|
|
|
+ classes: 0,
|
|
|
+ couponShow: false,
|
|
|
+ venueInfo: {}
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
@@ -125,6 +152,14 @@
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ // 优惠券可用场馆
|
|
|
+ handleShowClick(site) {
|
|
|
+ NET.request(API.getCouponExInfo,
|
|
|
+ {id: site.discountCouponId}, 'POST').then( res => {
|
|
|
+ this.venueInfo = res.data
|
|
|
+ this.couponShow = true
|
|
|
+ })
|
|
|
+ },
|
|
|
// 选择学生
|
|
|
handleStudentClick(args) {
|
|
|
this.studentId = this.studentList[args].studentId
|
|
|
@@ -300,7 +335,7 @@
|
|
|
}
|
|
|
|
|
|
.out-date {
|
|
|
- font-size: 10px;
|
|
|
+ font-size: 14px;
|
|
|
color: #ff9900;
|
|
|
margin-bottom: 5px;
|
|
|
position: absolute;
|
|
|
@@ -335,4 +370,64 @@
|
|
|
position: absolute;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
+ .menber-box {
|
|
|
+ width: 100%;
|
|
|
+ // float: left;
|
|
|
+ padding: 10px 15px;
|
|
|
+ // margin-bottom: 10px;
|
|
|
+
|
|
|
+ .menber-col {
|
|
|
+ width: 100%;
|
|
|
+ padding: 15px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ display: inline-block;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ border-radius: 15px;
|
|
|
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ .menber-label {
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ // line-height: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .menber-num {
|
|
|
+ width: 100%;
|
|
|
+ float: left;
|
|
|
+ font-size: 26px;
|
|
|
+ line-height: 28px;
|
|
|
+ color: $mainColor;
|
|
|
+ }
|
|
|
+
|
|
|
+ .menber-icon {
|
|
|
+ font-size: 100px;
|
|
|
+ color: $mainColor;
|
|
|
+ position: absolute;
|
|
|
+ right: -5px;
|
|
|
+ bottom: -30px;
|
|
|
+ opacity: 0.5;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .common-title {
|
|
|
+ width:100%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 20px;
|
|
|
+ margin: 10px 0;
|
|
|
+ }
|
|
|
+ .fix-add-icon {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 15px;
|
|
|
+ right: 15px;
|
|
|
+ }
|
|
|
+ .button-box {
|
|
|
+ // width: 100%;
|
|
|
+ padding: 10px 15px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
</style>
|
