<template>
  <view class="order-totalCount">
    <text class="totalCount"
      >共{{ item.skuCount }}种{{ item.goodsCount }}件商品</text
    >
    <view>
      门店收益:<jx-real-income-jxgy :order="item" color="#585858" />
    </view>

    <!-- 预定单 -->
    <view class="preIcon" v-if="item.businessType === 2">预订单</view>
  </view>
</template>
  
  <script lang="ts" setup>
interface PropsType {
  item: AnyObject
}
defineProps<PropsType>()
</script>
  
  <style lang="scss" scoped>
// 商品数量
.order-totalCount {
  display: flex;
  align-items: center;
  padding: 15rpx;
  color: #585858;

  .play-money {
    margin-left: 30rpx;
  }

  .totalCount {
    margin-right: 25rpx;
  }
}

.preIcon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4rpx 20rpx 6rpx 20rpx;
  font-size: 26rpx;
  color: #fff;
  border-radius: 0 0 0 10rpx;
  background-color: #ff702c;
}

@keyframes enlarge {
  0% {
    transform: scale(0.9);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(0.9);
  }
}
</style>