From b6e3c80c170641da5bee32e779458a7ab42f0d21 Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Fri, 30 Aug 2024 17:53:17 +0800 Subject: [PATCH] feat: 事件流转 --- gz-customerSystem/src/views/register/index.less | 201 ++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 186 insertions(+), 15 deletions(-) diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less index 4ec9806..b559ae7 100644 --- a/gz-customerSystem/src/views/register/index.less +++ b/gz-customerSystem/src/views/register/index.less @@ -60,6 +60,7 @@ &-title { color: #86909C; + text-align: center; } } @@ -90,11 +91,12 @@ } .dataSync { + position: relative; &-page { background-color: #fff; margin: 8px 8px 0px 16px; padding: 12px 16px 16px 16px; - height: calc(100vh - 211px); + height: calc(100vh - 228px); overflow-y: scroll; } @@ -123,6 +125,14 @@ box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25); z-index: 1; } + + &-hasTabPage { + background-color: #fff; + margin: 8px 8px 0px 16px; + padding: 12px 16px 16px 16px; + height: calc(100vh - 288px); + overflow-y: scroll; + } } .applyDialog { @@ -130,14 +140,14 @@ margin-bottom: 8px; padding-left: 8px; } +} - .dialogTag { - line-height: 22px; - padding: 0 8px; - border-radius: 4px; - margin-top: 4px; - color: #fff; - } +.dialogTag { + line-height: 22px; + padding: 0 8px; + border-radius: 4px; + margin-top: 4px; + color: #fff; } .visitTableClass { @@ -153,20 +163,181 @@ } .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); + 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); + 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); + .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{ +.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: 8px 16px 22px; */ + margin: 0px 8px 22px 16px; + // height: 100vh; + + + &-left { + flex: 3 1 0%; + background-color: rgb(255, 255, 255); + padding: 12px 0px 12px 16px; + } + + &-right { + flex: 1 1 0%; + background-color: rgb(255, 255, 255); + } + } +} + +.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; +} + +.tabs-container .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; + } } \ No newline at end of file -- Gitblit v1.8.0