From 4f7ea178a56ad2b88cbb8a742915804fc94bc65f Mon Sep 17 00:00:00 2001 From: dminyi <1301963064@qq.com> Date: Sun, 08 Sep 2024 17:53:34 +0800 Subject: [PATCH] 提交 --- gz-customerSystem/src/views/register/index.less | 360 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 349 insertions(+), 11 deletions(-) diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less index 6a077e0..94212ee 100644 --- a/gz-customerSystem/src/views/register/index.less +++ b/gz-customerSystem/src/views/register/index.less @@ -85,9 +85,19 @@ } &-file { - width: 12px; + width: 14px; + height: 14px; margin-right: 4px; - margin-top: -5px; + margin-top: 4px; + } + + &-register { + width: 12px; + margin-left: 4px; + } + + &-downUp { + width: 24px } } @@ -100,6 +110,12 @@ padding: 12px 16px 16px 16px; height: calc(100vh - 228px); overflow-y: scroll; + } + + &-noScrollPage { + background-color: #fff; + margin: 0px 16px 0px 16px; + padding: 12px 16px 16px 16px; } &-addBtn { @@ -132,14 +148,9 @@ background-color: #fff; margin: 8px 16px 0px 16px; padding: 12px 16px 64px 16px; - height: calc(100vh - 288px); .arco-tabs-header-nav { margin-left: 0 !important; - } - - .scrollTabContent { - overflow-y: scroll; } } @@ -310,14 +321,13 @@ display: flex; flex-direction: row; column-gap: 8px; - margin: 0px 8px 22px 16px; + margin: 0px 8px 0 16px; &-left { flex: 3 1 0%; background-color: rgb(255, 255, 255); padding: 12px 0px 12px 16px; - margin-bottom: -25px; &-record { border: 1px solid #D9D9D9; @@ -331,6 +341,7 @@ align-items: center; background-color: #FAFAFA; border-radius: 8px; + position: relative; &-icon { @@ -342,8 +353,9 @@ &-edit { position: absolute; right: 25px; - top: 45px; + top: 15px; width: 18px; + cursor: pointer; } &-remark { @@ -453,7 +465,7 @@ padding: 0px 8px; color: #1A6FB8; width: fit-content; - margin: 4px 0px 8px 0px; + margin: 12px 0px 8px 0px; } } @@ -461,6 +473,7 @@ display: flex; gap: 8px; margin-bottom: 8px; + margin-top: 12px; } .MyDrawer { @@ -468,10 +481,70 @@ 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; + } +} + .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 { @@ -485,10 +558,28 @@ 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 { @@ -498,4 +589,251 @@ 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: fixed; + right: 0; + top: 50%; + transform: translateY(-50%); + background: linear-gradient(to right, #6a1b9a, #e040fb); + display: flex; + align-items: center; + padding: 12px 8px; + border-radius: 12px 0px 0px 12px; +} + +.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; + + + &-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; + } + } + } +} + +.marginLeft{ + 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{ + &-top{ + background: #ffffff; + padding: 12px 16px 16px 16px; + + &-list{ + display: flex; + &-tabsItem{ + padding: 12px 16px; + flex: 1; + } + + } + + } + + &-middle{ + + } + + &-bottom{} + +} + +.modeMore{ + display: flex; + justify-content: space-between; + align-items: center; } \ No newline at end of file -- Gitblit v1.8.0