.line {
|
position: relative;
|
top: 0;
|
left: 0;
|
bottom: 0;
|
height: 1px;
|
transition: all 0.3s ease-in-out;
|
|
&::before {
|
content: '';
|
position: absolute;
|
top: 0;
|
left: 0;
|
bottom: 0;
|
height: 1px;
|
background-image: linear-gradient(90deg, transparent 50%, currentColor 50%);
|
background-size: 100% 100%;
|
background-repeat: no-repeat;
|
z-index: 1;
|
}
|
|
&::after {
|
content: '';
|
position: absolute;
|
top: 0;
|
left: 0;
|
bottom: 0;
|
height: 1px;
|
background-image: linear-gradient(currentColor 50%, transparent 50%);
|
background-size: 100% 100%;
|
background-repeat: no-repeat;
|
z-index: 2;
|
}
|
}
|
|
.left-line {
|
width: 2%;
|
top: 1px;
|
background-color: #E5E6EB;
|
}
|
|
.middle-line {
|
width: 3%;
|
background-color: #1A6FB8;
|
left: 1%;
|
}
|
|
.right-line {
|
top: -1px;
|
width: 95.97%;
|
background-color: #E5E6EB;
|
left: 4%;
|
}
|
|
.table {
|
//width="100%" borderColor='#E5E6EB'
|
|
width: 100%;
|
border-color: #E5E6EB;
|
|
&-title {
|
color: #86909C;
|
text-align: center;
|
}
|
}
|
|
.title {
|
display: flex;
|
|
&-text {
|
color: #86909C;
|
}
|
|
&-personRemark {
|
color: rgb(26, 111, 184);
|
padding: 0px 8px;
|
border: 1px solid rgb(26, 111, 184);
|
border-radius: 4px;
|
font-size: 14px;
|
margin-left: 8px;
|
height: 22px;
|
display: flex;
|
align-items: center;
|
}
|
|
&-file {
|
width: 12px;
|
margin-right: 4px;
|
margin-top: -5px;
|
}
|
}
|
|
.dataSync {
|
&-page {
|
background-color: #fff;
|
margin: 8px 8px 0px 16px;
|
padding: 12px 16px 16px 16px;
|
height: calc(100vh - 211px);
|
overflow-y: scroll;
|
}
|
|
&-addBtn {
|
cursor: pointer;
|
padding: 8px;
|
}
|
|
&-btnApply {
|
padding: 5px 12px;
|
display: flex;
|
justify-content: center;
|
cursor: pointer;
|
}
|
|
&-excel {
|
background-color: #fff;
|
position: absolute;
|
left: 16px;
|
right: 16px;
|
bottom: 0;
|
padding: 12px 16px;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25);
|
z-index: 1;
|
}
|
}
|
|
.applyDialog {
|
.dialogTitle {
|
margin-bottom: 8px;
|
padding-left: 8px;
|
}
|
|
.dialogTag {
|
line-height: 22px;
|
padding: 0 8px;
|
border-radius: 4px;
|
margin-top: 4px;
|
color: #fff;
|
}
|
}
|
|
.visitTableClass {
|
color: #1A6FB8;
|
|
.ant-table-thead>tr>th {
|
color: #fff;
|
background-color: #1a6fb8 !important;
|
}
|
|
.ant-table-tbody>tr>td {
|
background-color: #f2f3f5;
|
}
|
|
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th {
|
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
}
|
|
.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td {
|
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
}
|
|
.ant-table.ant-table-bordered>.ant-table-container {
|
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
}
|
}
|
|
.arco-upload-list-type-text .arco-upload-list-item:first-of-type,
|
.arco-upload-list-type-picture-list .arco-upload-list-item:first-of-type {
|
margin-top: 34px;
|
|
}
|
|
.unitDialogResult {
|
font-size: 16px;
|
font-family: PingFang SC, PingFang SC-400;
|
font-weight: 400;
|
text-align: LEFT;
|
color: #1d2129;
|
line-height: 24px;
|
margin-bottom: 20px;
|
}
|
|
// .arco-steps-item-process .arco-steps-icon{
|
// background-color: #1A6FB8;
|
// }
|
|
// .arco-steps-mode-navigation .arco-steps-item-active::after{
|
// background-color: #1A6FB8;
|
|
// }
|
|
// .arco-radio-checked .arco-radio-mask {
|
// background-color: #1A6FB8;
|
// border-color: #1A6FB8;
|
// }
|
|
.mapPopconfirm {
|
width: 300px;
|
height: 90px;
|
background: #fff;
|
border-radius: 4px;
|
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
|
padding: 15px;
|
|
&::after {
|
content: " ";
|
position: absolute;
|
height: 0;
|
width: 0;
|
border: solid transparent;
|
top: 100%;
|
right: 50px;
|
border-top-color: white;
|
border-width: 10px;
|
}
|
|
.mapPopconfirm-btn {
|
background-color: #1A6FB8;
|
color: #fff;
|
cursor: pointer;
|
padding: 3px 10px;
|
width: 80px;
|
text-align: center;
|
position: absolute;
|
right: 15px;
|
bottom: 15px;
|
}
|
}
|
|
.mapVicinity {
|
margin-bottom: 5px;
|
cursor: pointer;
|
|
&:hover {
|
color: #1A6FB8;
|
}
|
|
.mapVicinityIcon {
|
|
}
|
}
|