<template>
  <view class="content">
    <!-- 第一个信息框 -->
    <view class="base-info-box">
      <info-item
        isFirst="true"
        label="入库净重(吨)"
        :value="baseInfo.rkjz || '--'"
      />
      <info-item label="入库水分(%)" :value="baseInfo.rksf || '--'" />
      <info-item label="入库杂质(%)" :value="baseInfo.rkzz || '--'" />
      <info-item label="出库净重(吨)" :value="baseInfo.ckjz || '--'" />
      <info-item label="出库水分(%)" :value="baseInfo.cksf || '--'" />
      <info-item label="出库杂质(%)" :value="baseInfo.ckzz || '--'" />
      <info-item
        label="损益是否正常"
        :value="
          baseInfo.sfzc == 1 ? '正常' : baseInfo.sfzc == 0 ? '不正常' : '--'
        "
      />
      <info-item label="水杂减量(吨)" :value="baseInfo.szjl || '--'" />
      <info-item label="自然耗定额(吨)" :value="baseInfo.zrhde || '--'" />
      <info-item label="超耗数量(吨)" :value="baseInfo.chsl || '--'" />
      <info-item label="损益数量(吨)" :value="baseInfo.sysl || '--'" />
      <!-- <info-item isImage="true" label="损益照片" :value="baseInfo.resid" /> -->
    </view>
  </view>
</template>

<script setup>
import { ref } from "vue";
import InfoItem from "@/pages/components/InfoItem.vue";
const props = defineProps(["baseInfo"]);
</script>

<style lang="scss" scoped>
.content {
  padding: 20rpx;
}

.base-info-box {
  background: #ffffff;
  border-radius: 20rpx;
  margin-bottom: 120rpx;
  padding: 20rpx;
}
</style>
