<template>
    <z-paging ref="paging" bgColor="#f7f7f7" safe-area-inset-bottom scroll-with-animation>
        <template #top>
            <ut-navbar :title="stepsObject[currentStep].title" :fixed="false" border :breadcrumb="false"></ut-navbar>
            <view class="pd-24 bg-fff">
                <ut-steps-title :stepsObject="stepsObject"></ut-steps-title>
            </view>
            <view class="pd-5"></view>
        </template>
        <view>
            <view v-show="currentStep === 'check'">
                <!-- 业务组件核对信息 -->
                <check-info-pack v-if="opts" :opts="opts" :info="stepsObject[currentStep]"></check-info-pack>
            </view>
            <view v-show="currentStep === 'export'">
                <!-- 业务组件确认数量 -->
              
            </view>
            
        </view>
    </z-paging>
</template>

<script setup lang="ts">
import CheckInfoPack from '@/plant/print/models/check-info-pack.vue';
import { useClientRequest } from '@/utils/request';
const currentStep = ref('check');
const stepsObject = reactive<any>({
    check: {
        title: '核对信息',
        value: 'check',
        status: 'in-progress', // 为开始、进行中、已完成 三种状态分别值为 'not-started'、'in-progress'、'completed'
        sort: 0,
    },
    confirm: {
        title: '导出追溯码',
        value: 'export',
        status: 'not-started', // 为开始、进行中、已完成 三种状态分别值为 'not-started'、'in-progress'、'completed'
        sort: 1,
    }
});
const opts = ref<any>(null);
onLoad((options: any) => {
    opts.value = options;
});
// 如果是 30x30
</script>
<style lang="scss" scoped></style>
