174 lines
4.3 KiB
Vue
174 lines
4.3 KiB
Vue
<template>
|
||
<view class="log-list">
|
||
<!-- 提现记录 -->
|
||
<view
|
||
class="log-way"
|
||
v-if="cashLogData.length != 0"
|
||
v-for="(item, index) in cashLogData"
|
||
:key="index"
|
||
>
|
||
<view class="log-item">
|
||
<view class="log-item-view">
|
||
<view class="title">{{
|
||
item.distributionCashStatus == "APPLY"
|
||
? "待处理"
|
||
: item.distributionCashStatus == "PASS"
|
||
? "通过"
|
||
: "拒绝"
|
||
}}</view>
|
||
<view class="price">+{{ item.price | unitPrice }}</view>
|
||
</view>
|
||
<view class="log-item-view">
|
||
<view>{{ item.createTime }}</view>
|
||
<view></view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 分销业绩 -->
|
||
<view
|
||
class="log-way"
|
||
v-if="achievementData.length != 0"
|
||
v-for="(item, index) in achievementData"
|
||
:key="index"
|
||
>
|
||
<view class="log-item">
|
||
<view class="log-item-view">
|
||
<view class="title">{{ item.goodsName }}</view>
|
||
<view class="price">提成金额：+{{ item.rebate | unitPrice }}</view>
|
||
</view>
|
||
<view class="log-item-view">
|
||
<view>创建时间：{{ item.createTime }}</view>
|
||
<view>店铺：{{ item.storeName }}</view>
|
||
</view>
|
||
<view class="log-item-footer">
|
||
<view>会员名称：{{ item.memberName }}</view>
|
||
<view>订单金额：{{ item.flowPrice | unitPrice }}</view>
|
||
</view>
|
||
<view class="log-item-footers">
|
||
<view>订单号：{{ item.orderSn }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="empty" v-if="empty">
|
||
<u-loadmore :status="status" :icon-type="iconType" bg-color="#f7f7f7" />
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import { cashLog, distributionOrderList } from "@/api/goods";
|
||
export default {
|
||
data() {
|
||
return {
|
||
cashLogData: [], //提现记录数据集合
|
||
achievementData: [], //分销业绩数据合集,
|
||
status: "loadmore",
|
||
iconType: "flower",
|
||
empty: false,
|
||
params: {
|
||
pageNumber: 1,
|
||
pageSize: 10,
|
||
},
|
||
|
||
type: 0,
|
||
routers: "",
|
||
achParams: {
|
||
pageNumber: 1,
|
||
pageSize: 10,
|
||
},
|
||
};
|
||
},
|
||
onLoad(option) {
|
||
let title;
|
||
option.type == 0 ? (title = "分销业绩") : (title = "提现记录");
|
||
|
||
uni.setNavigationBarTitle({
|
||
title: title, //这是修改后的导航栏文字
|
||
});
|
||
this.routers = option;
|
||
this.type = option.type;
|
||
option.type == 0 ? this.achievement() : this.history();
|
||
},
|
||
mounted() {},
|
||
onReachBottom() {
|
||
this.status = "loading";
|
||
this.type == 0 ? this.achParams.pageNumber++ : this.params.pageNumber++;
|
||
this.type == 0 ? this.achievement() : this.history();
|
||
},
|
||
methods: {
|
||
// 业绩
|
||
achievement() {
|
||
uni.showLoading({
|
||
title: "加载中",
|
||
});
|
||
distributionOrderList(this.achParams).then((res) => {
|
||
if (res.data.success && res.data.result.records.length >= 1) {
|
||
this.achievementData.push(...res.data.result.records);
|
||
} else {
|
||
this.status = "nomore";
|
||
this.empty = true;
|
||
}
|
||
uni.hideLoading();
|
||
});
|
||
},
|
||
// 初始化提现历史
|
||
history() {
|
||
uni.showLoading({
|
||
title: "加载中",
|
||
});
|
||
cashLog(this.params).then((res) => {
|
||
if (res.data.success && res.data.result.records.length >= 1) {
|
||
this.cashLogData.push(...res.data.result.records);
|
||
} else {
|
||
this.status = "nomore";
|
||
this.empty = true;
|
||
}
|
||
uni.hideLoading();
|
||
});
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.empty {
|
||
margin: 40rpx 0;
|
||
}
|
||
.price {
|
||
color: $main-color;
|
||
font-weight: bold;
|
||
}
|
||
.log-list {
|
||
padding: 0 8rpx;
|
||
overflow: hidden;
|
||
margin: 20rpx 0;
|
||
}
|
||
.log-way {
|
||
margin: 10rpx 0;
|
||
overflow: hidden;
|
||
background: #fff;
|
||
border-radius: 10rpx;
|
||
padding: 20rpx 0;
|
||
}
|
||
.title {
|
||
font-size: 30rpx;
|
||
font-weight: bold;
|
||
}
|
||
.log-item-view {
|
||
padding: 8rpx 32rpx;
|
||
display: flex;
|
||
font-size: 13px;
|
||
justify-content: space-between;
|
||
}
|
||
.log-item-footer {
|
||
padding: 8rpx 32rpx;
|
||
display: flex;
|
||
font-size: 13px;
|
||
justify-content: space-between;
|
||
}
|
||
.log-item-footers {
|
||
padding: 8rpx 32rpx;
|
||
display: flex;
|
||
font-size: 13px;
|
||
justify-content: space-between;
|
||
}
|
||
</style>
|