<template>
    <view>
        <MBLoading v-if="loading" />
        <uni-card
            v-for="item in shipmentList"
            :key="item.id"
            :title="item.goodsname || '商品'"
        >
            <view class="context">
				<view class="label">
				    <text>件装数:</text>
				    <text>{{ item.packingnum }}</text>
				</view>
                <view class="label">
                    <text>单价:</text>
                    <text>{{ formatPrice(item.invoiceprice) }}</text>
                </view>
                <view class="label">
                    <text>批号:</text>
                    <text>{{ item.batch }}</text>
                </view>
                <view class="label">
                    <text>数量分配:</text>
                    <text>{{ item.num }}</text>
                </view>
				<view class="label">
				    <text>件数:</text>
				    <text>{{ item.jianshu }}</text>
				</view>
                <view class="label">
                    <text>小计:</text>
                    <text>{{ item.total }}</text>
                </view>
                <view class="label">
                    <text>补差分配:</text>
                    <text>{{ item.sddpiaokou }}</text>
                </view>
                <view class="label">
                    <text>入库单号:</text>
                    <text>{{ item.instockno }}</text>
                </view>
            </view>
        </uni-card>
        <view v-if="!shipmentList || shipmentList.length === 0" class="empty-data">
            <text>暂无实绩发货清单</text>
        </view>
    </view>
</template>

<script setup>
import { defineProps } from 'vue'
import { formatPrice } from "@/utils/utils.js";
import MBLoading from "@/components/MB/MBLoading.vue";

const props = defineProps({
    shipmentList: {
        type: Array,
        default: () => []
    },
    loading: {
        type: Boolean,
        default: false
    }
})
</script>

<style scoped>
.context {
    font-size: 14px;
}
.context .label {
    font-size: 14px;
}
.empty-data {
    text-align: center;
    padding: 30px;
    color: #999;
    font-size: 14px;
}
</style>