@@ -10,7 +7,7 @@
+
+
+
+
+
+
diff --git a/src/components/table/mBase/tokensDetailsRow.vue b/src/components/table/mBase/tokensDetailsRow.vue
new file mode 100644
index 0000000..a51d6eb
--- /dev/null
+++ b/src/components/table/mBase/tokensDetailsRow.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/table/mBase/transactCard.vue b/src/components/table/mBase/transactCard.vue
index 091b032..aa15a9b 100644
--- a/src/components/table/mBase/transactCard.vue
+++ b/src/components/table/mBase/transactCard.vue
@@ -31,7 +31,7 @@ const props = defineProps({
})
const invariable = { ...transactTableCollocate }
// 路由跳转
-const routerLink = (id: string | number) => router.push(`/TableBlock/tx/${id}`)
+const routerLink = (id: string | number) => router.push(`/tx/${id}`)
diff --git a/src/components/table/mobile/tokensDetails.vue b/src/components/table/mobile/tokensDetails.vue
new file mode 100644
index 0000000..f847a3d
--- /dev/null
+++ b/src/components/table/mobile/tokensDetails.vue
@@ -0,0 +1,98 @@
+
+
+
+ + {{ title }} +
+
+
+
+
+
+
+ + {{ value }} +
+
+
+
+
+
+
+
+
diff --git a/src/components/table/mobile/tokensTable.vue b/src/components/table/mobile/tokensTable.vue
new file mode 100644
index 0000000..c9c314d
--- /dev/null
+++ b/src/components/table/mobile/tokensTable.vue
@@ -0,0 +1,101 @@
+
+
+
+ {{ data?.tokens }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/table/mobile/transactDetails.vue b/src/components/table/mobile/transactDetails.vue
index 98ad636..4712462 100644
--- a/src/components/table/mobile/transactDetails.vue
+++ b/src/components/table/mobile/transactDetails.vue
@@ -4,22 +4,21 @@
>
+
+
+
+
+
+ + There are no transactions for this Transactions. +
+
+
+ + There are no transactions for this Token Transfers. +
+
+
+ + There are no transactions for this block. +
+
+
-
{{ title }}
++ {{ title }} +
-
![]()
diff --git a/src/pages/HomePage/index.vue b/src/pages/HomePage/index.vue
index 9dd9fa0..4f74658 100644
--- a/src/pages/HomePage/index.vue
+++ b/src/pages/HomePage/index.vue
@@ -50,7 +50,7 @@
>
@@ -66,7 +66,7 @@
diff --git a/src/routes.ts b/src/routes.ts
index a6920fd..19ce36a 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -2,7 +2,7 @@ import * as VueRouter from 'vue-router'
import HomePage from './pages/HomePage/index.vue'
import TableBlock from './pages/TableBlock/index.vue'
-import TableBlockIndex from './pages/TableBlock/Tabs.vue'
+import Tabs from './pages/TableBlock/Tabs.vue'
import BlockDetails from './pages/TableBlock/Block/details.vue'
import transactDetails from './pages/TableBlock/Transactions/details.vue'
import tokensDetails from './pages/TableBlock/Tokens/details.vue'
@@ -16,24 +16,49 @@ const routes: VueRouter.RouteRecordRaw[] = [
component: HomePage,
},
{
- path: '/TableBlock',
+ path: '/blocks',
component: TableBlock,
- redirect: '/TableBlock/index',
+ // Latest
+ redirect: '/blocks',
children: [
{
- path: '/TableBlock/index',
- component: TableBlockIndex,
+ path: '/blocks',
+ component: Tabs,
},
{
- path: '/TableBlock/:id',
+ path: '/blocks/:id',
component: BlockDetails,
},
+ ],
+ },
+ {
+ path: '/tx',
+ component: TableBlock,
+ // Latest
+ redirect: '/tx',
+ children: [
+ {
+ path: '/tx',
+ component: Tabs,
+ },
{
- path: '/TableBlock/tx/:id',
+ path: '/tx/:id',
component: transactDetails,
},
+ ],
+ },
+ {
+ path: '/tokens',
+ component: TableBlock,
+ // Latest
+ redirect: '/tokens',
+ children: [
+ {
+ path: '/tokens',
+ component: Tabs,
+ },
{
- path: '/TableBlock/tokens/:id',
+ path: '/tokens/:id',
component: tokensDetails,
},
],
diff --git a/vite.config.ts b/vite.config.ts
index f0d82c5..cec895b 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -28,4 +28,13 @@ export default defineConfig({
},
},
},
+ server: {
+ proxy: {
+ '/api': {
+ target: 'http://wallet-chaindata-api.weirui0755.com/api', //实际请求地址
+ changeOrigin: true,
+ rewrite: (path) => path.replace(/^\/api/, ''),
+ },
+ },
+ },
})
diff --git a/yarn.lock b/yarn.lock
index 5f3c409..d1febd7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -348,6 +348,11 @@ async-validator@^4.2.5:
resolved "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz"
integrity sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==
+asynckit@^0.4.0:
+ version "0.4.0"
+ resolved "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+ integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
autoprefixer@^10.4.8:
version "10.4.8"
resolved "https://registry.npmmirror.com/autoprefixer/-/autoprefixer-10.4.8.tgz"
@@ -360,6 +365,14 @@ autoprefixer@^10.4.8:
picocolors "^1.0.0"
postcss-value-parser "^4.2.0"
+axios@^0.27.2:
+ version "0.27.2"
+ resolved "https://registry.npmmirror.com/axios/-/axios-0.27.2.tgz#207658cc8621606e586c85db4b41a750e756d972"
+ integrity sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==
+ dependencies:
+ follow-redirects "^1.14.9"
+ form-data "^4.0.0"
+
balanced-match@^1.0.0:
version "1.0.2"
resolved "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz"
@@ -458,6 +471,13 @@ color-name@^1.1.4, color-name@~1.1.4:
resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz"
integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+combined-stream@^1.0.8:
+ version "1.0.8"
+ resolved "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+ integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+ dependencies:
+ delayed-stream "~1.0.0"
+
concat-map@0.0.1:
version "0.0.1"
resolved "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz"
@@ -495,6 +515,11 @@ defined@^1.0.0:
resolved "https://registry.npmmirror.com/defined/-/defined-1.0.0.tgz"
integrity sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==
+delayed-stream@~1.0.0:
+ version "1.0.0"
+ resolved "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+ integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
detective@^5.2.1:
version "5.2.1"
resolved "https://registry.npmmirror.com/detective/-/detective-5.2.1.tgz"
@@ -750,6 +775,20 @@ find-up@^4.1.0:
locate-path "^5.0.0"
path-exists "^4.0.0"
+follow-redirects@^1.14.9:
+ version "1.15.1"
+ resolved "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.1.tgz#0ca6a452306c9b276e4d3127483e29575e207ad5"
+ integrity sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==
+
+form-data@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+ integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+ dependencies:
+ asynckit "^0.4.0"
+ combined-stream "^1.0.8"
+ mime-types "^2.1.12"
+
fraction.js@^4.2.0:
version "4.2.0"
resolved "https://registry.npmmirror.com/fraction.js/-/fraction.js-4.2.0.tgz"
@@ -962,6 +1001,18 @@ micromatch@^4.0.4:
braces "^3.0.2"
picomatch "^2.3.1"
+mime-db@1.52.0:
+ version "1.52.0"
+ resolved "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+ integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12:
+ version "2.1.35"
+ resolved "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+ integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+ dependencies:
+ mime-db "1.52.0"
+
minimatch@^3.1.1:
version "3.1.2"
resolved "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz"
{{ value }}
-
+
- {{ value }}
+
+
{{ `${item?.value} ${item?.key}` }}
@@ -30,7 +34,7 @@{{ item.label }}
- {{ item.value }} + {{ item.value || '-' }}
()
+
+const initRequist = async () => {
+ // 获取主页接口
+ const res = await getHomePageList()
+ overview[1].value = res.data.totalTransactions
+ overview[2].value = res.data.averageBlockTime
+ // 获取tokens接口拿到总数
+ const tokenRes = await getFindTokenList()
+ overview[3].value = tokenRes.data.total
+}
+
+const initWebSocket = () => {
+ ws.value = new WebSocket('wss://apiasia.mbc.network/websocket')
+
+ ws.value.addEventListener('open', () => {
+ ws.value?.send(JSON.stringify({ type: 'add_block' }))
+ })
+
+ ws.value.onmessage = (e: any) => {
+ try {
+ const res = JSON.parse(e.data)
+ overview[0].value = res.value[0].number
+ } catch (error) {}
+ }
+
+ ws.value.onclose = () => {
+ console.log('ws 已关闭')
+ }
+}
+
const jumpRoute = (route: string) => router.push(route)
+
+watchEffect(() => {
+ initRequist()
+ initWebSocket()
+})
+
+onUnmounted(() => {
+ ws.value?.close()
+})
diff --git a/src/pages/TableBlock/Tokens/index.vue b/src/pages/TableBlock/Tokens/index.vue
index e512bb6..b01f89d 100644
--- a/src/pages/TableBlock/Tokens/index.vue
+++ b/src/pages/TableBlock/Tokens/index.vue
@@ -4,14 +4,14 @@
-