完成评查点分组列表和评查点列表的页面,封装部分组件,重新构造样式文件结构

This commit is contained in:
2025-03-26 18:39:42 +08:00
parent 97ccf5a077
commit d9b9ce4676
34 changed files with 3281 additions and 3777 deletions
-76
View File
@@ -1,76 +0,0 @@
/* 评查点分组管理页面样式 */
/* 树形结构样式 */
.tree-table .group-row {
transition: all 0.2s;
}
.tree-table .group-row:hover {
background-color: rgba(0, 104, 74, 0.05);
}
.tree-table .parent-row {
background-color: #f9f9f9;
font-weight: 500;
}
.tree-table .child-row {
border-left: 3px solid #f0f0f0;
}
.expand-icon {
width: 22px;
height: 22px;
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s;
}
.expand-icon:hover {
background-color: rgba(0, 104, 74, 0.1);
}
.group-badge {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 12px;
font-size: 12px;
margin-left: 8px;
}
.parent-badge {
background-color: rgba(0, 104, 74, 0.1);
color: var(--color-primary);
}
.child-badge {
background-color: rgba(0, 104, 74, 0.05);
color: var(--color-primary);
}
.badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 8px;
border-radius: 12px;
font-size: 12px;
}
/* 按钮文本样式,不与其他冲突 */
.btn-text {
background-color: transparent;
border: none;
color: var(--color-gray-800);
padding: 4px 8px;
}
/* 小尺寸按钮 */
.btn-sm {
padding: 4px 8px;
font-size: 12px;
}
-80
View File
@@ -1,80 +0,0 @@
/* 评查点列表页面样式 */
/* 筛选区域 */
.filter-card {
margin-bottom: 1rem;
}
/* 搜索框样式 */
.search-box {
display: flex;
align-items: center;
}
.search-box .form-input {
flex: 1;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.search-box .ant-btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* 表格样式 */
.rules-table {
width: 100%;
margin-top: 1rem;
}
/* 表格操作列样式 */
.operations-cell {
white-space: nowrap;
}
/* 状态点样式 */
.status-dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 5px;
}
.status-dot-success {
background-color: #52c41a;
}
.status-dot-default {
background-color: #d9d9d9;
}
/* 标签自定义样式 */
.rule-tag {
padding: 2px 8px;
font-size: 12px;
border-radius: 4px;
}
/* 表格行悬停效果 */
.ant-table tbody tr:hover {
background-color: rgba(0, 0, 0, 0.02);
}
/* 页面标题区域 */
.page-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
/* 卡片内容间距 */
.content-card {
padding: 0;
}
.content-card .ant-card-body {
padding: 0;
}
-2164
View File
File diff suppressed because it is too large Load Diff