1. 增加now 20秒动态刷新 显示最新

2. 如果找不到token信息 在4位name前面加个** 方便识别 然后de
3. [no name]

src/App.vue

@@ -65,7 +65,7 @@ export default {
   data: () => ({
     tab: 'pending',
     pwdMD5: '7f5029bbd4daae18f3ae4cd910f0f4f0',
-    pwd: 'qwe410410'
+    pwd: ''
   }),
   methods: {
     calcPwdMD5 () {

src/components/History.vue

@@ -20,7 +20,8 @@ export default {
     query: {
       block: '',
       hash: '',
-      dataVague: ''
+      dataVague: '',
+      autoFlushTime: 0
     },
     page: {
       name: 'History Page'

src/components/Pending.vue

@@ -20,7 +20,8 @@ export default {
     query: {
       block: '',
       hash: '',
-      dataVague: ''
+      dataVague: '',
+      autoFlushTime: 0
     },
     page: {
       name: 'Pending Page'

src/components/viewer/Table.vue

@@ -109,7 +109,7 @@
             <div class="tradeInfoBtn" @click="showTradeInfo(item)">
               <v-chip v-for="tokenAddress in item.tokenAddressList" :key='tokenAddress'
                       :color="item.tokenMap[tokenAddress] ? hashKit.generateColorByHash(tokenAddress) : undefined" class="tokenChip">
-                {{ item.tokenMap[tokenAddress] ? item.tokenMap[tokenAddress] : hashKit.headAndEnd2(tokenAddress) }}
+                {{ item.tokenMap[tokenAddress] ? item.tokenMap[tokenAddress] : '**' + hashKit.headAndEnd2(tokenAddress) }}
               </v-chip>
             </div>
           </div>

src/components/viewer/Top.vue

@@ -1,6 +1,21 @@
 <template>
-  <v-container>
+  <div class="top-container">
     <v-row>
+      <!-- 数据刷新时间 -->
+      <v-col cols="18" md="1">
+        <v-text-field required label="自定义刷新时间" v-model="query.autoFlushTime" />
+      </v-col>
+
+      <!-- 自动刷新提示 -->
+      <v-col v-if='query.autoFlushTime === 0' cols="18" md="2">
+        <v-btn outlined x-large tile color="teal" @click='query.autoFlushTime = 20'>以20s/次刷新</v-btn>
+      </v-col>
+
+      <!-- 自动刷新提示 -->
+      <v-col v-else-if='query.autoFlushTime !== 0' cols="18" md="2">
+        <v-btn outlined x-large tile color="red" @click='query.autoFlushTime = 0'>停止刷新</v-btn>
+      </v-col>
+
       <!-- block过滤 -->
       <v-col cols="18" md="2">
         <v-text-field required label="BlockNumber" v-model="query.block" />
@@ -12,7 +27,7 @@
       </v-col>
 
       <!-- data过滤 -->
-      <v-col cols="18" md="6">
+      <v-col cols="18" md="4">
         <v-text-field required label="Data" v-model="query.dataVague" />
       </v-col>
 
@@ -23,7 +38,7 @@
         </v-btn>
       </v-col>
     </v-row>
-  </v-container>
+  </div>
 </template>
 
 <script>
@@ -35,10 +50,27 @@ export default {
     async generateTableDataAgain() {
       await this.generateTableData()
     }
+  },
+  async mounted() {
+    let prevFlushTime = 0
+    setInterval(async function(top) {
+      if (top.query.autoFlushTime > 0) {
+        let now = parseInt(new Date().getTime() / 1000)
+
+        if (now - top.query.autoFlushTime > prevFlushTime) {
+          await top.generateTableDataAgain()
+
+          prevFlushTime = now
+        }
+      }
+    }, 1000, this)
   }
 }
 </script>
 
 <style scoped>
-
+.top-container {
+  width: 95%;
+  margin: auto;
+}
 </style>

src/components/viewer/table/TradeInfoDetails.vue

@@ -7,14 +7,14 @@
           <v-chip v-if="!trade.tokenSymbol"
                   label class="ma-2 tradeLabel" @click="httpKit.jumpToEthw(trade.token, 'token')">
             <!-- 没有名字的 -->
-            <div class="tokenName">{{ hashKit.headAndEnd2(trade.token) }}</div>
+            <div class="tokenName">{{ '**' + hashKit.headAndEnd2(trade.token) }}</div>
             <div class="tokenAmount">{{ numKit.getSubFloat(trade.amount, 4) }} </div>
           </v-chip>
           <v-chip v-else
                   label class="ma-2 tradeLabel" :color="hashKit.generateColorByHash(trade.token)"
                   @click="httpKit.jumpToEthw(trade.token, 'token')">
             <!-- 有名字的和Ethereum/EthereumPow -->
-            <div class="tokenName">{{ trade.tokenSymbol }}</div>
+            <div class="tokenName">{{ trade.tokenSymbol === '' ? '[no name]' : trade.tokenSymbol }}</div>
             <div class="tokenAmount">{{ numKit.getSubFloat(trade.amount, 4) }}</div>
           </v-chip>
           <!--from-->