You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
3.0 KiB
Vue
131 lines
3.0 KiB
Vue
<template>
|
|
<view>
|
|
<view class="cu-bar bg-white margin-top">
|
|
<view class='action'>
|
|
<text class='cuIcon-titles text-orange'></text>
|
|
<text class='text-black'>疗程</text>
|
|
</view>
|
|
</view>
|
|
<view class='module'>
|
|
<view class='module-title'>项目名称</view>
|
|
<view class='module-title'>剩余次数</view>
|
|
<view class='module-title' style='padding-right: 50upx;'>可用次数</view>
|
|
<view v-if="projectTrade.length == 0">
|
|
<view class='empty cuIcon-info'></view>
|
|
<view class='empty-text text-gray'>暂无数据</view>
|
|
</view>
|
|
<!-- -->
|
|
<view class="" v-for="(item,index) in projectTrade" :key='index'>
|
|
<view class='module-content'>{{item.courseProjectName}}</view>
|
|
<view class='module-content'>{{item.courseRestCount}}</view>
|
|
<view class='module-content'>{{item.courseConsumeCount}}
|
|
</view>
|
|
<view v-if="projectTrade.length != index+1" class='common-hr'></view>
|
|
</view>
|
|
</view>
|
|
<view class="cu-bar bg-white margin-top">
|
|
<view class='action'>
|
|
<text class='cuIcon-titles text-orange'></text>
|
|
<text class='text-black'>充值</text>
|
|
</view>
|
|
</view>
|
|
<view class='module'>
|
|
<view class='module-title'>类别名称</view>
|
|
<view class='module-title'>剩余金额</view>
|
|
<view class='module-title' style='padding-right: 50rpx;'>可用金额</view>
|
|
<view v-if="rechargeTrade.length == 0">
|
|
<view class='empty cuIcon-info'></view>
|
|
<view class='empty-text text-gray'>暂无数据</view>
|
|
</view>
|
|
<!-- -->
|
|
<view v-for="(item,index) in rechargeTrade" :key='index'>
|
|
<view class='module-content'>{{item.rechargeTypeName}}</view>
|
|
<view class='module-content'>{{item.cardRestMoney}}</view>
|
|
<view class='module-content'>{{item.cardConsumeMoney}}
|
|
</view>
|
|
<view wx:if="rechargeTrade.length != index+1" class='common-hr'></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
projectTrade: [{
|
|
courseProjectName: "小瘦腰"
|
|
}],
|
|
rechargeTrade: [{
|
|
rechargeTypeName: "三折卡"
|
|
}]
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
},
|
|
created() {
|
|
|
|
var userInfo = uni.getStorageSync('userInfo')
|
|
var form = {memberId:userInfo.id,storeId:userInfo.storeId}
|
|
this.$api.recAccountlist(form).then(res=>{
|
|
if(res.code=='000000'){
|
|
this.rechargeTrade = res.rows
|
|
}
|
|
})
|
|
this.$api.couAccountlist(form).then(res=>{
|
|
if(res.code=='000000'){
|
|
this.projectTrade = res.rows
|
|
}
|
|
})
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page {
|
|
color: #555;
|
|
}
|
|
|
|
.module {
|
|
background-color: white;
|
|
padding: 30upx 0;
|
|
}
|
|
|
|
.module-title {
|
|
display: inline-block;
|
|
width: 33.3%;
|
|
text-align: center;
|
|
font-size: 30upx;
|
|
margin-bottom: 30upx;
|
|
color: black;
|
|
}
|
|
|
|
.module-content {
|
|
display: inline-block;
|
|
width: 33.3%;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 20upx 0;
|
|
}
|
|
|
|
.module-title-2 {
|
|
width: 50%;
|
|
}
|
|
|
|
.module-content-2 {
|
|
width: 50%;
|
|
}
|
|
|
|
.cuIcon-right {
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
.cuIcon-right {
|
|
float: right;
|
|
margin-top: 3upx;
|
|
color: darkgray;
|
|
}
|
|
</style>
|