.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;
|
margin-bottom: 20px;
|
|
&-title {
|
color: #86909C;
|
text-align: center;
|
}
|
}
|
|
.title {
|
display: flex;
|
|
&-text {
|
color: #86909C;
|
}
|
|
&-personRemark {
|
color: #879AAB;
|
background-color: #EDEEF0;
|
padding: 0px 8px;
|
border-radius: 4px;
|
font-size: 14px;
|
margin-left: 8px;
|
height: 22px;
|
display: flex;
|
align-items: center;
|
}
|
|
&-file {
|
width: 14px;
|
height: 14px;
|
margin-right: 4px;
|
margin-top: -2px;
|
}
|
|
&-register {
|
width: 12px;
|
margin-left: 4px;
|
}
|
|
&-downUp {
|
width: 24px
|
}
|
}
|
|
.dataSync {
|
position: relative;
|
|
&-page {
|
background-color: #fff;
|
margin: 0px 8px 0px 16px;
|
padding: 12px 16px 16px 16px;
|
height: calc(100vh - 231px);
|
overflow-y: scroll;
|
}
|
|
&-noScrollPage {
|
background-color: #fff;
|
margin: 0px 16px 0px 16px;
|
padding: 12px 16px 16px 16px;
|
}
|
|
&-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.12);
|
z-index: 2;
|
}
|
|
&-hasTabPage {
|
background-color: #fff;
|
margin: 8px 16px 0px 16px;
|
padding: 12px 16px 16px 16px;
|
|
.arco-tabs-header-nav {
|
margin-left: 0 !important;
|
}
|
}
|
|
&-noBackTabPage {
|
margin: 0 16px 0px 16px;
|
height: calc(100vh - 219px);
|
|
.whiteBox {
|
background-color: #fff;
|
padding: 12px;
|
}
|
}
|
}
|
|
.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;
|
// }
|
|
.must {
|
font-size: 12px;
|
color: rgb(245, 63, 63);
|
background-color: rgb(255, 236, 232);
|
line-height: 20px;
|
padding: 0px 4px;
|
border-radius: 2px;
|
margin-left: 8px;
|
}
|
|
.mapPopconfirm {
|
width: 300px;
|
min-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;
|
}
|
}
|
|
.mapVicinity {
|
margin-bottom: 5px;
|
cursor: pointer;
|
display: flex;
|
align-items: center;
|
|
&:hover {
|
color: #1A6FB8;
|
}
|
|
.mapVicinityIcon {}
|
|
.mapVicinityIcon {
|
background: url('../../assets/images/icon/selectIcon.png') no-repeat center center;
|
width: 14px;
|
height: 14px;
|
background-size: contain;
|
border: 1px dashed #1A6FB8;
|
}
|
}
|
|
.steps {
|
background-color: rgb(255, 255, 255);
|
margin: 0px 16px;
|
padding-top: 16px;
|
padding-left: 75px;
|
}
|
|
.container {
|
background-color: rgb(242, 243, 245);
|
height: calc(-293px + 100vh);
|
overflow-y: scroll;
|
|
&-top {
|
background-color: #fff;
|
margin: 8px 8px 8px 16px;
|
padding: 12px 0px 12px 16px;
|
|
}
|
|
&-bottom {
|
display: flex;
|
flex-direction: row;
|
column-gap: 8px;
|
margin: 0px 8px 0 16px;
|
// max-height: 600px;
|
// min-height: fit-content;
|
// overflow-y: auto;
|
|
|
|
&-left {
|
flex: 3 1 0%;
|
background-color: rgb(255, 255, 255);
|
padding: 12px 0px 12px 16px;
|
|
&-record {
|
border: 1px solid #D9D9D9;
|
// border-radius: 8px;
|
margin-right: 16px;
|
margin-top: 8px;
|
|
&-top {
|
padding: 12px;
|
display: flex;
|
align-items: center;
|
background-color: #FAFAFA;
|
// border-radius: 8px 8px 0px 0px;
|
position: relative;
|
|
|
&-icon {
|
width: 12px;
|
height: 12px;
|
margin-right: 12px;
|
cursor: pointer;
|
}
|
|
&-edit {
|
position: absolute;
|
right: 25px;
|
top: 15px;
|
width: 18px;
|
cursor: pointer;
|
}
|
|
&-remark {
|
border: 1px solid #FFD591;
|
padding: 0px 8px;
|
color: #FA8C16;
|
background-color: #FFF7E6;
|
border-radius: 4px;
|
margin-left: 8px;
|
}
|
|
&-hostOrg {
|
border: 1px solid #89C2E3;
|
padding: 0px 8px;
|
color: #1A6FB8;
|
background-color: #E8F8FF;
|
border-radius: 4px;
|
margin-left: 8px;
|
|
}
|
}
|
|
&-bottom {
|
margin: 16px 12px;
|
|
&-table {
|
border: 1px solid #d9d9d9;
|
width: 100%;
|
}
|
}
|
}
|
}
|
|
&-right {
|
flex: 1 1 0%;
|
background-color: rgb(255, 255, 255);
|
// height: fit-content;
|
}
|
}
|
}
|
|
.Form {
|
padding: 12px 16px 16px 16px;
|
border: 1px dashed #1a6fb8;
|
border-radius: 10px;
|
margin-top: 16px;
|
margin-right: 16px;
|
}
|
|
.tabs-container {
|
.arco-tabs-header {
|
position: relative;
|
display: inline-block;
|
transition: transform .2s cubic-bezier(.34, .69, .1, 1);
|
white-space: nowrap;
|
transform: translateX(0px);
|
width: 300px;
|
flex: 1;
|
display: flex;
|
justify-content: space-evenly;
|
}
|
|
.arco-tabs-header-ink {
|
left: 83.988px;
|
width: 82px;
|
}
|
}
|
|
.progress {
|
margin: 16px 0px 0px 16px;
|
}
|
|
.myTabContent {
|
.arco-tabs-header-nav {
|
margin-left: 16px
|
}
|
|
.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal>.arco-tabs-header-scroll .arco-tabs-header-title:first-of-type {
|
margin-left: 0;
|
}
|
|
.arco-tabs-header-nav-line .arco-tabs-header-title {
|
margin: 0 16px 0 0;
|
}
|
}
|
|
.caseResult {
|
&-title {
|
padding-top: 4px;
|
margin-bottom: 8px;
|
}
|
|
&-tabs {
|
display: flex;
|
margin-bottom: 18px;
|
}
|
|
&-tips {
|
padding: 9px 16px;
|
background-color: #E8F3FF;
|
border-radius: 2px;
|
margin-top: 8px;
|
margin-bottom: -2px;
|
}
|
|
&-textarea {
|
border: 1px solid #1a6fb8;
|
border-radius: 2px;
|
padding: 0px 8px;
|
color: #1A6FB8;
|
width: fit-content;
|
margin: 12px 0px 8px 0px;
|
}
|
}
|
|
.tabs1 {
|
display: flex;
|
gap: 8px;
|
margin-bottom: 8px;
|
margin-top: 12px;
|
}
|
|
.MyDrawer {
|
position: absolute;
|
z-index: 9999;
|
}
|
|
.myTag {
|
border: 1px solid rgb(229, 230, 235);
|
border-radius: 2px;
|
display: inline-block;
|
padding: 3px 6px;
|
cursor: pointer;
|
|
&:hover {
|
border: 1px solid #1A6FB8;
|
color: #1A6FB8;
|
}
|
}
|
|
.highlighted {
|
color: #1a6fb8;
|
border: 1px solid #1a6fb8;
|
border-radius: 2px;
|
}
|
|
.gap {
|
height: 8px;
|
background-color: #F2F3F5;
|
margin: 16px -18px 0px -16px;
|
}
|
|
.reviewProgress {
|
.reviewCircle {
|
width: 14px;
|
height: 14px;
|
border: 2px solid #3491fa;
|
border-radius: 50%;
|
margin-top: 4px;
|
}
|
|
.reviewLine {
|
height: calc(100% - 19px);
|
width: 14px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
position: relative;
|
|
&::before {
|
content: '';
|
height: 100%;
|
width: 1px;
|
background-color: #e5e6eb;
|
position: absolute;
|
left: 50%;
|
transform: translateX(-50%);
|
}
|
}
|
|
.deepTitle {
|
font-size: 14px;
|
font-family: PingFang SC, PingFang SC-400;
|
font-weight: 400;
|
text-align: LEFT;
|
color: #1d2129;
|
line-height: 22px;
|
}
|
|
.shallowTitle {
|
font-size: 14px;
|
font-family: PingFang SC, PingFang SC-400;
|
font-weight: 400;
|
text-align: LEFT;
|
color: #86909c;
|
line-height: 22px;
|
}
|
}
|
|
.Supervising {
|
background: #ffffff;
|
border: 1px solid #e5e6eb;
|
border-radius: 8px;
|
margin: 12px 16px 0px 16px;
|
padding: 12px 16px;
|
|
&-item {
|
display: flex;
|
margin-bottom: 4px;
|
|
&-file {
|
width: 16px;
|
height: 16px;
|
margin-top: 4px;
|
}
|
|
&-title {
|
color: #86909C;
|
}
|
|
}
|
|
&-info {
|
display: flex;
|
|
&-time {
|
margin-right: 8px;
|
}
|
|
&-detail {
|
color: #1A6FB8;
|
cursor: pointer;
|
}
|
}
|
|
&-btn {
|
margin-top: 12px;
|
color: rgb(26, 111, 184);
|
border: 1px solid rgb(26, 111, 184);
|
background-color: rgb(255, 255, 255);
|
}
|
|
}
|
|
.modal {
|
display: flex;
|
justify-content: center;
|
margin-bottom: 24px;
|
|
&-mark {
|
color: rgb(26, 111, 184);
|
border: 1px solid rgb(26, 111, 184);
|
padding: 0px 8px;
|
margin-right: 8px;
|
border-radius: 4px;
|
}
|
|
&-title {
|
color: #1D2129;
|
font-size: 16px;
|
font-weight: 500;
|
}
|
}
|
|
.icon {
|
|
// width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px'
|
&-register {
|
width: 14px;
|
height: 14px;
|
margin-left: 8px;
|
margin-top: -2px;
|
}
|
}
|
|
.applyInfoClass {
|
width: 100%;
|
min-height: 82px;
|
background: #ffffff;
|
border-radius: 4px;
|
padding: 12px;
|
display: flex;
|
flex-direction: column;
|
justify-content: space-around;
|
margin-bottom: 16px;
|
position: relative;
|
|
&-title {
|
display: flex;
|
align-items: center;
|
|
&-txt {
|
font-size: 16px;
|
font-family: PingFang SC, PingFang SC-400;
|
font-weight: 400;
|
text-align: LEFT;
|
color: #1d2129;
|
line-height: 24px;
|
margin-right: 8px;
|
}
|
|
&-tag {
|
&-1 {
|
height: 24px;
|
border: 1px solid #00b42a;
|
border-radius: 2px;
|
padding: 0 8px;
|
text-align: center;
|
color: #00b42a;
|
}
|
|
&-2 {
|
height: 24px;
|
border: 1px solid #3491FA;
|
border-radius: 2px;
|
padding: 0 8px;
|
text-align: center;
|
color: #3491FA;
|
}
|
|
&-3 {
|
height: 24px;
|
border: 1px solid #F53F3F;
|
border-radius: 2px;
|
padding: 0 8px;
|
text-align: center;
|
color: #F53F3F;
|
}
|
}
|
}
|
|
&-img {
|
position: absolute;
|
right: 16px;
|
cursor: pointer;
|
top: 28px;
|
z-index: 1;
|
}
|
|
.ant-row {
|
margin: 16px 0;
|
}
|
}
|
|
.auditView {
|
background: #ffffff;
|
margin: 0px 16px 8px 16px;
|
padding: 12px 0px 12px 16px;
|
}
|
|
.title {
|
display: flex;
|
align-items: center;
|
margin-bottom: 4px;
|
|
}
|
|
.gradient-box {
|
position: absolute;
|
right: 0;
|
top: 60%;
|
cursor: pointer;
|
}
|
|
.aiBox {
|
flex: 1 1 0%;
|
background-color: rgb(242, 243, 245);
|
height: 100vh;
|
overflow-y: auto;
|
|
&-case {
|
display: flex;
|
margin: 16px;
|
gap: 10px;
|
|
&-logo {
|
width: 30px;
|
padding-top: 3px;
|
|
&-img {
|
width: 26px;
|
height: 26px;
|
}
|
}
|
}
|
|
&-list {
|
|
&-item {
|
display: flex;
|
background-color: #fff;
|
width: fit-content;
|
padding: 8px 12px;
|
border-radius: 8px;
|
margin-bottom: 8px;
|
margin-right: 16px;
|
align-items: center;
|
font-size: 14px;
|
|
|
&-type {
|
border: 1px solid #1A6FB8;
|
padding: 0px 8px;
|
color: #1A6FB8;
|
border-radius: 4px;
|
width: 79px;
|
height: 24px;
|
}
|
|
&-name {
|
margin: 0px 16px 0px 8px;
|
max-width: 828px;
|
width: fit-content;
|
}
|
|
&-btn {
|
color: #1A6FB8;
|
width: 30px;
|
cursor: pointer;
|
}
|
}
|
}
|
}
|
|
.marginLeft {
|
margin-left: 55px;
|
|
&-tip {
|
margin-top: -12px;
|
margin-bottom: 12px;
|
margin-left: 55px;
|
}
|
|
|
//fontWeight: '600', marginBottom: '16px'
|
&-title {
|
font-weight: 600;
|
margin-bottom: 16px;
|
}
|
}
|
|
.layerDetail {
|
margin-top: -8px;
|
|
&-title {
|
color: rgb(26, 111, 184);
|
margin-bottom: 16px;
|
}
|
|
&-name {
|
font-size: 16px;
|
margin-bottom: 16px;
|
max-width: 400px;
|
}
|
|
&-littleTitle {
|
margin-bottom: 16px;
|
}
|
|
&-content {
|
margin-bottom: 16px;
|
}
|
}
|
|
.VisitWorkBench {
|
margin: 16px;
|
|
&-top {
|
background: #ffffff;
|
padding: 12px 16px 16px 16px;
|
|
&-list {
|
display: flex;
|
gap: 24px;
|
margin-top: 16px;
|
cursor: pointer;
|
|
&-tabsItem {
|
display: flex;
|
padding: 12px 16px;
|
flex: 1;
|
justify-content: space-between;
|
|
&-title {
|
font-size: 18px;
|
margin-right: 4px;
|
}
|
|
&-imgView {
|
width: 48px;
|
height: 48px;
|
}
|
}
|
|
}
|
|
}
|
|
&-middle {
|
background: #ffffff;
|
padding: 12px 16px 16px 16px;
|
margin-top: 12px;
|
position: relative;
|
|
&-search {
|
position: absolute;
|
right: 16px;
|
top: 12px;
|
|
.arco-form-item {
|
margin-right: 16px;
|
}
|
|
.arco-form-layout-vertical>.arco-form-label-item {
|
margin-bottom: 0;
|
}
|
}
|
|
&-select {
|
position: absolute;
|
left: 0;
|
bottom: 12px;
|
|
.linkBtnColor {
|
color: #1A6FB8;
|
cursor: pointer;
|
margin-left: 16px;
|
}
|
}
|
}
|
|
&-bottom {
|
background-color: #fff;
|
padding: 12px 16px 16px 16px;
|
margin-top: 12px;
|
|
&-title {
|
width: 140px;
|
font-family: DingTalk;
|
font-size: 30px;
|
}
|
|
&-img {
|
width: 72px;
|
height: 72px;
|
}
|
}
|
|
}
|
|
.modeMore {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
.bottomTab1 {
|
// display: 'flex', background: linear-gradient(to right, #6a1b9a, #e040fb)
|
display: flex;
|
background: linear-gradient(to right, #E8F7FF, #9FD4FD);
|
flex: 1;
|
padding: 12px 16px 16px 16px;
|
justify-content: center;
|
cursor: pointer;
|
|
}
|
|
.bottomTab2 {
|
display: flex;
|
background: linear-gradient(to right, #FFF7E6, #FFD591);
|
padding: 12px 16px 16px 16px;
|
flex: 1;
|
justify-content: center;
|
|
}
|
|
.timeTip {
|
display: inline-block;
|
|
&-red {
|
color: #F53F3F;
|
background: #ffece8;
|
border-radius: 4px;
|
padding: 2px 8px 4px 8px;
|
|
&-drop {
|
display: inline-block;
|
width: 6px;
|
height: 6px;
|
background: #F53F3F;
|
border-radius: 2px;
|
margin: 0 5px 2px 0;
|
}
|
|
&-tips {
|
display: inline-block;
|
width: 24px;
|
height: 24px;
|
background: #f53f3f;
|
border-radius: 6px;
|
color: #fff;
|
text-align: center;
|
margin-left: 5px;
|
font-size: 12px;
|
line-height: 24px;
|
}
|
}
|
|
&-green {
|
color: #00b42a;
|
background: #E8FFEA;
|
border-radius: 4px;
|
padding: 2px 8px 4px 8px;
|
|
&-drop {
|
display: inline-block;
|
width: 6px;
|
height: 6px;
|
background: #00b42a;
|
border-radius: 2px;
|
margin: 0 5px 2px 0;
|
}
|
}
|
}
|
