add drill down dimensions and metric period compare and modify layout (#22)

* [feature](webapp) add drill down dimensions and metric period compare and modify layout

* [feature](webapp) add drill down dimensions and metric period compare and modify layout

---------

Co-authored-by: williamhliu <williamhliu@tencent.com>
This commit is contained in:
williamhliu
2023-07-31 12:00:39 +08:00
committed by GitHub
parent 0ac652c5d9
commit 7c99829052
68 changed files with 1429 additions and 1239 deletions

View File

@@ -65,7 +65,14 @@ const Message: React.FC<Props> = ({
return (
<div className={prefixCls}>
{domainName && <div className={`${prefixCls}-domain-name`}>{domainName}</div>}
<div className={`${prefixCls}-title-bar`}>
{domainName && <div className={`${prefixCls}-domain-name`}>{domainName}</div>}
{position === 'left' && leftTitle && (
<div className={`${prefixCls}-top-bar`} title={leftTitle}>
({leftTitle})
</div>
)}
</div>
<div className={`${prefixCls}-content`}>
<div className={`${prefixCls}-body`}>
<div
@@ -75,14 +82,9 @@ const Message: React.FC<Props> = ({
e.stopPropagation();
}}
>
{position === 'left' && title && (
<div className={`${prefixCls}-top-bar`} title={leftTitle}>
{leftTitle}
</div>
)}
{(entityInfoList.length > 0 || hasFilterSection) && (
{entityInfoList.length > 0 && (
<div className={`${prefixCls}-info-bar`}>
{filterSection}
{/* {filterSection} */}
{entityInfoList.length > 0 && (
<div className={`${prefixCls}-main-entity-info`}>
{entityInfoList.slice(0, 4).map(dimension => {