xinyilu/xinelu-applet-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优惠券页面

Browse Source
This commit is contained in:
辉 2023-09-20 13:52:08 +08:00
parent 5c0da7f439
commit 00128f8670
4 changed files with 125 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
pages.json
View File

@ -34,16 +34,13 @@
"navigationBarTitleText": "管理家庭成员",
"enablePullDownRefresh": false
}
} ,{
"path" : "coupon/coupon",
"style" :
{
"navigationBarTitleText": "优惠券",
"enablePullDownRefresh": false
}
}
]
}, {
"path": "coupon/coupon",
"style": {
"navigationBarTitleText": "优惠券",
"enablePullDownRefresh": false
}
}]
}],
"globalStyle": {
"navigationBarTextStyle": "white",

9
pages/myinformation/myinformation.vue
View File

@ -40,7 +40,7 @@
健康豆
</view>
</view>
<view class="item">
<view class="item" @tap='gocoupon'>
<view class="number">
0
</view>
@ -158,7 +158,12 @@
uni.navigateTo({
url: '/pagesB/managefamily/managefamily'
})
}
},
gocoupon() {
uni.navigateTo({
url: '/pagesB/coupon/coupon'
})
},
}
}
</script>

98
pagesB/coupon/coupon.vue
View File

@ -1,19 +1,105 @@
<template>
<view>
<view class="app">
<!-- <view class="tabs">
<view class="tab-item">
<view class="title">
券
</view>
<view class="text">
{{total}}张
</view>
</view>
</view> -->
<view class="content">
<view class="statuss">
<view class="statusitem" :style="couponstatus==''?'color: #F44B2F;':''">
全部
</view>
<span> |</span>
<view class="statusitem" :style="couponstatus=='NOT_USED'?'color: #F44B2F;':''">
待领取
</view>
<span> |</span>
<view class="statusitem" :style="couponstatus=='USED'?'color: #F44B2F;':''">
已使用
</view>
<span> |</span>
<view class="statusitem" :style="couponstatus=='EXPIRED'?'color: #F44B2F;':''">
已过期
</view>
</view>
<view class="rollup">
<view class="item">
<view class="top" style="background: #EFECEC;color: #4B4B4B;">
<view class="title">
<span class="text">
￥
</span>
<span class="price">
0
</span>
</view>
<view class="what" style="background: #EFECEC;">
名字
</view>
<view class="texts">
满10可用
</view>
<view class="time">
有效期至
</view>
<view class="btngq">
已过期
</view>
<!-- <view class="btn">
使用
</view> -->
</view>
<view class="bottom">
新人福利
</view>
</view>
</view>
<view class="noorder">
<u-empty mode="coupon" icon-size='220'></u-empty>
</view>
</view>
<u-toast ref="uToast" />
</view>
</template>
<script>
export default {
data() {
return {
pageNum: 1,
pageSize: 10,
couponlist: null,
total: 0,
couponstatus: ''
};
}
},
onLoad() {},
methods: {},
onReachBottom() { //下滑加载
if (this.couponlist.length >= this.total) {} else {
this.pageNum++;
selectCoupon(this.pageNum, this.pageSize, this.patientId, this.couponstatus).then(res => {
res.rows.forEach(e => {
this.couponlist.push(e)
})
})
}
},
onPullDownRefresh() { //下拉刷新
this.pageNum = 1;
this.getlist();
setTimeout(function() {
uni.stopPullDownRefresh();
}, 1000);
},
}
</script>
<style lang="scss">
@import './coupon.scss'
</style>

19
pagesB/managefamily/managefamily.vue
View File

@ -36,7 +36,24 @@
return {
};
}
},
onReachBottom() { //下滑加载
if (this.couponlist.length >= this.total) {} else {
this.pageNum++;
selectCoupon(this.pageNum, this.pageSize, this.patientId, this.couponstatus).then(res => {
res.rows.forEach(e => {
this.couponlist.push(e)
})
})
}
},
onPullDownRefresh() { //下拉刷新
this.pageNum = 1;
this.getlist();
setTimeout(function() {
uni.stopPullDownRefresh();
}, 1000);
},
}
</script>