forestry-wx/src/plant/models/batch-info.vue

<template>
    <view v-if="info">
        <view class="f-s-30 pd2-16-0 info-border-bottom">
            <span class="c-#666">品名：</span>
            <span class="c-#333">{{ info?.proName || '-' }}</span>
        </view>
        <view class="f-s-30 pd2-16-0 info-border-bottom">
            <view class="c-#666 mb-10">基原：<span v-if="!info?.varietyInfo" class="c-#333">-</span></view>
            <view v-if="info?.varietyInfo" class="bg-#FBFDFB pd-24 p-rtv b-radius border-#AFDDBB">
                <view class="mb-10">
                    <span class="f-s-34 c-#333 f-w-5 mr-16">{{ info?.varietyInfo?.varietyName }}</span>
                    <span class="f-s-24 c-#666">{{ info?.varietyInfo?.latinName }}</span>
                </view>
                <view>
                    <span class="f-s-28 c-#333 f-w-5 mr-16">{{ info?.varietyInfo?.genusName }}</span>
                    <span class="f-s-24 c-#666">{{ info?.varietyInfo?.genusLatinName }}</span>
                </view>
            </view>
        </view>
        <view class="f-s-30 pd2-16-0 info-border-bottom">
            <span class="c-#666">批号：</span>
            <span class="c-#333">{{ info?.batchSn || '-' }}</span>
        </view>
        <view class="f-s-30 pd2-16-0 info-border-bottom">
            <span class="c-#666">规格等级：</span>
            <span class="c-#333">{{ info?.proLevel || '-' }}</span>
        </view>
        <view class="f-s-30 pd2-16-0 info-border-bottom">
            <span class="c-#666">产地：</span>
            <span class="c-#333">{{ info?.proAdcodeDesc || '-' }}</span>
        </view>
        <view class="f-s-30 pd2-16-0 info-border-bottom">
            <span class="c-#666">数量(重量)：</span>
            <span class="c-#333">{{ info?.specn }}</span>
        </view>
        <view class="f-s-30 pd2-16-0 info-border-bottom">
            <span class="c-#666">采收日期：</span>
            <span class="c-#333">{{ getDateRangeFrt(info?.harvestDate, info?.harvestDateEnd) }}</span>
        </view>
        <view class="f-s-30 pd2-16-0 info-border-bottom">
            <span class="c-#666">包装日期：</span>
            <span class="c-#333">{{ getDateRangeFrt(info?.packagingDateStart, info?.packagingDateStart) }}</span>
        </view>
        <view class="f-s-30 pd2-16-0 info-border-bottom">
            <span class="c-#666">保质期：</span>
            <span class="c-#333">{{ info?.expireDate }}{{ info?.expireDateUnit }}</span>
        </view>
        <view class="f-s-30 pd2-16-0 info-border-bottom">
            <span class="c-#666">企业名称：</span>
            <span class="c-#333">{{ info?.cpyName }}</span>
        </view>
        <view v-if="info?.gapFlag" class="f-s-30 pd2-16-0 info-border-bottom">
            <span class="c-#666">是否符合GAP要求：</span>
            <span class="c-#333">{{ +info?.gapFlag ? '是' : '否' }}</span>
        </view>
    </view>
</template>
<script setup lang="ts">
const props = defineProps({
    info: {
        type: Object,
        default: () => null,
    },
});
</script>