From e1961f3d69deb7bb75c365748f4726bcedb10dda Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Sat, 31 Aug 2024 15:37:54 +0800
Subject: [PATCH] feat:事件流转

---
 gz-customerSystem/src/views/register/index.less |  133 +++++++++++++++++++++++++++++++++++++++----
 1 files changed, 119 insertions(+), 14 deletions(-)

diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less
index fe386b3..f1e6dff 100644
--- a/gz-customerSystem/src/views/register/index.less
+++ b/gz-customerSystem/src/views/register/index.less
@@ -91,6 +91,7 @@
 }
 
 .dataSync {
+	position: relative;
 	&-page {
 		background-color: #fff;
 		margin: 8px 8px 0px 16px;
@@ -124,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 64px 16px;
+		height: calc(100vh - 288px);
+		overflow-y: scroll;
+	}
 }
 
 .applyDialog {
@@ -131,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 {
@@ -210,7 +219,7 @@
 
 .mapPopconfirm {
 	width: 300px;
-	height: 90px;
+	min-height: 90px;
 	background: #fff;
 	border-radius: 4px;
 	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
@@ -235,21 +244,28 @@
 		padding: 3px 10px;
 		width: 80px;
 		text-align: center;
-		position: absolute;
-		right: 15px;
-		bottom: 15px;
 	}
 }
 
 .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 {
@@ -261,7 +277,7 @@
 
 .container {
 	background-color: rgb(242, 243, 245);
-	height: calc(-281px + 100vh);
+	height: calc(-293px + 100vh);
 	overflow-y: scroll;
 
 	&-top {
@@ -275,15 +291,64 @@
 		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;
+			margin-bottom: -25px;
+
+			&-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;
+
+
+					&-icon {
+						width: 12px;
+						height: 12px;
+						margin-right: 12px;
+					}
+
+					&-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 {
@@ -291,4 +356,44 @@
 			background-color: rgb(255, 255, 255);
 		}
 	}
+}
+
+.Form{
+	padding: 12px 16px 16px 16px;
+	border: 1px dashed #1a6fb8;
+	border-radius: 10px;
+	margin-top: 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;
+}
+
+.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