wisdomisitezwfront-web/src/views/goverment/huizhou/droneImaging/index.scss

.warning-page {
	// background-color: blue;
	display: flex;
	width: 100%;
	height: 100%;
	.leftMenu {
		width: 300px;
		// width: 290px;
		// 页面的项目工程
		:deep() {
			.item {
				height: 78px !important;
			}
			.content {
				height: calc(100% - 170px) !important;
			}
			.tab-wrapper {
				display: none;
			}
		}
		.leftProject {
			// padding: 5px 8px;
			color: #333333;
			font-size: 20px;
			.projectName {
				display: block;
				width: 100%;
				overflow: hidden;
				color: var(--el-menu-text-color);
				// font-weight: 700;
				font-family: "siyuan_Medium";
				font-size: 20px;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.leftMenu_item {
				display: flex;
				justify-content: space-between;
				margin-top: 10px;
				.video {
					display: flex;
					align-items: center;
					.middleSize {
						color: var(--el-menu-text-color);
						font-size: 18px;
					}

					img {
						margin: 0 4px;
						width: 14px;
						height: 14px;
					}
				}
			}
			.bottom_item {
				.bottomSize {
					font-size: 16px;
					color: #666666;
				}
			}
		}
	}
	.right_container {
		display: flex;
		flex-direction: column;
		width: 100%;

		// margin-left: 20px;
		padding: 0 0 0 20px;

		.form_div {
			height: 56px;
			background-color: #092945;
			border-radius: 8px;
		}
		.form {
			padding: 16px 0 0 36px;
			border-radius: 8px;
			// height: 56px;
			background-color: var(--el-menu-bg-color);
		}
		.imgPage {
			box-sizing: border-box;
			flex: 1;
			width: 100%;
			padding: 20px 10px 20px 20px;
			margin-top: 20px;
			overflow-y: scroll;
			background-color: var(--el-menu-bg-color);
			border-radius: 8px;
			display: flex;
			flex-direction: column;
			position: relative;
			.imgTable {
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				flex: 1;
				.img_item {
					width: 23.1%;
					height: 260px;
					margin: 10px;
					border: 1px solid #087ba4;
					border-radius: 4px;
					opacity: 1;
					.page_text {
						margin-top: 8px;
						margin-left: 18px;
						.img_bottom {
							display: flex;
							justify-content: space-between;
							font-size: 18px;
							color: var(--el-menu-text-color);
							.position {
								width: 97px;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
							}
						}
					}
				}
			}
			.table-empty {
				display: flex;
				justify-content: center;
				align-items: center;
				flex: 1;
				flex-direction: column;
				color: #999;
				font-size: 20px;
			}
			.pagination {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 20px;
			}
			:deep(.el-pagination) {
				.el-pagination__goto {
					color: var(--el-menu-text-color);
					font-size: 20px;
				}
				.el-pagination__classifier {
					color: var(--el-menu-text-color);
					font-size: 20px;
				}
				.el-input__wrapper {
					color: var(--el-menu-text-color);
					font-size: 20px;
					background-color: transparent;
					border: none;
					box-shadow: 0 0 0 1px #087ba4 inset;
					height: 26px;
				}
				.el-input__inner,
				.el-range-input {
					color: var(--el-menu-text-color);
					font-size: 20px;
				}
				.el-pager li {
					background-color: transparent;
					color: var(--el-menu-text-color);
					border: 1px solid var(--el-color-primary);
					height: 26px;
					font-size: 20px;
				}
				.el-pager li:active {
					color: var(--el-menu-text-color);
					border: none;
					height: 26px;
					font-size: 20px;
				}
				.el-pager li.is-active {
					color: white;
					background-color: var(--el-color-primary);
					font-size: 20px;
				}
				.el-pagination__total {
					color: var(--el-color-primary);
					font-size: 20px;
				}
				.btn-prev,
				.btn-next,
				.btn-prev:disabled,
				.btn-next:disabled {
					color: var(--el-menu-text-color);
					background-color: transparent;
					border: 1px solid var(--el-color-primary);
					font-size: 20px;
					height: 26px;
				}
			}
		}
	}
}
:deep(.el-scrollbar__view) {
	width: 100%;
	height: 100%;

	// display: flex;
	// flex-wrap: wrap;
}
.img_title {
	margin: 0 0 4px;
	font-family: "siyuan_Medium";
	font-size: 20px;
	color: var(--el-color-primary);
	display: flex;
	align-items: center;
	> span {
		margin-right: auto;
	}
}
.img_div {
	overflow: auto;
	.diaImg {
		width: 100%;
		height: 500px;
	}
}
.img_diatitle {
	font-family: "siyuan_Medium";
	font-size: 20px;
	color: #00378f;
}
.img_text {
	font-size: 18px;
	color: #333333;

	// background-clip: text;
	// fill-color: transparent;
}
.imgDialog {
	.uploadBtn {
		color: #087ba4;
		font-size: 20px;
		border: 1px solid #087ba4;
		background: rgba(48, 172, 124, 0.1);
	}
}
.pending {
	width: 6px;
	height: 6px;
	margin-right: 6px;
	background-color: #f08117;
	border-radius: 50%;
}
.complete {
	width: 6px;
	height: 6px;
	margin-right: 6px;
	background-color: #008bff;
	border-radius: 50%;
}

// 处理中
.processing {
	width: 6px;
	height: 6px;
	margin-right: 6px;
	background-color: #19ac18;
	border-radius: 50%;
}

:deep() {
	.el-form .el-form-item__content .el-range-editor {
		width: 300px;
	}
	.el-range-separator {
		color: var(--el-menu-text-color);
	}
	.el-range-input {
		font-size: 18px;
	}
}
:deep() {
	.el-form-item__content > :not(button) {
		width: 160px;
	}
	.el-input__wrapper {
		color: white;
		font-size: 20px;
		background-color: transparent;
		border: none;
		box-shadow: 0 0 0 1px #087ba4 inset;
	}
	.el-input__inner,
	.el-range-input {
		color: var(--el-menu-text-color);
	}
	.el-textarea__inner {
		color: white;
		font-size: 20px;
		background-color: transparent;
		border: none;
		box-shadow: 0 0 0 1px var(--el-color-primary, var(--el-color-primary)) inset;
	}
}
// :deep(.el-dialog__body) {
// 	padding: 0 0 0 0 !important;
// 	background-color: pink;
// }