158 lines
4.7 KiB
Vue
158 lines
4.7 KiB
Vue
<template>
|
|
<view>
|
|
<mescroll-body
|
|
ref="mescrollRef"
|
|
@init="mescrollInit"
|
|
@down="downCallback"
|
|
@up="upCallback"
|
|
>
|
|
<view class="listBox">
|
|
<view v-for="(order, index) in dataList" class="listBoxCard">
|
|
<view class="content">
|
|
<view>
|
|
<text>收益类型 :</text>
|
|
<text v-if="order.earningsType == 1"> 月收益 </text>
|
|
<text v-if="order.earningsType == 2"> 代理收益（极差奖） </text>
|
|
<text v-if="order.earningsType == 3"> 代理收益（平级奖） </text>
|
|
<text v-if="order.earningsType == 4"> 直推奖 </text>
|
|
<text v-if="order.earningsType == 5"> 消费值团队奖（极差） </text>
|
|
<text v-if="order.earningsType == 6"> 消费值团队奖（平级） </text>
|
|
<text v-if="order.earningsType == 7"> 绿色积分团队奖（极差） </text>
|
|
<text v-if="order.earningsType == 8"> 绿色积分团队奖（平级） </text>
|
|
<text v-if="order.earningsType == 9"> 槟榔极差奖 </text>
|
|
<text v-if="order.earningsType == 10"> 槟榔平级奖 </text>
|
|
<text v-if="order.earningsType == 11"> 办事处奖励 </text>
|
|
<text v-if="order.earningsType == 12"> 市代奖励 </text>
|
|
<text v-if="order.earningsType == 13"> 分公司奖励 </text>
|
|
<text v-if="order.earningsType == 14"> 委托种植收益 </text>
|
|
<text v-if="order.earningsType == 15"> 土地兑付收益 </text>
|
|
<text v-if="order.earningsType == 16"> 赠送种植收益 </text>
|
|
</view>
|
|
<view>
|
|
<text>类型:</text>
|
|
<text>{{ order.earningsInvestmentName }}</text>
|
|
</view>
|
|
<view>
|
|
<text>购买数量:</text>
|
|
<text>{{ order.earningsInvestmentCount }}</text>
|
|
</view>
|
|
<view>
|
|
<text>购买金额:</text>
|
|
<text>{{ order.earningsInvestmentAmount }}</text>
|
|
</view>
|
|
<view>
|
|
<text>收益金额:</text>
|
|
<text>{{ order.earningsPrice }}</text>
|
|
</view>
|
|
<view>
|
|
<text>订单号:</text>
|
|
<text>{{ order.investmentRecordCode }}</text>
|
|
</view>
|
|
<!-- <view>
|
|
<text>购买现金支付比例:</text>
|
|
<text>{{ order.investmentMoneyRatio }}</text>
|
|
</view>
|
|
<view>
|
|
<text>绿色积分支付比例:</text>
|
|
<text>{{ order.investmentLsjfRatio }}</text>
|
|
</view>
|
|
<view>
|
|
<text>打赏比例:</text>
|
|
<text>{{ order.investmentRewardRatio }}</text>
|
|
</view> -->
|
|
</view>
|
|
<button
|
|
v-if="order.investmentPayStatus == 0"
|
|
style="margin-top: 20upx; background-color: #d53719; color: #fff"
|
|
>
|
|
支付
|
|
</button>
|
|
</view>
|
|
</view>
|
|
</mescroll-body>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
|
|
import { getMyInvestmentEarningsList } from "@/api/system/type.js";
|
|
export default {
|
|
mixins: [MescrollMixin], // 使用mixin
|
|
data() {
|
|
return {
|
|
// 列表数据
|
|
dataList: [],
|
|
};
|
|
},
|
|
props: {
|
|
embedded: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
mounted() {
|
|
if (this.embedded) {
|
|
if (this.mescroll && this.mescroll.resetUpScroll) {
|
|
this.mescroll.resetUpScroll();
|
|
} else {
|
|
this.$nextTick(() => {
|
|
if (this.mescroll && this.mescroll.resetUpScroll) {
|
|
this.mescroll.resetUpScroll();
|
|
} else if (this.upCallback) {
|
|
this.upCallback();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
async upCallback() {
|
|
const ret = await getMyInvestmentEarningsList({
|
|
investmentType:2
|
|
});
|
|
this.mescroll.endByPage(0, 0);
|
|
this.dataList = ret.data;
|
|
},
|
|
downCallback() {
|
|
this.mescroll.resetUpScroll();
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.listBox {
|
|
box-sizing: border-box;
|
|
padding: 20upx;
|
|
padding-top: 0;
|
|
|
|
.listBoxCard {
|
|
margin-top: 20upx;
|
|
background-color: #fff;
|
|
border-radius: 10upx;
|
|
box-sizing: border-box;
|
|
padding: 20upx;
|
|
|
|
.content {
|
|
view {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 20rpx;
|
|
text:nth-child(1) {
|
|
color: #666;
|
|
font-size: 28rpx;
|
|
min-width: 200rpx;
|
|
}
|
|
text:nth-last-child(1) {
|
|
color: #000;
|
|
font-weight: 500;
|
|
word-break: break-all;
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|