|
@@ -1,122 +1,17 @@
|
|
|
-import './index.less';
|
|
|
-import { Layout, Menu, Tabs, Table, Divider, Tag } from 'antd';
|
|
|
-import React from 'react';
|
|
|
-import useUrlState from '@ahooksjs/use-url-state';
|
|
|
+import { Calendar } from 'antd';
|
|
|
import { useMount } from 'ahooks'
|
|
|
-import api from '../api/api'
|
|
|
-import { useEffect, useState } from 'react';
|
|
|
-import timestampToTime from '@/utils';
|
|
|
-import { useHistory, useLocation, useParams, useRouteMatch, withRouter } from 'umi';
|
|
|
-const { TabPane } = Tabs;
|
|
|
-const { SubMenu } = Menu;
|
|
|
-const { Column, ColumnGroup } = Table;
|
|
|
-const { Header, Content, Sider } = Layout;
|
|
|
-type Detail = {
|
|
|
- Detail: string
|
|
|
- Env: string
|
|
|
- Host: string
|
|
|
- Port: number
|
|
|
- ServiceName: string
|
|
|
- UpTime: number
|
|
|
- Version?: string
|
|
|
-}
|
|
|
-const data: Detail[] = [
|
|
|
- // {
|
|
|
- // Detail: "",
|
|
|
- // Env: "qa",
|
|
|
- // Host: "127.0.0.1",
|
|
|
- // Port: 6910,
|
|
|
- // ServiceName: "com.ywt.gapi.check_prescription.CheckPrescriptionService",
|
|
|
- // UpTime: 1649995051,
|
|
|
- // Version: "",
|
|
|
- // },
|
|
|
-];
|
|
|
-const data2: Detail[] = data.map(item => { return { ...item, Env: 'dev' } })
|
|
|
-const data3: Detail[] = data.map(item => { return { ...item, Env: 'qa1' } })
|
|
|
-const data4: Detail[] = data.map(item => { return { ...item, Env: 'prod' } })
|
|
|
-export default function IndexPage() {
|
|
|
- const [key, setKey] = useState('qa')
|
|
|
- const [list, setList] = useState(data)
|
|
|
- const [tabsList, setTabsList] = useState([])
|
|
|
- const [label, setLabel] = useUrlState()
|
|
|
- useMount(() => {
|
|
|
- initData()
|
|
|
- })
|
|
|
- const params = useRouteMatch();
|
|
|
- const location = useLocation();
|
|
|
-
|
|
|
- const columns = [
|
|
|
- {
|
|
|
- title: '服务名称',
|
|
|
- dataIndex: 'ServiceName',
|
|
|
- },
|
|
|
- {
|
|
|
- title: 'IP',
|
|
|
- dataIndex: 'Host',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '端口',
|
|
|
- dataIndex: 'Port',
|
|
|
- },
|
|
|
- {
|
|
|
- title: 'Env',
|
|
|
- dataIndex: 'Env',
|
|
|
- },
|
|
|
- {
|
|
|
- title: '上线时间',
|
|
|
- dataIndex: 'UpTime',
|
|
|
- render: (text: number) => <a>{timestampToTime(text)}</a>
|
|
|
- },
|
|
|
- {
|
|
|
- title: '备注',
|
|
|
- dataIndex: 'Detail',
|
|
|
- },
|
|
|
- ];
|
|
|
+import './index.less'
|
|
|
+import api from '@/api/api';
|
|
|
|
|
|
+export default function IndexPage() {
|
|
|
|
|
|
- const initData = async () => {
|
|
|
+ useMount(async () => {
|
|
|
const tabs = await api.getenvsApi()
|
|
|
- const env = location.search.slice(5)
|
|
|
- const grpcList = await api.getGrpclist(env ? env : tabs[0])
|
|
|
- setTabsList(tabs)
|
|
|
- setList(grpcList)
|
|
|
- env && setLabel({ env })
|
|
|
- setKey(env ? env : tabs[0])
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- const tabChange = async (index: string) => {
|
|
|
- setKey(index)
|
|
|
- const instance = tabsList.find(item => item === index)
|
|
|
- if (instance) {
|
|
|
- const grpcList = await api.getGrpclist(instance)
|
|
|
- setList(grpcList)
|
|
|
- setLabel({ env: instance })
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
+ })
|
|
|
return (
|
|
|
- <Layout>
|
|
|
- <div style={{ justifyContent: 'center' }}>
|
|
|
- <Tabs defaultActiveKey={key} activeKey={key} onChange={tabChange}>
|
|
|
- {tabsList.map((item) => {
|
|
|
- return (
|
|
|
- <TabPane tab={item} key={item} >
|
|
|
-
|
|
|
- </TabPane>
|
|
|
- )
|
|
|
- })}
|
|
|
- </Tabs>
|
|
|
- <Table
|
|
|
- columns={columns}
|
|
|
- dataSource={list}
|
|
|
- key="tablekey11"
|
|
|
- pagination={{pageSize: 100}}
|
|
|
- >
|
|
|
- </Table>
|
|
|
- </div>
|
|
|
- </Layout>
|
|
|
- );
|
|
|
-}
|
|
|
-
|
|
|
+ <div className='welcome'>
|
|
|
+ <div>WelCome</div>
|
|
|
+ <div>欢迎来到医务通服务看板</div>
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+}
|