完善功能
This commit is contained in:
3
App.vue
3
App.vue
@ -261,4 +261,7 @@ export default {
|
|||||||
@import './common/myIcon.css';
|
@import './common/myIcon.css';
|
||||||
/*每个页面公共css */
|
/*每个页面公共css */
|
||||||
@import './common/style.scss';
|
@import './common/style.scss';
|
||||||
|
|
||||||
|
.one-line-ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
|
||||||
|
.two-line-ellipsis {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -154,13 +154,6 @@
|
|||||||
title: '支付失败',
|
title: '支付失败',
|
||||||
icon: 'none'
|
icon: 'none'
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
uni.redirectTo({
|
|
||||||
url: '/bundle/recharge/card'
|
|
||||||
});
|
|
||||||
}, 500);
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@ -730,11 +730,6 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
// 选择会员卡
|
|
||||||
selectCard() {
|
|
||||||
this.balance = 200; // 模拟选择会员卡后的余额
|
|
||||||
},
|
|
||||||
|
|
||||||
// 确认选择
|
// 确认选择
|
||||||
confirmCard() {
|
confirmCard() {
|
||||||
if (this.userBalance['balance' + this.currentType] <= 0) {
|
if (this.userBalance['balance' + this.currentType] <= 0) {
|
||||||
|
|||||||
@ -105,7 +105,7 @@
|
|||||||
<image style="width: 36rpx;height: 36rpx;margin-top: 4rpx;" src="@/static/icon/location2.png"
|
<image style="width: 36rpx;height: 36rpx;margin-top: 4rpx;" src="@/static/icon/location2.png"
|
||||||
mode=""></image>
|
mode=""></image>
|
||||||
<view class="">
|
<view class="">
|
||||||
<view class="address-time">{{ venue.address }}</view>
|
<view class="address-time one-line-ellipsis" style="width:400rpx;"> {{ venue.address }}</view>
|
||||||
<!-- <view class="address-time">距您{{ venue.distance }}km</view> -->
|
<!-- <view class="address-time">距您{{ venue.distance }}km</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -21,14 +21,14 @@
|
|||||||
<view class="icon-box d-c-c"><span class="icon iconfont icon-xuanze"></span></view>
|
<view class="icon-box d-c-c"><span class="icon iconfont icon-xuanze"></span></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="hasBanlance && balance > 0" class="item">
|
<!-- <view v-if="hasBanlance && balance > 0" class="item">
|
||||||
<view class="d-s-c">
|
<view class="d-s-c">
|
||||||
<view class="icon-box d-c-c mr10"><span class="icon iconfont icon-yue"></span></view>
|
<view class="icon-box d-c-c mr10"><span class="icon iconfont icon-yue"></span></view>
|
||||||
<text class="key">余额抵扣:(剩余:{{balance}})</text>
|
<text class="key">余额抵扣:(剩余:{{balance}})</text>
|
||||||
</view>
|
</view>
|
||||||
<switch :color="getThemeColor()" style="transform:scale(0.7);margin-right: -20rpx;"
|
<switch :color="getThemeColor()" style="transform:scale(0.7);margin-right: -20rpx;"
|
||||||
:checked="balanceType" @change="switch2Change" />
|
:checked="balanceType" @change="switch2Change" />
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="bottom-btn" @click="submit">
|
<view class="bottom-btn" @click="submit">
|
||||||
<button type="default">立即支付</button>
|
<button type="default">立即支付</button>
|
||||||
|
|||||||
@ -48,9 +48,10 @@
|
|||||||
<view class="state cg-state">
|
<view class="state cg-state">
|
||||||
<text class="red" v-if="item.order_status == 0">待付款</text>
|
<text class="red" v-if="item.order_status == 0">待付款</text>
|
||||||
<text style="color: #365A9A;" v-if="item.order_status == 1">已预约</text>
|
<text style="color: #365A9A;" v-if="item.order_status == 1">已预约</text>
|
||||||
<text style="color: #606266;" v-if="item.order_status == 2">已完成</text>
|
<text style="color: #606266;" v-if="item.order_status == 2">进行中</text>
|
||||||
<text style="color: #C9C9C9;" v-if="item.order_status == 3">订单取消</text>
|
<text style="color: #C9C9C9;" v-if="item.order_status == 3">已完成</text>
|
||||||
<text style="color: #606266;" v-if="item.order_status == 4">退款成功</text>
|
<text style="color: #C9C9C9;" v-if="item.order_status == 4">订单取消</text>
|
||||||
|
<text style="color: #606266;" v-if="item.order_status == 5">退款成功</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!--一个商品显示-->
|
<!--一个商品显示-->
|
||||||
|
|||||||
@ -37,16 +37,21 @@
|
|||||||
感谢预定场馆,期待下次再见!
|
感谢预定场馆,期待下次再见!
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 订单取消 -->
|
<!-- 进行中 -->
|
||||||
<view class="status-text" style="width: 100%;" v-if="detail.order_status == 3">
|
<view class="status-text" style="width: 100%;" v-if="detail.order_status == 3">
|
||||||
|
您的订单正在进行中!
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 订单取消 -->
|
||||||
|
<view class="status-text" style="width: 100%;" v-if="detail.order_status == 4">
|
||||||
您的订单已取消。期待下次有机会再为您服务!
|
您的订单已取消。期待下次有机会再为您服务!
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 退款 -->
|
<!-- 退款 -->
|
||||||
<view class="status-text" style="width: 100%;" v-if="detail.order_status == 4">
|
<view class="status-text" style="width: 100%;" v-if="detail.order_status == 5">
|
||||||
<view class="d-c-c" style="margin-bottom: 18rpx;" @tap="billPopup = true">
|
<view class="d-c-c" style="margin-bottom: 18rpx;" @tap="billPopup = true">
|
||||||
<view class="refund-txt">实际退款¥175.00</view>
|
<view class="refund-txt">实际退款¥{{ detail.order_amount }}</view>
|
||||||
<image style="width: 48rpx;height: 48rpx;margin-left: 6rpx;margin-top: 10rpx;" src="@/static/icon/right.png" mode=""></image>
|
<!-- <image style="width: 48rpx;height: 48rpx;margin-left: 6rpx;margin-top: 10rpx;" src="@/static/icon/right.png" mode=""></image> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="">您的订单已取消。期待下次有机会再为您服务!</view>
|
<view class="">您的订单已取消。期待下次有机会再为您服务!</view>
|
||||||
</view>
|
</view>
|
||||||
@ -123,7 +128,7 @@
|
|||||||
<image style="width: 48rpx;height: 48rpx;" src="@/static/icon/right.png" mode=""></image>
|
<image style="width: 48rpx;height: 48rpx;" src="@/static/icon/right.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="cg-store-jl">距您{{ venue.distance }}km</view>
|
<!-- <view class="cg-store-jl">距您{{ venue.distance }}km</view> -->
|
||||||
|
|
||||||
<view class="d-f a-i-c cg-address-block">
|
<view class="d-f a-i-c cg-address-block">
|
||||||
<view class="">
|
<view class="">
|
||||||
@ -157,7 +162,8 @@
|
|||||||
<view class="cg-order-info d-b-c mt14" v-if="detail.pay_way > 0">
|
<view class="cg-order-info d-b-c mt14" v-if="detail.pay_way > 0">
|
||||||
<view class="">交易方式:</view>
|
<view class="">交易方式:</view>
|
||||||
<view class="">
|
<view class="">
|
||||||
<text>{{ detail.pay_way == 1 ? '余额支付' : '微信支付' }}</text>
|
<text v-if="detail.pay_way == 1">余额支付-{{ cardType(detail.pay_way) }}</text>
|
||||||
|
<text v-if="detail.pay_way == 2">微信支付</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -200,7 +206,7 @@
|
|||||||
</templte>
|
</templte>
|
||||||
|
|
||||||
<!-- 订单取消、退款成功 -->
|
<!-- 订单取消、退款成功 -->
|
||||||
<templte class="ww100" v-if="detail.order_status == 3 || detail.order_status == 4">
|
<templte class="ww100" v-if="detail.order_status == 4 || detail.order_status == 5">
|
||||||
<view class="ww100 again-btn" @click="againReserve">再次预定</view>
|
<view class="ww100 again-btn" @click="againReserve">再次预定</view>
|
||||||
</templte>
|
</templte>
|
||||||
</view>
|
</view>
|
||||||
@ -401,13 +407,15 @@
|
|||||||
function(res) {
|
function(res) {
|
||||||
self.cancelOrderPopup = false;
|
self.cancelOrderPopup = false;
|
||||||
|
|
||||||
uni.hideLoading();
|
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '操作成功',
|
title: '操作成功',
|
||||||
duration: 2000,
|
duration: 2000,
|
||||||
icon: 'success'
|
icon: 'success'
|
||||||
});
|
});
|
||||||
self.getData();
|
self.getData();
|
||||||
|
|
||||||
|
self.loadding = false;
|
||||||
|
uni.hideLoading();
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
@ -431,13 +439,15 @@
|
|||||||
function(res) {
|
function(res) {
|
||||||
self.cancelReservePopup = false;
|
self.cancelReservePopup = false;
|
||||||
|
|
||||||
uni.hideLoading();
|
if(res.code) {
|
||||||
uni.showToast({
|
uni.hideLoading();
|
||||||
title: '操作成功',
|
uni.showToast({
|
||||||
duration: 2000,
|
title: res.msg,
|
||||||
icon: 'success'
|
duration: 2000,
|
||||||
});
|
icon: 'success'
|
||||||
self.getData();
|
});
|
||||||
|
self.getData();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
@ -533,7 +543,22 @@
|
|||||||
name: this.venue.name,
|
name: this.venue.name,
|
||||||
address: this.venue.address
|
address: this.venue.address
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
|
|
||||||
|
// 会员卡类型
|
||||||
|
cardType(type) {
|
||||||
|
if (type == 1) {
|
||||||
|
return '白银会员卡'
|
||||||
|
} else if (type == 2) {
|
||||||
|
return '黄金会员卡'
|
||||||
|
} else if (type == 3) {
|
||||||
|
return '铂金会员卡'
|
||||||
|
} else if (type == 4) {
|
||||||
|
return '钻石会员卡'
|
||||||
|
} else if (type == 5) {
|
||||||
|
return '至尊会员卡'
|
||||||
|
}
|
||||||
|
},
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user