safety-eval-service-frontend/src/pages/Container/MonitorManage/QualMonitor/index.less

132 lines
2.1 KiB
Plaintext

.qual-monitor {
// 页面描述条
.page-desc {
font-size: 14px;
color: #64748b;
margin-bottom: 16px;
padding: 8px 12px;
background: #f8fafc;
border-radius: 8px;
border: 1px solid #e2e8f0;
}
// 资质条件来源说明
.source-note {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 8px 14px;
font-size: 14px;
color: #64748b;
margin-bottom: 10px;
strong {
color: #1e293b;
}
}
// 机构信息
.org-info {
.org-name {
font-weight: 600;
}
.org-meta {
font-size: 14px;
color: #64748b;
}
}
// 业务范围标签
.biz-scope-wrap {
display: flex;
flex-wrap: wrap;
gap: 4px;
.biz-scope-hint {
font-size: 14px;
color: #64748b;
margin-top: 4px;
}
}
// 场所状态
.place-status {
font-size: 14px;
}
.place-ok {
color: #059669;
}
.place-bad {
color: #dc2626;
}
// 来源字段药丸
.source-pill {
display: inline-flex;
align-items: center;
gap: 2px;
padding: 2px 7px;
border-radius: 999px;
background: #f1f5f9;
color: #475569;
font-size: 14px;
white-space: nowrap;
}
// 工具栏
.qm-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
.qm-toolbar-hint {
font-size: 14px;
color: #64748b;
}
}
// 核查口径说明
.check-note {
margin-bottom: 12px;
font-size: 14px;
color: #64748b;
padding: 12px;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: #f8fafc;
}
// 条件详情表格
.detail-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 8px;
th {
padding: 8px 12px;
border-bottom: 1px solid #e2e8f0;
text-align: left;
background: #f8fafc;
}
td {
padding: 8px 12px;
border-bottom: 1px solid #f1f5f9;
}
.cell-source {
font-size: 14px;
}
.cell-label {
font-weight: 500;
}
}
}