高级页面更新

Ben Lin

2025-03-05 b3305675a429cac20c2b73464badb64f999b615b

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

@@ -4,7 +4,7 @@
 * @version: 
 * @Date: 2024-06-26 15:31:43
 * @LastEditors: Ben Lin
 * @LastEditTime: 2024-06-29 05:50:18
 * @LastEditTime: 2024-10-22 10:23:53
-->
<template>
  <GeneralTree
@@ -14,40 +14,64 @@
    :treeData="treeData"
    :create-icon="createIcon"
    :fieldNames="fieldNames"
    :beforeRightClick="getRightMenu"
    ref="generalTree"
  /><!--
      add
      @handle-add="handleAdd" -->
</template>
<script lang="ts" setup>
  import { Ref, inject, onMounted, ref } from 'vue';
  import { Ref, inject, nextTick, onMounted, ref } from 'vue';
  import { isNullOrUnDef } from '/@/utils/is';
  import GeneralTree from '/@/views/components/GeneralTree.vue';
  import { TreeItem } from '/@/components/TigerTree';
  import { EntityCustFunctionType } from '/@/api/tigerapi/model/basModel';
  import { EventDataNode } from 'ant-design-vue/es/tree';
  import { useProdRouteStore } from '/@/store/modules/prodRoute';

  const emit = defineEmits(['select']);
  const emit = defineEmits(['select', 'deletenode']);
  const objParams = inject('objParams') as Ref<any>;
  const selectedNodes = inject('selectedNodes') as Ref<any>;
  const useProdRoute = useProdRouteStore();
  const custImport = ref<any[]>([]);
  const EntityCustFunction = ref([
    {
      CreateIcon(params: Recordable<any>) {},
      SelectNode(selectedNodes: Ref<any[]>) {},
      GetRightMenuList(node: EventDataNode) {},
    } as EntityCustFunctionType,
  ]);
  /* 动态import实体名.ts的自定义方法 */
  try {
    custImport.value = await import(`../entityts/${objParams.value['Name']}.ts`);
  } catch (e) {}
  const [{ CreateIcon, SelectNode, fetchTreeData }] = isNullOrUnDef(custImport.value['default'])
  const [{ CreateIcon, SelectNode, fetchTreeData, GetRightMenuList }] = isNullOrUnDef(
    custImport.value['default'],
  )
    ? EntityCustFunction.value
    : custImport.value['default']();
  const treeData = ref<TreeItem[]>([]);
  const title = ref('');
  const fieldNames = ref({});
  const generalTree = ref(null);
  const ExpandedKeys = ref([]);

  onMounted(async () => {
    await fetch(objParams.value['Name']);
    await nextTick();
    if (generalTree.value) {
      generalTree.value.expandAll(true);
      ExpandedKeys.value = generalTree.value.getExpandedKeys();
      if (useProdRoute.getCurSelectedNodes.some((q) => q.name == objParams.value['CODE'])) {
        selectedNodes.value = useProdRoute.getCurSelectedNodes.filter(
          (q) => q.name == objParams.value['CODE'],
        )[0].SelectedNodes;
        if (selectedNodes.value.length > 0) {
          generalTree.value.setSelectedKeys([selectedNodes.value[0]?.tid]);
          emit('select', SelectNode(selectedNodes, objParams.value['CODE']));
        }
      }
    }
  });

  /**
@@ -78,7 +102,12 @@

  function handleSelect(Id = '', info) {
    selectedNodes.value = info.selectedNodes;
    emit('select', SelectNode(selectedNodes));
    if (generalTree.value) {
      const keys = generalTree.value.getSelectedKeys();
      console.log(keys);
    }
    useProdRoute.setCustCode(selectedNodes.value[0].cust);
    emit('select', SelectNode(selectedNodes, objParams.value['CODE']));
  }

  /**
@@ -87,7 +116,16 @@
   * @return {*}
   */
  function UnSelect(node) {
    emit('select', SelectNode(undefined));
    emit('select', SelectNode(undefined, objParams.value['CODE']));
    // reload();
  }

  /**
   * @description: 获取右键菜单列表，带入emit事件
   * @param {*} node
   * @return {*}
   */
  function getRightMenu(node: EventDataNode) {
    return GetRightMenuList(node, emit, objParams.value['CODE']);
  }
</script>