jump提出

src/components/History.vue

@@ -44,7 +44,7 @@
             cols="18"
             md="1"
         >
-          <v-btn outlined x-large tile color="primary" @click="pullData">
+          <v-btn outlined x-large tile color="primary" @click="generateHistoryData">
             <v-icon>mdi-cloud-search-outline</v-icon>
           </v-btn>
         </v-col>
@@ -130,7 +130,7 @@
           <v-chip
               label
               color="green lighten-3" target="_blank"
-              @click="jump(item.from)"
+              @click="httpKit.jumpToEthw(item.from)"
           >
             {{ hashKit.headAndEnd2(item.from) }}
           </v-chip>
@@ -139,7 +139,7 @@
         <template v-slot:item.to="{ item }">
           <v-chip label
               color="indigo lighten-4"
-              @click="jump(item.to)"
+              @click="httpKit.jumpToEthw(item.to)"
               v-if="!item.toName"
           >
             {{ hashKit.headAndEnd2(item.to) }}
@@ -147,7 +147,7 @@
           <v-chip
               label
               color="indigo lighten-4"
-              @click="jump(item.to)"
+              @click="httpKit.jumpToEthw(item.to)"
               v-else
           >
             {{ item.toName }}
@@ -222,9 +222,10 @@
 </template>
 
 <script>
-  import NumKit from '../plugins/kit/NumKit'
-  import HashKit from '../plugins/kit/HashKit'
-  import EthMev from '../plugins/model/EthMev'
+  import NumKit from '@/plugins/kit/NumKit'
+  import HashKit from '@/plugins/kit/HashKit'
+  import HttpKit from '@/plugins/kit/HttpKit'
+  import EthMev from '@/plugins/model/EthMev'
   import TradeInfo from '@/components/history/TradeInfo';
 
   export default {
@@ -281,13 +282,6 @@
       logInfo (info) {
         console.log(info)
       },
-      jump (pairAddress, type) {
-        if (type === 'token') {
-          window.open('https://www.oklink.com/en/ethw/token/' + pairAddress)
-        } else {
-          window.open('https://www.oklink.com/en/ethw/address/' + pairAddress)
-        }
-      },
       changeShowBlock (item, openSnackbar) {
         if (openSnackbar) this.blockSnackbar = true
         this.showBlock = item.block
@@ -296,6 +290,7 @@
 
     data: () => ({
       hashKit: HashKit,
+      httpKit: HttpKit,
       query: {
         block: '',
         hash: '',

src/components/history/TradeInfo.vue

@@ -6,14 +6,14 @@
           <!--token symbol-->
           <v-chip label
                   class="ma-2 tradeLabel"
-                  @click="jump(trade.token, 'token')"
+                  @click="httpKit.jumpToEthw(trade.token, 'token')"
                   v-if="!trade.tokenSymbol && trade.token !== '0xeth'">
             <div class="tokenName">{{ hashKit.headAndEnd2(trade.token) }}</div>
             <div class="tokenAmount">{{ numKit._N(trade.amount, 4) }} </div>
           </v-chip>
           <v-chip label
                   color="blue lighten-4" class="ma-2 tradeLabel"
-                  @click="jump(trade.token, 'token')"
+                  @click="httpKit.jumpToEthw(trade.token, 'token')"
                   v-else>
             <div class="tokenName">{{ trade.tokenSymbol }}</div>
             <div class="tokenAmount">{{ numKit._N(trade.amount, 4) }}</div>
@@ -22,20 +22,20 @@
           <div>
             <v-chip label
                     class="ma-2" color="green lighten-3"
-                    @click="jump(trade.from)"
+                    @click="httpKit.jumpToEthw(trade.from)"
                     v-if="trade.from === item.from">
               {{ hashKit.headAndEnd2(trade.from) }}
             </v-chip>
             <v-chip label
                     class="ma-2" color="indigo lighten-4"
-                    @click="jump(trade.from)"
+                    @click="httpKit.jumpToEthw(trade.from)"
                     v-else-if="trade.from === item.to">
               <div v-if="!trade.fromName">{{ hashKit.headAndEnd2(trade.from) }}</div>
               <div v-else>{{ trade.fromName }}</div>
             </v-chip>
             <v-chip label
                     class="ma-2"
-                    @click="jump(trade.from)"
+                    @click="httpKit.jumpToEthw(trade.from)"
                     v-else>
               <div v-if="!trade.fromName">{{ hashKit.headAndEnd2(trade.from) }}</div>
               <div v-else>{{ trade.fromName }}</div>
@@ -46,20 +46,20 @@
           <div>
             <v-chip label
                     class="ma-2" color="green lighten-3"
-                    @click="jump(trade.to)"
+                    @click="httpKit.jumpToEthw(trade.to)"
                     v-if="trade.to === item.from">
               {{ hashKit.headAndEnd2(trade.to) }}
             </v-chip>
             <v-chip label
                     class="ma-2" color="indigo lighten-4"
-                    @click="jump(trade.to)"
+                    @click="httpKit.jumpToEthw(trade.to)"
                     v-else-if="trade.to === item.to">
               <div v-if="!trade.toName">{{ hashKit.headAndEnd2(trade.to) }}</div>
               <div v-else>{{ trade.toName }}</div>
             </v-chip>
             <v-chip label
                     class="ma-2"
-                    @click="jump(trade.to)"
+                    @click="httpKit.jumpToEthw(trade.to)"
                     v-else>
               <div v-if="!trade.toName">{{ hashKit.headAndEnd2(trade.to) }}</div>
               <div v-else>{{ trade.toName }}</div>
@@ -77,13 +77,15 @@
 <script>
 import NumKit from '@/plugins/kit/NumKit'
 import HashKit from '@/plugins/kit/HashKit'
+import HttpKit from '@/plugins/kit/HttpKit'
 
 export default {
   name: 'TradeInfo',
   props: ['item'],
   data: () => ({
     numKit: NumKit,
-    hashKit: HashKit
+    hashKit: HashKit,
+    httpKit: HttpKit
   })
 }
 </script>

src/plugins/kit/HttpKit.js

@@ -0,0 +1,9 @@
+export default class HttpKit {
+  static jumpToEthw(pairAddress, type) {
+    if (type === 'token') {
+      window.open('https://www.oklink.com/en/ethw/token/' + pairAddress)
+    } else {
+      window.open('https://www.oklink.com/en/ethw/address/' + pairAddress)
+    }
+  }
+}