高级页面更新

Ben Lin

2025-03-05 b3305675a429cac20c2b73464badb64f999b615b

 src/views/tigerprojects/system/lowcode/composition/index.vue

@@ -4,13 +4,11 @@
 * @version: 
 * @Date: 2024-06-18 23:30:30
 * @LastEditors: Ben Lin
 * @LastEditTime: 2024-08-04 00:14:39
 * @LastEditTime: 2024-10-21 23:03:27
-->
<template>
  <PageWrapper
    :dense="dense"
    contentFullHeight
    fixedHeight
    contentClass="flex"
    :title="pageTitle"
    :content="pageContent"
@@ -29,7 +27,12 @@
            </div>
          </template>
        </CarGridNav>
        <Config v-if="showConfig" :configType="configType" :OtherTableName="OtherTableName" @success="configSuccess" />
        <Config
          v-if="showConfig"
          :configType="configType"
          :OtherTableName="OtherTableName"
          @success="configSuccess"
        />
      </div>
    </Suspense>
    <!-- <BasicTable class="w-3/4 xl:w-4/5" @register="registerTable">
@@ -80,10 +83,9 @@
  import GeneralModal from '/@/views/components/GeneralModal.vue';
  import CarGridNav from './CarGridNav.vue';
  import Config from './Config.vue';
  import LeftTree from './LeftTree.vue';
  import CustModal from '/@/views/components/CustModal.vue';
  import { OpenCustModal, initRoute } from '../data';
  import { Ref, VNode, onMounted, provide, ref, unref } from 'vue';
  import { Ref, VNode, defineAsyncComponent, onMounted, provide, ref, unref } from 'vue';
  import { FlowChartView } from '/@/components/FlowChart';
  import { useRoute } from 'vue-router';
  import { BasicForm, useForm } from '/@/components/Form/index';
@@ -93,8 +95,9 @@
  import { useMessage } from '/@/hooks/web/useMessage';
  import LogicFlow from '@logicflow/core';

  defineOptions({ name: 'DeptManagement' });
  defineOptions({ name: '工单工艺绑定' });

  const LeftTree = defineAsyncComponent(() => import('./LeftTree.vue'));
  const { notification, createErrorModal } = useMessage();
  const go = useGo();
  const route = useRoute();
@@ -128,7 +131,7 @@
    edges: [],
  });
  const custImport = ref<any>(null);
  const [registerCust, { openModal: openCustomModal, closeModal }] = useModal();
  const [registerCust] = useModal();
  provide<Ref<any>>('objParams', objParams);
  provide<Ref<any>>('selectedNodes', nodes);
  setTitle(objParams.value.Title); //设置标签页标题
@@ -141,7 +144,7 @@
    if (!isNullOrUnDef(custImport.value)) {
      const [{ GetHomeUrl }] = custImport.value['default']();
      // 本例的效果时点击返回始终跳转到账号列表页，实际应用时可返回上一页
      go(GetHomeUrl({ colSlots: colSlots.value }));
      go(GetHomeUrl({ colSlots: colSlots.value, sName:objParams.value.firstSessionName  }));
    }
  }

@@ -165,12 +168,12 @@

  const currlf = ref(null) as Ref<LogicFlow | null>;
  /**
   * @description: 工艺路线初始化
   * @description: 工艺路线初始化，特殊页面自定义内容
   * @param {*} lf
   * @return {*}
   */
  async function init(lf, rotId) {
    initRoute(lf, rotId, routeData, currlf);
    initRoute(lf, rotId, routeData, currlf, objParams.value.rotType);
  }

  /**
@@ -189,8 +192,13 @@
      nodes: [],
      edges: [],
    };
    /* 自定义内容，只有显示工艺路线的组合页面会进来 */
    if (e.nodes[0].type == 'Route') {
      initRoute(currlf, e.nodes[0].code, routeData, currlf);
      let _rotId = e.nodes[0].code;
      if (objParams.value.rotType == 'Wo') {
        _rotId = e.nodes[0].wo;
      }
      initRoute(currlf, _rotId, routeData, currlf, objParams.value.rotType);
    }
  }

@@ -258,3 +266,8 @@
    ); //[openRvModal], selectVals.value['ID']这是自定义参数，按实际需求
  }
</script>
<style lang="less">
.vben-page-wrapper .vben-page-wrapper-content {
    margin: 1px;
}
</style>