<template>
    <div class="recycle-order-number flex flex-col items-start">
        <div class="common-text">
            <el-text>定价：</el-text>
            <el-text>￥ {{ row.price }}</el-text>
        </div>
        <div class="common-text" v-if="!showFormat">
            <el-text>开本尺寸：</el-text>
            <el-text>{{ row.bookFormat }}</el-text>
        </div>
        <div class="common-text" v-else>
            <el-text>回收折扣：</el-text>
            <el-text>{{ row.recycleDiscount }}折</el-text>
        </div>
        <div class="common-text">
            <el-text>回收状态：</el-text>
            <el-text>{{
                row.recyleStatus == 1 ? '正在回收' : '暂停回收'
            }}</el-text>
        </div>
        <div class="common-text">
            <el-text>所属类型：</el-text>
            <el-text>{{ row.bookTagName }}</el-text>
        </div>
        <div class="common-text">
            <el-text
                >(已回收数量：{{ row.recyleNum || 0 }} 当前库存：{{
                    row.stockNum || 0
                }})</el-text
            >
        </div>
    </div>
</template>

<script setup>
    const props = defineProps({
        row: {
            type: Object,
            default: () => {}
        },
        showFormat: {
            type: Boolean,
            default: false
        }
    });
</script>
