From 41ee9ada74f8199bc84e52ccf5756077f4d75b49 Mon Sep 17 00:00:00 2001 From: yangduo Date: Thu, 4 Jul 2024 17:18:46 +0800 Subject: [PATCH] =?UTF-8?q?=E7=8E=A9=E5=AE=B6=E6=9F=A5=E8=AF=A2=E3=80=81?= =?UTF-8?q?=E5=95=86=E4=B8=9A=E4=BF=A1=E6=81=AF=E6=9F=A5=E8=AF=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/nft.js | 26 +++ src/api/player.js | 26 +++ src/main.js | 12 + src/router/index.js | 61 ++++- src/utils/directive/index.js | 14 ++ src/views/nft/nftquery.vue | 274 ++++++++++++++++++++++ src/views/nft/orderquery.vue | 284 +++++++++++++++++++++++ src/views/nft/salequery.vue | 246 ++++++++++++++++++++ src/views/player/bagquery.vue | 210 +++++++++++++++++ src/views/player/heroesquery.vue | 345 ++++++++++++++++++++++++++++ src/views/player/info.vue | 379 +++++++++++++++++++++++++++++++ 11 files changed, 1875 insertions(+), 2 deletions(-) create mode 100644 src/api/nft.js create mode 100644 src/api/player.js create mode 100644 src/utils/directive/index.js create mode 100644 src/views/nft/nftquery.vue create mode 100644 src/views/nft/orderquery.vue create mode 100644 src/views/nft/salequery.vue create mode 100644 src/views/player/bagquery.vue create mode 100644 src/views/player/heroesquery.vue create mode 100644 src/views/player/info.vue diff --git a/src/api/nft.js b/src/api/nft.js new file mode 100644 index 0000000..cbb599d --- /dev/null +++ b/src/api/nft.js @@ -0,0 +1,26 @@ +import request from '@/utils/request' + +// 获取用户信息 +export function getOrderInfo(data, cursor, pagesize) { + return request({ + url: '/nft/orderquery?cursor=' + cursor + '&page_size=' + pagesize, + method: 'post', + data + }) +} + +export function getSaleInfo(data, cursor, pagesize) { + return request({ + url: '/nft/salequery?cursor=' + cursor + '&page_size=' + pagesize, + method: 'post', + data + }) +} + +export function getNFTInfo(data, cursor, pagesize) { + return request({ + url: '/nft/nftquery?cursor=' + cursor + '&page_size=' + pagesize, + method: 'post', + data + }) +} diff --git a/src/api/player.js b/src/api/player.js new file mode 100644 index 0000000..68c19f6 --- /dev/null +++ b/src/api/player.js @@ -0,0 +1,26 @@ +import request from '@/utils/request' + +// 获取用户信息 +export function getPlayerInfo(data, cursor, pagesize) { + return request({ + url: '/player/info?cursor=' + cursor + '&page_size=' + pagesize, + method: 'post', + data + }) +} + +export function getPlayerBag(data, cursor, pagesize) { + return request({ + url: '/player/bagquery?cursor=' + cursor + '&page_size=' + pagesize, + method: 'post', + data + }) +} + +export function getPlayerHeroes(data, cursor, pagesize) { + return request({ + url: '/player/heroesquery?cursor=' + cursor + '&page_size=' + pagesize, + method: 'post', + data + }) +} diff --git a/src/main.js b/src/main.js index 2c8689e..5561661 100644 --- a/src/main.js +++ b/src/main.js @@ -54,3 +54,15 @@ new Vue({ i18n, render: h => h(App) }) + +Vue.directive('table-scroll-load', { + bind(el, binding) { + const selectWrap = el.querySelector('.el-table__body-wrapper') + selectWrap.addEventListener('scroll', function() { + // 判断是否滚动到底部 + if (this.clientHeight + this.scrollTop + 3 >= this.scrollHeight) { + binding.value() + } + }) + } +}) diff --git a/src/router/index.js b/src/router/index.js index 5160f63..4c8e5c1 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -161,8 +161,65 @@ export const constantRoutes = [ hidden: true } ] - }, - { + }, { + path: '/player', + component: Layout, + redirect: '/index', + meta: { + title: '玩家信息查询', + icon: 'user' + }, + children: [ + { + path: 'info', + component: () => import('@/views/player/info'), + name: 'playerinfo', + meta: { title: '玩家查询' }, + hidden: false + }, { + path: 'bagquery', + component: () => import('@/views/player/bagquery'), + name: 'bagquery', + meta: { title: '玩家背包查询' }, + hidden: false + }, { + path: 'heroesquery', + component: () => import('@/views/player/heroesquery'), + name: 'heroesquery', + meta: { title: '玩家英雄查询' }, + hidden: false + } + ] + }, { + path: '/nft', + component: Layout, + redirect: '/index', + meta: { + title: '商业信息查询', + icon: 'shopping' + }, + children: [ + { + path: 'orderquery', + component: () => import('@/views/nft/orderquery'), + name: 'orderquery', + meta: { title: '订单查询' }, + hidden: false + }, { + path: 'salequery', + component: () => import('@/views/nft/salequery'), + name: 'salequery', + meta: { title: '售卖查询' }, + hidden: false + }, { + path: 'nftquery', + component: () => import('@/views/nft/nftquery'), + name: 'nftquery', + meta: { title: 'NFT查询' }, + hidden: false + } + ] + }, { path: '*', // 匹配未定义的路由 redirect: '/404'// 重定向 } diff --git a/src/utils/directive/index.js b/src/utils/directive/index.js new file mode 100644 index 0000000..f7b843d --- /dev/null +++ b/src/utils/directive/index.js @@ -0,0 +1,14 @@ +import { StreamPagination } from './streampagination' + +const directive = { + StreamPagination +} + +export default { + install(app) { + // 注册指令 + Object.keys(directive).forEach(key => { + app.directive(key, directive[key]) + }) + } +} diff --git a/src/views/nft/nftquery.vue b/src/views/nft/nftquery.vue new file mode 100644 index 0000000..7e3a31b --- /dev/null +++ b/src/views/nft/nftquery.vue @@ -0,0 +1,274 @@ + + + + diff --git a/src/views/nft/orderquery.vue b/src/views/nft/orderquery.vue new file mode 100644 index 0000000..d13a529 --- /dev/null +++ b/src/views/nft/orderquery.vue @@ -0,0 +1,284 @@ + + + + diff --git a/src/views/nft/salequery.vue b/src/views/nft/salequery.vue new file mode 100644 index 0000000..6b2dffd --- /dev/null +++ b/src/views/nft/salequery.vue @@ -0,0 +1,246 @@ + + + + diff --git a/src/views/player/bagquery.vue b/src/views/player/bagquery.vue new file mode 100644 index 0000000..0a4325a --- /dev/null +++ b/src/views/player/bagquery.vue @@ -0,0 +1,210 @@ + + + + diff --git a/src/views/player/heroesquery.vue b/src/views/player/heroesquery.vue new file mode 100644 index 0000000..7c53af0 --- /dev/null +++ b/src/views/player/heroesquery.vue @@ -0,0 +1,345 @@ + + + + diff --git a/src/views/player/info.vue b/src/views/player/info.vue new file mode 100644 index 0000000..eb738cb --- /dev/null +++ b/src/views/player/info.vue @@ -0,0 +1,379 @@ + + + +