| | |
| | | --> |
| | | <template> |
| | | <div> |
| | | <Tabs v-model:activeKey="activeKey" :tabBarStyle="{ margin: 0 }"> |
| | | <Tabs v-model:activeKey="routeConfig.activeKey" :tabBarStyle="{ margin: 0 }"> |
| | | <TabPane :key="1" tab="工艺路线"> |
| | | <FormProps /> |
| | | </TabPane> |
| | |
| | | </div> |
| | | </template> |
| | | <script lang="ts" setup> |
| | | import { ref } from 'vue'; |
| | | import FormProps from './FormProps.vue'; |
| | | import FormItemProps from './FormItemProps.vue'; |
| | | // import ComponentProps from '../components/ComponentProps.vue'; |
| | | // import ComponentColumnProps from '../components/FormItemColumnProps.vue'; |
| | | // import { useFormDesignState } from '../../../hooks/useFormDesignState'; |
| | | // import { customComponents } from '../../../core/formItemConfig'; |
| | | import { useRouteDesignState } from '../hooks/useRouteDesignState'; |
| | | import { TabPane, Tabs } from 'ant-design-vue'; |
| | | |
| | | type ChangeTabKey = 1 | 2; |
| | | export interface IPropsPanel { |
| | | changeTab: (key: ChangeTabKey) => void; |
| | | } |
| | | const activeKey = ref(1); |
| | | const { routeConfig } = useRouteDesignState(); |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |