chenh
/
imeeting
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat： 界面优化

dev_na
puz 2026-07-02 10:04:15 +08:00
parent e954e775c0
commit f5a6a22eb1
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/pages/dashboard/index.css
View File

@ -88,7 +88,8 @@
min-height: 0; min-height: 0;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
padding-right: 6px; padding-right: 18px;
scrollbar-gutter: stable;
} }
.dashboard-monitor-page__task-list .dashboard-monitor-page__task-item { .dashboard-monitor-page__task-list .dashboard-monitor-page__task-item {
@ -137,6 +138,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
padding-right: 4px;
} }
.dashboard-monitor-page__steps { .dashboard-monitor-page__steps {

10
frontend/src/pages/devices/index.less
View File

@ -102,9 +102,13 @@
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
} }
.app-page__table-wrap .ant-table-wrapper .ant-table-cell-fix-right-first, .devices-table__action-cell {
.app-page__table-wrap .ant-table-wrapper .ant-table-cell-fix-right-last { min-width: 220px;
right: 0 !important; }
.devices-table__action-cell .ant-space {
display: inline-flex;
min-width: 0;
} }
@media (max-width: 768px) { @media (max-width: 768px) {

5
frontend/src/pages/devices/index.tsx
View File

@ -16,6 +16,7 @@ import "./index.less";
const { Text } = Typography; const { Text } = Typography;
const DEFAULT_TABLE_PAGE_SIZE = getDefaultPageSize("table"); const DEFAULT_TABLE_PAGE_SIZE = getDefaultPageSize("table");
const DEVICE_TABLE_SCROLL_X = 1960;
type DeviceFormValues = { type DeviceFormValues = {
deviceName?: string; deviceName?: string;
@ -232,6 +233,7 @@ export default function Devices() {
{ {
title: t("devicesExt.weatherCityName"), title: t("devicesExt.weatherCityName"),
dataIndex: "weatherCityName", dataIndex: "weatherCityName",
width: 140,
render: (text: string) => <Text>{text || "-"}</Text> render: (text: string) => <Text>{text || "-"}</Text>
}, },
{ {
@ -258,6 +260,7 @@ export default function Devices() {
key: "action", key: "action",
width: 220, width: 220,
fixed: "right" as const, fixed: "right" as const,
className: "devices-table__action-cell",
render: (_value: unknown, record: DeviceInfo) => ( render: (_value: unknown, record: DeviceInfo) => (
<Space> <Space>
{can("device:update") ? ( {can("device:update") ? (
@ -353,7 +356,7 @@ export default function Devices() {
dataSource={pagedData} dataSource={pagedData}
loading={loading} loading={loading}
columns={columns} columns={columns}
scroll={{y: "100%", x: 1980}} scroll={{y: "100%", x: DEVICE_TABLE_SCROLL_X}}
pagination={false} pagination={false}
/> />
</DataListPanel> </DataListPanel>