<script lang="ts" setup>
|
import { ref } from 'vue';
|
|
import { Page } from '..\..\..\..\packages\effects\common-ui\src';
|
|
import { Tabs } from 'ant-design-vue';
|
|
import DataRuleList from './rule/index.vue';
|
import DataSinkList from './sink/index.vue';
|
|
const activeTabName = ref('rule');
|
</script>
|
|
<template>
|
<Page auto-content-height>
|
<Tabs v-model:active-key="activeTabName">
|
<Tabs.TabPane key="rule" tab="规则">
|
<DataRuleList />
|
</Tabs.TabPane>
|
<Tabs.TabPane key="sink" tab="目的">
|
<DataSinkList />
|
</Tabs.TabPane>
|
</Tabs>
|
</Page>
|
</template>
|
