Merge branch 'master' of http://47.100.18.120:3000/ChenYangFan/jvvm-front-end

src/components/JHeapDetail.vue

@@ -1,12 +1,39 @@
 <template>
-  <div>堆区详情</div>
+  <div>
+    <div>堆区详情</div>
+    <v-treeview open-all :items="items"></v-treeview>
+  </div>
 </template>
 
 <script>
 export default {
   name: 'JHeapDetail',
-  prop: {
+  props: {
     data: Object
+  },
+  computed: {
+    items() {
+      if (!this.data) return []
+
+      const { id, members = {} } = this.data
+      const splitId = id.split('@')
+      const name = splitId.length > 0 ? splitId[0] : id
+      return [{
+        id: 1,
+        name: id,
+        children: [
+          { id: 2, name: `名字: ${name}` },
+          {
+            id: 3,
+            name: '属性',
+            children: Object.keys(members).map((memberName, index) => ({
+              id: index + 3,
+              name: `${memberName} : ${members[memberName]}`
+            }))
+          }
+        ]
+      }]
+    }
   }
 }
 </script>

src/components/JThreadDetail.vue

@@ -1,12 +1,44 @@
 <template>
-  <div>线程栈详情</div>
+  <div>
+    <div>线程栈详情</div>
+    <v-treeview open-all :items="items"></v-treeview>
+  </div>
 </template>
 
 <script>
 export default {
   name: 'JThreadDetail',
-  prop: {
+  props: {
     data: Object
+  },
+  computed: {
+    items() {
+      if (!this.data) return []
+
+      const { methodName, operandStack = [], localVars = [] } = this.data
+      return [{
+        id: 1,
+        name: methodName,
+        children: [
+          {
+            id: 2,
+            name: '操作数栈',
+            children: operandStack.map((item, index) => ({
+              id: 1000 + index,
+              name: item
+            }))
+          },
+          {
+            id: 3,
+            name: '局部变量表',
+            children: localVars.map((item, index) => ({
+              id: 1000 + index,
+              name: item
+            }))
+          }
+        ]
+      }]
+    }
   }
 }
 </script>