增加树控件举例。

examples/App.vue

@@ -43,6 +43,9 @@
                     <li>
                         <router-link :to="{ path: '/desktop/time-example'}">时间控件</router-link>
                     </li>
+                    <li>
+                        <router-link :to="{ path: '/desktop/tree-example'}">树控件</router-link>
+                    </li>
 
 
                     <li>

examples/route/index.js

@@ -11,6 +11,7 @@ const PrintExample = () => import(/* webpackChunkName: "print-example" */ '../pr
 const ScannerExample = () => import(/* webpackChunkName: "scanner-example" */ '../scanner/src/ScannerExample.vue')
 const SwitchesExample = () => import(/* webpackChunkName: "switches-example" */ '../switches/src/SwitchesExample.vue')
 const TimeExample = () => import(/* webpackChunkName: "time-example" */ '../time/src/TimeExample.vue')
+const TreeExample = () => import(/* webpackChunkName: "tree-example" */ '../tree/src/TreeExample.vue')
 
 
 
@@ -68,6 +69,9 @@ export default {
 				/** 时间控件 */
 				{ path: 'time-example', component: TimeExample },
 
+				/** 树控件 */
+				{ path: 'tree-example', component: TreeExample },
+
 				
 
 				/** 流程报表 */

examples/tree/src/TreeExample.vue

@@ -0,0 +1,71 @@
+<template>
+    <div>
+        <TreeViewNode v-for="data in categories"
+                      :node="data"
+                      :key="'asset-category-' + data.id"
+                      :isRoot="true"
+                      :isShowCheck="true"
+                      v-on:nodeSelect="categorySelect">
+        </TreeViewNode>
+
+        <div>选择的节点: {{ selectedNode.id }}.{{ selectedNode.text}}</div>
+    </div>
+</template>
+
+<script>
+
+
+import TreeViewNode from "@/tree/index.js";
+
+export default {
+    name: 'date-example',
+
+
+    data: function () {
+        return {
+            categories: [
+                {
+                    id: "1",
+                    text: "树节点1",
+                    childrenDatas: [
+                        {
+                            id: "1-1",
+                            text: "树节点1-1"
+                        }, {
+                            id: "1-2",
+                            text: "树节点1-2"
+                        }
+                    ]
+                }, {
+                    id: "2",
+                    text: "树节点2"
+                }, {
+                    id: "3",
+                    text: "树节点3"
+                },
+            ],
+
+            selectedNode: {}
+        }
+    },
+
+    components: {
+        TreeViewNode,
+    },
+
+    methods: {
+
+        /**
+         * 类别选择发生改变
+         */
+        categorySelect: function (node) {
+            node.selected = !node.selected;
+            this.selectedNode = node;
+        },
+
+    }
+}
+</script>
+
+<style>
+</style>