.casePerfection {
|
flex: 1;
|
position: relative;
|
margin: @pageMargin;
|
background-color: #ffffff;
|
display: flex;
|
flex-direction: column;
|
|
&-folderBg {
|
background-color: @bg-color;
|
}
|
|
&-folderHeader {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
|
&-title {
|
display: flex;
|
align-items: center;
|
}
|
}
|
|
&-folderMain {
|
margin-top: 20px;
|
|
&-item {
|
position: relative;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
padding: 8px 8px 8px 16px;
|
background-color: @main-color-1;
|
border-radius: 10px;
|
transition: transform 1s;
|
margin-bottom: 16px;
|
|
&::before {
|
content: '';
|
position: absolute;
|
top: 11px;
|
height: 14px;
|
width: 2px;
|
left: 8px;
|
background-color: @main-color;
|
}
|
|
.public-rightBorder::before {
|
border-color: @text-color;
|
}
|
}
|
|
&-content {
|
background-color: #ffffff;
|
margin-bottom: 16px;
|
}
|
|
&-title {
|
display: flex;
|
}
|
|
&-show {
|
color: @main-color;
|
cursor: pointer;
|
}
|
|
&-rotate {
|
transform: rotate(180deg);
|
}
|
}
|
|
&-form {
|
background-color: #ffffff;
|
border-radius: @border-radius-base;
|
padding: 12px 24px 16px;
|
}
|
|
&-bottom {
|
flex: 1;
|
padding: 0 24px 24px;
|
margin-top: -16px;
|
}
|
|
&-bottom2 {
|
flex: 1;
|
padding-bottom: 24px;
|
}
|
|
&-warning {
|
display: flex;
|
align-items: center;
|
padding: 8px 24px;
|
background-color: @warning-bg-color;
|
color: @text-color-secondary;
|
}
|
|
h4 {
|
display: flex;
|
align-items: center;
|
}
|
|
&-titleIcon {
|
width: 16px;
|
height: 16px;
|
margin-right: 4px;
|
}
|
|
&-divider {
|
border-top: 1px solid @divider-color;
|
width: 100%;
|
margin-top: 16px;
|
margin-bottom: 20px;
|
}
|
|
&-party {
|
padding: 4px 0;
|
border-radius: 5px;
|
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
|
|
&-table {
|
width: 100%;
|
text-align: left;
|
padding-top: 4px;
|
table-layout: fixed;
|
|
&-thead {
|
color: @text-color-three;
|
font-weight: 600;
|
}
|
|
th,
|
td {
|
padding: 8px 4px;
|
font-size: 14px;
|
line-height: 22px;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
&-tbody {
|
tr {
|
position: relative;
|
|
&:last-child {
|
&::after {
|
border: 0;
|
}
|
}
|
|
&::after {
|
content: '';
|
border-top: 1px solid @divider-color;
|
position: absolute;
|
left: 38px;
|
right: 0;
|
bottom: 0;
|
}
|
}
|
}
|
}
|
|
&-table2 {
|
padding: 0 16px;
|
max-height: 92px;
|
min-height: 97px;
|
|
.casePerfection-party-table {
|
padding-top: 0;
|
}
|
}
|
|
&-nameCard {
|
width: 30px;
|
height: 30px;
|
border-radius: 10px;
|
color: #ffffff;
|
text-align: center;
|
line-height: 30px;
|
}
|
|
&-nameCard1 {
|
background: linear-gradient(135deg, #1890ff, rgba(24, 144, 255, 0.85) 100%);
|
}
|
|
&-nameCard2 {
|
background: linear-gradient(138deg, #ff5500, rgba(255, 85, 0, 0.85) 100%);
|
}
|
|
&-add {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
padding: 12px 0;
|
|
&-border {
|
border-top: 1px solid @divider-color;
|
}
|
|
&:hover {
|
cursor: pointer;
|
color: @main-color;
|
}
|
}
|
}
|
|
&-tab {
|
color: @text-color-three;
|
cursor: pointer;
|
|
&:hover {
|
color: @main-color;
|
}
|
|
&-active {
|
color: @text-color;
|
position: relative;
|
|
&::after {
|
content: '';
|
width: 14px;
|
height: 0px;
|
border: 1px solid @main-color;
|
position: absolute;
|
left: 50%;
|
margin-left: -7px;
|
bottom: -2px;
|
}
|
}
|
}
|
|
&-file {
|
display: flex;
|
align-items: center;
|
|
&-img {
|
width: 40px;
|
height: 45px;
|
}
|
|
&-main {
|
padding-left: 8px;
|
flex: 1;
|
overflow: hidden;
|
}
|
|
&-header {
|
display: flex;
|
align-items: center;
|
}
|
|
&-tag {
|
width: 32px;
|
height: 22px;
|
background-color: #f0f2f5;
|
border-radius: 5px;
|
text-align: center;
|
font-size: 12px;
|
line-height: 22px;
|
font-weight: 600;
|
margin-right: 8px;
|
}
|
|
&-tag1 {
|
color: #05aeae;
|
}
|
|
&-tag2 {
|
color: #d1021c;
|
}
|
|
&-tag3 {
|
color: #1890ff;
|
}
|
|
&-title {
|
.ellipsis-text-1;
|
flex: 1;
|
}
|
|
&-bottom {
|
margin-top: 4px;
|
color: @text-color-secondary;
|
font-size: 12px;
|
line-height: 20px;
|
|
.public-a {
|
position: relative;
|
|
&::before {
|
content: '';
|
position: absolute;
|
border-left: 1px solid @divider-color;
|
top: 0;
|
bottom: 0;
|
left: -5px;
|
}
|
}
|
}
|
}
|
|
&-drawer {
|
&-header {
|
display: flex;
|
}
|
}
|
|
&-cardTab {
|
&-tab {
|
height: 100px;
|
border: 1px solid @divider-color;
|
border-radius: 4px;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
cursor: pointer;
|
position: relative;
|
color: rgba(0, 0, 0, 0.75);
|
|
&-name {
|
font-weight: 600;
|
margin-top: 4px;
|
}
|
|
&-triangle {
|
position: absolute;
|
top: -3px;
|
right: -10px;
|
width: 0;
|
height: 0;
|
border: 15px solid;
|
border-top: 0 solid;
|
border-color: transparent transparent @main-color;
|
transform: rotate(45deg);
|
}
|
|
&-check {
|
position: absolute;
|
top: 0;
|
right: 0;
|
color: #ffffff;
|
font-size: 12px;
|
}
|
}
|
|
&-tabActive {
|
border-color: @main-color;
|
color: @main-color;
|
}
|
}
|
|
&-material {
|
&-text {
|
color: @text-color-secondary;
|
}
|
|
li {
|
margin-bottom: 8px;
|
}
|
}
|
|
&-space {
|
display: flex;
|
|
.ant-space-item {
|
flex: 1;
|
}
|
}
|
|
.ant-input-number-group-wrapper {
|
width: 100%;
|
}
|
|
&-submit {
|
padding: 0 24px 16px;
|
}
|
}
|
