style(DeviceManagement): 统一按钮样式并使用主色调
调整设备管理页面按钮样式,将所有次要操作按钮统一使用主色调,移除危险状态的红色样式,保持界面一致性
This commit is contained in:
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user