style(DeviceManagement): 统一按钮样式并使用主色调

调整设备管理页面按钮样式,将所有次要操作按钮统一使用主色调,移除危险状态的红色样式,保持界面一致性
This commit is contained in:
zhang1106
2026-02-06 09:53:59 +08:00
parent 384a1a9246
commit c97ade9426
+25 -10
View File
@@ -1196,7 +1196,7 @@ function DeviceManagement() {
...actionButtonStyle, ...actionButtonStyle,
background: designTokens.colors.primary.gradient, background: designTokens.colors.primary.gradient,
border: 'none', border: 'none',
color: '#ffffff', color: '#ffffff !important',
boxShadow: designTokens.shadows.small boxShadow: designTokens.shadows.small
}; };
@@ -1477,28 +1477,44 @@ function DeviceManagement() {
<div style={{ display: 'flex', gap: designTokens.spacing.sm, flexWrap: 'wrap' }}> <div style={{ display: 'flex', gap: designTokens.spacing.sm, flexWrap: 'wrap' }}>
<Button <Button
style={primaryActionStyle} style={{
...secondaryActionStyle,
color: designTokens.colors.primary.main,
borderColor: designTokens.colors.primary.main
}}
icon={<PlusOutlined />} icon={<PlusOutlined />}
onClick={() => showModal()} onClick={() => showModal()}
> >
添加设备 添加设备
</Button> </Button>
<Button <Button
style={secondaryActionStyle} style={{
...secondaryActionStyle,
color: designTokens.colors.primary.main,
borderColor: designTokens.colors.primary.main
}}
icon={<UploadOutlined />} icon={<UploadOutlined />}
onClick={() => setImportModalVisible(true)} onClick={() => setImportModalVisible(true)}
> >
导入 导入
</Button> </Button>
<Button <Button
style={secondaryActionStyle} style={{
...secondaryActionStyle,
color: designTokens.colors.primary.main,
borderColor: designTokens.colors.primary.main
}}
icon={<ExportOutlined />} icon={<ExportOutlined />}
onClick={showExportModal} onClick={showExportModal}
> >
导出 导出
</Button> </Button>
<Button <Button
style={secondaryActionStyle} style={{
...secondaryActionStyle,
color: designTokens.colors.primary.main,
borderColor: designTokens.colors.primary.main
}}
icon={<SettingOutlined />} icon={<SettingOutlined />}
onClick={() => setFieldConfigModalVisible(true)} onClick={() => setFieldConfigModalVisible(true)}
> >
@@ -1507,8 +1523,8 @@ function DeviceManagement() {
<Button <Button
style={{ style={{
...secondaryActionStyle, ...secondaryActionStyle,
color: selectedDevices.length > 0 ? designTokens.colors.success.main : undefined, color: designTokens.colors.primary.main,
borderColor: selectedDevices.length > 0 ? designTokens.colors.success.main : undefined borderColor: designTokens.colors.primary.main
}} }}
icon={<ReloadOutlined />} icon={<ReloadOutlined />}
disabled={selectedDevices.length === 0} disabled={selectedDevices.length === 0}
@@ -1517,11 +1533,10 @@ function DeviceManagement() {
状态变更 ({selectedDevices.length}) 状态变更 ({selectedDevices.length})
</Button> </Button>
<Button <Button
danger
style={{ style={{
...secondaryActionStyle, ...secondaryActionStyle,
color: selectedDevices.length > 0 ? designTokens.colors.error.main : undefined, color: designTokens.colors.primary.main,
borderColor: selectedDevices.length > 0 ? designTokens.colors.error.main : undefined borderColor: designTokens.colors.primary.main
}} }}
icon={<DeleteOutlined />} icon={<DeleteOutlined />}
disabled={selectedDevices.length === 0} disabled={selectedDevices.length === 0}