From dfca64c71e4b06989e66f5d68fc5d89d98386b7b Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Wed, 11 Sep 2024 12:49:49 +0800 Subject: [PATCH] fix: 预览状态下的办理记录不显示编辑图标 --- gz-customerSystem/src/views/register/index.less | 256 +++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 245 insertions(+), 11 deletions(-) diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less index 8da2fc6..a2086b0 100644 --- a/gz-customerSystem/src/views/register/index.less +++ b/gz-customerSystem/src/views/register/index.less @@ -88,7 +88,7 @@ width: 14px; height: 14px; margin-right: 4px; - margin-top: 4px; + margin-top: -2px; } &-register { @@ -141,13 +141,13 @@ align-items: center; justify-content: space-between; box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25); - z-index: 1; + z-index: 2; } &-hasTabPage { background-color: #fff; margin: 8px 16px 0px 16px; - padding: 12px 16px 64px 16px; + padding: 12px 16px 16px 16px; .arco-tabs-header-nav { margin-left: 0 !important; @@ -342,12 +342,13 @@ background-color: #FAFAFA; border-radius: 8px; position: relative; - + &-icon { width: 12px; height: 12px; margin-right: 12px; + cursor: pointer; } &-edit { @@ -465,7 +466,7 @@ padding: 0px 8px; color: #1A6FB8; width: fit-content; - margin: 4px 0px 8px 0px; + margin: 12px 0px 8px 0px; } } @@ -473,6 +474,7 @@ display: flex; gap: 8px; margin-bottom: 8px; + margin-top: 12px; } .MyDrawer { @@ -623,7 +625,7 @@ .applyInfoClass { width: 100%; - height: 82px; + min-height: 82px; background: #ffffff; border-radius: 4px; padding: 12px; @@ -682,6 +684,11 @@ right: 16px; cursor: pointer; top: 28px; + z-index: 1; + } + + .ant-row { + margin: 16px 0; } } @@ -701,11 +708,238 @@ .gradient-box { position: absolute; right: 0; - top: 50%; - transform: translateY(-50%); - background: linear-gradient(to right, #6a1b9a, #e040fb); + 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; + + + &-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; + height: 54vh; + } + + &-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; - padding: 12px 8px; - border-radius: 12px 0px 0px 12px; +} + +.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; + +} + +.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