优化历史记录界面样式
parent
c9aa04fa73
commit
d6697b4caa
@ -0,0 +1,645 @@
|
||||
/* ==================== DCS2025 历史查看器样式 - 极度紧凑版 ==================== */
|
||||
|
||||
/* ==================== 主容器和基础样式 ==================== */
|
||||
QWidget {
|
||||
background-color: #FFFFFF;
|
||||
color: #374151;
|
||||
font-family: "PingFangSC-Regular", "Microsoft YaHei", sans-serif;
|
||||
font-size: 11px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/* ==================== 搜索区域样式 ==================== */
|
||||
QLabel {
|
||||
font-size: 11px;
|
||||
color: #374151;
|
||||
font-weight: 500;
|
||||
padding: 0px;
|
||||
margin: 0px 3px 0px 0px;
|
||||
}
|
||||
|
||||
QLineEdit {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #D1D5DB;
|
||||
border-radius: 2px;
|
||||
padding: 1px 4px;
|
||||
font-size: 11px;
|
||||
color: #374151;
|
||||
selection-background-color: #EBF8FF;
|
||||
selection-color: #1E40AF;
|
||||
min-height: 14px;
|
||||
max-height: 18px;
|
||||
}
|
||||
|
||||
QLineEdit:focus {
|
||||
border-color: #3B82F6;
|
||||
outline: none;
|
||||
background-color: #FEFEFE;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
QLineEdit:hover {
|
||||
border-color: #9CA3AF;
|
||||
background-color: #FEFEFE;
|
||||
}
|
||||
|
||||
QLineEdit::placeholder {
|
||||
color: #9CA3AF;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* ==================== 表格通用样式 ==================== */
|
||||
QTableView {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 3px;
|
||||
gridline-color: #F3F4F6;
|
||||
font-size: 10px;
|
||||
color: #374151;
|
||||
selection-background-color: #EBF8FF;
|
||||
selection-color: #1E40AF;
|
||||
outline: none;
|
||||
show-decoration-selected: 1;
|
||||
alternate-background-color: #F9FAFB;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
QTableView::item {
|
||||
padding: 1px 3px;
|
||||
border: none;
|
||||
min-height: 12px;
|
||||
}
|
||||
|
||||
QTableView::item:selected {
|
||||
background-color: #EBF8FF;
|
||||
color: #1E40AF;
|
||||
border: none;
|
||||
}
|
||||
|
||||
QTableView::item:hover {
|
||||
background-color: #F0F9FF;
|
||||
color: #1F2937;
|
||||
}
|
||||
|
||||
QTableView::item:selected:hover {
|
||||
background-color: #DBEAFE;
|
||||
color: #1565C0;
|
||||
}
|
||||
|
||||
QTableView::item:focus {
|
||||
background-color: #EBF8FF;
|
||||
color: #1E40AF;
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* ==================== 历史记录表格专用样式 ==================== */
|
||||
QTableView#historyTable {
|
||||
max-height: 100px; /* 极小的最大高度 */
|
||||
min-height: 50px; /* 极小的最小高度 */
|
||||
font-size: 9px; /* 极小的字体 */
|
||||
}
|
||||
|
||||
QTableView#historyTable::item {
|
||||
padding: 0px 2px; /* 极度紧凑的内边距 */
|
||||
min-height: 10px; /* 极小的行高 */
|
||||
}
|
||||
|
||||
/* ==================== 步骤详情表格专用样式 ==================== */
|
||||
QTableView:not(#historyTable) {
|
||||
min-height: 150px; /* 步骤详情表格最小高度 */
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
QTableView:not(#historyTable)::item {
|
||||
padding: 2px 4px; /* 适中的内边距 */
|
||||
min-height: 14px; /* 适中的行高 */
|
||||
}
|
||||
|
||||
/* ==================== 表格头部样式 ==================== */
|
||||
QTableView QHeaderView {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
QTableView QHeaderView::section {
|
||||
background-color: #F8F9FA;
|
||||
color: #374151;
|
||||
font-weight: 600;
|
||||
font-size: 9px;
|
||||
padding: 1px 3px;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-left: none;
|
||||
text-align: center;
|
||||
min-height: 10px;
|
||||
}
|
||||
|
||||
/* 历史记录表格头部 - 极度紧凑 */
|
||||
QTableView#historyTable QHeaderView::section {
|
||||
padding: 0px 2px; /* 极小的头部内边距 */
|
||||
font-size: 8px; /* 极小的字体 */
|
||||
font-weight: 600;
|
||||
min-height: 8px;
|
||||
}
|
||||
|
||||
QTableView QHeaderView::section:first {
|
||||
border-left: 1px solid #E5E7EB;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
QTableView QHeaderView::section:last {
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
QTableView QHeaderView::section:hover {
|
||||
background-color: #F3F4F6;
|
||||
color: #1F2937;
|
||||
}
|
||||
|
||||
QTableView QHeaderView::section:pressed {
|
||||
background-color: #E5E7EB;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
/* 垂直表头隐藏 */
|
||||
QTableView QHeaderView::section:vertical {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ==================== 滚动条样式 ==================== */
|
||||
QTableView QScrollBar:vertical {
|
||||
background-color: #F9FAFB;
|
||||
width: 6px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
QTableView QScrollBar::handle:vertical {
|
||||
background-color: #D1D5DB;
|
||||
border-radius: 3px;
|
||||
min-height: 10px;
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
QTableView QScrollBar::handle:vertical:hover {
|
||||
background-color: #9CA3AF;
|
||||
}
|
||||
|
||||
QTableView QScrollBar::handle:vertical:pressed {
|
||||
background-color: #6B7280;
|
||||
}
|
||||
|
||||
QTableView QScrollBar::add-line:vertical,
|
||||
QTableView QScrollBar::sub-line:vertical {
|
||||
border: none;
|
||||
background: none;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
QTableView QScrollBar::add-page:vertical,
|
||||
QTableView QScrollBar::sub-page:vertical {
|
||||
background: none;
|
||||
}
|
||||
|
||||
QTableView QScrollBar:horizontal {
|
||||
background-color: #F9FAFB;
|
||||
height: 6px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
QTableView QScrollBar::handle:horizontal {
|
||||
background-color: #D1D5DB;
|
||||
border-radius: 3px;
|
||||
min-width: 10px;
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
QTableView QScrollBar::handle:horizontal:hover {
|
||||
background-color: #9CA3AF;
|
||||
}
|
||||
|
||||
QTableView QScrollBar::handle:horizontal:pressed {
|
||||
background-color: #6B7280;
|
||||
}
|
||||
|
||||
QTableView QScrollBar::add-line:horizontal,
|
||||
QTableView QScrollBar::sub-line:horizontal {
|
||||
border: none;
|
||||
background: none;
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
QTableView QScrollBar::add-page:horizontal,
|
||||
QTableView QScrollBar::sub-page:horizontal {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* ==================== 按钮样式 ==================== */
|
||||
QPushButton {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
padding: 2px 6px;
|
||||
border-radius: 2px;
|
||||
min-width: 50px;
|
||||
min-height: 16px;
|
||||
border: 1px solid;
|
||||
margin: 0px 1px;
|
||||
}
|
||||
|
||||
/* 删除历史记录按钮 - 红色主题 */
|
||||
QPushButton[text="删除历史记录"] {
|
||||
color: #DC2626;
|
||||
background-color: #FEF2F2;
|
||||
border-color: #FECACA;
|
||||
}
|
||||
|
||||
QPushButton[text="删除历史记录"]:hover {
|
||||
background-color: #FEE2E2;
|
||||
border-color: #FCA5A5;
|
||||
color: #B91C1C;
|
||||
}
|
||||
|
||||
QPushButton[text="删除历史记录"]:pressed {
|
||||
background-color: #FECACA;
|
||||
border-color: #F87171;
|
||||
color: #991B1B;
|
||||
}
|
||||
|
||||
QPushButton[text="删除历史记录"]:disabled {
|
||||
background-color: #F3F4F6;
|
||||
color: #9CA3AF;
|
||||
border-color: #E5E7EB;
|
||||
}
|
||||
|
||||
/* 导出报告按钮 - 绿色主题 */
|
||||
QPushButton[text="导出报告"] {
|
||||
color: #059669;
|
||||
background-color: #ECFDF5;
|
||||
border-color: #BBF7D0;
|
||||
}
|
||||
|
||||
QPushButton[text="导出报告"]:hover {
|
||||
background-color: #D1FAE5;
|
||||
border-color: #86EFAC;
|
||||
color: #047857;
|
||||
}
|
||||
|
||||
QPushButton[text="导出报告"]:pressed {
|
||||
background-color: #A7F3D0;
|
||||
border-color: #6EE7B7;
|
||||
color: #065F46;
|
||||
}
|
||||
|
||||
QPushButton[text="导出报告"]:disabled {
|
||||
background-color: #F3F4F6;
|
||||
color: #9CA3AF;
|
||||
border-color: #E5E7EB;
|
||||
}
|
||||
|
||||
/* ==================== 分割器样式 ==================== */
|
||||
QSplitter {
|
||||
background-color: #FFFFFF;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
QSplitter::handle {
|
||||
background-color: #E5E7EB;
|
||||
border: 1px solid #D1D5DB;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
QSplitter::handle:horizontal {
|
||||
height: 2px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
QSplitter::handle:vertical {
|
||||
width: 2px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
QSplitter::handle:hover {
|
||||
background-color: #D1D5DB;
|
||||
border-color: #9CA3AF;
|
||||
}
|
||||
|
||||
QSplitter::handle:pressed {
|
||||
background-color: #9CA3AF;
|
||||
border-color: #6B7280;
|
||||
}
|
||||
|
||||
/* ==================== 右键菜单样式 ==================== */
|
||||
QMenu {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 3px;
|
||||
padding: 1px 0;
|
||||
font-size: 10px;
|
||||
color: #374151;
|
||||
}
|
||||
|
||||
QMenu::item {
|
||||
padding: 3px 10px;
|
||||
margin: 1px 1px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
QMenu::item:selected {
|
||||
background-color: #F0F9FF;
|
||||
color: #1F2937;
|
||||
}
|
||||
|
||||
QMenu::item:pressed {
|
||||
background-color: #EBF8FF;
|
||||
color: #1E40AF;
|
||||
}
|
||||
|
||||
QMenu::separator {
|
||||
height: 1px;
|
||||
background-color: #E5E7EB;
|
||||
margin: 1px 4px;
|
||||
}
|
||||
|
||||
QMenu::icon {
|
||||
padding-left: 1px;
|
||||
}
|
||||
|
||||
/* ==================== 对话框样式 ==================== */
|
||||
QDialog {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
QDialog QLabel {
|
||||
font-size: 10px;
|
||||
color: #374151;
|
||||
font-weight: 500;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/* 步骤详情信息组 */
|
||||
QWidget#stepDetailInfoGroup {
|
||||
background-color: #F8F9FA;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 3px;
|
||||
padding: 4px;
|
||||
margin: 1px 0;
|
||||
}
|
||||
|
||||
/* 步骤描述文本 */
|
||||
QLineEdit#stepDescriptionText {
|
||||
background-color: #F9FAFB;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 2px;
|
||||
padding: 2px 4px;
|
||||
font-size: 10px;
|
||||
color: #374151;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* 步骤结果文本 */
|
||||
QLineEdit#stepResultText {
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 2px;
|
||||
padding: 2px 4px;
|
||||
font-size: 10px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
QLineEdit#stepResultText[status="success"] {
|
||||
background-color: #ECFDF5;
|
||||
color: #065F46;
|
||||
border-color: #BBF7D0;
|
||||
}
|
||||
|
||||
QLineEdit#stepResultText[status="error"] {
|
||||
background-color: #FEF2F2;
|
||||
color: #991B1B;
|
||||
border-color: #FECACA;
|
||||
}
|
||||
|
||||
QLineEdit#stepResultText[status="default"] {
|
||||
background-color: #F9FAFB;
|
||||
color: #374151;
|
||||
border-color: #E5E7EB;
|
||||
}
|
||||
|
||||
/* 对话框按钮 */
|
||||
QDialog QPushButton {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
padding: 3px 10px;
|
||||
border-radius: 2px;
|
||||
min-width: 50px;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
QDialogButtonBox QPushButton {
|
||||
color: #1D4ED8;
|
||||
background-color: #EBF8FF;
|
||||
border-color: #BFDBFE;
|
||||
}
|
||||
|
||||
QDialogButtonBox QPushButton:hover {
|
||||
background-color: #DBEAFE;
|
||||
border-color: #93C5FD;
|
||||
color: #1E40AF;
|
||||
}
|
||||
|
||||
QDialogButtonBox QPushButton:pressed {
|
||||
background-color: #BFDBFE;
|
||||
border-color: #60A5FA;
|
||||
color: #1E3A8A;
|
||||
}
|
||||
|
||||
/* ==================== 工具提示样式 ==================== */
|
||||
QToolTip {
|
||||
background-color: #1F2937;
|
||||
color: #FFFFFF;
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
padding: 2px 4px;
|
||||
font-size: 9px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* ==================== 消息框样式 ==================== */
|
||||
QMessageBox {
|
||||
background-color: #FFFFFF;
|
||||
color: #374151;
|
||||
font-size: 10px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
QMessageBox QPushButton {
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
padding: 3px 10px;
|
||||
border-radius: 2px;
|
||||
min-width: 50px;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
QMessageBox QPushButton[text="OK"],
|
||||
QMessageBox QPushButton[text="Yes"] {
|
||||
color: #1D4ED8;
|
||||
background-color: #EBF8FF;
|
||||
border-color: #BFDBFE;
|
||||
}
|
||||
|
||||
QMessageBox QPushButton[text="OK"]:hover,
|
||||
QMessageBox QPushButton[text="Yes"]:hover {
|
||||
background-color: #DBEAFE;
|
||||
border-color: #93C5FD;
|
||||
color: #1E40AF;
|
||||
}
|
||||
|
||||
QMessageBox QPushButton[text="Cancel"],
|
||||
QMessageBox QPushButton[text="No"] {
|
||||
color: #6B7280;
|
||||
background-color: #F9FAFB;
|
||||
border-color: #E5E7EB;
|
||||
}
|
||||
|
||||
QMessageBox QPushButton[text="Cancel"]:hover,
|
||||
QMessageBox QPushButton[text="No"]:hover {
|
||||
background-color: #F3F4F6;
|
||||
border-color: #D1D5DB;
|
||||
color: #4B5563;
|
||||
}
|
||||
|
||||
/* ==================== 状态指示器样式 ==================== */
|
||||
|
||||
/* 成功状态 */
|
||||
QTableView::item[status="success"] {
|
||||
background-color: #ECFDF5;
|
||||
color: #065F46;
|
||||
border-left: 1px solid #10B981;
|
||||
}
|
||||
|
||||
/* 失败状态 */
|
||||
QTableView::item[status="failed"] {
|
||||
background-color: #FEF2F2;
|
||||
color: #991B1B;
|
||||
border-left: 1px solid #EF4444;
|
||||
}
|
||||
|
||||
/* 部分成功状态 */
|
||||
QTableView::item[status="partial"] {
|
||||
background-color: #FEF3C7;
|
||||
color: #92400E;
|
||||
border-left: 1px solid #F59E0B;
|
||||
}
|
||||
|
||||
/* 未知状态 */
|
||||
QTableView::item[status="unknown"] {
|
||||
background-color: #F3F4F6;
|
||||
color: #6B7280;
|
||||
border-left: 1px solid #9CA3AF;
|
||||
}
|
||||
|
||||
/* ==================== 焦点样式 ==================== */
|
||||
QWidget:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
QTableView:focus {
|
||||
border-color: #3B82F6;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
QPushButton:focus {
|
||||
border-color: #3B82F6;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
/* ==================== 极度紧凑布局优化 ==================== */
|
||||
|
||||
/* 移除所有不必要的边距和内边距 */
|
||||
QWidget {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/* 搜索区域极度紧凑化 */
|
||||
QHBoxLayout {
|
||||
margin: 1px;
|
||||
spacing: 2px;
|
||||
}
|
||||
|
||||
/* 按钮区域极度紧凑化 */
|
||||
QHBoxLayout QPushButton {
|
||||
margin: 0px 1px;
|
||||
}
|
||||
|
||||
/* 分割器区域极度紧凑化 */
|
||||
QSplitter {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
spacing: 0px;
|
||||
}
|
||||
|
||||
/* 表格边距优化 */
|
||||
QTableView {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/* 对话框内容极度紧凑化 */
|
||||
QDialog {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
QDialog QVBoxLayout {
|
||||
margin: 1px;
|
||||
spacing: 2px;
|
||||
}
|
||||
|
||||
/* ==================== 超紧凑模式 ==================== */
|
||||
QWidget[size="ultra-compact"] {
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
QWidget[size="ultra-compact"] QPushButton {
|
||||
padding: 1px 4px;
|
||||
font-size: 9px;
|
||||
min-height: 12px;
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
QWidget[size="ultra-compact"] QLineEdit {
|
||||
padding: 0px 2px;
|
||||
font-size: 9px;
|
||||
min-height: 8px;
|
||||
}
|
||||
|
||||
QWidget[size="ultra-compact"] QTableView::item {
|
||||
padding: 0px 1px;
|
||||
min-height: 8px;
|
||||
}
|
||||
|
||||
QWidget[size="ultra-compact"] QTableView#historyTable::item {
|
||||
padding: 0px 1px;
|
||||
min-height: 6px;
|
||||
}
|
||||
|
||||
QWidget[size="ultra-compact"] QTableView#historyTable {
|
||||
max-height: 60px;
|
||||
min-height: 30px;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
QWidget[size="ultra-compact"] QTableView#historyTable QHeaderView::section {
|
||||
padding: 0px 1px;
|
||||
font-size: 7px;
|
||||
min-height: 6px;
|
||||
}
|
||||
Loading…
Reference in New Issue