delivery-depot-uniapp/pages/infoDetails/hwk/index.vue

<template>
  <view class="content">
    <!-- 第一个信息框 -->
    <view class="base-info-box">
      <info-item
        isFirst="true"
        label="仓房名称"
        :value="baseInfo.cfmc || '--'"
      />
      <info-item label="货位名称" :value="baseInfo.hwmc || '--'" />
      <info-item
        label="粮食品种"
        :value="getDictLabelSync(DICT_TYPE.SYSTEM_LSPZ, baseInfo.lspzmc) || '--'
        "
      />
      <info-item
        label="粮食等级"
        :value="
          getDictLabelSync(DICT_TYPE.SYSTEM_LSDJ, baseInfo.lsdjbm) || '--'
        "
      />
      <info-item label="收获年度" :value="baseInfo.shnd || '--'" />
      <info-item label="粮食产地" :value="baseInfo.areaName || '--'" />
      <info-item label="入库时间" :value="baseInfo.rksj || '--'" />
      <info-item label="实际数量(吨)" :value="baseInfo.sjsl || '--'" />
      <info-item label="计价数量(吨)" :value="baseInfo.jjsl || '--'" />
      <info-item label="保管方式" :value="baseInfo.bgfs || '--'" />
      <info-item label="保管员" :value="baseInfo.bgyxm || '--'" />
    </view>
  </view>
</template>

<script setup>
import { ref } from "vue";
import { getDictOptions, DICT_TYPE, getDictLabelSync } from "@/utils/dict.js";
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: 40rpx;
  padding: 20rpx;
}
</style>