Wed Mar 27 09:42:00 CST 2024 inscode

package.json

@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "core-js": "^3.8.3",
+    "echarts": "^5.5.0",
     "element-ui": "^2.15.14",
     "vue": "^2.6.14",
     "vue-router": "3"

src/router/routes.js

@@ -5,5 +5,17 @@ export default [
         name:'home',
         meta:{},
         component:Home
+    },
+    {
+        path:'echarts',
+        redirect:'gantt',
+        children:[
+            {
+                path:'/echarts/gantt',
+                name:'Gantt',
+                meta:{},
+                component:() => import('@/views/Echarts/GanttChart.vue')
+            }
+        ]
     }
 ]
\ No newline at end of file

src/views/Echarts/GanttChart.vue

+<template>
+    <div>
+        gantt
+    </div>
+</template>
+<script>
+    export default{
+        name:'gantt',
+        data(){
+            return {
+
+            }
+        },
+
+        mounted(){
+
+        },
+
+        methods:{
+
+        },
+
+    }
+</script>
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file

src/views/Home/index.vue

@@ -15,7 +15,28 @@
 <script>
 
 
-
+/**
+ * 
+ * @param list  treeData   树的数据（一个数组）
+ * @param node  treeNode   树节点数据 (这里树节点的唯一标识为“ id ”)
+ * @returns     treeNode[] 顶层到查询节点的路径（用数组表示） [祖，父，孙]
+ */
+ function getNodeRoute(list, node) {
+    const result = [];
+    for (let i = 0; i < list.length; i++) {
+        if (node.id === list[i].id) {
+            result.push(list[i])
+        } else {
+            if (list[i].children && Array.isArray(list[i].children)) {
+                const arr = getNodeRoute(list[i].children, node)
+                if (arr.length > 0) {
+                    result.push(list[i], ...arr)
+                }
+            }
+        }
+    }
+    return result;
+}
 
 export default {
     methods: {

yarn.lock

@@ -2880,6 +2880,14 @@ easy-stack@1.0.1:
   resolved "http://mirrors.csdn.net.cn/repository/csdn-npm-mirrors/easy-stack/-/easy-stack-1.0.1.tgz#8afe4264626988cabb11f3c704ccd0c835411066"
   integrity sha512-wK2sCs4feiiJeFXn3zvY0p41mdU5VUgbgs1rNsc/y5ngFUijdWd+iIN8eoyuZHKB8xN6BL4PdWmzqFmxNg6V2w==
 
+echarts@^5.5.0:
+  version "5.5.0"
+  resolved "https://registry.npmmirror.com/echarts/-/echarts-5.5.0.tgz#c13945a7f3acdd67c134d8a9ac67e917830113ac"
+  integrity sha512-rNYnNCzqDAPCr4m/fqyUFv7fD9qIsd50S6GDFgO1DxZhncCsNsG7IfUlAlvZe5oSEQxtsjnHiUuppzccry93Xw==
+  dependencies:
+    tslib "2.3.0"
+    zrender "5.5.0"
+
 ee-first@1.1.1:
   version "1.1.1"
   resolved "http://mirrors.csdn.net.cn/repository/csdn-npm-mirrors/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
@@ -5843,6 +5851,11 @@ tr46@~0.0.3:
   resolved "http://mirrors.csdn.net.cn/repository/csdn-npm-mirrors/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
   integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
 
+tslib@2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
+  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
+
 tslib@^2.0.3:
   version "2.6.2"
   resolved "http://mirrors.csdn.net.cn/repository/csdn-npm-mirrors/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
@@ -6310,3 +6323,10 @@ yorkie@^2.0.0:
     is-ci "^1.0.10"
     normalize-path "^1.0.0"
     strip-indent "^2.0.0"
+
+zrender@5.5.0:
+  version "5.5.0"
+  resolved "https://registry.npmmirror.com/zrender/-/zrender-5.5.0.tgz#54d0d6c4eda81a96d9f60a9cd74dc48ea026bc1e"
+  integrity sha512-O3MilSi/9mwoovx77m6ROZM7sXShR/O/JIanvzTwjN3FORfLSr81PsUGd7jlaYOeds9d8tw82oP44+3YucVo+w==
+  dependencies:
+    tslib "2.3.0"