diff --git a/src/views/tree-table/custom/index.vue b/src/views/tree-table/custom/index.vue
index a1541415..6f9142a6 100644
--- a/src/views/tree-table/custom/index.vue
+++ b/src/views/tree-table/custom/index.vue
@@ -142,11 +142,11 @@ export default {
     },
     addMenuItem(row, type) {
       if (type === 'children') {
-        this.$refs.TreeTable.addChild(row, { name: 'child' })
+        this.$refs.TreeTable.addChild(row, { name: 'child', timeLine: this.randomNum() })
       }
 
       if (type === 'brother') {
-        this.$refs.TreeTable.addBrother(row, { name: 'brother' })
+        this.$refs.TreeTable.addBrother(row, { name: 'brother', timeLine: this.randomNum() })
       }
     },
     deleteItem(row) {
@@ -154,6 +154,12 @@ export default {
     },
     selectChange(val) {
       console.log(val)
+    },
+    randomNum() {
+      // return 1~100
+      const max = 100
+      const min = 1
+      return Math.floor(Math.random() * (max - min + 1) + min)
     }
   }
 }
diff --git a/src/views/tree-table/index.vue b/src/views/tree-table/index.vue
index efe996d6..2e131157 100644
--- a/src/views/tree-table/index.vue
+++ b/src/views/tree-table/index.vue
@@ -100,6 +100,20 @@ export default {
     },
     click(scope) {
       console.log(scope)
+
+      const row = scope.row
+      const message = Object.keys(row)
+        .map(i => {
+          return `<p>${i}: ${row[i]}</p>`
+        })
+        .join('')
+
+      this.$notify({
+        title: 'Success',
+        dangerouslyUseHTMLString: true,
+        message: message,
+        type: 'success'
+      })
     }
   }
 }