Skip to content

V
vite-react-ts-admin
Commit 2da39fad authored by 申中慧's avatar 申中慧
Browse files
Options

feat: 路由枚举配置

parent 6dcd80cd
Hide whitespace changes
Inline Side-by-side
Showing with 258 additions and 1387 deletions
.prettierrc
View file @ 2da39fad
{
"tabWidth": 2,
"semi": false,
"trailingComma": "none",
"trailingComma": "all",
"singleQuote": true,
"printWidth": 100,
"arrowParens": "avoid",
"bracketSpacing": true,
"endOfLine": "auto",
"useTabs": false,
"quoteProps": "as-needed",
......
package.json
View file @ 2da39fad
......@@ -137,4 +137,4 @@
"vite-plugin-imagemin": "^0.6.1",
"vite-plugin-mock": "^2.9.6"
}
}
\ No newline at end of file
}
public/config/combiningMenus.json
View file @ 2da39fad
......@@ -47,7 +47,7 @@
{
"name": "TB-调整抵消",
"path": "/ReportSys/trialSys/AuditAdjust",
"element": "accountAdjust",
"element": "auditAdjust",
"type": "component",
"hideInMenu": true
},
......
src/pages/trialSys/components/Nav/index.tsx → src/components/Nav/index.tsx
View file @ 2da39fad
import React, { useEffect, useMemo, useRef, useState } from 'react'
import React, { useEffect, useMemo, lazy, useRef, useState } from 'react'
import { Empty, Tabs } from 'antd'
import WebFrame from '@/pages/web_frame'
import { createMicroPageUrl } from '@/utils/pub'
import useVoteStore from '@/store/vote'
import UnitMain, { UnitMenus } from '../../UnitMain' // 单体
import MergeMain, { MergeMenus } from '../../MergeMain' // 合并
import type { TabsProps } from 'antd'
import useTabStore from '@/store/tab'
import { useNavigate } from 'react-router-dom'
import { routeMap } from '@/router'
import { NotFound } from '@/router/routes'
export type IUrlQueryType = Record<string, string>
const Nav: React.FC = props => {
const items = useVoteStore(state => state.votes)
console.log('🚀 ~ file: index.tsx:11 ~ items:', items)
const activeKey = useVoteStore(state => state.activeKey)
const setActiveKey = useVoteStore(state => state.setActiveKey)
const setItems = useVoteStore(state => state.addVotes)
const removeItems = useVoteStore(state => state.deleteVotes)
const items = useTabStore(state => state.tabs)
const activeKey = useTabStore(state => state.activeKey)
const setActiveKey = useTabStore(state => state.setActiveKey)
const setItems = useTabStore(state => state.addtabs)
const removeItems = useTabStore(state => state.deletetabs)
const newTabIndex = useRef(0)
const onChange = (newActiveKey: string) => {
......@@ -37,7 +36,6 @@ const Nav: React.FC = props => {
}
})
const newPanes = items.filter(item => item.key !== targetKey)
console.log('🚀 ~ file: index.tsx:47 ~ remove ~ items:', items)
if (newPanes.length && newActiveKey === targetKey) {
if (lastIndex >= 0) {
newActiveKey = newPanes[lastIndex].key
......@@ -49,7 +47,7 @@ const Nav: React.FC = props => {
setActiveKey(newActiveKey)
}
const onEdit = (targetKey: string, action: 'add' | 'remove') => {
const onEdit = (targetKey: any, action: 'add' | 'remove') => {
if (action === 'add') {
add()
} else {
......@@ -57,28 +55,23 @@ const Nav: React.FC = props => {
}
}
const creatTabPanes = () => {
const tabPanes: TabsProps['items'] = useMemo(() => {
return items.map(item => {
return (
<Tabs.TabPane tab={item.label} key={item.key}>
{item.url ? (
<div>
<WebFrame>
<iframe
src={createMicroPageUrl(item.url)}
style={{ height: 500, width: '100%', border: 'none' }}
/>
</WebFrame>
</div>
) : (
<div>
{!['4', '5'].includes(item.originData.mergeType) ? <MergeMain /> : <UnitMain />}
</div>
)}
</Tabs.TabPane>
)
let element = item.element as string
element = element.slice(0, 1).toUpperCase() + element.slice(1)
const Element = routeMap[element]
const pane = {
key: item.key,
label: item.label,
children: React.isValidElement(<Element></Element>) ? (
<Element></Element>
) : (
<NotFound></NotFound>
),
}
return pane
})
}
}, [items])
return (
<div>
......@@ -89,9 +82,8 @@ const Nav: React.FC = props => {
activeKey={activeKey}
onChange={onChange}
onEdit={onEdit}
>
{creatTabPanes()}
</Tabs>
items={tabPanes}
/>
</div>
)
}
......
src/initial.tsx
View file @ 2da39fad
......@@ -22,7 +22,7 @@ function wrapPromise(promise: Promise<any>) {
err => {
status = 'error'
response = err
}
},
)
const handler = {
......@@ -32,7 +32,7 @@ function wrapPromise(promise: Promise<any>) {
error: () => {
throw response
},
default: () => response
default: () => response,
}
const read = () => {
......@@ -64,7 +64,7 @@ async function getInitialState() {
userName: '',
dbname: '',
dbName: '',
DBName: ''
DBName: '',
}
try {
curUser = JSON.parse(window.localStorage?.getItem('cpasUserInfo') ?? '')
......@@ -89,12 +89,12 @@ async function getInitialState() {
DBName: '202205188806-C00014',
sjxmbh: curDataPart.projectCode,
zcbfid: '202205188806-C00014', //组成部分编号 zcbfid
ZcbfID: '202205188806-C00014' // 组成部分编号 (报告系统使用非驼峰写法字段)
ZcbfID: '202205188806-C00014', // 组成部分编号 (报告系统使用非驼峰写法字段)
}
// 修改本地session的存值
const electronSession = {
params: curPart,
session: 'persist:local'
session: 'persist:local',
}
window.sessionStorage.setItem('electronParams', JSON.stringify(electronSession))
const initialState = {
......@@ -102,7 +102,7 @@ async function getInitialState() {
menuJson: menuJsonData,
curUser: curUser,
sysName: 'main',
curPart
curPart,
}
// 存储到session
createSessionStorage.set('@@initialState', initialState)
......@@ -111,15 +111,18 @@ async function getInitialState() {
console.log('🚀 ~ file: main.tsx:69 ~ 初始化state成功:', initialState)
return initialState
}
// 统计初始化配置的时间
const start = performance.now()
const resource = wrapPromise(getInitialState())
const end = performance.now()
console.info('Initial State Cost time', `${end - start}ms`)
interface InitialProps {
children?: ReactElement
}
const Initail: React.FC<InitialProps> = ({ children }) => {
const Initial: React.FC<InitialProps> = ({ children }) => {
const data = resource.read()
console.log('🚀 ~ file: initial.tsx:119 ~ Initail ~ data:', data)
return <>{children}</>
}
export default Initail
export default Initial
src/layout/index.tsx
View file @ 2da39fad
......@@ -16,12 +16,12 @@ import { CheckCircleOutlined } from '@ant-design/icons'
import { getCurProjectInfo } from '@/services/csService'
import { showSelectProjectInfoDialog } from '@/components/csDialog'
import useGlobalStore from '@/store/global'
import { SmileOutlined, HeartOutlined, FrownOutlined } from '@ant-design/icons'
import type { MenuProps } from 'antd'
import { MailOutlined } from '@ant-design/icons'
import type { Settings as LayoutSettings } from '@ant-design/pro-layout'
import type { SizeType } from 'antd/es/config-provider/SizeContext'
import type { InputRef } from 'antd'
import usetabStore from '@/store/tab'
import Nav from '@/components/Nav'
type MenuItem = Required<MenuProps>['items'][number]
// 登录路由，这个比较特殊
......@@ -74,21 +74,18 @@ export function layoutLinks(initialState: InitState): React.ReactNode[] {
{' '}
{projectInfo.projectCode || '请选择项目'}
</span>
</Button>
</Button>,
]
}
export function getSysName(pathname: string): SysName {
return pathname.startsWith('/audit/') ? 'audit' : 'main'
}
const IconMap: { [key: string]: React.ReactNode } = {
smile: <SmileOutlined />,
heart: <HeartOutlined />,
frown: <FrownOutlined />
}
const LayoutPage: React.FC = () => {
const { initialState } = useGlobalStore()
const addtabs = usetabStore(state => state.addtabs)
const activeKey = usetabStore(state => state.activeKey)
const setActiveKey = usetabStore(state => state.setActiveKey)
const { menuJson: menuList = [] } = initialState
console.log('🚀 ~ file: index.tsx:150 ~ menuList:', menuList)
......@@ -103,6 +100,13 @@ const LayoutPage: React.FC = () => {
}
}, [navigate, location])
useEffect(() => {
if (activeKey) {
setPathname(activeKey)
navigate(activeKey)
}
}, [activeKey])
// const initMenuList = menu => {
// const MenuListAll: MenuChild[] = []
// menu.forEach(m => {
......@@ -124,7 +128,7 @@ const LayoutPage: React.FC = () => {
const m = menus.map(({ icon, children, ...item }) => ({
...item,
icon: icon && getIcon(icon),
children: children && loopMenuItem(children)
children: children && loopMenuItem(children),
}))
return m
......@@ -141,7 +145,7 @@ const LayoutPage: React.FC = () => {
? {
hide: true,
headerHeight: 0,
childrenRender: initialState && initialState?.curUser ? MicroPage : undefined
childrenRender: initialState && initialState?.curUser ? MicroPage : undefined,
}
: {}
// const menuItems: MenuItem[] = parseMenu(reduceRoute(menuJson))
......@@ -160,7 +164,7 @@ const LayoutPage: React.FC = () => {
links: layoutLinks(initialState),
// 水印
waterMarkProps: {
content: initialState?.curUser?.usercode
content: initialState?.curUser?.usercode,
},
// siderWidth: typeof SIDER_WIDTH !== 'undefined' ? SIDER_WIDTH : 208,
//siderWidth: initialState && initialState.siderWidth === 0 ? 0 : 208,
......@@ -168,13 +172,14 @@ const LayoutPage: React.FC = () => {
// headerHeight: 43, // 48->43解决最外层有滚动条的问题 add by csb 20230221
headerHeight: 0, // 去掉logo，这里直接设置为0. add by szh 20230905
childrenRender: initialState && initialState?.curUser ? PageTab : undefined,
// childrenRender: initialState && initialState?.curUser ? Nav : undefined,
rightContentRender: () => <RightContent />, //不要皮肤\登录\等信息
// links: layoutLinks(),
menuHeaderRender: undefined,
// 自定义 403 页面
unAccessible: <div>unAccessible</div>,
...inPlatformLayout,
...isMicroPageLayout
...isMicroPageLayout,
}
console.log('🚀 ~ file: LayoutConfig.tsx:197 ~ layoutSetting:', layoutSetting)
......@@ -191,13 +196,22 @@ const LayoutPage: React.FC = () => {
const { sjxmbh, ZcbfID } = sessionParams.params
const password = window.main.cryptoUtil(userInfo.aesPassword)
console.log(
`cpas://OpenLocalFile/?fileName=${path}&params=UserCode=${userCode} UserPwd=${password} ProjectCode=${sjxmbh} ZcbfID=${ZcbfID}&workDir=./SysBPL`
`cpas://OpenLocalFile/?fileName=${path}&params=UserCode=${userCode} UserPwd=${password} ProjectCode=${sjxmbh} ZcbfID=${ZcbfID}&workDir=./SysBPL`,
)
window.location.href = `cpas://OpenLocalFile/?fileName=${path}&params=UserCode=${userCode} UserPwd=${password} ProjectCode=${sjxmbh} ZcbfID=${ZcbfID}&workDir=./SysBPL`
} else {
console.error('window["electronComponents"] false')
}
} else {
// 添加到
addtabs({
key: params.key,
path: params.path,
closable: params.closable,
label: params.name,
element: params.element,
})
setActiveKey(params.key)
navigate(params?.path)
}
}
......@@ -205,7 +219,7 @@ const LayoutPage: React.FC = () => {
<ProLayout
{...Settings}
location={{
pathname
pathname,
}}
breadcrumbRender={undefined}
onPageChange={params => {
......@@ -226,9 +240,8 @@ const LayoutPage: React.FC = () => {
{...layoutSetting}
menuDataRender={() => loopMenuItem(menuList)}
>
{/* <PageContainer> */}
<Outlet />
{/* </PageContainer> */}
<Nav></Nav>
{/* <Outlet /> */}
</ProLayout>
)
}
......
src/main.tsx
View file @ 2da39fad
......@@ -4,18 +4,18 @@ import { HashRouter } from 'react-router-dom'
import App from './App'
import SuspenceFallbackLoading from '@/layout/suspenceFallback'
import Initail from './initial'
import Initial from './initial'
import './app.less'
const root = document.getElementById('root') as HTMLElement
ReactDOM.createRoot(root).render(
// <React.StrictMode>
<Suspense fallback={<SuspenceFallbackLoading></SuspenceFallbackLoading>}>
<Initail>
<Initial>
<HashRouter>
<App />
</HashRouter>
</Initail>
</Initial>
</Suspense>
// </React.StrictMode>
)
src/pages/trialSys/Detail/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import { useState, useEffect, useContext, useMemo } from 'react';
import { Tabs, Menu, Button } from 'antd';
import type { MenuProps } from 'antd';
import { history } from 'umi';
import { mainRenderer } from '@/utils/electronUtil';
import { APP_NAME, getQueryParams } from '@/utils';
import { createMicroPageUrl } from '@/utils/pub';
import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons';
type MenuItem = Required<MenuProps>['items'][number];
export const getDetailMenus = () => [
{
key: 'statementData',
label: '报表项目基础数据',
url: createMicroPageUrl('/ReportSys/StatementData'),
},
{
key: 'unFinancialStatements',
label: '未审财务报表',
url: createMicroPageUrl('/ReportSys/unFinancialStatements'),
},
{
label: '审定财务报表',
key: 'approvedFinance',
url: createMicroPageUrl('/ReportSys/approvedFinance'),
},
];
export interface BalanceDetailProps { }
const creatTabPanes = () => {
return getDetailMenus().map((item, index) => {
const key = String(index);
return (
<Tabs.TabPane tab={item.label} key={key}>
<h5>我是展位符</h5>
</Tabs.TabPane>
);
});
};
const items: MenuProps['items'] = [
{
label: '报表项目基础数据',
key: '0',
},
{
label: '未审报表',
key: 'sub1',
children: [
{
label: '未审报表',
key: '1',
},
{
label: '未审报表',
key: '2',
},
{
label: '未审报表',
key: '3',
},
],
},
{
label: 'TB汇总',
key: 'sub2',
children: [
{
label: 'TB',
key: '4',
},
],
},
];
// submenu keys of first level
const rootSubmenuKeys = ['sub1', 'sub2', 'sub4'];
const BalanceDetail: React.FC<BalanceDetailProps> = () => {
const search = getQueryParams(history.location.search);
const { groupId = '' } = search;
const [collapsed, setCollapsed] = useState(true);
const [inlineIndent, setInlineIndent] = useState(10);
const toggleCollapsed = () => {
// setCollapsed(!collapsed);
};
const onClick: MenuProps['onClick'] = (e) => {
console.log('click ', e);
const activeKey = e.key;
mainRenderer('updateBalance', {
id: groupId,
appName: APP_NAME,
activeInx: Number(activeKey),
});
};
function onChange(activeKey: string) {
mainRenderer('updateBalance', {
id: groupId,
appName: APP_NAME,
activeInx: Number(activeKey),
});
}
return (
<div className="h-screen px-4">
{/* <Button type="primary" onClick={toggleCollapsed} style={{ marginBottom: 16 }}>
{collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}
</Button> */}
<Tabs onChange={onChange}>{creatTabPanes()}</Tabs>
{/* <Menu
mode="inline"
onClick={onClick}
items={items}
/> */}
</div>
);
};
export default BalanceDetail;
src/pages/trialSys/MergeMain/ApprovedFinancialStatements/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import React from 'react';
interface ApprovedFinancialStatementsProps {}
const ApprovedFinancialStatements: React.FC<ApprovedFinancialStatementsProps> = (props) => {
return (
<div>
<h1>审定报表</h1>
</div>
);
};
export default ApprovedFinancialStatements;
src/pages/trialSys/MergeMain/RelatedTransactions/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import React from 'react';
interface RelatedTransactionsProps {}
const RelatedTransactions: React.FC<RelatedTransactionsProps> = (props) => {
return <div />;
};
export default RelatedTransactions;
src/pages/trialSys/MergeMain/ReportGeneration/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import React from 'react';
interface ReportGenerationProps {}
const ReportGeneration: React.FC<ReportGenerationProps> = (props) => {
// 组件实现
// ...
return (
<div>
<h1>报告生成</h1>
</div>
);
};
export default ReportGeneration;
src/pages/trialSys/MergeMain/TBSummary/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
export default function TBSummary() {
return <h1>TB 汇总</h1>;
}
src/pages/trialSys/MergeMain/UnauditedFinancialStatements/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
export default function UnauditedFinancialStatements() {
return <>我是未审财务报表React组件页面</>;
}
src/pages/trialSys/MergeMain/enums.ts deleted 100644 → 0
View file @ 6dcd80cd
export enum ReportType {
BaseData = 'baseData',
UnapprovedFinancialStatements = 'unapprovedFinancialStatements',
TBSummary = 'tbSummary',
RelatedTransactions = 'relatedTransactions',
ApprovedFinancialStatements = 'approvedFinancialStatements',
ReportGeneration = 'reportGeneration',
}
export const MergeMenus = [
{
label: '报表基础数据',
key: ReportType.BaseData,
},
{
label: '未审报表',
key: 'SubMenu',
children: [
{
label: '未审财务报表',
key: ReportType.UnapprovedFinancialStatements,
},
],
},
{
label: 'TB汇总',
key: ReportType.TBSummary,
},
{
label: '长投及关联交易',
key: ReportType.RelatedTransactions,
},
{
label: '审定报表',
key: ReportType.ApprovedFinancialStatements,
},
{
label: '报告生成',
key: ReportType.ReportGeneration,
},
];
src/pages/trialSys/MergeMain/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import React, { useEffect, useMemo, useState } from 'react';
import BaseData from '../BaseData';
import UnapprovedFinancialStatements from './UnauditedFinancialStatements';
import { Tabs } from 'antd';
import WebFrame from '@/pages/web_frame';
import { createMicroPageUrl } from '@/utils/pub';
import { history } from 'umi';
interface MergeMainProps {}
export const MergeMenus = [
{
key: 'groupStructure',
label: <span>集团组织架构</span>,
url: '/groupStructure',
},
{
key: 'ac6',
label: (
<span>
IAS函证工具<em className="text-blue-500">(一层标签)</em>
</span>
),
// children: <RelatedTransactions />,
url: 'http://192.168.0.100:8086/cpas-cloud/ac6/?hideHeader=1',
},
];
const creatTabPanes = () => {
return MergeMenus.map((item) => {
return (
<Tabs.TabPane tab={item.label} key={item.key}>
{item.url ? (
<>
<WebFrame>
<iframe
src={createMicroPageUrl(item.url)}
style={{ height: 500, width: '100%', border: 'none' }}
/>
</WebFrame>
</>
) : (
item?.children || ''
)}
</Tabs.TabPane>
);
});
};
const MergeMain: React.FC<MergeMainProps> = (props) => {
const query = history.location.query;
console.log('🚀 ~ file: index.tsx:56 ~ history:', history.location);
return <Tabs>{creatTabPanes()}</Tabs>;
};
export default MergeMain;
src/pages/trialSys/UnitMain/BaseData/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import React, { useEffect } from 'react';
interface BaseDataProps {
// 属性类型定义
// ...
}
const BaseData: React.FC<BaseDataProps> = (props) => {
return (
<div>
<h3>我是React组件页面</h3>
{/* JSX 结构 */}
{/* ... */}
</div>
);
};
export default BaseData;
src/pages/trialSys/UnitMain/RelatedTransactions/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import React from 'react';
interface RelatedTransactionsProps {
// 属性类型定义
// ...
}
const RelatedTransactions: React.FC<RelatedTransactionsProps> = (props) => {
// 组件实现
// ...
return (
<div>
<h3>我是React组件页面</h3>
{/* JSX 结构 */}
{/* ... */}
</div>
);
};
export default RelatedTransactions;
src/pages/trialSys/UnitMain/TB/Annotation/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import React from 'react';
interface AnnotationProps {
// 属性类型定义
// ...
}
const Annotation: React.FC<AnnotationProps> = (props) => {
// 组件实现
// ...
return (
<div>
<h3>我是附注React组件页面</h3>
{/* JSX 结构 */}
{/* ... */}
</div>
);
};
export default Annotation;
src/pages/trialSys/UnitMain/TB/OffsetAdjustment/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import React from 'react';
interface OffsetAdjustmentProps {
// 属性类型定义
// ...
}
const OffsetAdjustment: React.FC<OffsetAdjustmentProps> = (props) => {
// 组件实现
// ...
return (
<div>
<h3>我是调整抵消React组件页面</h3>
{/* JSX 结构 */}
{/* ... */}
</div>
);
};
export default OffsetAdjustment;
src/pages/trialSys/UnitMain/TB/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import { useState, useEffect, useContext, useMemo } from 'react';
import { Tabs } from 'antd';
import WebFrame from '@/pages/web_frame';
import { createMicroPageUrl } from '@/utils/pub';
// import NavigationBar from '@/pages/components/NavigationBar';
import { history } from 'umi';
import OffsetAdjustment from './OffsetAdjustment';
import Annotation from './Annotation';
export const TBMenus = [
{
key: 'ac6',
label: 'IAS函证工具',
url: 'http://192.168.0.100:8086/cpas-cloud/ac6/?hideHeader=1',
},
{
key: 'OffsetAdjustment',
label: '调整抵消',
children: <OffsetAdjustment />,
},
{
key: 'AnnotationPenetration',
label: '附注穿透',
url: 'https://juejin.cn/course',
},
{
key: 'Annotation',
label: (
<span>
附注<em className="text-blue-500">(二层标签)</em>
</span>
),
children: <Annotation />,
},
];
export interface UnitMainProps {}
const creatTabPanes = () => {
return TBMenus.map((item) => {
return (
<Tabs.TabPane tab={item.label} key={item.key}>
{item.url ? (
<>
<WebFrame>
<iframe
src={createMicroPageUrl(item.url)}
style={{ height: 500, width: '100%', border: 'none' }}
/>
</WebFrame>
</>
) : (
item?.children || ''
)}
</Tabs.TabPane>
);
});
};
// 单体
const TBMain: React.FC<UnitMainProps> = (props) => {
// const { currentGroupInfo } = useGroupParamsContext();
const query = history.location.query;
console.log('🚀 ~ file: index.tsx:56 ~ history:', history.location);
return <Tabs>{creatTabPanes()}</Tabs>;
};
export default TBMain;
src/pages/trialSys/UnitMain/enums.ts deleted 100644 → 0
View file @ 6dcd80cd
export enum ReportType {
BaseData = '报表基础数据',
TB = 'TB',
RelatedTransactions = '关联交易',
}
export enum TBRootType {
TB = 'TB',
AnnotationPenetration = '附注穿透',
OffsetAdjustment = '调整抵消',
Annotation = '附注',
}
export const UnitMenus = [
{
label: '报表基础数据',
key: ReportType.BaseData,
},
{
label: 'TB',
key: ReportType.TB,
},
{
label: '关联交易',
key: ReportType.RelatedTransactions,
},
];
src/pages/trialSys/UnitMain/index.bat deleted 100644 → 0
View file @ 6dcd80cd
import { useState, useEffect, useContext, useMemo } from 'react';
import BaseData from './BaseData'; // 报表基础数据
import RelatedTransactions from './RelatedTransactions'; //
// import { useGroupParamsContext } from '../hooks/useGroupParamsContext';
// import NavigationBar from '@/pages/components/NavigationBar';
export const UnitMenus = (groupId) => {
return [
{
key: 'BaseData',
label: '报表基础数据',
children: <BaseData />,
},
{
key: 'TB',
label: 'TB',
url: `/mircopage/TB?groupId=${groupId}`,
},
{
key: 'RelatedTransactions',
label: '关联交易',
children: <RelatedTransactions />,
},
];
};
export interface UnitMainProps {}
const UnitMain: React.FC<UnitMainProps> = (props) => {
return <div />;
};
export default UnitMain;
src/pages/trialSys/UnitMain/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import { useState, useEffect, useContext, useMemo } from 'react';
import BaseData from './BaseData'; // 报表基础数据
import RelatedTransactions from './RelatedTransactions'; // 关联交易
import TB from './TB'; // 关联交易
import { Tabs } from 'antd';
import { useGroupParamsContext } from '../hooks/useGroupParamsContext';
import WebFrame from '@/pages/web_frame';
import { createMicroPageUrl } from '@/utils/pub';
// import NavigationBar from '@/pages/components/NavigationBar';
import { history } from 'umi';
export const UnitMenus = [
{
key: 'BaseData',
label: '报表基础数据',
children: <BaseData />,
},
{
key: 'TB',
label: 'TB汇总',
children: <TB />,
},
{
key: 'RelatedTransactions',
label: (
<span>
关联交易<em className="text-blue-600">(一层标签)</em>
</span>
),
children: <RelatedTransactions />,
},
];
export interface UnitMainProps {}
const creatTabPanes = () => {
return UnitMenus.map((item) => {
return (
<Tabs.TabPane tab={item.label} key={item.key}>
{item.url ? (
<>
<WebFrame>
<iframe
src={createMicroPageUrl(item.url)}
style={{ height: 500, width: '100%', border: 'none' }}
/>
</WebFrame>
</>
) : (
item?.children || ''
)}
</Tabs.TabPane>
);
});
};
// 单体
const UnitMain: React.FC<UnitMainProps> = (props) => {
// const { currentGroupInfo } = useGroupParamsContext();
const query = history.location.query;
console.log('🚀 ~ file: index.tsx:56 ~ history:', history.location);
return <Tabs>{creatTabPanes()}</Tabs>;
};
export default UnitMain;
src/pages/trialSys/constant.ts deleted 100644 → 0
View file @ 6dcd80cd
const prefix = '__GROUPINFO__';
const project = 'COMBINE';
export const GROUPINFO = project + prefix;
export const mergeTypeValue = {
1: '合并层',
2: '差异表',
3: '母分合并',
4: '分公司',
5: '子公司',
6: '本级',
};
src/pages/trialSys/hooks/useGroupParamsContext.ts deleted 100644 → 0
View file @ 6dcd80cd
import React, { createContext, useContext } from 'react';
interface GroupParamsContextProps {
queryParams: Record<string, string | undefined>;
currentGroupInfo: Record<string, string | undefined>;
setQueryParams: (newParams: Record<string, string | undefined>) => void;
}
export const GroupParamsContext = createContext<GroupParamsContextProps>({
queryParams: {},
currentGroupInfo: {},
setQueryParams: () => {},
});
export const useGroupParamsContext = () => {
return useContext(GroupParamsContext);
};
src/pages/trialSys/index copy.bat deleted 100644 → 0
View file @ 6dcd80cd
import React, { useEffect, useState, useRef, useMemo, useCallback } from 'react';
import { useModel, history, useParams, useLocation } from 'umi';
import { Button, Divider, Empty } from 'antd';
// import SplitPane from '@/components/SplitPanel';
import pathToRegex from 'path-to-regexp';
import { LoadPanel } from 'devextreme-react/load-panel';
import { LayoutB, DevTree } from '~/public/cpas-ui';
// import type { DevTreeDefaultHoc } from '~/public/cpas-ui';
import NavigationBar from '../components/NavigationBar';
// import { TreeView } from 'devextreme-react/tree-view';
// import { msgError } from '../msg';
// import { LayoutAB } from '~/public/cpas-business';
import { isJSONStr } from '@/utils/pub';
import getIcon, { TreeFileIdIcon, TreeFilePidIcon } from '@/utils/icon';
import UnitMain, { UnitMenus } from './UnitMain'; // 单体
import MergeMain, { MergeMenus } from './MergeMain'; // 合并
import * as constant from './constant';
import { CpasIcon, DevPopup } from '~/public/cpas-ui';
// import { ds } from './test-data'; // 测试数据，接口为ready前开发使用
import type { QueryParamsType } from './type';
import { GroupParamsContext } from './hooks/useGroupParamsContext';
import service from '../groupStructure/service';
import Toolbar, { Item as ToolbarItem } from 'devextreme-react/ui/toolbar';
import Drawer from 'devextreme-react/ui/drawer';
import TreeView from 'devextreme-react/tree-view';
import TextBox from 'devextreme-react/text-box';
import classnames from 'classnames';
import DxButton from 'devextreme-react/ui/button';
import { getIsHideHeader, getGuid } from '@/utils/pub';
interface PathParams {
groupId: string;
}
function getParams(location: Location): PathParams {
const ret: PathParams = { groupId: '' };
const regx = pathToRegex('/trialBalance/:id');
const tokens = regx.exec(location.pathname);
if (tokens && tokens[1]) {
ret.groupId = tokens[1];
}
return ret;
}
const TrialBalance = () => {
const { initialState } = useModel('@@initialState');
const { projectCode, dbName } = initialState?.curPart;
const location = useLocation();
const [actionLoading, setActionLoading] = useState(false);
const [opened, setOpened] = useState(true);
const [headerName, setHeaderName] = useState('');
const devTreeRef = useRef<any>();
const [groupDs, setGroupDs] = useState<any[]>([]);
const [queryParams, setQueryParams] = useState<QueryParamsType>({});
const [currentGroupInfo, setCurrentGroupInfo] = useState<any>({});
useEffect(() => {
pullGroupData();
getDataFromUrlSearch();
}, []);
async function pullGroupData() {
setActionLoading(true);
const ret = await service.getGroupPartTreeList({
projectCode,
dbName,
pageNum: 1,
pageSize: 500,
searchText: '',
});
if (ret.success) {
const rows: any[] = ret.data.rows; //成功一定有值
const transRows = rows.map((row) => {
return {
...row,
expanded: !row.parentId, // 默认展开第一级
};
});
setGroupDs(transRows);
rollbackGroupInfo(transRows);
}
setActionLoading(false);
}
/**
* 获取缓存的groupInfo信息
*/
function rollbackGroupInfo(data) {
const { groupId = '' } = getParams(location as any);
if (groupId) {
let groupInfo = null;
const info = window.sessionStorage.getItem(constant.GROUPINFO) as string;
if (isJSONStr(info)) {
groupInfo = JSON.parse(info);
}
if (groupInfo && groupId === groupInfo.guid) {
setCurrentGroupInfo(groupInfo);
// if (devTreeRef.current) {
// devTreeRef.current.treeRef.current.instance.selectItem(groupInfo.guid);
// }
// 回填更新数据
handleNodeClick(groupInfo, data);
}
} else {
window.sessionStorage.removeItem(constant.GROUPINFO);
setCurrentGroupInfo({});
setQueryParams({});
}
}
function onItemClick(e) {
const itemData = e.itemData;
if (itemData) {
window.sessionStorage.setItem(constant.GROUPINFO, JSON.stringify(itemData));
setCurrentGroupInfo(itemData);
setHeaderName(formatShortName(itemData));
setQueryParams({});
console.log('🚀 ~ file: index.tsx:118 ~ onItemClick ~ setQueryParams路由:', queryParams);
history.push({ pathname: `/trialBalance/${itemData.guid}` });
}
}
function handleNodeClick(itemData, data = []) {
const clickedItemId = itemData.guid;
const updatedData = data.map((item) => {
return { ...item, selected: item.guid === clickedItemId };
});
setGroupDs(updatedData);
}
function getDataFromUrlSearch() {
const query = history.location.query;
if (query) {
setQueryParams(query);
}
}
// 区分是合并组还是单体
const isMergeGroup = useMemo(() => {
return !['4', '5'].includes(currentGroupInfo.mergeType);
}, [currentGroupInfo]);
//简称显示值
function shortNameCellRender(cellData: any) {
let value: string = cellData.shortName;
// value += ' isEend=' + cellData.data.isEnd;
const mergerType = cellData?.mergeType;
if (cellData.mergeType != undefined && cellData.mergeType != null) {
const mergeTypeText = constant.mergeTypeValue[mergerType];
if (mergeTypeText) value += '(' + mergeTypeText + ')';
}
const className = 'mergerType-' + mergerType;
const isNew =
cellData.isNew == 1 ? (
<span style={{ marginLeft: 5, color: 'red' }}>
<CpasIcon type="icon-NEW-copy" fontSize={18} />
</span>
) : null; // cellData.data.isNew == 1 ? getDevIcon('icon-PDF') : '';
return (
<>
{cellData.parentId ? <TreeFileIdIcon fillColor="red" /> : <TreeFilePidIcon />}
<span className={className}>{value}</span>
{isNew}
</>
);
}
function formatShortName(cellData) {
return `${cellData.shortName}(${constant.mergeTypeValue[cellData.mergeType]})`;
}
const itemTemplate = (item) => {
return shortNameCellRender(item);
};
const getTreeListHeight = () => {
const offset = getIsHideHeader() ? 0 : 45;
const AudTab = 36;
const toolBarHeight = document.querySelector('.dx-toolbar')?.clientHeight ?? 0;
return window.innerHeight - toolBarHeight - AudTab - offset - 24;
};
console.log('getTreeListHeight()', getTreeListHeight());
const treeViewContent = useMemo(() => {
return (
<div className="bg-white overflow-auto">
{/* <DevTree.Default
id="treeViewIdone"
ref={devTreeRef}
dataSource={groupDs}
width={300}
height={'calc(100vh - 60px)'}
dataStructure="plain"
autoExpandAll={false}
showRowLines={true}
showBorders={true}
columnAutoWidth={true}
displayExpr="shortName"
keyExpr="guid"
parentIdExpr="parentId"
expandAllEnabled={true}
onItemClick={onItemClick}
itemRender={itemTemplate}
/> */}
<TreeView
id="simple-treeview"
style={{
overflow: 'auto',
}}
height={getTreeListHeight()}
items={groupDs}
dataStructure="plain"
displayExpr="shortName"
keyExpr="guid"
parentIdExpr="parentId"
width={340}
virtualModeEnabled={true}
searchMode={'contains'}
searchEnabled={true}
itemRender={itemTemplate}
onItemClick={onItemClick}
noDataText={'<div style="text-align: center;margin-top: 16px;">数据查询失败</div>'}
/>
</div>
);
}, [groupDs]);
const DrawerContent = () => {
return <>{treeViewContent}</>;
};
const renderHeaderName = useCallback(() => {
return <h4>{headerName}</h4>;
}, [headerName]);
const contextValue = {
currentGroupInfo,
queryParams,
setQueryParams,
};
console.log('queryParams---main', queryParams);
console.log('headerName---main', headerName);
// 'push', 'shrink', 'overlap'
return (
<div className="p-4">
<Toolbar className="mb-4">
<ToolbarItem location="before" locateInMenu="never">
<DxButton
onClick={() => {
setOpened(!opened);
}}
>
{opened ? getIcon('icon-menu-fold') : getIcon('icon-menu-unfold')}
</DxButton>
</ToolbarItem>
<ToolbarItem location="center" locateInMenu="never" render={renderHeaderName} />
</Toolbar>
<Drawer
opened={opened}
openedStateMode={'shrink'}
position={'left'}
closeOnOutsideClick={() => {
setOpened(false);
return false;
}}
component={DrawerContent}
>
<div className="border-blue-50 border-l">
<GroupParamsContext.Provider value={contextValue}>
{useMemo(() => {
return (
<>
{currentGroupInfo.guid ? (
<div>
<NavigationBar menus={isMergeGroup ? MergeMenus : UnitMenus} />
{isMergeGroup ? <MergeMain /> : <UnitMain />}
</div>
) : (
<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="暂无数据">
{'请左侧先选择节点'}
</Empty>
)}
</>
);
}, [currentGroupInfo.guid])}
</GroupParamsContext.Provider>
</div>
</Drawer>
{/* <LayoutB
leftSlot={<div>{treeViewContent}</div>}
rightSlot={
<div>
<GroupParamsContext.Provider value={contextValue}>
{useMemo(() => {
return (
<>
{currentGroupInfo.guid ? (
<div>
<NavigationBar menus={isMergeGroup ? MergeMenus : UnitMenus} />
{isMergeGroup ? <MergeMain /> : <UnitMain />}
</div>
) : (
<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
)}
</>
);
}, [currentGroupInfo.guid])}
</GroupParamsContext.Provider>
</div>
}
/> */}
<LoadPanel
position={{ of: 'body' }}
visible={actionLoading}
message="数据获取中..."
shading={true}
showPane={false}
shadingColor="rgba(0,0,0,0.6)"
/>
</div>
);
};
export default TrialBalance;
src/pages/trialSys/index.tsx deleted 100644 → 0
View file @ 6dcd80cd
import React, { useEffect, useState, useRef, useMemo, useCallback } from 'react'
import { useModel } from 'umi'
import { useSearchParams } from 'react-router-dom'
import { Button, Divider, Empty, Card } from 'antd'
import { LoadPanel } from 'devextreme-react/load-panel'
import { createMicroPageUrl, isJSONStr } from '@/utils/pub'
import getIcon, { TreeFileIdIcon, TreeFilePidIcon } from '@/utils/icon'
import * as constant from './constant'
import { CpasIcon, DevPopup } from '~/public/cpas-ui'
// import { ds } from './test-data'; // 测试数据，接口为ready前开发使用
import type { QueryParamsType } from './type'
import service from '../groupStructure/service'
import Toolbar, { Item as ToolbarItem } from 'devextreme-react/ui/toolbar'
import Drawer from 'devextreme-react/ui/drawer'
import TreeView from 'devextreme-react/tree-view'
// import TextBox from 'devextreme-react/text-box';
// import classnames from 'classnames';
// import DxButton from 'devextreme-react/ui/button';
import { getIsHideHeader } from '@/utils/pub'
import useVoteStore from '@/store/vote'
import { openBalanceWindow } from '../mergeUtils'
const TrialBalance = () => {
const { initialState } = useModel('@@initialState')
const { projectCode, dbName } = initialState?.curPart
const [actionLoading, setActionLoading] = useState(false)
const [opened, setOpened] = useState(true)
const [headerName, setHeaderName] = useState('')
// const devTreeRef = useRef<any>();
const [groupDs, setGroupDs] = useState<any[]>([])
const [queryParams, setQueryParams] = useState<QueryParamsType>({})
const [currentGroupInfo, setCurrentGroupInfo] = useState<any>({})
const getVotes = useVoteStore(state => state.votes)
const addVotes = useVoteStore(state => state.addVotes)
const setActiveKey = useVoteStore(state => state.setActiveKey)
const activeKey = useVoteStore(state => state.activeKey)
const getActiveVote = useVoteStore(state => state.getActiveVote)
useEffect(() => {
pullGroupData()
getDataFromUrlSearch()
}, [])
async function pullGroupData() {
setActionLoading(true)
const ret = await service.getGroupPartTreeList({
projectCode,
dbName,
pageNum: 1,
pageSize: 500,
searchText: ''
})
if (ret.success) {
const rows: any[] = ret.data.rows //成功一定有值
const transRows = rows.map(row => {
return {
...row,
expanded: !row.parentId // 默认展开第一级
}
})
setGroupDs(transRows)
rollbackGroupInfo(transRows)
}
setActionLoading(false)
}
/**
* 获取缓存的groupInfo信息
*/
function rollbackGroupInfo(data) {
// const { groupId = '' } = getParams(location as any);
const { groupId = '' } = useSearchParams()
if (groupId) {
let groupInfo = null
const info = window.sessionStorage.getItem(constant.GROUPINFO) as string
if (isJSONStr(info)) {
groupInfo = JSON.parse(info)
}
if (groupInfo && groupId === groupInfo.guid) {
setCurrentGroupInfo(groupInfo)
// if (devTreeRef.current) {
// devTreeRef.current.treeRef.current.instance.selectItem(groupInfo.guid);
// }
// 回填更新数据
handleNodeClick(groupInfo, data)
}
} else {
window.sessionStorage.removeItem(constant.GROUPINFO)
setCurrentGroupInfo({})
setQueryParams({})
}
}
// 区分是合并组还是单体
const isMergeGroup = useMemo(() => {
return !['4', '5'].includes(currentGroupInfo.mergeType)
}, [currentGroupInfo])
function onItemSelect(e) {
const itemData = e.itemData
if (itemData) {
window.sessionStorage.setItem(constant.GROUPINFO, JSON.stringify(itemData))
setCurrentGroupInfo(itemData)
setHeaderName(formatShortName(itemData))
setQueryParams({})
addVotes({
originData: itemData,
key: itemData.guid,
label: itemData.customerName,
closeable: true
})
setActiveKey(itemData.guid)
//打开试算平衡表(一个新窗口) add csb
openBalanceWindow(itemData)
//const url = `/trialBalance/detail?groupId=${itemData.guid}&isMicroPage=1`;
// const url = `http://192.168.1.174:8070/cpas-cloud/audit/#/ReportSys/approvedFinance?isMicroPage=1`
// const url = `https://juejin.cn/course`
// const url = `http://192.168.0.100:8086/cpas-cloud/eas6/?hideHeader=1&isMicroPage=1`
/* if (window.main) {
// electron端内
businessRenderer('createBalanceWin', {
id: itemData.guid,
activeInx: 0,
appName: APP_NAME,
title: itemData.guid + '-' + itemData.customerName,
url: createMicroPageUrl(url),
tabs: DetailMenus,
params: {
...itemData
}
});
} else {
// web端
history.push({ pathname: url });
} */
// if (window.main && window.main.openUrlByNewView) {
// window.main.openUrlByNewView(createMicroPageUrl('/trialBalance'));
// window.main.openUrlByNewWindowMax(url)
// } else {
// }
}
}
function handleNodeClick(itemData, data = []) {
const clickedItemId = itemData.guid
const updatedData = data.map(item => {
return { ...item, selected: item.guid === clickedItemId }
})
setGroupDs(updatedData)
}
function getDataFromUrlSearch() {
const query = history.location.query
if (query) {
setQueryParams(query)
}
}
//简称显示值
function shortNameCellRender(cellData: any) {
let value: string = cellData.shortName
// value += ' isEend=' + cellData.data.isEnd;
const mergerType = cellData?.mergeType
if (cellData.mergeType != undefined && cellData.mergeType != null) {
const mergeTypeText = constant.mergeTypeValue[mergerType]
if (mergeTypeText) {
value += '(' + mergeTypeText + ')'
}
}
const className = 'mergerType-' + mergerType
const isNew =
cellData.isNew == 1 ? (
<span style={{ marginLeft: 5, color: 'red' }}>
<CpasIcon type="icon-NEW-copy" fontSize={18} />
</span>
) : null // cellData.data.isNew == 1 ? getDevIcon('icon-PDF') : '';
return (
<>
{cellData.parentId ? <TreeFileIdIcon fillColor="red" /> : <TreeFilePidIcon />}
<span className={className}>{value}</span>
{isNew}
</>
)
}
function formatShortName(cellData) {
return `${cellData.shortName}(${constant.mergeTypeValue[cellData.mergeType]})`
}
const itemTemplate = item => {
return shortNameCellRender(item)
}
console.log('🚀 ~ file: index.tsx:190 ~ onItemClick ~ getVotes:', getVotes)
const getTreeListHeight = () => {
const offset = getIsHideHeader() ? 0 : 45
const AudTab = 36
const toolBarHeight = document.querySelector('.dx-toolbar')?.clientHeight ?? 0
return window.innerHeight - toolBarHeight - AudTab - offset - 24
}
console.log('getTreeListHeight()', getTreeListHeight())
const treeViewContent = useMemo(() => {
let updatedData = groupDs
if (activeKey) {
updatedData = updatedData.map(item => {
return { ...item, selected: item.guid === activeKey }
})
}
return (
<div className="bg-white overflow-auto">
{/* <DevTree.Default
id="treeViewIdone"
ref={devTreeRef}
dataSource={groupDs}
width={300}
height={'calc(100vh - 60px)'}
dataStructure="plain"
autoExpandAll={false}
showRowLines={true}
showBorders={true}
columnAutoWidth={true}
displayExpr="shortName"
keyExpr="guid"
parentIdExpr="parentId"
expandAllEnabled={true}
onItemClick={onItemClick}
itemRender={itemTemplate}
/> */}
<TreeView
id="group-treeview"
style={{
overflow: 'auto'
}}
height={getTreeListHeight()}
items={updatedData}
dataStructure="plain"
displayExpr="shortName"
keyExpr="guid"
parentIdExpr="parentId"
width={360}
virtualModeEnabled={true}
searchMode={'contains'}
searchEnabled={true}
selectionMode="single"
selectByClick={true}
itemRender={itemTemplate}
onItemSelectionChanged={onItemSelect}
noDataText={'<div style="text-align: center;margin-top: 16px;">数据查询失败</div>'}
/>
</div>
)
}, [groupDs, activeKey])
const DrawerContent = () => {
return <Card>{treeViewContent}</Card>
}
const renderHeaderName = useCallback(() => {
const activeVote = getActiveVote()
if (activeVote) {
return (
<h5>
{activeVote.guid}-{formatShortName(activeVote)}
</h5>
)
}
return ''
}, [])
return (
<>
<div style={{ background: '#f5f5f5' }} className="flex mt-2">
<Drawer
opened={opened}
openedStateMode={'shrink'}
position={'left'}
closeOnOutsideClick={() => {
setOpened(true)
return false
}}
width={opened ? 360 : 0}
component={DrawerContent}
/>
<div className="ml-2 flex-1 w-full overflow-hidden">
<Toolbar style={{ padding: '0 16px' }}>
<ToolbarItem location="before" locateInMenu="never">
{/* <Button
type="text"
onClick={() => {
setOpened();
}}
>
{opened ? getIcon('icon-menu-fold') : getIcon('icon-menu-unfold')}
</Button> */}
</ToolbarItem>
<ToolbarItem location="center" locateInMenu="never" render={renderHeaderName} />
</Toolbar>
<div className="w-full overflow-hidden">
{/* <NavigationBar items={menus} /> */}
{/* <Card>
<GroupParamsContext.Provider value={contextValue}>
{useMemo(() => {
return (
<div className="px-4">
{currentGroupInfo.guid ? (
<div>{isMergeGroup ? <MergeMain /> : <UnitMain />}</div>
) : (
<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="暂无数据">
{'请左侧先选择节点'}
</Empty>
)}
</div>
);
}, [currentGroupInfo.guid])}
</GroupParamsContext.Provider>
</Card> */}
</div>
</div>
<LoadPanel
position={{ of: '#group-treeview' }}
visible={actionLoading}
message="数据获取中..."
showPane={true}
/>
</div>
</>
)
}
export default TrialBalance
src/pages/trialSys/test-data.js deleted 100644 → 0
View file @ 6dcd80cd
export const ds = [
{ ID: '1', expanded: true, name: 'Stores' },
{ ID: '1_1', categoryId: '1', expanded: true, name: 'Super Mart of the West' },
{ ID: '1_1_1', categoryId: '1_1', name: 'Video Players' },
{
ID: '1_1_1_1',
categoryId: '1_1_1',
icon: 'icon-queren',
name: 'HD Video Player',
price: 220,
},
{
ID: '1_1_1_2',
categoryId: '1_1_1',
icon: 'icon-queren',
name: 'SuperHD Video Player',
price: 270,
},
{ ID: '1_1_2', categoryId: '1_1', expanded: true, name: 'Televisions' },
{
ID: '1_1_2_1',
categoryId: '1_1_2',
icon: 'icon-zidong',
name: 'SuperLCD 42',
price: 1200,
},
{
ID: '1_1_2_2',
categoryId: '1_1_2',
icon: 'icon-zidong',
name: 'SuperLED 42',
price: 1450,
},
{
ID: '1_1_2_3',
categoryId: '1_1_2',
icon: 'icon-zidong',
name: 'SuperLED 50',
price: 1600,
},
{
ID: '1_1_2_4',
categoryId: '1_1_2',
icon: 'icon-zidong',
name: 'SuperLCD 55',
price: 1750,
},
{
ID: '1_1_2_5',
categoryId: '1_1_2',
icon: 'icon-zidong',
name: 'SuperLCD 70',
price: 4000,
},
{ ID: '1_1_3', categoryId: '1_1', name: 'Monitors' },
{ ID: '1_1_3_1', categoryId: '1_1_3', name: '19"' },
{
ID: '1_1_3_1_1',
categoryId: '1_1_3_1',
icon: 'icon-queren',
name: 'DesktopLCD 19',
price: 160,
},
{ ID: '1_1_4', categoryId: '1_1', name: 'Projectors' },
{
ID: '1_1_4_1',
categoryId: '1_1_4',
icon: 'icon-queren',
name: 'Projector Plus',
price: 550,
},
{
ID: '1_1_4_2',
categoryId: '1_1_4',
icon: 'icon-queren',
name: 'Projector PlusHD',
price: 750,
},
];
src/pages/trialSys/type.ts deleted 100644 → 0
View file @ 6dcd80cd
export type QueryParamsType = {
category?: string;
[propName: string]: any;
};
src/router/index.ts
View file @ 2da39fad
import React from 'react'
import MainRouter, { getAllRoutes, reduceRoute } from './routes'
import MainRouter, { getAllRoutes, reduceRoute, routeMap } from './routes'
export { getAllRoutes, reduceRoute, MainRouter }
export { getAllRoutes, reduceRoute, MainRouter, routeMap }
src/router/routes.tsx
View file @ 2da39fad
import React, { lazy, ReactElement } from 'react'
import React, { lazy, ReactElement, useMemo } from 'react'
import { Navigate, useRoutes, RouteProps, Link, Outlet } from 'react-router-dom'
import ErrorPage from '@/ErrorPage'
import Login from '@/pages/user/Login'
import LayoutPage from '@/layout'
import { SmileFilled } from '@ant-design/icons'
import { createSessionStorage } from '@/utils/Storage'
import WrapperRouteComponent from './config'
import { AudTabPage } from '@/components/PageTab'
const NotFound = lazy(() => import('@/pages/404'))
// 账户
import Login from '@/pages/user/Login'
const ChangePassword = lazy(() => import('../pages/user/ChangePd'))
//异常组件
export const NotFound = lazy(() => import('@/pages/404'))
import ErrorPage from '@/ErrorPage'
// 业务
const Home = lazy(() => import('@/pages/home'))
const GroupStructure = lazy(() => import('@/pages/groupStructure'))
const ReportSys = lazy(() => import('@/pages/reportSys'))
const StatementData = lazy(() => import('@/pages/statementData'))
const UnFinancialStatements = lazy(() => import('@/pages/unFinancialStatements'))
const TrialBalance = lazy(() => import('@/pages/trialBalance'))
const AuditAdjust = lazy(() => import('@/pages/auditAdjust'))
const AccountAdjust = lazy(() => import('@/pages/accountAdjust'))
const ReportAnalysis = lazy(() => import('@/pages/reportAnalysis'))
const ApprovedFinance = lazy(() => import('@/pages/approvedFinance'))
const FinancialStatementsCheck = lazy(() => import('@/pages/financialStatementsCheck'))
const InternalTran = lazy(() => import('@/pages/internalTran'))
const ReportBuilder = lazy(() => import('@/pages/reportBuilder'))
const EntriesSummary = lazy(() => import('@/pages/entriesSummary'))
const DetailsSummary = lazy(() => import('@/pages/detailsSummary'))
const CorrespondenceStatistics = lazy(() => import('@/pages/correspondenceStatistics'))
// 路由枚举
export const routeMap: Record<string, React.LazyExoticComponent<any>> = {
Home,
GroupStructure,
ReportSys,
StatementData,
UnFinancialStatements,
TrialBalance,
AuditAdjust,
AccountAdjust,
ReportAnalysis,
ApprovedFinance,
FinancialStatementsCheck,
InternalTran,
ReportBuilder,
EntriesSummary,
DetailsSummary,
CorrespondenceStatistics,
}
export type RouteItemType = RouteProps & {
type?: string
......@@ -21,19 +57,6 @@ export type RouteItemType = RouteProps & {
element: RouteProps['element'] | string
}
// 路由样例
// {
// "path": "/groupStructure",
// "name": "集团架构",
// "element": "",
// "meta": {
// "icon": ""
// "title: '",
// "type": "component",
// "closable": false,
// "hideInMenu": true
// }
// }
export const reduceRoute: (params: any[]) => any[] = (routes: RouteItemType[]) => {
return routes.map(item => {
const route = item
......@@ -45,25 +68,14 @@ export const reduceRoute: (params: any[]) => any[] = (routes: RouteItemType[]) =
if (React.isValidElement(item.element)) {
route.element = item.element
} else {
// element 为字符串的情况，例如element: "Home", 首字母需要大写
// 推荐大写，但有可能传入的大小写都有，这里尝试都加载。
let Element = null
try {
const LowercaseName =
(item.element as string).slice(0, 1).toLowerCase() + (item.element as string).slice(1)
Element = lazy(() => import(`@/pages/${LowercaseName}/index.tsx`))
} catch (error) {
try {
const UppercaseName =
(item.element as string).slice(0, 1).toUpperCase() + (item.element as string).slice(1)
Element = lazy(() => import(`@/pages/${UppercaseName}/index.tsx`))
} catch (error) {}
}
route.element = Element && <Element />
let element = item.element as string
element = element.slice(0, 1).toUpperCase() + element.slice(1)
const Element = routeMap[element]
route.element = React.isValidElement(<Element />) ? <Element /> : <NotFound />
}
} else {
// element不存在的情况
route.element = <></>
route.element = <NotFound />
}
if (item?.redirect) {
route.element = <Navigate to={item.redirect}></Navigate>
......@@ -82,23 +94,23 @@ export const routeList: RouteItemType[] = [
),
errorElement: <ErrorPage />,
icon: <SmileFilled />,
children: []
children: [],
},
{
path: '/login',
name: '登录',
element: <Login />
element: <Login />,
},
{
path: '*',
element: <NotFound />
}
element: <NotFound />,
},
]
// 获取主路由
export function getAllRoutes(routes: any) {
const { menuJson = [] } = createSessionStorage.get('@@initialState') || {
menuJson: []
menuJson: [],
}
const dynamicRoutes = reduceRoute(menuJson) || []
routes.forEach(route => {
......@@ -107,8 +119,8 @@ export function getAllRoutes(routes: any) {
{
path: '/changePassword',
name: 'changePassword',
element: <ChangePassword />
}
element: <ChangePassword />,
},
])
}
})
......@@ -116,7 +128,9 @@ export function getAllRoutes(routes: any) {
}
export default function MainRouter() {
const allRoutes = getAllRoutes(routeList)
const allRoutes = useMemo(() => {
return getAllRoutes(routeList)
}, [routeList])
console.log('🚀 ~ file: routes.tsx:121 ~ MainRouter ~ allRoutes:', allRoutes)
const element = useRoutes(allRoutes)
return element
......
src/store/vote.ts → src/store/tab.ts
View file @ 2da39fad
// refer https://github.com/pmndrs/zustand
import { create } from 'zustand'
import { devtools, persist, createJSONStorage } from 'zustand/middleware'
import path from 'path'
type Store = {
votes: any[]
tabs: any[]
activeKey: any
}
type Actions = {
getActiveVote: () => any
addVotes: (vote: any) => void
deleteVotes: (key: any) => void
getActivetab: () => any
addtabs: (tab: any) => void
deletetabs: (key: any) => void
setActiveKey: (activeKey: any) => void
}
const voteStore = (set, get) => ({
votes: [],
const tabStore = (set, get) => ({
tabs: [],
activeKey: '',
getActiveVote: () => {
const votes = get().votes
getActivetab: () => {
const tabs = get().tabs
const activeKey = get().activeKey
const filterArr = votes.filter(vote => vote.key === activeKey)
const filterArr = tabs.filter(tab => tab.path === activeKey)
return filterArr.length > 0 ? filterArr[0].originData : null
},
setActiveKey: activeKey =>
set(state => ({
activeKey
})),
addVotes: vote =>
addtabs: tab =>
set(state => {
const existIndex = state.votes.findIndex(item => item.key === vote.key)
const existIndex = state.tabs.findIndex(item => item.path === tab.key)
if (existIndex === -1) {
return { votes: [...state.votes, vote] }
return { tabs: [...state.tabs, tab] }
}
return { votes: [...state.votes] }
return { tabs: [...state.tabs] }
}),
deleteVotes: key =>
deletetabs: key =>
set(state => {
const existIndex = state.votes.findIndex(item => item.key === key)
const existIndex = state.tabs.findIndex(item => item.path === key)
if (existIndex === -1) {
return { votes: [...state.votes] }
return { tabs: [...state.tabs] }
}
state.votes.splice(existIndex, 1)
return { votes: [...state.votes] }
state.tabs.splice(existIndex, 1)
return { tabs: [...state.tabs] }
})
})
const useVoteStore = create<Store & Actions & any>()(
const usetabStore = create<Store & Actions & any>()(
devtools(
persist(voteStore, {
name: 'vote-storage', // name of the item in the storage (must be unique)
persist(tabStore, {
name: 'tab-storage', // name of the item in the storage (must be unique)
storage: createJSONStorage(() => sessionStorage) // (optional) by default, 'localStorage' is used
})
)
)
export default useVoteStore
export default usetabStore
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment