工艺路线绑定岗位资源更新

Ben Lin

2024-06-13 1b970c588245935181610e93e84a9a3a10d80ecd

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

@@ -4,23 +4,23 @@
 * @version: 
 * @Date: 2024-04-28 15:15:22
 * @LastEditors: your name
 * @LastEditTime: 2024-06-12 00:56:57
 * @LastEditTime: 2024-06-13 08:50:47
-->
<!--
 * @Description: 右侧属性配置面板
-->
<template>
  <div>
    <Tabs v-model:activeKey="routeConfig.activeKey" :tabBarStyle="{ margin: 0 }">
    <Tabs v-model:activeKey="routeConfig.activeKey" :tabBarStyle="{ margin: 0 }" @tabClick="tabclkCallback">
      <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"  />
        <PostProps v-if="IsOper" />
      </TabPane>
      <TabPane :key="3" :tab="posttitle" >
        <PostProps ref="postProps" v-if="IsOper" />
      </TabPane>
      <!-- <TabPane :key="4" tab="组件">
        <slot v-if="slotProps" :name="slotProps.component + 'Props'"></slot>
@@ -46,26 +46,42 @@
  const props = defineProps({
    IsOperation: Boolean,
    title: String,
    posttitle: String,
    colSlots: [],
    crudColSlots: [],
    entityName: String,
  });
  const postProps = ref(null);
  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 },
      );
  
  /**
   * @description: 点击tab回调方法
   * @param {*} val
   * @return {*}
   */  
  function tabclkCallback(val){
    if(val == '3'){
      postProps.value?.reload();
    }
  }
</script>

<style lang="less" scoped>