martial-arts/pagesB/confirm-order/confirm-order.vue

<template>
	<view>
		<status-container titlet="确认订单" returnc="#FFFFFF">
			<view slot="content" style="margin-top: -20rpx;">
				<view @tap="$toolAll.tools.goPage(`/pagesA/my-address/my-address?ifChoose=1`)" class="bacf disjbac fon24 pad-sx20 pad-zy30 boxshowb">
					<view class="fon20 line-h40" v-if="addressInfo">
						<view class="" style="color: #676767;">{{addressInfo.province_str}}{{addressInfo.city_str}}{{addressInfo.county_str}}</view>
						<view class="fon26">{{addressInfo.address}}</view>
						<view class="">{{addressInfo.name}}  {{$toolAll.tools.hideMPhone(addressInfo.phone)}}</view>
					</view>
					<view class="fon20 line-h40" v-else>请添加收货地址</view>
					<view class="icon icon-next fon28" style="color: #777777;"></view>
				</view>
				<view class="bacf mar-s30 pad30 fon24 boxshowb">
					<view class="disac bbot pad-x30" v-for="(item,index) in orderInfo.list" :key="index">
						<image :src="item.sku_cover" mode="aspectFill" class="flexs mar-y20" style="width: 228rpx;height: 160rpx;" lazy-load></image>
						<view class="disjb fc pad-sx10 fon24 width100" style="height: 160rpx;">
							<view class="col26 clips2">{{item.goods_name}}</view>
							<view class="col26 width100">
								<view class="mar-x10">{{item.sku_name}}</view>
								<view class=" disjbac">
									<view class="">￥{{item.price}}</view>
									<view style="letter-spacing: 6rpx;">X{{item.num}}</view>
								</view>
							</view>
						</view>
					</view>
					<view class="bbot pad-sx30">
						<view class="disjbac">
							<view class="">商品金额</view>
							<view class="">￥{{orderInfo.original_total}}</view>
						</view>
						<view class="disjbac mar-s30">
							<view class="">优惠券抵扣</view>
							<view class="disjbac col-e42417">-￥10.00 <view class="icon icon-next fon28 mar-z10" style="color: #777777;"></view></view>
						</view>
						<view class="disjbac mar-s30">
							<view class="">积分抵扣</view>
							<view class="disjbac col-e42417">-￥10.00 <view class="icon icon-next fon28 mar-z10" style="color: #777777;"></view></view>
						</view>
					</view>
					<view class="disje pad-s30 pad-x10 pad-y30">
						合计：￥1168.00
					</view>
				</view>
				<!-- 立即购买 -->
				<view class="posixzy bacf pad-sx20 disjbac pad-zy30 boxshowt">
					<view class="fon24">合计：<span class="col-e42417 fon34 bold">￥189.00</span></view>
					<view @tap="goPay" class="fon24 colf radius32 disjcac" style="background-color: #f37617;width: 184rpx;height: 64rpx;">去支付</view>
				</view>
			</view>
		</status-container>
	</view>
</template>

<script>
	// 底部组件
	import footTab from '@/components/foot-tabs/foot-tab.vue';
	export default {
		components:{'foot-tab' :footTab},
		data() {
			return {
				addressInfo:'',
				orderInfo:'',
				flag:true
			}
		},
		onShow() {
			this.addressInfo = uni.getStorageSync('addressInfo');
		},
		onLoad() {
			this.getAddress();
		},
		methods: {
			// 收货地址查询
			getAddress(){
				this.$requst.get('/api/user/address').then(res=>{
					if(res.code==0){
						if(res.data.length){
							res.data.forEach(item=>{
								if(item.is_default){
									this.addressInfo = item;
								} else {
									this.addressInfo = res.data[0];
								}
							})
						}
						this.orderInfo = uni.getStorageSync('orderInfo');
					}
				})
			},
			// 去支付
			goPay(){
				if(this.flag){
					this.flag = false;
					this.$toolAll.tools.showToast('正在调起支付...');
				}
			}
		}
	}
</script>

<style></style>