fix

src/assets/style/style.less

@@ -682,7 +682,67 @@ input:focus{
 	}
 }
 	
-.generalModel_table_content {
+.generalModel{//自带关闭的页面
+	-moz-user-select: none;
+	-webkit-user-select: none;
+	-ms-user-select: none;
+	-khtml-user-select: none;
+	user-select: none;
+	position: relative;
+	border-radius: 1rem;
+	overflow: hidden;
+	.ant-modal-body {
+		padding: 0;
+		// height: calc(65vh - 6.4rem);
+		height: calc(65rem*1.2);
+		// background-color: #181818;
+	}
+	.ant-modal-btn{
+		
+	}
+	.ant-modal-body{
+		padding: calc(4rem*1.2) calc(5rem*1.2);
+		
+	}
+	.fi-rr-down-to-line,.fi-rr-arrow-small-right,.fi-rr-arrow-small-left{
+		font-size: 2rem;
+	}
+    .generalModel_btn {
+		.generalModel_closeIcon{
+			position: absolute;
+			top: calc(2rem*1.2);
+			right: calc(2rem*1.2);
+			cursor: pointer;
+			width: calc(4rem*1.2);
+			height: calc(4rem*1.2);
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			&.left{
+				left: calc(2rem*1.2);
+			}
+			.fi-rr-cross-small::before{
+				padding: calc(.2rem*1.2);
+				border-radius: 5px;
+				border: solid 2px rgba(0, 0, 0, 0.22);
+				transition: .3s all;
+				color: rgba(0, 0, 0, 0.7);
+			}
+			&.generalModel_closeIcon:hover .fi-rr-cross-small::before{
+				border: solid 2px rgba(0, 0, 0, 5);
+				color: rgba(0, 0, 0, 1);
+			}
+			.fi-rr-down-to-line{
+				transition: .3s all;
+				color: rgba(0, 0, 0, .5);
+			}
+			.fi-rr-down-to-line:hover{
+				color: rgba(0, 0, 0, 1);
+			}
+		}
+	}
+}
+.generalModel_table_content {//通用有数据列表的model
 	width: 100%;
 	// height: 100%;
 	height: 100%;
@@ -1340,6 +1400,8 @@ textarea:focus{
 		padding-bottom: calc(2rem*1.2);
 		background: #fff;
 		top: 0;
+		flex-wrap: wrap;
+		--width:70%;
 		.input_box{
 			position: relative;
 			z-index: 2;
@@ -1356,9 +1418,48 @@ textarea:focus{
 				}
 			}
 		}
+		.search_keyword{
+			height: 0;
+			flex-basis: 100%;
+			.search_keyword_center{
+				justify-content: space-between;
+				display: flex;
+				width: var(--width);
+				background-color: #fff;
+				padding: 1rem 2rem;
+				border-radius: 0 0 .4rem .4rem;
+				border-top: solid 0 #f1f1f1;
+				border-right: solid 1px#f1f1f1;
+				border-left: solid 1px#f1f1f1;
+				border-bottom: solid 1px#f1f1f1;
+				max-height: 30rem;
+				overflow-y: scroll;
+				.search_keyword_center_left{
+					display: flex;
+					overflow: hidden;
+					// width: 90%;
+					flex: 1;
+					flex-wrap: wrap;
+				}
+				.search_keyword_center_item{
+					border-radius: .4rem;
+					border: solid 1px #39215b;
+					background-color: #8156bd;
+					margin-right: 1rem;
+					margin-bottom: 1rem;
+					padding: .5rem 1rem;
+					color: #fff;
+					font-weight: 600;
+					cursor: pointer;
+				}
+				.search_keyword_center_item:last-child{
+					margin-right: 0;
+				}
+			}
+		}
 		input{
 			border-radius: calc(.5rem*1.2);
-			width: 70%;
+			width: var(--width);
 			border: 1px solid rgba(0,0,0,.15);
 			padding-left: calc(1.5rem*1.2);
 			border: calc(0.1rem*1.2) solid #F1F1F1;
@@ -1398,12 +1499,13 @@ textarea:focus{
 			left: 0;
 			font-size: calc(1.6rem*1.2);
 			// width: 30rem;
-			width: 70%;
+			width: var(--width);
 			border-radius: 4px;
 			height: 20rem;
 			top: .2rem;
 			border: 1px solid #dcdfe6;
 		}
+		
 		span{
 			position: absolute;
 			// bottom: calc(0rem*1.2);
@@ -1418,14 +1520,12 @@ textarea:focus{
 			// transform-origin: left bottom;
 			width: 100%;
 		}
-		
 		.generage_btn{
 			// margin: 0 auto;
 			margin-left: 2rem;
 		}
-
-		
 	}
+	
 	.upload_item{
 		display: flex;
 		flex-wrap: wrap;