fix: bug#10946

src/utils/comm.ts

@@ -1,7 +1,7 @@
 import type { Slots } from 'vue'
 import { TOKEN_KEY } from '@/utils/variable'
 import { message } from 'jetlinks-ui-components';
-import {cloneDeep} from "lodash-es";
+import {cloneDeep, isArray} from "lodash-es";
 
 /**
  * 静态图片资源处理
@@ -137,12 +137,41 @@ export const handleParamsToString = (terms:SearchItemData[] = []) => {
 }
 
 export const treeFilter = (data: any[], value: any, key: string = 'name'): any[] => {
-  return data?.filter(item => {
+  if (!data) return []
+
+  return data.filter(item => {
     if (item.children && item.children.length) {
       item.children = treeFilter(item.children || [], value, key)
       return !!item.children.length
     } else {
       return item[key] === value
     }
-  }) || []
+  })
+}
+
+/**
+ * 通过子节点获取上级相应数据
+ * @param data 树形数据
+ * @param search 搜索值
+ * @param searchKey 搜索key
+ * @param returnKey 返回key
+ */
+export const openKeysByTree = (data: any[], search: any, searchKey: string = 'id', returnKey: string = 'id'): any[] => {
+  if (!data || (data && !isArray(data))) return []
+  const cloneData = cloneDeep(data)
+  const filterTree = treeFilter(cloneData, search, searchKey)
+  const openKeys: any[] = []
+
+  const findKey = (treeData: any[]) => {
+    for (let i = 0; i < treeData.length; i++) {
+      const item = treeData[i]
+      openKeys.push(item[returnKey])
+      if (item.children && item.children.length) {
+        findKey(item.children)
+      }
+    }
+  }
+
+  findKey(filterTree)
+  return openKeys
 }

src/views/rule-engine/Scene/Save/components/DropdownButton/DropdownButton.vue

@@ -32,11 +32,12 @@
           />
           <div style='min-width: 400px' v-else>
             <j-tree
+              v-model:expandedKeys="treeOpenKeys"
               :selectedKeys='selectValue ? [selectValue] : []'
               :treeData='options'
-              @select='treeSelect'
               :height='450'
               :virtual='true'
+              @select='treeSelect'
             >
               <template #title="{ name, description }">
                 <j-space>
@@ -61,6 +62,7 @@ import DropMenus from './Menus.vue'
 import DropdownTimePicker from './Time.vue'
 import { getOption } from './util'
 import type { DropdownButtonOptions } from './util'
+import {openKeysByTree} from "@/utils/comm";
 
 type LabelType = string | number | boolean | undefined
 
@@ -109,7 +111,7 @@ const emit = defineEmits<Emit>()
 const label = ref<LabelType>(props.placeholder)
 const selectValue = ref(props.value)
 const visible = ref(false)
-
+const treeOpenKeys = ref<(string|number)[]>([])
 const visibleChange = (v: boolean) => {
   visible.value = v
 }
@@ -148,8 +150,9 @@ const menuSelect = (v: string, option: any) => {
 watchEffect(() => {
   const option = getOption(props.options, props.value, props.valueName)
   selectValue.value = props.value
-  if (option) {
+  if (option) { // 数据回显
     label.value = option[props.labelName] || option.name
+    treeOpenKeys.value = openKeysByTree(props.options, props.value, props.valueName)
   } else {
     label.value = props.value !== undefined ? props.value : props.placeholder
   }

src/views/rule-engine/Scene/Save/components/ParamsDropdown/index.vue

@@ -48,11 +48,12 @@
               <template v-else-if='item.component === "tree"'>
                 <div style='min-width: 400px' v-if='(item.key === "upper" ?  metricOptions : options).length'>
                   <j-tree
+                      v-model:expandedKeys="treeOpenKeys"
                     :selectedKeys='myValue ? [myValue] : []'
                     :treeData='item.key === "upper" ?  metricOptions : options'
-                    @select='treeSelect'
                     :height='450'
                     :virtual='true'
+                    @select='treeSelect'
                   >
                     <template #title="{ name, description }">
                       <j-space>
@@ -89,6 +90,7 @@ import { defaultSetting } from './typings'
 import { DropdownMenus, DropdownTimePicker} from '../DropdownButton'
 import { getOption } from '../DropdownButton/util'
 import { isArray } from 'lodash-es'
+import {openKeysByTree} from "@/utils/comm";
 
 type Emit = {
   (e: 'update:value', data: ValueType): void
@@ -106,6 +108,7 @@ const emit = defineEmits<Emit>()
 const myValue = ref<ValueType>(props.value)
 const mySource = ref<string>(props.source)
 const label = ref<any>(props.placeholder)
+const treeOpenKeys = ref<(string|number)[]>([])
 const visible = ref(false)
 
 nextTick(() => {
@@ -161,6 +164,7 @@ watchEffect(() => {
   mySource.value = props.source
   if (option) {
     label.value = option[props.labelName] || option.name
+    treeOpenKeys.value = openKeysByTree(_options, props.value, props.valueName)
   } else {
     let doubleNull = false
     if (isArray(props.value)) {