From b444da33c9de750aec3724e8f1cb4efe8775b165 Mon Sep 17 00:00:00 2001 From: dminyi <1301963064@qq.com> Date: Thu, 12 Sep 2024 20:50:09 +0800 Subject: [PATCH] Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh into master --- gz-customerSystem/src/views/register/index.less | 865 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 856 insertions(+), 9 deletions(-) diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less index 2e34353..ef63471 100644 --- a/gz-customerSystem/src/views/register/index.less +++ b/gz-customerSystem/src/views/register/index.less @@ -57,9 +57,11 @@ width: 100%; border-color: #E5E6EB; + margin-bottom: 20px; &-title { color: #86909C; + text-align: center; } } @@ -71,9 +73,9 @@ } &-personRemark { - color: rgb(26, 111, 184); + color: #879AAB; + background-color: #EDEEF0; padding: 0px 8px; - border: 1px solid rgb(26, 111, 184); border-radius: 4px; font-size: 14px; margin-left: 8px; @@ -83,19 +85,37 @@ } &-file { - width: 12px; + width: 14px; + height: 14px; margin-right: 4px; - margin-top: -5px; + margin-top: -2px; + } + + &-register { + width: 12px; + margin-left: 4px; + } + + &-downUp { + width: 24px } } .dataSync { + position: relative; + &-page { background-color: #fff; - margin: 8px 8px 0px 16px; + margin: 0px 8px 0px 16px; padding: 12px 16px 16px 16px; - height: calc(100vh - 211px); + height: calc(100vh - 228px); overflow-y: scroll; + } + + &-noScrollPage { + background-color: #fff; + margin: 0px 16px 0px 16px; + padding: 12px 16px 16px 16px; } &-addBtn { @@ -120,14 +140,841 @@ display: flex; align-items: center; justify-content: space-between; - box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25); - z-index: 1; + 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; + 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; + + + &-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); + } + } +} + +.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; + } + } + + &-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%; +} + +.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; + } } } \ No newline at end of file -- Gitblit v1.8.0