给 Node 页面添加了 本节点打包的区块列表模板。

给 各页面都读入了页头的数据，如IP地址，邻居数量。

src/views/Network.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="network-page">
     <div class="card-content">
-      <div class="app-card elevation-1"></div>
+      <div class="app-card elevation-1">
+        <div>当前邻居节点数 <br>{{ peerNumber }}</div>
+      </div>
       <div class="app-sep"></div>
-      <div class="app-card elevation-1"></div>
-      <div class="app-sep"></div>
-      <div class="app-card elevation-1"></div>
-      <div class="app-sep"></div>
-      <div class="app-card elevation-1"></div>
+      <div class="app-card elevation-1">
+        <div>当前全网节点数 <br>{{ nodeNumber }}</div>
+      </div>
     </div>
 
     <div class="table-content elevation-1">
@@ -38,7 +38,7 @@
             <td>{{ props.item.index }}</td>
             <td>{{ props.item.address }}</td>
             <td>{{ props.item.status }}</td>
-            <td>{{ props.item.neighbour }}</td>
+            <td>{{ props.item.peerOwnerAddress }}</td>
           </template>
           <template slot="no-results">
             {{ $t('network.tableNone') }}
@@ -66,17 +66,27 @@ export default {
       'pageEntity',
       'fetching',
       'filter',
+      'peerNumber',
+      'nodeNumber',
     ]),
     ...mapGetters([]),
   },
 
   methods: {
     ...mapActions([
+      'updateNetInfo',
     ]),
     ...mapMutations([
       'inputFilter',
+      'updatePeerNumber',
+      'updateNodeNumber',
     ]),
   },
+
+  mounted() {
+    this.updateNetInfo()
+  },
+
 }
 </script>
 
@@ -112,7 +122,7 @@ export default {
       margin: 0 20px;
 
       .search-input {
-        width: 400px;
+        width: 80%;
       }
     }