detail.vue 738 Bytes
<template>
    <layout-body>
        <Tabs type="card" :animated="false">
            <Tab-pane label="工单信息">
                <order-info :id="queryId"></order-info>
            </Tab-pane>
            <Tab-pane label="工单差异">
                <order-diff :id="queryId"></order-diff>
            </Tab-pane>
        </Tabs>
    </layout-body>
</template>

<script>
import OrderInfo from './components/order-info';
import OrderDiff from './components/order-diff';

export default {
    data() {
        return {
            queryId: 0
        };
    },
    created() {
        this.queryId = this.$route.query.id;
    },
    components: {
        OrderInfo,
        OrderDiff
    }
};
</script>

<style lang="scss">
</style>