123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208 |
- <template>
- <view class="content">
- <view class="nodataBox" v-show="nodataShow">
- <image src="http://dmsphoto.66km.com.cn/thFiles/3C95A4C5-73F8-4B34-902B-703B8A0825C9.png" mode="widthFix" class="nodataImg"></image>
- <view class="noTxt">暂无数据</view>
- </view>
- <view class="topbox" v-show="!nodataShow">
- <view class="top">
- <view class="topLine">
- <view class="topTxt1">{{levelName}}</view>
- <view class="topTxt2">客户等级</view>
- </view>
- <view class="topx"></view>
- <view class="topLine">
- <view class="topTxt1">{{list.length}}</view>
- <view class="topTxt2">可用优惠券</view>
- </view>
- <view class="topx"></view>
- <view class="topLine">
- <view class="topTxt1">{{integral}}</view>
- <view class="topTxt2">可用积分</view>
- </view>
- </view>
- </view>
- <view class="cBox" v-show="!nodataShow">
- <view class="line" v-for="(item,index) in list">
- <view class="lineTop">
- <view class="nameBox">
- <view class="type" v-if="item.discountType==1">满减券</view>
- <view class="type" v-if="item.discountType==2">商品券</view>
- <view class="type" v-if="item.discountType==3">服务券</view>
- <view class="name">{{item.ActName}}</view>
- </view>
- <view class="lprice">
- <span class="price1">¥</span>
- <span class="price2">{{item.ActMoney}}</span>
- <span class="price3">{{item.WhereMoney}}</span>
- </view>
- <view style="display: flex;">
- <view class="chepai" v-if="item.applyCarPlateNumber">限{{tem.applyCarPlateNumber}}使用</view>
- <view class="chepai" v-else>不限车牌</view>
- </view>
-
- <view class="time" v-if="item.StartTime">{{item.StartTime.slice(0,10)}}至{{item.EndTime.slice(0,10)}}</view>
- <view class="time" v-else>有效期:领取后{{item.EndOffsetDays}}天有效</view>
- </view>
- <view class="lineBottom">
- {{item.overlyType == 0 ? '[不可叠加]' : '[可叠加]'}}
- {{item.shopLimit == 0 ? '[不限门店]' : '[限门店]'}}
- [使用说明]
- </view>
-
-
- </view>
- </view>
-
-
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- customerId:'',
- list:[],
- integral:'',
- levelName:'',
- nodataShow:false,
- }
- },
- onLoad() {
- },
- methods: {
- getdata(){
- var that=this;
- this.customerId=uni.getStorageSync('customerId')
- this.integral=uni.getStorageSync('integral')
- this.levelName=uni.getStorageSync('levelName')
- if(!this.customerId){
- this.nodataShow=true
- }else{
- this.$http('enterprise/wechat/listIntegralInfo', {
- id:this.customerId,
- }, 'GET').then(res => {
- this.list=res.data
-
- })
- }
-
- }
- }
- }
- </script>
- <style scoped>
- .topbox{
- padding: 24rpx;background: #fff;
- }
- .top{
- width: 702rpx;
- height: 156rpx;
- background: linear-gradient( 132deg, #FFF0DF 0%, #FED28F 100%);
- border-radius: 10rpx;
- }
- .top{
- display: flex;justify-content: space-around;
- }
- .topx{
- opacity: 0.19;
- height: 49rpx;
- width: 1px;
- background: #2D2417;
- margin-top: 54rpx;
- }
- .topLine{
- text-align: center;
- padding-top: 37rpx;
- }
- .topTxt1{
- font-weight: 500;
- font-size: 35rpx;
- color: #2D2417;
- }
- .topTxt2{
- font-size: 24rpx;
- color: #50402A;
- padding-top: 8rpx;
- }
- .cBox{
- padding: 0 24rpx;
- }
- .line{
- padding: 30rpx 0rpx;background: #FFFFFF;
- border-radius: 10rpx;margin-top: 20rpx;
- }
- .nameBox{
- display: flex;
- }
- .type{
- font-size: 24rpx;
- color: #2B2219;
- height: 36rpx;
- background: linear-gradient( 128deg, #FFE4C5 0%, #FDC692 100%);
- border-radius: 4rpx;
- width: 82rpx;
- text-align: center;
- line-height: 36rpx;
- }
- .name{
- line-height: 36rpx;padding-left: 10rpx;font-weight: 500;
- font-size: 28rpx;
- color: #333333;
- }
- .lineTop{
- padding: 0 24rpx;
- border-bottom: 1px dashed #DDDDDD;
- }
- .price1{
- font-weight: 500;
- font-size: 26rpx;
- color: #FF3B30;
- }
- .price2{
- font-weight: 500;
- font-size: 40rpx;
- color: #FF0000;
- }
- .price3{
- font-weight: 400;
- font-size: 22rpx;
- color: #666666;
- }
- .chepai{
- height: 36rpx;
- background:rgba(255, 129, 19, 0.1);
- border-radius: 4rpx;
- font-size: 22rpx;
- color: #FF8113;
- line-height: 36rpx;
- padding: 0 10rpx;
- margin-top: 10rpx;
- }
- .time{
- font-size: 22rpx;
- color: #666666;padding-top: 10rpx;
- padding-bottom: 15rpx;
- }
- .lineBottom{
- font-size: 22rpx;
- color: #666666;
- padding: 15rpx 24rpx;
- }
- .nodataImg{
- width: 400rpx;
- padding-top: 100rpx;
- }
- .noTxt{
- font-size: 32rpx;
- color: #999999;
- padding-top: 50rpx;
- }
- .nodataBox{
- text-align: center;
- }
- </style>
|