/*
|
* @Company: hugeInfo
|
* @Author: lwh
|
* @Date: 2025-04-10 16:40:00
|
* @LastEditTime: 2025-04-14 10:53:10
|
* @LastEditors: lwh
|
* @Version: 1.0.0
|
* @Description: 申请记录组件样式
|
*/
|
|
.sqjl-container {
|
background-color: #f5f5f5;
|
}
|
|
.sqjl-header {
|
padding: 12px 16px;
|
font-size: 14px;
|
color: #666;
|
background-color: #f5f5f5;
|
}
|
|
.sqjl-list {
|
display: flex;
|
flex-direction: column;
|
gap: 8px;
|
padding: 0 12px;
|
margin-bottom: 20px;
|
}
|
|
.sqjl-item {
|
background-color: #fff;
|
border-radius: 4px;
|
overflow: hidden;
|
}
|
|
.sqjl-item-header {
|
padding: 12px;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
border-bottom: 1px dashed #f2f2f2;
|
}
|
|
.sqjl-item-type {
|
font-size: 16px;
|
font-weight: 500;
|
color: #333;
|
}
|
|
.sqjl-item-tags {
|
display: flex;
|
gap: 8px;
|
}
|
|
.sqjl-tag {
|
padding: 3px 6px;
|
border-radius: 4px;
|
font-size: 12px;
|
color: #fff;
|
}
|
|
.sqjl-tag-timeout {
|
background-color: #f53f3f;
|
}
|
|
.sqjl-tag-pending {
|
color: #ff7d00;
|
background-color: #fff7e8;
|
}
|
|
.sqjl-tag-passed {
|
color: #00b42a;
|
background-color: #e8ffea;
|
}
|
|
.sqjl-tag-rejected {
|
color: #f53f3f;
|
background-color: #ffece8;
|
}
|
|
.sqjl-item-content {
|
padding: 12px;
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.sqjl-item-info {
|
flex: 1;
|
}
|
|
.sqjl-item-row {
|
margin-bottom: 8px;
|
display: flex;
|
font-size: 14px;
|
color: #666;
|
}
|
|
.sqjl-item-row:last-child {
|
margin-bottom: 0;
|
}
|
|
.sqjl-item-label {
|
min-width: 70px;
|
color: #999;
|
}
|
|
.sqjl-item-value {
|
color: #333;
|
}
|
|
.sqjl-item-action {
|
display: flex;
|
align-items: end;
|
}
|
|
.sqjl-btn {
|
min-width: 64px;
|
height: 32px;
|
border-radius: 20px;
|
font-size: 14px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
cursor: pointer;
|
border: none;
|
padding: 0 16px;
|
}
|
|
.sqjl-btn-primary {
|
background-color: #1a6fb8;
|
color: #fff;
|
}
|
|
.sqjl-btn-default {
|
background-color: #f2f3f5;
|
color: #1a6fb8;
|
border: 1px solid #dcdee0;
|
}
|
|
.sqjl-empty {
|
padding: 40px 0;
|
text-align: center;
|
color: #999;
|
font-size: 14px;
|
}
|
|
.audit-content-wrapper {
|
border: 1px solid #1a6fb8;
|
border-radius: 4px;
|
padding: 4px 8px;
|
}
|
