Ben Lin
2024-06-12 da85b09c600ddcf4e5c8cad66012fa29a8252b39
src/views/tigerprojects/mes/eng/route/components/PropsPanel.vue
@@ -4,22 +4,22 @@
 * @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="组件">
@@ -46,23 +46,27 @@
  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 },
      );