<!--
    @name: OrderOrderInfo
    @author: kahu4
    @date: 2024-01-22 12:01
    @description：OrderOrderInfo
    @update: 2024-01-22 12:01
-->
<script setup>
import { toRefs } from "vue";
import { useShearPlate } from "@/hooks/useShearPlate";
import { useGlobalProperties } from "@/hooks";

const props = defineProps({
  orderInfoData: {
    type: Object,
    required: true
  }
})

const {orderInfoData} = toRefs(props)
const {setData} = useShearPlate();
const {$timeFormat} = useGlobalProperties()
</script>

<template>
  <view class="mb-20 card">
    <view class="card-head">
      <view class="card-title">
        订单信息
      </view>
    </view>
    <view class="card-content">
      <view class="infos">
        <view class="info-cell">
          <view class="info-cell-label">
            订单编号
          </view>
          <view class="info-cell-value">
            {{ orderInfoData.orderId }}
          </view>
          <view
              class="info-cell-operation"
              @click="setData(orderInfoData.orderId,'复制成功')"
          >
            复制
          </view>

        </view>
        <view class="info-cell">
          <view class="info-cell-label">
            创建时间
          </view>
          <view class="info-cell-value">
            {{ $timeFormat(orderInfoData.createTime, 'yyyy-mm-dd hh:MM:ss') }}
          </view>
        </view>
        <view
            v-if="orderInfoData.status > 0 && orderInfoData.payTime"
            class="info-cell"
        >
          <view class="info-cell-label">
            付款时间
          </view>
          <view class="info-cell-value">
            {{ $timeFormat(orderInfoData.payTime, 'yyyy-mm-dd hh:MM:ss') }}
          </view>
        </view>
        <view
            v-if="orderInfoData.deliveryTime"
            class="info-cell"
        >
          <view class="info-cell-label">
            发货时间
          </view>
          <view class="info-cell-value">
            {{ $timeFormat(orderInfoData.deliveryTime, 'yyyy-mm-dd hh:MM:ss') }}
          </view>
        </view>
      </view>
    </view>
  </view>

</template>

<style
    scoped
    lang="scss">

</style>
