80 lines
2.1 KiB
Vue
80 lines
2.1 KiB
Vue
<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> |