Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DiDi
kafka-manager
提交
8f4ff36c
K
kafka-manager
项目概览
DiDi
/
kafka-manager
大约 1 年 前同步成功
通知
60
Star
6372
Fork
1229
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
K
kafka-manager
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
8f4ff36c
编写于
10月 21, 2022
作者:
G
GraceWalk
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: 优化 Topic 扩分区名称 & 描述展示
上级
47b6b357
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
28 addition
and
11 deletion
+28
-11
km-console/packages/layout-clusters-fe/src/pages/TopicList/ExpandPartition.tsx
...ayout-clusters-fe/src/pages/TopicList/ExpandPartition.tsx
+12
-7
km-console/packages/layout-clusters-fe/src/pages/TopicList/index.less
...ackages/layout-clusters-fe/src/pages/TopicList/index.less
+16
-4
未找到文件。
km-console/packages/layout-clusters-fe/src/pages/TopicList/ExpandPartition.tsx
浏览文件 @
8f4ff36c
import
React
,
{
useEffect
,
useState
}
from
'
react
'
;
import
{
useParams
}
from
'
react-router-dom
'
;
import
{
AppContainer
,
Button
,
Divider
,
Drawer
,
Form
,
InputNumber
,
notification
,
SingleChart
,
Space
,
Spin
,
Utils
}
from
'
knowdesign
'
;
import
{
AppContainer
,
Button
,
Divider
,
Drawer
,
Form
,
InputNumber
,
SingleChart
,
Space
,
Spin
,
Tooltip
,
Utils
}
from
'
knowdesign
'
;
import
notification
from
'
@src/components/Notification
'
;
import
Api
,
{
MetricType
}
from
'
@src/api/index
'
;
import
{
getBasicChartConfig
,
getUnit
}
from
'
@src/constants/chartConfig
'
;
import
{
formatChartData
,
MetricDefaultChartDataType
}
from
'
@src/constants/chartConfig
'
;
import
{
getBasicChartConfig
,
get
Data
Unit
}
from
'
@src/constants/chartConfig
'
;
import
{
formatChartData
,
OriginMetricData
}
from
'
@src/constants/chartConfig
'
;
const
ExpandPartition
=
(
props
:
{
record
:
any
;
onConfirm
:
()
=>
void
})
=>
{
const
[
global
]
=
AppContainer
.
useGlobalValue
();
...
...
@@ -60,7 +61,7 @@ const ExpandPartition = (props: { record: any; onConfirm: () => void }) => {
);
const
empiricalMinValue
=
10
*
1024
*
record
.
partitionNum
;
const
lines
=
data
.
map
((
metric
:
MetricDefaultChartDataType
)
=>
{
const
lines
=
data
.
map
((
metric
:
OriginMetricData
)
=>
{
const
child
=
metric
.
metricLines
[
0
];
child
.
name
=
metric
.
metricName
;
return
child
;
...
...
@@ -87,7 +88,7 @@ const ExpandPartition = (props: { record: any; onConfirm: () => void }) => {
});
},
[
expandPartitionsVisible
]);
const
formattedMinBytesInOut
=
(
v
:
number
)
=>
{
const
[
unit
,
size
]
=
get
Unit
(
v
);
const
[
unit
,
size
]
=
get
DataUnit
[
'
Memory
'
]
(
v
);
return
`
${(
v
/
size
).
toFixed
(
2
)}${
unit
}
/s`
;
};
return
(
...
...
@@ -130,11 +131,15 @@ const ExpandPartition = (props: { record: any; onConfirm: () => void }) => {
<
div
className
=
"brief-info"
>
<
div
className
=
"item"
>
<
span
className
=
"field"
>
Topic名称 :
</
span
>
<
span
className
=
"val"
>
{
record
.
topicName
}
</
span
>
<
Tooltip
title
=
{
record
.
topicName
}
>
<
span
className
=
"val"
>
{
record
.
topicName
}
</
span
>
</
Tooltip
>
</
div
>
<
div
className
=
"item"
>
<
span
className
=
"field desc-field"
>
描述 :
</
span
>
<
span
className
=
"val desc-val"
>
{
record
.
description
}
</
span
>
<
Tooltip
title
=
{
record
.
description
||
'
-
'
}
>
<
span
className
=
"desc-val"
>
{
record
.
description
||
'
-
'
}
</
span
>
</
Tooltip
>
</
div
>
</
div
>
<
Spin
spinning
=
{
loading
}
>
...
...
km-console/packages/layout-clusters-fe/src/pages/TopicList/index.less
浏览文件 @
8f4ff36c
...
...
@@ -142,6 +142,7 @@
color: #74788d;
}
.desc-field {
flex-shrink: 0;
width: 34px;
}
.val,
...
...
@@ -149,17 +150,28 @@
color: #495057;
letter-spacing: 0;
font-weight: 400;
margin-left: 12px;
}
.val {
width: 105px;
margin-left: 12px;
max-width: 208px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.desc-val {
width: 809px;
height: 36px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical
;
text-overflow: ellipsis
;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}
&:first-child {
margin-right: 40px;
}
&:last-child {
flex: 1;
}
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录