版本更新至2.11.5

Ben Lin

2024-06-18 ebbd788fbb2c0b45d4473798efc57eec8ba74a25

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

@@ -4,22 +4,26 @@
 * @version: 
 * @Date: 2024-04-28 15:15:22
 * @LastEditors: your name
 * @LastEditTime: 2024-06-15 20:26:08
 * @LastEditTime: 2024-06-18 01:17:30
-->
<!--
 * @Description: 右侧属性配置面板
-->
<template>
  <div>
    <Tabs v-model:activeKey="routeConfig.activeKey" :tabBarStyle="{ margin: 0 }" @tabClick="tabclkCallback">
    <Tabs
      v-model:activeKey="routeConfig.activeKey"
      :tabBarStyle="{ margin: 0 }"
      @tabClick="tabclkCallback"
    >
      <TabPane :key="1" tab="工艺路线">
        <FormProps />
      </TabPane>
      <TabPane :key="2" :tab="title">
        <FormItemProps v-if="IsOper"  @changeNodeName="changeNodeName"/>
        <ActionItemProps v-if="!IsOper" @changeName="changeName"/>
        <FormItemProps v-if="IsOper" @changeNodeName="changeNodeName" />
        <ActionItemProps v-if="!IsOper" @changeName="changeName" />
      </TabPane>
      <TabPane :key="3" :tab="posttitle" >
      <TabPane :key="3" :tab="posttitle">
        <PostProps ref="postProps" v-if="IsOper" />
      </TabPane>
      <!-- <TabPane :key="4" tab="组件">
@@ -35,8 +39,8 @@
  import ActionItemProps from './ActionItemProps.vue';
  import PostProps from './PostProps.vue';
  import { useRouteDesignState } from '../hooks/useRouteDesignState';
  import { TabPane, Tabs } from 'ant-design-vue';
import { ref, watch } from 'vue';
  import { TabPane, Tabs, Form, FormItem, Select, Input, InputNumber } from 'ant-design-vue';
  import { ref, watch } from 'vue';

  type ChangeTabKey = 1 | 2;
  export interface IPropsPanel {
@@ -48,8 +52,8 @@
    IsOperation: Boolean,
    title: String,
    posttitle: String,
    colSlots: [],
    crudColSlots: [],
    colSlots: Array,
    crudColSlots: Array,
    entityName: String,
  });
  const postProps = ref(null);
@@ -57,33 +61,34 @@
  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.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 },
      );
  
    [
      () => props.IsOperation,
      () => props.title,
      () => props.entityName,
      () => props.posttitle,
    ],
    (v) => {
      IsOper.value = v[0];
      title.value = v[1] as string;
      entityName.value = v[2] as string;
      posttitle.value = v[3] as string;
    },
    { deep: true },
  );

  /**
   * @description: 点击tab回调方法
   * @param {*} val
   * @return {*}
   */  
  function tabclkCallback(val){
    if(val == '3'){
   */
  function tabclkCallback(val) {
    if (val == '3') {
      postProps.value?.reload();
    }
  }
  

  function changeName(e) {
    emit('changeName', e);
  }
@@ -100,12 +105,10 @@
    box-sizing: border-box;

    form {
      position: absolute;
      width: 100%;
      height: calc(100% - 50px);
      height: 85vh;
      margin-right: 10px;
      overflow-x: hidden;
      overflow-y: auto;
      overflow: hidden auto;
    }

    .hint-box {