lanyuanxiaoyao/leopard
1
0
Fork 0
Code Activity

feat: 增加股票集展示

Browse Source
This commit is contained in:
兰缘小妖
2025-09-17 18:24:05 +08:00
parent f8ee51c0ed
commit 5953c9b9f2
12 changed files with 448 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
leopard-web/src/index.tsx
View File

@@ -14,6 +14,7 @@ import TaskScheduleList from './pages/task/TaskScheduleList.tsx'
import TaskScheduleSave from './pages/task/TaskScheduleSave.tsx'
import StockCollectionList from './pages/stock/StockCollectionList.tsx'
import TaskDetail from './pages/task/TaskDetail.tsx'
import StockCollectionDetail from './pages/stock/StockCollectionDetail.tsx'
const routes: RouteObject[] = [
{
@@ -46,6 +47,10 @@ const routes: RouteObject[] = [
path: 'list',
Component: StockCollectionList,
},
{
path: 'detail/:id',
Component: StockCollectionDetail,
},
],
},
],

30
leopard-web/src/pages/stock/StockCollectionDetail.tsx Normal file
View File

@@ -0,0 +1,30 @@
import React from "react"
import {amisRender, commonInfo, crudCommonOptions, paginationTemplate, stockListColumns} from '../../util/amis.tsx'
import {useNavigate, useParams} from 'react-router'
function StockCollectionDetail() {
const navigate = useNavigate()
const {id} = useParams()
return (
<div className="stock-collection-detail">
{amisRender(
{
type: 'page',
title: '股票集详情',
initApi: `get:${commonInfo.baseUrl}/stock_collection/detail/${id}`,
body: [
{
type: 'crud',
source: '${stocks}',
...crudCommonOptions(),
...paginationTemplate(15, undefined, ['filter-toggler']),
columns: stockListColumns(navigate),
}
]
}
)}
</div>
)
}
export default React.memo(StockCollectionDetail)

65
leopard-web/src/pages/stock/StockCollectionList.tsx
View File

@@ -1,8 +1,71 @@
import React from "react"
import {amisRender, commonInfo, crudCommonOptions, paginationTemplate} from '../../util/amis.tsx'
import {useNavigate} from 'react-router'
function StockCollectionList() {
const navigate = useNavigate()
return (
<div className="stock-collection-list"></div>
<div className="stock-collection-list">
{amisRender(
{
type: 'page',
title: '股票列表',
body: [
{
type: 'crud',
api: {
method: 'get',
url: `${commonInfo.baseUrl}/stock_collection/list`,
},
...crudCommonOptions(),
...paginationTemplate(15, undefined, ['filter-toggler']),
columns: [
{
name: 'name',
label: '名称',
width: 200,
},
{
name: 'description',
label: '描述',
},
{
name: 'count',
label: '股票数量',
align: 'center',
width: 100,
},
{
type: 'operation',
label: '操作',
width: 100,
buttons: [
{
type: 'action',
label: '详情',
level: 'link',
onEvent: {
click: {
actions: [
{
actionType: 'custom',
// @ts-ignore
script: (context, action, event) => {
navigate(`/stock/collection/detail/${context.props.data['id']}`)
},
},
],
},
},
},
],
},
],
},
],
},
)}
</div>
)
}

63
leopard-web/src/pages/stock/StockList.tsx
View File

@@ -3,10 +3,9 @@ import {
amisRender,
commonInfo,
crudCommonOptions,
date,
paginationTemplate,
remoteMappings,
remoteOptions,
stockListColumns,
} from '../../util/amis.tsx'
import {useNavigate} from 'react-router'
@@ -97,65 +96,7 @@ function StockList() {
},
],
},
columns: [
{
name: 'code',
label: '编号',
width: 150,
},
{
name: 'name',
label: '简称',
width: 150,
},
{
name: 'fullname',
label: '全名',
},
{
name: 'market',
label: '市场',
width: 100,
align: 'center',
...remoteMappings('stock_market', 'market'),
},
{
name: 'industry',
label: '行业',
width: 80,
},
{
label: '上市日期',
width: 100,
align: 'center',
...date('listedDate'),
},
{
type: 'operation',
label: '操作',
width: 100,
buttons: [
{
type: 'action',
label: '详情',
level: 'link',
onEvent: {
click: {
actions: [
{
actionType: 'custom',
// @ts-ignore
script: (context, action, event) => {
navigate(`/stock/detail/${context.props.data['id']}`)
},
},
],
},
},
},
],
},
],
columns: stockListColumns(navigate),
},
],
},

63
leopard-web/src/util/amis.tsx
View File

@@ -5,6 +5,7 @@ import 'amis/sdk/iconfont.css'
import '@fortawesome/fontawesome-free/css/all.min.css'
import axios from 'axios'
import {isEqual} from 'es-toolkit'
import type {NavigateFunction} from 'react-router'
export const commonInfo = {
debug: isEqual(import.meta.env.MODE, 'development'),
@@ -334,3 +335,65 @@ export function remoteMappings(name: string, field: string) {
source: `get:${commonInfo.baseUrl}/constants/mappings/${name}/${field}`,
}
}
export function stockListColumns(navigate: NavigateFunction) {
return [
{
name: 'code',
label: '编号',
width: 150,
},
{
name: 'name',
label: '简称',
width: 150,
},
{
name: 'fullname',
label: '全名',
},
{
name: 'market',
label: '市场',
width: 100,
align: 'center',
...remoteMappings('stock_market', 'market'),
},
{
name: 'industry',
label: '行业',
width: 80,
},
{
label: '上市日期',
width: 100,
align: 'center',
...date('listedDate'),
},
{
type: 'operation',
label: '操作',
width: 100,
buttons: [
{
type: 'action',
label: '详情',
level: 'link',
onEvent: {
click: {
actions: [
{
actionType: 'custom',
// @ts-ignore
script: (context, action, event) => {
navigate(`/stock/detail/${context.props.data['id']}`)
},
},
],
},
},
},
],
},
]
}