You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
3.4 KiB
124 lines
3.4 KiB
<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="aspectFill"></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>
|
|
|