49 lines
1.3 KiB
Vue
49 lines
1.3 KiB
Vue
<template>
|
|
<view class="order-detail-wrapper">
|
|
<uni-icons type="left" size="20" color="#fff" @click="goBack" />
|
|
|
|
<OrderStatusInfo :orderData="orderData" />
|
|
<OrderQrcode
|
|
v-if="orderData.orderStatus === '2'"
|
|
size="132"
|
|
unit="px"
|
|
:val="orderData.orderId"
|
|
/>
|
|
<GoodsInfo :orderData="orderData" />
|
|
<UserInfo :orderData="orderData" />
|
|
<NoticeInfo :orderData="orderData" />
|
|
<OrderInfo :orderData="orderData" />
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from "vue";
|
|
import { onLoad } from "@dcloudio/uni-app";
|
|
import { userOrderDetail } from "@/request/api/OrderApi";
|
|
import OrderQrcode from "./components/OrderQrcode/index.vue";
|
|
import OrderStatusInfo from "./components/OrderStatusInfo/index.vue";
|
|
import GoodsInfo from "./components/GoodsInfo/index.vue";
|
|
import UserInfo from "./components/UserInfo/index.vue";
|
|
import NoticeInfo from "./components/NoticeInfo/index.vue";
|
|
import OrderInfo from "./components/OrderInfo/index.vue";
|
|
|
|
const orderData = ref({});
|
|
onLoad(async ({ orderId }) => {
|
|
const res = await userOrderDetail({ orderId });
|
|
|
|
orderData.value = res.data;
|
|
console.log(res);
|
|
});
|
|
|
|
// 返回上一页
|
|
const goBack = () => {
|
|
uni.navigateBack({
|
|
delta: 1,
|
|
});
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import "./styles/detail.scss";
|
|
</style>
|