| | |
|---|
| | | * @version: |
|---|
| | | * @Date: 2024-06-26 15:31:43 |
|---|
| | | * @LastEditors: Ben Lin |
|---|
| | | * @LastEditTime: 2024-06-26 18:48:09 |
|---|
| | | * @LastEditTime: 2024-07-23 23:40:41 |
|---|
| | | --> |
|---|
| | | <template> |
|---|
| | | <GeneralTree |
|---|
| | |
|---|
| | | :treeData="treeData" |
|---|
| | | :create-icon="createIcon" |
|---|
| | | :fieldNames="fieldNames" |
|---|
| | | :beforeRightClick="getRightMenu" |
|---|
| | | /><!-- |
|---|
| | | add |
|---|
| | | @handle-add="handleAdd" --> |
|---|
| | |
|---|
| | | 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'; |
|---|
| | | |
|---|
| | | const emit = defineEmits(['select', 'deletenode']); |
|---|
| | | const objParams = inject('objParams') as Ref<any>; |
|---|
| | | const nodeType = inject('nodeType') as Ref<any>; |
|---|
| | | const selectedNodes = inject('selectedNodes') as Ref<any>; |
|---|
| | | 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 }] = isNullOrUnDef(custImport.value['default']) |
|---|
| | | const [{ CreateIcon, SelectNode, fetchTreeData, GetRightMenuList }] = isNullOrUnDef( |
|---|
| | | custImport.value['default'], |
|---|
| | | ) |
|---|
| | | ? EntityCustFunction.value |
|---|
| | | : custImport.value['default'](); |
|---|
| | | const treeData = ref<TreeItem[]>([]); |
|---|
| | |
|---|
| | | */ |
|---|
| | | async function fetch(type: string) { |
|---|
| | | if (!isNullOrUnDef(custImport.value)) { |
|---|
| | | const [{ fetchTreeData }] = custImport.value['default'](); |
|---|
| | | // const [{ fetchTreeData }] = custImport.value['default'](); |
|---|
| | | //根据type获取树形数据 |
|---|
| | | const data = await fetchTreeData(type, objParams.value['CODE']); |
|---|
| | | title.value = data.title; |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | function handleSelect(Id = '', info) { |
|---|
| | | // searchInfo.Id = Id; |
|---|
| | | nodeType.value = info.selectedNodes[0].type; |
|---|
| | | selectedNodes.value = info.selectedNodes; |
|---|
| | | // prodCode.value =rotType.value=='Product'? info.selectedNodes[0].code: prodCode.value; |
|---|
| | | // actionCode.value = rotType.value == 'Action' ? info.selectedNodes[0].code : actionCode.value; |
|---|
| | | // custCode.value = rotType.value == 'Customer' ? info.selectedNodes[0].code : custCode.value; |
|---|
| | | // reload(); |
|---|
| | | emit('select', SelectNode(selectedNodes)); |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | * @return {*} |
|---|
| | | */ |
|---|
| | | function UnSelect(node) { |
|---|
| | | nodeType.value = ''; |
|---|
| | | emit('select', SelectNode(undefined)); |
|---|
| | | // reload(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * @description: 获取右键菜单列表，带入emit事件 |
|---|
| | | * @param {*} node |
|---|
| | | * @return {*} |
|---|
| | | */ |
|---|
| | | function getRightMenu(node: EventDataNode) { |
|---|
| | | return GetRightMenuList(node, emit, objParams.value['CODE']); |
|---|
| | | } |
|---|
| | | </script> |
|---|
