From 336a519d0481f9f1678e84bd47d46b66942b1ae0 Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Fri, 06 Sep 2024 10:43:35 +0800
Subject: [PATCH] feat: 事件流转改变
---
gz-customerSystem/src/views/register/index.less | 481 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 460 insertions(+), 21 deletions(-)
diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less
index 4ec9806..b55c45e 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,33 @@
}
&-file {
+ width: 14px;
+ height: 14px;
+ margin-right: 4px;
+ margin-top: 4px;
+ }
+
+ &-register {
width: 12px;
- margin-right: 4px;
- margin-top: -5px;
+ margin-left: 4px;
}
}
.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 {
@@ -123,6 +139,26 @@
box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25);
z-index: 1;
}
+
+ &-hasTabPage {
+ background-color: #fff;
+ margin: 8px 16px 0px 16px;
+ padding: 12px 16px 64px 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 {
@@ -130,14 +166,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 +189,423 @@
}
.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{
- margin-top: 34px;
+.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;
+ position: relative;
+
+
+ &-icon {
+ width: 12px;
+ height: 12px;
+ margin-right: 12px;
+ }
+
+ &-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;
+ }
+
+ &-textarea {
+ border: 1px solid #1a6fb8;
+ border-radius: 2px;
+ padding: 0px 8px;
+ color: #1A6FB8;
+ width: fit-content;
+ margin: 4px 0px 8px 0px;
+ }
+}
+
+.tabs1 {
+ display: flex;
+ gap: 8px;
+ margin-bottom: 8px;
+}
+
+.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;
+ }
+}
+
+.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;
+
+ &-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;
+ }
}
\ No newline at end of file
--
Gitblit v1.8.0