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.
134 lines
3.5 KiB
Vue
134 lines
3.5 KiB
Vue
<template>
|
|
<view class=" memberRanking">
|
|
<view class=" margin-top " style="padding: 10upx;">
|
|
<view style="margin: 10upx auto; width:1200upx;"
|
|
class="bg-red flex solid-bottom padding justify-start text-white text-center">
|
|
<view class="text-header" style="width:400upx">
|
|
<text>会员名字</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>充值</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>疗程</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>服务</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>充值还款</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>充值退款</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>疗程还款</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>疗程退款</text>
|
|
</view>
|
|
</view>
|
|
<view v-if="starList.length==0">
|
|
<view class='empty cuIcon-info'></view>
|
|
<view class='empty-text text-gray'>暂无数据</view>
|
|
</view>
|
|
<view class=" light flex justify-start text-black text-center text-main" style="width: 1200upx;padding-left: 10upx;" v-for="(item,index) in starList"
|
|
:key='index'
|
|
:class="index+1==1?'bg-pink':'bg-grey' && index+1==2?'bg-red':'bg-grey' &&index+1==3?'bg-orange':'bg-grey' ">
|
|
<view class="cur" style="width: 20upx;">
|
|
<text>{{index+1}}</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>{{item.memberName}}</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>{{item.recStatisticMoney}}</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>{{item.courseStatisticMoney}}</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>{{item.cashStatisticMoney}}</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>{{item.recRepayMoney}}</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>{{item.recRefundMoney}}</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>{{item.courseRepayMoney}}</text>
|
|
</view>
|
|
<view class="text-header" style="width:400upx">
|
|
<text>{{item.courseRefundMoney}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import host from '../../../../utils/host.js'
|
|
export default {
|
|
data() {
|
|
|
|
return {
|
|
userInfo: {},
|
|
daylist: [],
|
|
starList: [],
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
|
|
memberList() {
|
|
var that = this
|
|
|
|
uni.request({
|
|
url: host + '/demay/ssm/staff/memberList', // 请求接口
|
|
data: {storeId:that.userInfo.storeId}, // 发送参数
|
|
method: 'POST', // 参数类型
|
|
header: {
|
|
'content-type': 'application/x-www-form-urlencoded',
|
|
'token': that.userInfo.token
|
|
}, // 请求头
|
|
dataType: 'json', // 返回数据格式
|
|
success(response) {
|
|
console.log(response.data.rows);
|
|
that.starList = response.data.rows
|
|
},
|
|
fail(error) {},
|
|
complete(com) {}
|
|
})
|
|
}
|
|
},
|
|
onShow: function() {
|
|
this.daylist = this.starList
|
|
this.userInfo = uni.getStorageSync("userInfo")
|
|
this.memberList()
|
|
},
|
|
onPullDownRefresh: function() {
|
|
setTimeout(function() {
|
|
uni.stopPullDownRefresh();
|
|
}, 1000);
|
|
},
|
|
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.text-main {
|
|
font-size: 28upx;
|
|
height: 80upx;
|
|
width: 100%;
|
|
line-height: 80upx;
|
|
margin-top: 10upx;
|
|
color: #000000;
|
|
}
|
|
|
|
.memberRanking {
|
|
overflow-y: auto;
|
|
}
|
|
</style>
|