<template>
    <div class="row-method1 d-flex a-c p-rtv">
        <div>
            <HAvatar isView shape="square" :src="row?.img?.[0]?.url"></HAvatar>
        </div>
        <div class="flex1" style="padding-left: 10px;">
            <div>
                <span class="f-w-5 c-333">{{ row.className ||  '-' }}</span>
                <template v-if="row.classCode"> <span class="f-12">（{{ row.classCode || '-' }}）</span></template>
                <!-- {{ selectDictLabel(dict.pro_type ,row.proType) || '-' }} -->
            </div>
            <div class="c-999 f-12">
                <span style="margin-right:5px;" v-if="row?.specn">
                    包装规格: <span class="c-333 f-w-5">{{ row?.specn }}</span>
                </span>
                <span style="margin-right:5px;" v-if="row?.proportion && row?.proportion !== '1'">
                    包装比例: <span class="c-333 f-w-5">{{ row?.proportion }}</span>
                </span>
            </div>
            <div class="c-999 f-12">
                <span style="margin-right:5px;" v-if="row?.preparationSpecn">{{ row?.preparationSpecn }}</span>
                <span style="margin-right:5px;" v-if="row?.approvalNum">{{ row?.approvalNum }}</span>
                <span style="margin-right:5px;" v-if="row?.brand">{{ row?.brand }}</span>
                <span style="margin-right:5px;" v-if="row?.productSeries">{{ row?.productSeries }}</span>
                <span style="margin-right:5px;" v-if="row?.productLevel">{{ row?.productLevel }}</span>
            </div>
        </div>
    </div>
</template>

<script setup name="RowProGB" lang="ts">
import { propTypes } from '@/utils/propTypes';

defineProps({
    row: propTypes.any.def(null),
    dict: propTypes.any.def(null)
});
</script>

