huazhiyu/pages/OrderDetails/OrderDetails.vue

<template>
	<view class="page">
		<!-- 订单状态 -->
		<view class="order-status">
			<view class="status">
				<text class="iconfont icon-zhuyi"></text>
				<text>{{orderDetails.status==0?'待支付':orderDetails.status==1?'待确认':orderDetails.status==2?'待委托':orderDetails.status==3?'已投诉':orderDetails.status==4?'待发货':orderDetails.status==5?'待收货':orderDetails.status==-1?'已取消':''}}</text>
			</view>
		
		</view>
		
		<!-- 订单商品 -->
		<view class="order-goods">
			<view class="goods-list">
				<view class="list" v-for="(item,index) in orderInfo" :key="index">
					<view class="thumb">
						<image :src="item.goods_image" mode=""></image>
					</view>
					<view class="item">
						<view class="title">
							<text class="one-omit">{{item.goods_name}}</text>
						</view>
						<view class="num-size">
							<text>数量：{{item.num}}</text>
						</view>
						<view class="price">
							<text>￥{{item.goods_price}}</text>
						</view>
						
					</view>
				</view>
			</view>
			
		</view>
		<!-- 订单信息 -->
		<view class="order-info">
			<view class="info-list">
				<view class="list">
					<view class="title">订单编号:</view>
					<view class="content">
						<text>{{orderDetails.order_sn}}</text>
					</view>
				</view>
				<view class="list">
					<view class="title">下单时间:</view>
					<view class="content">
						<text>{{getTime(orderDetails.createtime)}}</text>
					</view>
				</view>
				
			</view>
		</view>
		<!-- 订单明细 -->
		<view class="order-details">
			<view class="details-list">
				<view class="list">
					<view class="title">
						<text>商品总额</text>
					</view>
					<view class="price">
						<text>￥{{orderDetails.order_amount}}</text>
					</view>
				</view>
				
			</view>
		</view>
		<view class="btnContainer">
			<view class="btnItem" @click="gopay">
				去支付
			</view>
		</view>
	</view>
</template>

<script>
	import {orderDetail} from '@/common/api.js'
	export default {
		data() {
			return {
				orderInfo:[],
				warehouse:[],
				orderDetails:{}
			};
		},
		methods:{
			gopay(){
				uni.navigateTo({
					url:"/pages/warehouse/pay?num="+this.orderDetails.order_amount+'&id='+this.orderDetails.id
				})
			},
			getOrderDetails(){
				orderDetail({id:this.id,custom: { auth: true }}).then(res=>{
					
					this.orderDetails = Object.assign({},this.orderDetails,res.data);
					this.orderInfo = res.data.order_goods
					this.warehouse = res.data.warehouse
				})
			},
			getTime(time){
				// 时间戳 
				let timestamp = time
				// 此处时间戳以毫秒为单位
				let date = new Date(parseInt(timestamp) * 1000);
				let Year = date.getFullYear();
				let Moth = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1);
				let Day = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
				let Hour = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours());
				let Minute = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes());
				let Sechond = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
				let  GMT =  Year + '-' + Moth + '-' + Day + '   '+ Hour +':'+ Minute  + ':' + Sechond;
				return GMT
				// console.log(GMT)  // 2022-09-07 15:56:07
			}
		},
		onLoad(option) {
			this.id = option.id;
			this.getOrderDetails()
		}
	}
</script>

<style scoped lang="scss">
	@import 'OrderDetails.scss';
</style>