ZaiZai 1 year ago
parent
commit
0e87c200fe
4 changed files with 24 additions and 19 deletions
  1. 1 1
      package.json
  2. 11 0
      src/utils/tools.js
  3. 8 14
      src/views/alter/collection/scan.vue
  4. 4 4
      yarn.lock

+ 1 - 1
package.json

@@ -18,7 +18,7 @@
         "dayjs": "^1.11.10",
         "echarts": "^5.4.3",
         "element-plus": "2.4.0",
-        "hc-vue3-ui": "^2.1.1",
+        "hc-vue3-ui": "^2.1.2",
         "js-base64": "^3.7.5",
         "js-fast-way": "0.2.9",
         "js-md5": "^0.8.3",

+ 11 - 0
src/utils/tools.js

@@ -1,3 +1,14 @@
+import split from 'split.js'
+
+//分割
+export const setDomSplit = (ele = [], options = {}) => {
+    //配置参考: https://split.js.org/#/?direction=vertical&snapOffset=0
+    setTimeout(() => {
+        split(ele, options)
+    }, 500)
+}
+
+
 //获取当前域名
 export const getTopUrl = () => {
     return window.location.href.split('/#/')[0]

+ 8 - 14
src/views/alter/collection/scan.vue

@@ -40,9 +40,10 @@
 </template>
 
 <script setup>
-import { nextTick, onMounted, ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import treeInfoModal from './components/treeInfoModal.vue'
 import tableInfoModal from './components/tableInfoModal.vue'
+import { setDomSplit } from '~uti/tools'
 
 defineOptions({
     name: 'AlterCollectionScan',
@@ -50,20 +51,13 @@ defineOptions({
 
 //渲染完成
 onMounted(() => {
-    setSplitRef()
-})
-
-//初始化设置拖动分割线
-const setSplitRef = () => {
-    //配置参考: https://split.js.org/#/?direction=vertical&snapOffset=0
-    nextTick(() => {
-        window.$split(['#hc_tree_card', '#hc_table_card'], {
-            sizes: [20, 80],
-            snapOffset: 0,
-            minSize: [50, 500],
-        })
+    //初始化设置拖动分割线
+    setDomSplit(['#hc_tree_card', '#hc_table_card'], {
+        sizes: [20, 80],
+        snapOffset: 0,
+        minSize: [50, 500],
     })
-}
+})
 
 //类型tab数据和相关处理
 const tabKey = ref('key1')

+ 4 - 4
yarn.lock

@@ -1572,10 +1572,10 @@ has-flag@^4.0.0:
   resolved "http://47.110.251.215:9000/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-hc-vue3-ui@^2.1.1:
-  version "2.1.1"
-  resolved "http://47.110.251.215:9000/hc-vue3-ui/-/hc-vue3-ui-2.1.1.tgz#640870393ab669b9f4583d2da06f0a458fbba5e5"
-  integrity sha512-NDGv3t2qJSAGjs/YltP+HcgzPJqVxdls6973U+tOQrznArE+emZ+Ourj1XyoOk4yL4s2292+wFIj3LZXQCkIsw==
+hc-vue3-ui@^2.1.2:
+  version "2.1.2"
+  resolved "http://47.110.251.215:9000/hc-vue3-ui/-/hc-vue3-ui-2.1.2.tgz#ed8ecf3862cb8d1a0b851df8b62b6717bb7865a4"
+  integrity sha512-DU1OhY5zHRNrkD9M1B1OiY1WzQugvSmdL1mbqddaC57FU8rwGDHn+6BmJm0/xBhZ9xC3cJBwO2kcj80Cm+XPMQ==
   dependencies:
     axios "^1.5.0"
     dayjs "^1.11.10"