|
|
@@ -382,7 +382,13 @@ const Index = (props) => {
|
|
|
return (
|
|
|
<>
|
|
|
<div className={styles.desc}>
|
|
|
- <Descriptions column={3} style={{ margin: "0px 0px", width: "calc(100% - 287px)" }}>
|
|
|
+ <Descriptions
|
|
|
+ column={3}
|
|
|
+ style={{
|
|
|
+ margin: "0px 0px",
|
|
|
+ width: "calc(100% - 287px)",
|
|
|
+ }}
|
|
|
+ >
|
|
|
<Descriptions.Item span={3} label="告警名称">
|
|
|
{props.data?.data?.name}
|
|
|
</Descriptions.Item>
|
|
|
@@ -442,7 +448,7 @@ const Index = (props) => {
|
|
|
</div>
|
|
|
{(props.data?.data?.sub_type === 13 ||
|
|
|
props.data?.data?.sub_type === 14) && (
|
|
|
- <div style={{ position: "relative" }}>
|
|
|
+ <div style={{ position: "relative", flex: 1, height: 0 }}>
|
|
|
<div className={styles.range}>
|
|
|
<RangePicker
|
|
|
showTime
|
|
|
@@ -456,7 +462,7 @@ const Index = (props) => {
|
|
|
|
|
|
{chartData && (
|
|
|
<ReactECharts
|
|
|
- style={{ height: "calc(100% - 248px)" }}
|
|
|
+ style={{ height: "100%" }}
|
|
|
option={chartData}
|
|
|
notMerge={true}
|
|
|
/>
|