delivery-depot-uniapp/pages/infoDetails/zj/detail.vue

<template>
  <view class="content">
    <!-- 第一个信息框 -->
    <view class="base-info-box">
      <info-item isFirst="true" label="检测类型" :value="baseInfo.kqmc" />
      <info-item label="检测时间" :value="baseInfo.dwmc" />
      <info-item label="粮食品种" :value="baseInfo.tyxydm" />
      <info-item label="粮食等级" :value="baseInfo.qyxz" />
      <info-item label="检测人员姓名" :value="baseInfo.jtdz" />
	  <info-item isImage="true" label="质检码单照片" :value="baseInfo.resid" />
    </view>
    
  </view>
</template>

<script setup>
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import InfoItem from "@/pages/components/InfoItem.vue";
const props = defineProps(['baseInfo']);
const baseInfo = ref({})
onLoad(async (options) => {
  if (options) {
	baseInfo.value = options
  }
});
</script>

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

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