third/APIPark
1
0
Fork 0
mirror of https://github.com/APIParkLab/APIPark.git synced 2026-06-14 20:41:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: Dashboard Table Height

Browse Source
This commit is contained in:
杨梦洁
2024-11-29 10:35:32 +08:00
parent f90e9b4eba
commit ba8632aa22
5 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/packages/dashboard/src/component/MonitorAppPage.tsx
+1 -1
View File
@@ -135,7 +135,7 @@ export default function MonitorAppPage(props:MonitorAppPageProps){
}
return (
<div className="h-[calc(100vh-140px)] overflow-hidden">
<div className="h-full overflow-hidden">
<div className="pl-btnbase pr-btnrbase pb-btnybase">
<TimeRangeSelector
initialTimeButton={timeButton}
frontend/packages/dashboard/src/component/MonitorDetailPage.tsx
+3 -3
View File
@@ -130,7 +130,7 @@ export default function MonitorDetailPage(props:MonitorDetailPageProps){
};
return (
<div className="pb-[20px] h-full box-border">
<div className="pb-[20px] h-full box-border flex flex-col">
<div className="pl-btnbase pr-btnrbase pb-btnybase sticky top-[0] bg-[#fff] z-[10] shadow-SCROLL_TOP ">
<div className="flex flex-nowrap items-center mr-btnybase">
<TimeRangeSelector
@@ -147,7 +147,7 @@ export default function MonitorDetailPage(props:MonitorDetailPageProps){
</Button>
</div>
</div>
<div className={`h-[calc(100%-59px)] flex flex-col flex-1 overflow-y-hidden`}>
<div className={` flex flex-col flex-1 overflow-y-hidden`}>
<div className="line-block eo-ng-monitor-detail-pie">
{/* 这里应该添加图表组件 */}
{invokeStaticError ? <Empty className="mt-[20%]" image={Empty.PRESENTED_IMAGE_SIMPLE}/>: <MonitorLineGraph
@@ -157,7 +157,7 @@ export default function MonitorDetailPage(props:MonitorDetailPageProps){
type="invoke"
/>}
</div>
<div className="table-block not-lr-border monitor-table">
<div className="table-block not-lr-border monitor-table flex-1">
<MonitorTable inModal ref={monitorTableRef} type={tableType} id={tableId} onRowClick={(record)=>{openModal(record as MonitorApiData | MonitorSubscriberData)}} request={()=>getTablesData({...queryData||{}})} noTop={true} minVirtualHeight={300}/>
</div>
</div>
frontend/packages/dashboard/src/component/MonitorSubPage.tsx
+1 -1
View File
@@ -139,7 +139,7 @@ export default function MonitorSubPage(props:MonitorSubPageProps){
}
return (
<div className="h-[calc(100vh-140px)] overflow-hidden">
<div className="overflow-hidden h-full">
<div className="pl-btnbase pr-btnrbase pb-btnybase">
<TimeRangeSelector
initialTimeButton={timeButton}
frontend/packages/dashboard/src/component/MonitorTable.tsx
-1
View File
@@ -90,7 +90,6 @@ const MonitorTable = forwardRef<MonitorTableHandler, MonitorTableProps<unknown>>
<PageList
id={id}
minVirtualHeight={minVirtualHeight ? minVirtualHeight : ( id.includes('top')?438:undefined)}
besidesTableHeight={inModal ? 64+56+258: undefined}
ref={tableRef}
showPagination={showPagination}
columns = {[...columns,...operation]}
frontend/packages/dashboard/src/pages/DashboardTabPage.tsx
+1 -1
View File
@@ -44,6 +44,6 @@ export default function DashboardTabPage(){
setActiveKey(val);
navigateTo(`/analytics/${val === 'total' ? val :`${val}/list`}`)
}}
items={monitorTabItems} className="h-full overflow-hidden mt-[6px] [&>.ant-tabs-content-holder]:overflow-auto" size="small" tabBarStyle={{paddingLeft:'10px',marginTop:'0px',marginBottom:'0px'}} />
items={monitorTabItems} className="h-full overflow-hidden mt-[6px] [&>.ant-tabs-content-holder]:overflow-auto [&>.ant-tabs-content-holder]:pr-PAGE_INSIDE_X [&>.ant-tabs-content-holder>.ant-tabs-content]:h-full [&>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane]:h-full" size="small" tabBarStyle={{paddingLeft:'10px',marginTop:'0px',marginBottom:'0px'}} />
</>)
}