<template>
    <view class="coinsDetail-wrap">
        <!-- :visitorInfo="visitorInfo" -->
        <view style="margin-top: 20rpx;">
            <VisitorInfo />
        </view>

        <view class="list-wrap">
            <ListBox leftTitle="评级部门" :rightTitle="detailItem.name" />
            <ListBox leftTitle="评级编号" :rightTitle="detailItem.num" />
            <ListBox leftTitle="分数" :rightTitle="detailItem.count" />
            <ListBox leftTitle="尺寸" :rightTitle="detailItem.size" />
            <!-- 详情页面展示 -->
            <ListBox v-if="id" leftTitle="操作人" :rightTitle="detailItem.operate" />
        </view>

    </view>
</template>
<script>
import ListBox from '@/components/listBox.vue';
import VisitorInfo from '@/components/visitorInfo.vue';

export default {
    name: "coinsDetail",
    props:['scanCodeDetail'],
    components: {
        VisitorInfo,
        ListBox
    },
    data() {
        return {
            visitorInfo: {},
            detailItem: {
                name: '北京公博二部',
                num: '1310684212',
                count: 'AU 58',
                size: '24.0*1.1mm，3.5g',
                operate: '泅渡'
            },
            id:''
        }
    },
    onLoad(options) {
        console.log(options,'this.$route.query-=');
        const {id} = options;
            // 跳转详情页
        if(id){
            this.id = id;
        }else{
            // 扫描后的弹出框信息
            // scanCodeDetail props传参
            this.detailItem = {...this.scanCodeDetail}
        }
        // this.getDetail()
    },
    methods: {
        // 获取详情信息
        getDetail(){

        }
    }
};
</script>
<style lang="scss" scoped>
.coinsDetail-wrap {
    .list-wrap {
        padding: 0 18rpx 20rpx 18rpx;;
    }
}
</style>