飞达操作

Cloud Zhang

2024-05-16 01bcf534119297468283976ed22a43c587f6cb38

 src/views/tigerprojects/mes/eng/route/components/PropsPanel.vue

@@ -3,17 +3,17 @@
-->
<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>
      <TabPane :key="2" tab="工序">
        <FormItemProps />
      </TabPane>
      <!-- <TabPane :key="3" tab="栅格">
        <ComponentColumnProps />
      <TabPane :key="3" tab="行为">
        <ActionItemProps />
      </TabPane>
      <TabPane :key="4" tab="组件">
      <!-- <TabPane :key="4" tab="组件">
        <slot v-if="slotProps" :name="slotProps.component + 'Props'"></slot>
        <ComponentProps v-else />
      </TabPane> -->
@@ -21,20 +21,17 @@
  </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 ActionItemProps from './ActionItemProps.vue';
  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>