<!--下单页中的商品信息-->
<script setup lang="ts">
import { Mul } from '~/utils/util'
import useOrder from '~/composables/useOrder'
import { productTypeFilter } from '~/utils/filter'
const { handlerNuxtLink } = useOrder()
const props = defineProps({
  //列表数据
  list: {
    type: Object,
    default: null,
  },
  //订单类型:0-普通订单，1-视频号订单,2-秒杀订单
  productType: {
    type: Number,
    default: 0,
  },
  //秒杀状态
  // seckillStatus: {
  //   type: Number,
  //   default: 0,
  // }
  // //秒杀时间
  // datatime: {
  //   type: Number,
  //   default: 0,
  // }
})
const { list } = toRefs(props)
</script>

<template>
  <div
    @click="handlerNuxtLink(list.productId, productTypeFilter(productType))"
    class="flex-between-center mbtom30 cursors"
  >
    <div class="acea-row justify-between">
      <el-image :src="list.image" class="backImg w100px h100px b-rd-12px" lazy></el-image>
      <div class="ml-20px acea-row flex-col justify-center">
        <div class="text-14px fontColor333 font-500 line1 mb14px w-580px oppoSans-M">{{ list.productName }}</div>
        <div class="borRadius text-14px fontColor333 line1 oppoSans-R">规格：{{ list.sku }}</div>
      </div>
    </div>
    <div class="flex-x-center flex-y-center">
      <div v-if="list.price || list.productPrice" class="w-160px text-14px oppoSans-R fontColor333">￥{{ list.price || list.productPrice }}</div>
      <div v-if="list.payNum" class="w-100px text-right text-14px oppoSans-R fontColor333">×{{ list.payNum }}</div>
      <div v-if="list.price && list.payNum" class="w-160px text-right font-color text-12px">
        <span class="oppoSans-M">￥</span
        ><span class="dinProSemiBold text-18px fw-600">{{ Mul(list.price, list.payNum) }}</span>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss"></style>
