Commit 15002f1c authored by liziwl's avatar liziwl
Browse files

fix build

parent 6f580172
Loading
Loading
Loading
Loading
+41 −14
Original line number Diff line number Diff line
<template>
  <div>
  <div v-if="TabsComponent">
    <a-config-provider :theme="{
      token: {
        colorPrimary: '#49BF7C',
      },
    }">
      <a-tabs type="card" size="large">
        <a-tab-pane key="tab1">
      <component :is="TabsComponent" type="card" size="large">
        <component :is="TabPaneComponent" key="tab1">
          <template #tab>
            <div class="tab-text">车辆实时位置<br />Bus Realtime Location</div>
          </template>
          位置每5秒自动刷新。Location refreshes automatically every 5 seconds
          <Realtimemap />
          <BusChartVue />
        </a-tab-pane>
        <a-tab-pane key="tab2">
          <component :is="RealtimeMapComponent" v-if="RealtimeMapComponent" />
          <component :is="BusChartVueComponent" v-if="BusChartVueComponent" />
        </component>
        <component :is="TabPaneComponent" key="tab2">
          <template #tab>
            <div class="tab-text">时间表<br />Timetable</div>
          </template>
          <BusTable></BusTable>
        </a-tab-pane>
      </a-tabs>
          <component :is="BusTableComponent" v-if="BusTableComponent" />
        </component>
      </component>
    </a-config-provider>
  </div>
</template>

<script>
import { Tabs } from 'ant-design-vue';
import { onMounted, ref } from 'vue';
import { ConfigProvider } from 'ant-design-vue';

export default {
  name: 'TabView',
  components: {
    ATabs: Tabs,
    ATabPane: Tabs.TabPane,
    AConfigProvider: ConfigProvider
  }
  },
  setup() {
    const TabsComponent = ref(null);
    const TabPaneComponent = ref(null);
    const RealtimeMapComponent = ref(null);
    const BusChartVueComponent = ref(null);
    const BusTableComponent = ref(null);

    onMounted(async () => {
      const { Tabs } = await import('ant-design-vue');
      const { TabPane } = Tabs;
      const RealtimeMap = await import('./Realtime-map.vue');
      const BusChartVue = await import('./BusChartVue.vue');
      const BusTable = await import('./BusTable.vue');

      TabsComponent.value = Tabs;
      TabPaneComponent.value = TabPane;
      RealtimeMapComponent.value = RealtimeMap.default;
      BusChartVueComponent.value = BusChartVue.default;
      BusTableComponent.value = BusTable.default;
    });

    return {
      TabsComponent,
      TabPaneComponent,
      RealtimeMapComponent,
      BusChartVueComponent,
      BusTableComponent,
    };
  },
};
</script>

+11 −1
Original line number Diff line number Diff line
@@ -4,4 +4,14 @@

<a data-fancybox title="" href="https://mirrors.sustech.edu.cn/git/sustech-online/sustech-online-ng/-/raw/master/docs/transport/busline2.png">![](./busline2.png)</a>

<TabView></TabView>
## 车辆位置 Bus Realtime Loaction

位置每5秒自动刷新。Location refreshes automatically every 5 seconds

<Realtimemap/>

<BusChartVue/>

## 时间表 Timetable

<BusTable></BusTable>
+1 −11
Original line number Diff line number Diff line
@@ -8,14 +8,4 @@ navbar: false

<a data-fancybox title="" href="https://mirrors.sustech.edu.cn/git/sustech-online/sustech-online-ng/-/raw/master/docs/transport/busline2.png">![](./busline2.png)</a>

## 车辆位置 Bus Realtime Loaction

位置每5秒自动刷新。Location refreshes automatically every 5 seconds

<Realtimemap/>

<BusChartVue/>

## 时间表 Timetable

<BusTable></BusTable>
<TabView></TabView>
+1 −11
Original line number Diff line number Diff line
@@ -4,14 +4,4 @@

<a data-fancybox title="" href="https://mirrors.sustech.edu.cn/git/sustech-online/sustech-online-ng/-/raw/master/docs/transport/busline2.png">![](./busline2.png)</a>

## 车辆位置 Bus Realtime Loaction

位置每5秒自动刷新。Location refreshes automatically every 5 seconds

<Realtimemap/>

<BusChartVue/>

## 时间表 Timetable

<BusTable></BusTable>
<TabView></TabView>