| | |
| | | * @version: |
| | | * @Date: 2024-04-28 15:15:22 |
| | | * @LastEditors: your name |
| | | * @LastEditTime: 2024-06-12 00:56:57 |
| | | * @LastEditTime: 2024-06-12 22:53:25 |
| | | --> |
| | | <!-- |
| | | * @Description: 右侧属性配置面板 |
| | | --> |
| | | <template> |
| | | <div> |
| | | <Tabs v-model:activeKey="routeConfig.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="title"> |
| | | <TabPane :key="2" :tab="title"> |
| | | <FormItemProps v-if="IsOper" /> |
| | | <ActionItemProps v-if="!IsOper" /> |
| | | </TabPane> |
| | | <TabPane :key="3" :tab="posttitle" > |
| | | <PostProps v-if="IsOper" /> |
| | | </TabPane> |
| | | <!-- <TabPane :key="4" tab="组件"> |
| | |
| | | const props = defineProps({ |
| | | IsOperation: Boolean, |
| | | title: String, |
| | | posttitle: String, |
| | | colSlots: [], |
| | | crudColSlots: [], |
| | | entityName: String, |
| | | }); |
| | | const IsOper = ref(false); |
| | | const IsReload = ref(false); |
| | | const title = ref(''); |
| | | const posttitle = ref(''); |
| | | const colSlots = ref<any>([]); |
| | | const crudColSlots = ref<any>([]); |
| | | const entityName = ref('MES_POSITION'); |
| | | watch( |
| | | [() => props.IsOperation, () => props.title, () => props.colSlots, () => props.crudColSlots, () => props.entityName], |
| | | [() => props.IsOperation, () => props.title, () => props.colSlots, () => props.crudColSlots, () => props.entityName, () => props.posttitle], |
| | | (v) => { |
| | | IsOper.value = v[0]; |
| | | title.value = v[1] as string; |
| | | colSlots.value = v[2]; |
| | | crudColSlots.value = v[3]; |
| | | entityName.value = v[4] as string; |
| | | posttitle.value = v[5] as string; |
| | | }, |
| | | { deep: true }, |
| | | ); |