.caseDetail {
|
padding: @pageMargin;
|
padding-top: 0;
|
position: relative;
|
flex: 1;
|
|
&-subtitle {
|
color: @text-color-secondary;
|
}
|
|
&-tabs {
|
padding: 0 @pageAboutMargin;
|
padding-bottom: 4px;
|
}
|
|
&-divider {
|
border-top: 1px solid @divider-color;
|
}
|
|
.nameCard-name {
|
color: @text-color-secondary;
|
}
|
|
div .caseDetail-paragraph {
|
flex: 1;
|
color: @text-color-secondary;
|
margin-bottom: 0;
|
padding-right: 12px;
|
}
|
|
&-tui {
|
background-color: @warning-bg-color;
|
padding: 8px @pageUpDownMargin;
|
color: @text-color-secondary;
|
margin-bottom: @pageUpDownMargin;
|
|
&-icon {
|
color: @warning-color;
|
margin-right: 8px;
|
}
|
}
|
|
&-card {
|
background-color: #ffffff;
|
padding: 0 @pageUpDownMargin;
|
}
|
|
//// 多个页面的信息展示用到
|
&-headerCard {
|
padding: 0 @pageUpDownMargin;
|
border-top: 4px solid @main-color;
|
box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
background-color: #ffffff;
|
}
|
|
&-cardTitle {
|
padding: 12px 0;
|
border-bottom: 1px dashed @divider-color;
|
|
&-icon {
|
height: 22px;
|
width: 22px;
|
border-radius: 2px;
|
text-align: center;
|
color: #ffffff;
|
}
|
|
&-iconGreen {
|
background-color: #3ac299;
|
}
|
|
&-iconBlue {
|
background-color: #1890ff;
|
}
|
|
&-iconOrange {
|
background-color: #ff5500;
|
}
|
|
h5 {
|
margin-bottom: 0;
|
}
|
}
|
|
&-descriptions {
|
padding: 12px 0 4px;
|
}
|
|
&-cardMain {
|
padding: 12px 0 16px 0;
|
}
|
////
|
}
|
|
.disputeMsg,
|
.processRecord,
|
.mediationResult,
|
.mediateAbnormalDetail,
|
.mediationPower {
|
// height: 100%;
|
background-color: #ffffff;
|
padding: 12px 16px;
|
}
|
|
.disputeMsg,
|
.mediationPower {
|
h5 {
|
margin-bottom: 0;
|
}
|
}
|
|
.disputeMsg {
|
div .caseDetail-paragraph {
|
flex: 1;
|
color: @text-color-secondary;
|
margin-bottom: 0;
|
padding-right: 12px;
|
}
|
}
|
|
.dispatchRecord {
|
display: flex;
|
height: 100%;
|
|
&-left {
|
padding: @pageUpDownMargin;
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
|
&-button {
|
margin-top: @pageUpDownMargin;
|
}
|
}
|
|
&-right {
|
min-width: 350px;
|
max-width: 350px;
|
margin-left: 12px;
|
|
.caseDetail-cardMain {
|
padding-bottom: 0;
|
}
|
}
|
|
h5 {
|
margin: 0;
|
}
|
|
&-dis {
|
display: flex;
|
align-items: center;
|
padding: 8px 0;
|
|
&-posi {
|
position: relative;
|
}
|
|
&-status1,
|
&-status2,
|
&-status3 {
|
color: #ffffff;
|
background-color: #52c41a;
|
font-size: 12px;
|
line-height: 20px;
|
padding: 0 8px;
|
position: absolute;
|
top: 27px;
|
}
|
|
&-status1 {
|
background-color: #52c41a;
|
}
|
|
&-status2 {
|
background-color: #ff5500;
|
}
|
|
&-status3 {
|
background-color: #1089ff;
|
}
|
|
&-img2 {
|
position: absolute;
|
left: 0;
|
top: 19px;
|
height: 6px;
|
width: 8px;
|
}
|
|
&-img {
|
width: 55px;
|
height: 55px;
|
margin: 0 16px;
|
}
|
}
|
}
|
|
.mediationResult {
|
h5 {
|
margin-bottom: 0;
|
}
|
|
&-imgBox {
|
display: flex;
|
cursor: pointer;
|
}
|
|
&-img {
|
width: 20px;
|
height: 20px;
|
margin-right: -4px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
border-radius: 50%;
|
overflow: hidden;
|
|
&-add {
|
background: #05aeae;
|
border-radius: 50%;
|
color: #ffffff;
|
font-size: 12px;
|
}
|
}
|
}
|
|
.judicialApply {
|
flex: 1 1;
|
margin: 16px 24px;
|
display: flex;
|
|
&-left {
|
flex: 1;
|
margin-left: 65px;
|
}
|
|
&-right {
|
min-width: 350px;
|
margin-left: @pageUpDownMargin;
|
|
.caseDetail-cardMain {
|
padding-bottom: 0;
|
}
|
}
|
}
|
|
.signFor {
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
|
&-main {
|
flex: 1;
|
background-color: #ffffff;
|
margin-top: @pageUpDownMargin;
|
padding: 0 @pageUpDownMargin @pageUpDownMargin;
|
display: flex;
|
flex-direction: column;
|
}
|
}
|
|
.caseHandle {
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
|
.caseDetail-tui {
|
margin-bottom: 0;
|
margin-top: @pageUpDownMargin;
|
}
|
|
&-main {
|
flex: 1;
|
margin-top: @pageUpDownMargin;
|
display: flex;
|
|
&-left {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
padding-bottom: @pageUpDownMargin;
|
}
|
|
&-right {
|
min-width: 350px;
|
margin-left: @pageUpDownMargin;
|
|
.caseDetail-cardMain {
|
padding-bottom: 0;
|
}
|
}
|
}
|
|
&-subtitle {
|
color: @text-color-secondary;
|
margin-bottom: 12px;
|
margin-top: -4px;
|
}
|
|
&-person {
|
margin-top: 16px;
|
}
|
|
&-persons {
|
display: flex;
|
flex-wrap: wrap;
|
}
|
|
&-divider {
|
border-top: 1px solid @divider-color;
|
}
|
}
|
|
.dispatch {
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
|
&-main {
|
flex: 1;
|
display: flex;
|
|
&-left {
|
flex: 1;
|
}
|
|
&-right {
|
min-width: 350px;
|
margin-left: @pageUpDownMargin;
|
|
.caseDetail-cardMain {
|
padding-bottom: 0;
|
}
|
}
|
}
|
}
|
|
.mediateAbnormalDetail {
|
padding-top: 0;
|
display: flex;
|
flex-direction: column;
|
|
&-bg {
|
height: 100%;
|
padding-top: @pageUpDownMargin;
|
}
|
}
|
|
.JudicialDivisionDetail {
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
|
&-main {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
}
|
}
|
|
.feedback {
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
padding-bottom: 16px;
|
}
|
|
.caseFolderFeedBack {
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
|
&-main {
|
flex: 1;
|
margin-top: @pageUpDownMargin;
|
display: flex;
|
flex-direction: column;
|
padding-bottom: 16px;
|
}
|
|
&-copy {
|
.ant-typography-copy {
|
color: #ffffff;
|
}
|
}
|
}
|
|
.mediationPower {
|
.public-fileCard {
|
img {
|
width: 58px;
|
height: 58px;
|
}
|
}
|
}
|
|
.MediationInfo {
|
&-subTitle {
|
width: 4px;
|
height: 16px;
|
background-color: @main-color;
|
border-radius: 4px;
|
}
|
}
|
