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,
background: designTokens.colors.primary.gradient,
border: 'none',
color: '#ffffff',
color: '#ffffff !important',
boxShadow: designTokens.shadows.small
};
@@ -1477,28 +1477,44 @@ function DeviceManagement() {
<div style={{ display: 'flex', gap: designTokens.spacing.sm, flexWrap: 'wrap' }}>
<Button
style={primaryActionStyle}
style={{
...secondaryActionStyle,
color: designTokens.colors.primary.main,
borderColor: designTokens.colors.primary.main
}}
icon={<PlusOutlined />}
onClick={() => showModal()}
>
添加设备
</Button>
<Button
style={secondaryActionStyle}
style={{
...secondaryActionStyle,
color: designTokens.colors.primary.main,
borderColor: designTokens.colors.primary.main
}}
icon={<UploadOutlined />}
onClick={() => setImportModalVisible(true)}
>
导入
</Button>
<Button
style={secondaryActionStyle}
style={{
...secondaryActionStyle,
color: designTokens.colors.primary.main,
borderColor: designTokens.colors.primary.main
}}
icon={<ExportOutlined />}
onClick={showExportModal}
>
导出
</Button>
<Button
style={secondaryActionStyle}
style={{
...secondaryActionStyle,
color: designTokens.colors.primary.main,
borderColor: designTokens.colors.primary.main
}}
icon={<SettingOutlined />}
onClick={() => setFieldConfigModalVisible(true)}
>
@@ -1507,8 +1523,8 @@ function DeviceManagement() {
<Button
style={{
...secondaryActionStyle,
color: selectedDevices.length > 0 ? designTokens.colors.success.main : undefined,
borderColor: selectedDevices.length > 0 ? designTokens.colors.success.main : undefined
color: designTokens.colors.primary.main,
borderColor: designTokens.colors.primary.main
}}
icon={<ReloadOutlined />}
disabled={selectedDevices.length === 0}
@@ -1517,11 +1533,10 @@ function DeviceManagement() {
状态变更 ({selectedDevices.length})
</Button>
<Button
danger
style={{
...secondaryActionStyle,
color: selectedDevices.length > 0 ? designTokens.colors.error.main : undefined,
borderColor: selectedDevices.length > 0 ? designTokens.colors.error.main : undefined
color: designTokens.colors.primary.main,
borderColor: designTokens.colors.primary.main
}}
icon={<DeleteOutlined />}
disabled={selectedDevices.length === 0}