|
|
@@ -24,7 +24,7 @@
|
|
|
@click.stop="toggleTooltip(item.key)"
|
|
|
></image>
|
|
|
<view class="tooltip" v-show="showTooltip === item.key">
|
|
|
- 商户占比{{ settlementInfo[item.rateField] }}%
|
|
|
+ 商户占比{{ settlementInfo.merchantCostRatio}}%
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="value">{{ settlementInfo[item.valueField] }}</view>
|
|
|
@@ -52,7 +52,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
orderId: '',
|
|
|
- jumpType: '',
|
|
|
+ settleStatus: '',
|
|
|
settlementInfo: {},
|
|
|
orderList: [],
|
|
|
groupMealFields,
|
|
|
@@ -73,22 +73,24 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
+ console.log(options)
|
|
|
if (options.id) {
|
|
|
this.orderId = options.id;
|
|
|
- this.jumpType = options.jumpType;
|
|
|
+ this.settleStatus = options.settleStatus;
|
|
|
}
|
|
|
},
|
|
|
onShow() {
|
|
|
- this.getDetails(this.orderId, this.jumpType);
|
|
|
+ this.getDetails(this.orderId, this.settleStatus);
|
|
|
},
|
|
|
methods: {
|
|
|
- getDetails(id, jumpType) {
|
|
|
+ getDetails(id, settleStatus) {
|
|
|
+ console.log(id, settleStatus)
|
|
|
api
|
|
|
- .settlementDetail({ settlementId: id, jumpType })
|
|
|
+ .groupOrderClearDetail( id, settleStatus)
|
|
|
.then((res) => {
|
|
|
if (res.data.code === 200) {
|
|
|
this.settlementInfo = res.data.result || {};
|
|
|
- this.orderList = res.data.result.orderList || [];
|
|
|
+ this.orderList = res.data.result.groupProductList || [];
|
|
|
} else {
|
|
|
uni.showToast({
|
|
|
title: res.data.msg || '获取结算详情失败',
|
|
|
@@ -231,13 +233,15 @@ export default {
|
|
|
font-weight: 400;
|
|
|
font-size: 31rpx;
|
|
|
color: #666666;
|
|
|
- position: relative;
|
|
|
+
|
|
|
|
|
|
.tooltip {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- width: 158rpx;
|
|
|
+ position: relative;
|
|
|
+ padding: 0 5rpx;
|
|
|
+ // width: 158rpx;
|
|
|
height: 42rpx;
|
|
|
background: rgba(0, 0, 0, 0.6);
|
|
|
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
|
|
@@ -250,10 +254,11 @@ export default {
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
- right: 158rpx;
|
|
|
- bottom: 14rpx;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
width: 0;
|
|
|
height: 0;
|
|
|
+ transform: translate(-100%,-50%);
|
|
|
border-bottom: 10rpx solid transparent;
|
|
|
border-right: 10rpx solid rgba(0, 0, 0, 0.6);
|
|
|
border-top: 10rpx solid transparent;
|