<template>
    <div>
        <div>
            <div class="font-bold text-lg">用户信息</div>
            <div class="flex flex-wrap">
                <div class="mt-4 w-1/3">用户uid：{{ datas.uid }}</div>
                <div class="mt-4 w-1/3">用户昵称：{{ datas.real_name }}</div>
                <div class="mt-4 w-1/3">手机号：{{ datas.user_phone }}</div>
            </div>
        </div>
        <div class="mt-6">
            <div class="font-bold text-lg">收货信息</div>
            <div class="mt-4">收货人：{{ datas.real_name }}</div>
            <div class="mt-4">收货电话：{{ datas.user_phone }}</div>
            <div class="mt-4">收货地址：{{ datas.user_address }}</div>
        </div>
        <div class="mt-6">
            <div class="font-bold text-lg">订单信息</div>
            <div class="flex flex-wrap">
                <div class="mt-4 w-1/3">创建时间：{{ datas.create_time }}</div>
                <div class="mt-4 w-1/3">商品总数：{{ datas.total_num }}</div>
                <div class="mt-4 w-1/3">商品总价：{{ datas.total_price }}</div>
                <div class="mt-4 w-1/3">优惠券金额：{{ datas.coupon_price }}</div>
                <div class="mt-4 w-1/3">积分抵扣：{{ datas.deduction_price }}</div>
                <div class="mt-4 w-1/3">支付时间：{{ datas.pay_time }}</div>
                <div class="mt-4 w-1/3 flex">支付方式：<dict-value :options="dictData.pay_type" :value="datas.pay_type"></dict-value></div>
            </div>
        </div>
    </div>
</template>

<script lang="ts" setup name="orderInfo">

import type { PropType } from 'vue'
const props = defineProps({
    datas: {
        type: Object,
        required: true
    },
    dictData: {
        type: Object as PropType<Record<string, any[]>>,
        default: () => ({})
    }
})

</script>
