THJ_Mobile/src/packages/mobile/views/mine/order/index.vue

<template>
    <app-view class="mine-order">
        <template #header>
            <app-navbar title="我的订单" />
        </template>
        <Tabs>
            <Tab title="采购订单">
                <purchase-trade-detail />
            </Tab>
            <Tab title="供求委托">
                <wr-order-detail />
            </Tab>
            <Tab title="供求成交">
                <wr-trade-detail />
            </Tab>
        </Tabs>
    </app-view>
</template>

<script lang="ts" setup>

import { Tab, Tabs } from 'vant'

import PurchaseTradeDetail from './components/purchasetradedetail/index.vue'
import WrOrderDetail from './components/wrorderdetail/index.vue'
import WrTradeDetail from './components/wrtradedetail/index.vue'

</script>

<style lang="less">
@import './index.less';
</style>