centaline-data-driven-v3 0.1.31 → 0.1.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven-v3",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "private": false,
   "description": "centaline-data-driven-v3",
   "main": "dist/centaline-data-driven-v3.umd.js",

package/src/components/web/Tree/Tree.vue

@@ -51,6 +51,10 @@ const props = defineProps({
     Number,
     default: 500,
   },
+  apiParam: {
+    type: Object,
+    default: () => { },
+  }
 })
 const refTree = ref()
 const rootNode = ref();
@@ -64,7 +68,7 @@ const defaultProps = ref({
   id: 'code',
 })
 const searchStatus = ref([])
-
+const screenPara = ref(props.apiParam);
 const menuVisible = ref(false)//右键菜单显示控制
 const currentData = ref({ code: "" })// 当前节点所对应的数据
 const currentNode = ref(null)//当前节点对应的 Node
@@ -91,33 +95,34 @@ onBeforeUnmount(() => {
 
 //搜索（查询条件调用）
 function search(m) {
+  screenPara.value = m;
   if (searchStatus.value.length == 0) {
     // 重置计数器
     retryCount.value = 0
     if (qrtimer.value) clearTimeout(qrtimer.value);
     searchStatus.value.push('a');
     rootNode.value.childNodes = []
-    loadNode(rootNode.value, rootResolve.value, m)
+    loadNode(rootNode.value, rootResolve.value)
   }
   else {
     if (retryCount.value >= 50) {
-      console.warn(`搜索繁忙，请稍后再试`); 
+      console.warn(`搜索繁忙，请稍后再试`);
       return;
     }
     retryCount.value++
 
     qrtimer.value = setTimeout(() => {
-      search(m);
+      search();
     }, 200);
   }
 }
 //加载节点（点击节点加号时调用）
-function loadNode(node, resolve, m) {
+function loadNode(node, resolve) {
   if (node.level === 0) {
     loading.value = true;
     rootNode.value = node
     rootResolve.value = resolve;
-    return SearchTree(m || undefined).then(data => {
+    return SearchTree(screenPara.value || undefined).then(data => {
       loading.value = false;
       resolve(data.rows);
       load(data, true)
@@ -126,7 +131,15 @@ function loadNode(node, resolve, m) {
   if (node.level >= 1) {
     let fields = model.value.searchData("code", node.data.code, 9, 3);
     let filter = {
-      "searchData": fields
+      "searchData": {
+        // 先保留searchData的其他属性
+        ...(screenPara.value?.searchData || {}),
+        // 再合并fields数组（将两个数组合并，而不是覆盖）
+        fields: [
+          ...fields.fields,
+          ...(screenPara.value?.searchData?.fields || [])
+        ]
+      }
     };
     return SearchTree(filter).then(data => {
       loading.value = false;
@@ -204,7 +217,9 @@ function rightClick(event, object, Node) { // event、object该节点所对应
       }
     })
   }
-  document.addEventListener('click', closeMenu) // 监听事件鼠标点击事件，若点击则隐藏菜单 
+  if (menuVisible.value) {
+    document.addEventListener('click', closeMenu) // 监听事件鼠标点击事件，若点击则隐藏菜单 
+  }
 }
 //关闭菜单
 function closeMenu() {

package/src/components/web/Tree.vue

@@ -1,10 +1,11 @@
 <template>
     <div>
         <div ref="refscreenDiv" id="refscreenDiv">
-            <ct-searchscreen ref="reftreescreen" :from="'tree'" style="padding-left: 11px;" :api="searchConditionApi" :screenPara="apiParam"
-                @search="search" @loaded="screenload" ></ct-searchscreen>
+            <ct-searchscreen ref="reftreescreen" :from="'tree'" style="padding-left: 11px;" :api="searchConditionApi"
+                :screenPara="apiParam" @search="search" @loaded="screenload"></ct-searchscreen>
         </div>
-        <tree v-if="loadTree" ref="reftree" :api="searchDataApi"  @loaded="loaded" :treeHeight="treeHeight">
+        <tree v-if="loadTree" ref="reftree" :api="searchDataApi" @loaded="loaded" :treeHeight="treeHeight"
+            :apiParam="{ searchData:searchData }">
         </tree>
 
 
@@ -14,7 +15,7 @@
 import { ref, nextTick, watch, onMounted, onBeforeUnmount } from 'vue'
 import Tree from './Tree/Tree.vue';
 const emit = defineEmits(['loaded'])
-const loadTree=ref(false)
+const loadTree = ref(false)
 
 const props = defineProps({
     searchConditionApi: String,
@@ -33,19 +34,19 @@ const refscreenDiv = ref()
 const reftreescreen = ref()
 const reftree = ref()
 const treeHeight = ref(0)
-
-const qrtimer=ref(null)
-onBeforeUnmount(()=>{
-  if (qrtimer.value) {
-    clearTimeout(qrtimer.value);
-    qrtimer.value = null;
-  }
+const searchData = ref([])
+const qrtimer = ref(null)
+onBeforeUnmount(() => {
+    if (qrtimer.value) {
+        clearTimeout(qrtimer.value);
+        qrtimer.value = null;
+    }
 })
 
 function setTreeHeight() {
     nextTick(() => {
         if (refscreenDiv.value) {
-          qrtimer.value = setTimeout(() => {
+            qrtimer.value = setTimeout(() => {
                 let searchHeight = refscreenDiv.value.offsetHeight;
                 treeHeight.value = props.searchtreeHeight - searchHeight;
             }, 200);
@@ -56,6 +57,7 @@ function setTreeHeight() {
 
 function search() {
     setTreeHeight();
+    searchData.value = reftreescreen.value?.model?.searchData;
     reftree.value.search(reftreescreen.value.model);
 }
 function loaded(data) {
@@ -64,15 +66,18 @@ function loaded(data) {
     } catch (e) { }
 }
 function screenload(data) {
-    loadTree.value=true
-    setTreeHeight();
+    nextTick(() => {
+        searchData.value = reftreescreen.value?.model?.searchData;
+        loadTree.value = true
+        setTreeHeight();
+    });
 }
 onMounted(() => {
 
 })
 watch(() => props.searchtreeHeight, () => {
     setTreeHeight();
-  }) 
+})
 // watch(() => reftreescreen.value?.model, // 监听子组件的someData属性  
 //     (newVal, oldVal) => {
 //         if (newVal?.searchData != oldVal?.searchData) {