.mediateRegister {
|
&-form {
|
padding: 16px 12px 0;
|
height: calc(100% - 76px - @navBarHeight - 16px);
|
overflow-y: auto;
|
}
|
|
&-card {
|
border-radius: 10px;
|
margin-bottom: 8px;
|
overflow: hidden;
|
background-color: @common_bg_z1_color;
|
}
|
|
&-formItem {
|
padding: 12px 16px;
|
background-color: @common_bg_z1_color;
|
|
&-label {
|
display: flex;
|
align-items: center;
|
margin-bottom: 4px;
|
}
|
}
|
|
&-formTitle {
|
font-weight: 600;
|
margin-right: 8px;
|
}
|
|
&-formListItem {
|
padding-left: 0;
|
min-height: 0 !important;
|
|
.dtm-list-line {
|
padding: 0;
|
}
|
}
|
|
&-formItem2 {
|
padding: 12px 16px;
|
background-color: @common_bg_z1_color;
|
display: flex;
|
align-items: center;
|
|
&-flex {
|
flex: 1;
|
text-align: right;
|
|
.dtm-input-item-input {
|
text-align: right;
|
}
|
}
|
}
|
|
&-formNoBottom {
|
margin-bottom: -12px;
|
}
|
|
&-party {
|
background-color: @common_bg_z1_color;
|
padding: 8px 8px 8px 16px;
|
|
&-item {
|
display: flex;
|
align-items: center;
|
padding: 8px 0;
|
}
|
|
&-img {
|
width: 32px;
|
height: 32px;
|
border-radius: 5px;
|
line-height: 32px;
|
text-align: center;
|
color: @common_bg_z1_color;
|
font-size: 12px;
|
|
&-shen {
|
background: linear-gradient(138deg, #007fff 0%, #0062ff 100%);
|
}
|
|
&-bei {
|
background: linear-gradient(135deg, #ff713d 0%, #ff5b1f 100%);
|
}
|
}
|
|
&-content {
|
flex: 1;
|
padding-left: 16px;
|
overflow: hidden;
|
|
&-title {
|
display: flex;
|
align-items: center;
|
width: 100%;
|
|
&-name {
|
padding-right: 8px;
|
max-width: 75px;
|
.ellipsis-text-1;
|
}
|
}
|
|
&-subtitle {
|
font-size: 12px;
|
line-height: 20px;
|
color: @common_level2_base_color;
|
.ellipsis-text-1;
|
}
|
|
.dtm-button {
|
border: 1px dashed @common_line_hard_color;
|
}
|
}
|
|
&-add {
|
padding: 0 8px;
|
border-left: 1px solid @common_line_hard_color;
|
margin-left: 8px;
|
color: @theme_primary1_color;
|
}
|
}
|
|
&-btn {
|
padding: 16px 12px;
|
}
|
|
&-success {
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
position: absolute;
|
width: 100%;
|
top: 50%;
|
margin-top: -100px;
|
|
&-icon {
|
font-size: 64px;
|
color: @theme_primary1_color;
|
}
|
|
&-title {
|
font-size: 16px;
|
line-height: 25px;
|
font-weight: 600;
|
margin-top: 16px;
|
}
|
|
&-subtitle {
|
color: @common_level2_base_color;
|
margin: 16px 0 20px;
|
}
|
}
|
|
&-partyModal {
|
background-color: @common_bg_color;
|
|
.myTabs-tab {
|
margin-right: 32px;
|
}
|
|
&-header {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
padding: 12px 16px 0;
|
font-weight: 600;
|
font-size: 16px;
|
}
|
|
&-tabs {
|
padding: 12px 16px 16px;
|
}
|
|
&-tabsCard {
|
display: flex;
|
align-items: flex-end;
|
|
&-item {
|
flex: 1;
|
background-color: @common_bg_z1_color;
|
text-align: center;
|
line-height: 40px;
|
height: 40px;
|
position: relative;
|
|
&:first-child {
|
border-radius: 0px 0px 0px 10px;
|
}
|
|
&:last-child {
|
border-radius: 0px 10px 0px 0px;
|
}
|
|
&-active {
|
height: 50px;
|
line-height: 50px;
|
font-size: 16px;
|
font-weight: 600;
|
border-radius: 10px 10px 0px 0px !important;
|
|
.mediateRegister-partyModal-tabsCard-item-bg {
|
border-radius: 10px 10px 0px 0px;
|
background-color: @common_bg_z1_color;
|
}
|
}
|
|
&-bg {
|
background-color: @common_bg_color;
|
}
|
}
|
}
|
|
&-form {
|
background-color: @common_bg_z1_color;
|
padding: 16px 0;
|
}
|
|
&-agent {
|
padding: 12px 16px 0;
|
max-height: 300px;
|
|
&-item {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-bottom: 8px;
|
|
&:last-child {
|
margin-bottom: 0;
|
}
|
}
|
|
&-itemActive {
|
color: @theme_primary1_color;
|
}
|
|
.dtm-empty-page-img {
|
width: 144px;
|
height: 144px;
|
}
|
|
.dtm-empty-page-title,
|
.dtm-empty-page-top {
|
margin: 0;
|
}
|
}
|
|
&-btn {
|
background-color: @common_bg_z1_color;
|
display: flex;
|
padding: 16px 16px 0;
|
border-top: 1px solid @common_line_light_color;
|
|
.dtm-button-warning {
|
background-color: @common_bg_z1_color;
|
color: @theme_danger1_color;
|
border: 1px solid;
|
}
|
}
|
}
|
}
|
|
.materialUpload {
|
&-title {
|
font-size: 12px;
|
line-height: 20px;
|
padding: 12px;
|
background-color: @common_bg_z1_color;
|
}
|
|
&-upload {
|
font-size: 12px;
|
line-height: 20px;
|
color: #ffffff;
|
position: fixed;
|
right: 16px;
|
bottom: 082px;
|
width: 80px;
|
height: 80px;
|
background: linear-gradient(138deg, #007fff 0%, #0062ff 100%);
|
border-radius: 50%;
|
box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.25);
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
flex-direction: column;
|
}
|
|
&-header {
|
padding: 12px;
|
font-weight: 600;
|
}
|
|
&-card {
|
background-color: @common_bg_z1_color;
|
border-radius: 10px;
|
padding: 12px;
|
margin: 0 12px 8px;
|
|
&-avatar {
|
display: flex;
|
align-items: center;
|
|
&-right {
|
padding-left: 8px;
|
}
|
|
&-subtitle {
|
font-size: 12px;
|
line-height: 20px;
|
color: @common_level2_base_color;
|
}
|
}
|
|
&-title {
|
display: flex;
|
align-items: center;
|
|
&-right {
|
font-size: 12px;
|
line-height: 20px;
|
color: @theme_primary1_color;
|
flex: 1;
|
text-align: right;
|
padding-left: 4px;
|
}
|
}
|
|
&-subtitle {
|
font-size: 12px;
|
line-height: 20px;
|
display: flex;
|
align-items: center;
|
margin-top: 4px;
|
|
&-left {
|
color: @common_level2_base_color;
|
padding-right: 24px;
|
}
|
|
&-right {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
justify-content: flex-end;
|
overflow: hidden;
|
|
.ellipsis-text-1 {
|
max-width: 100%;
|
}
|
}
|
|
&-icon {
|
margin-right: 4px;
|
}
|
}
|
}
|
|
&-card2 {
|
background-color: @common_bg_color;
|
margin-top: 8px;
|
border-radius: 10px;
|
padding: 12px;
|
}
|
|
&-uploadCard {
|
padding: 16px 12px;
|
|
&-item {
|
padding: 12px 16px;
|
background-color: @common_bg_z1_color;
|
border-radius: 10px;
|
margin-bottom: 8px;
|
|
&-text {
|
font-size: 12px;
|
line-height: 20px;
|
color: @common_level2_base_color;
|
padding: 12px 0;
|
border-top: 1px solid @common_line_hard_color;
|
padding: 4px 0 0;
|
margin-top: 16px;
|
}
|
}
|
|
&-imgBox {
|
display: flex;
|
flex-wrap: wrap;
|
align-items: center;
|
}
|
|
&-img {
|
padding: 16px 24px 0 0;
|
}
|
|
&-imgAdd {
|
width: 42px;
|
height: 42px;
|
background: @common_bg_z1_color;
|
border: 1px dashed rgba(0, 0, 0, 0.5);
|
border-radius: 2px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
margin: 16px 24px 0 0;
|
}
|
|
.mediateRegister-formItem {
|
border-radius: 10px;
|
margin-bottom: 8px;
|
}
|
}
|
}
|
|
.mediateEventList {
|
&-searchBar {
|
position: fixed;
|
top: @navBarHeight;
|
left: 0;
|
right: 0;
|
z-index: 99;
|
|
&-height {
|
height: 48px;
|
}
|
}
|
|
&-main {
|
height: calc(100% - @navBarHeight - 48px - 24px);
|
padding: 4px 12px 12px;
|
overflow: hidden;
|
}
|
}
|
|
.mediateEventListSearch {
|
&-main {
|
height: calc(100% - @navBarHeight - 48px - 24px);
|
padding: 12px;
|
display: flex;
|
flex-direction: column;
|
|
&-title {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-bottom: 12px;
|
}
|
|
&-list {
|
flex: 1;
|
overflow: hidden;
|
}
|
}
|
}
|
|
.mediateDetail {
|
height: calc(100% - @navBarHeight);
|
display: flex;
|
flex-direction: column;
|
|
&-tab {
|
padding: 20px 0;
|
|
.myTabs-tab {
|
flex: 1;
|
margin: 0;
|
}
|
}
|
|
&-main {
|
flex: 1;
|
overflow-y: auto;
|
padding: 0 12px;
|
|
&-card {
|
background-color: @common_bg_z1_color;
|
border-radius: 10px;
|
overflow: hidden;
|
padding: 12px 16px;
|
margin-bottom: 8px;
|
}
|
|
.dtm-list-line,
|
.dtm-list-item {
|
padding: 0;
|
min-height: 0;
|
}
|
}
|
|
&-btn {
|
padding: 16px 12px;
|
}
|
}
|
|
.mediateDetailMsg {
|
flex: 1;
|
padding: 0 12px;
|
display: flex;
|
flex-direction: column;
|
|
&-card {
|
padding: 12px 16px;
|
border-radius: 10px;
|
background-color: @common_bg_z1_color;
|
margin-bottom: 8px;
|
overflow: hidden;
|
}
|
|
&-flex {
|
display: flex;
|
align-items: center;
|
|
&-img3 {
|
font-size: 37px;
|
color: @theme_primary1_color;
|
margin-right: 12px;
|
}
|
|
&-img1 {
|
margin-right: 12px;
|
}
|
|
&-img2 {
|
margin-right: 8px;
|
}
|
|
&-imgSuccess {
|
font-size: 44px;
|
color: @theme_primary1_color;
|
margin-right: 8px;
|
}
|
|
&-title {
|
display: flex;
|
align-items: center;
|
margin-bottom: 2px;
|
|
.public-tag2 {
|
margin-left: 8px;
|
}
|
}
|
|
&-subtitle {
|
font-size: 12px;
|
line-height: 20px;
|
color: @common_level2_base_color;
|
display: flex;
|
align-items: center;
|
|
.public-rightBorder {
|
flex: 1;
|
}
|
}
|
|
&-phone {
|
color: #71b4e3;
|
display: flex;
|
align-items: center;
|
margin-left: 8px;
|
font-size: 12px;
|
line-height: 20px;
|
|
&-icon {
|
width: 14px;
|
height: 14px;
|
border-radius: 50%;
|
border: 1px solid #71b4e3;
|
border-radius: 50%;
|
line-height: 13px;
|
text-align: center;
|
margin-right: 4px;
|
font-size: 10px;
|
}
|
}
|
}
|
|
&-dashed {
|
margin: 12px 0;
|
border-top: 1px dashed @common_line_hard_color;
|
}
|
|
&-solid {
|
margin: 12px 0;
|
border-top: 1px solid @common_line_hard_color;
|
}
|
|
&-success {
|
color: @common_green1_color;
|
}
|
|
&-fail {
|
color: @common_red1_color;
|
}
|
|
&-card2 {
|
padding: 12px 16px;
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
background-color: @common_bg_z1_color;
|
border-radius: 10px;
|
}
|
|
&-load {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
|
&-spin {
|
animation: spin 1s infinite;
|
}
|
|
h4 {
|
margin-top: 12px;
|
}
|
|
&-subtitle {
|
color: @common_level2_base_color;
|
margin-top: 8px;
|
}
|
}
|
|
&-meeting {
|
margin-top: 8px;
|
padding: 8px;
|
background: rgba(82, 196, 26, 0.1);
|
border-radius: 5px;
|
display: flex;
|
align-items: center;
|
|
&-left {
|
padding: 6px 8px;
|
background: #52c41a;
|
border-radius: 5px;
|
text-align: center;
|
color: @common_bg_z1_color;
|
margin-right: 8px;
|
|
&-day {
|
font-size: 16px;
|
line-height: 16px;
|
}
|
|
&-month {
|
font-size: 12px;
|
line-height: 12px;
|
margin-top: 8px;
|
}
|
}
|
|
&-right {
|
flex: 1;
|
font-size: 12px;
|
line-height: 20px;
|
|
.public-tag {
|
line-height: 16px;
|
margin-left: 4px;
|
}
|
}
|
}
|
|
&-ing {
|
margin-top: 8px;
|
padding: 12px 16px;
|
background: rgba(113, 180, 227, 0.1);
|
border-radius: 5px;
|
font-size: 12px;
|
line-height: 20px;
|
}
|
|
&-space {
|
display: flex;
|
|
&-right {
|
flex: 1;
|
}
|
}
|
|
&-file {
|
margin-top: 8px;
|
padding: 8px;
|
background-color: rgba(5, 174, 174, 0.1);
|
border-radius: 5px;
|
display: flex;
|
align-items: center;
|
|
&-left {
|
width: 51px;
|
padding: 4px 0;
|
background-color: #05aeae;
|
border-radius: 5px;
|
text-align: center;
|
color: @common_bg_z1_color;
|
margin-right: 8px;
|
font-size: 16px;
|
line-height: 20px;
|
}
|
|
&-title {
|
font-size: 12px;
|
line-height: 12px;
|
font-weight: 600;
|
margin-bottom: 10px;
|
}
|
|
.public-tag {
|
line-height: 16px;
|
}
|
}
|
|
&-file2 {
|
background-color: rgba(236, 207, 165, 0.4);
|
|
.mediateDetailMsg-file-left {
|
background-color: #552719;
|
}
|
}
|
}
|
|
.mediateConclude {
|
&-dashed {
|
margin: 0 16px;
|
border-top: 1px dashed @common_line_hard_color;
|
}
|
|
&-btnBox {
|
display: flex;
|
margin: 0 -8px -8px -8px;
|
}
|
|
&-btn {
|
flex: 1;
|
padding: 8px;
|
text-align: center;
|
|
&-item {
|
padding: 8px 0;
|
background: #f2f2f2;
|
border: 1px solid #f2f2f2;
|
border-radius: 5px;
|
color: @common_level2_base_color;
|
}
|
|
&-itemActive {
|
background-color: #f3f9ff;
|
color: @theme_primary1_color;
|
border-color: @theme_primary1_color;
|
position: relative;
|
overflow: hidden;
|
}
|
|
&-activeIconBox {
|
position: absolute;
|
background-color: @theme_primary1_color;
|
bottom: -15px;
|
right: -18px;
|
width: 30px;
|
height: 30px;
|
transform: rotate(45deg);
|
}
|
|
&-activeIcon {
|
color: @common_bg_z1_color;
|
position: absolute;
|
font-size: 12px;
|
bottom: 0;
|
right: 0;
|
}
|
}
|
}
|
|
@keyframes spin {
|
100% {
|
-webkit-transform: rotate(360deg);
|
-ms-transform: rotate(360deg);
|
transform: rotate(360deg);
|
}
|
}
|
