pms-app/style/work-order.scss

@import "@/style/common.scss";
$search-height: 64rpx;
$statistics-height: 200rpx;
$full-btn-height: 64rpx;
$margin10: 20rpx;
.page-top{
	// z-index: 2;
	// min-height: calc($header-height + $header-top-height + $search-height + $statistics-height + $full-btn-height + $margin10 * 2);
	// position: fixed;
	// top: 0;
	// left: 0;
	// padding: 0 $margin10;
	width: 100%;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
.content-search{
	// position: absolute;
	// top: 0;
	// left: 0;
	width: 100%;
	height: $search-height;
	// z-index: 22;
}
.content-statistics{
	width: 100%;
	height: $statistics-height;
	background-image: url('/static/common/gongdan-back.png');
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 8rpx;
	margin-top: calc($margin10);
	// margin-top: calc($search-height + $margin10);
}
.statistics-item{
	color: #FFFFFF;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
}
.statistics-count{
	font-size: 56rpx;
}
.statistics-title{
	font-weight: bold;
	font-size: 28rpx;
}
.full-btn{
	width: 100%;
	height: $full-btn-height;
	line-height: $full-btn-height;
	margin-top: $margin10;
	box-shadow: 0px 2px 4px 0px rgba(45,116,169,0.5);
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	.uni-icons {
		font-size: 14px !important;
		color: #FFFFFF !important;
	}
}

	.paging-list {
		box-sizing: border-box;
		padding-top: 20rpx;
		// margin-top: calc($header-height + $header-top-height + $search-height + $statistics-height + $full-btn-height + $margin10 * 2);
		// height: calc(100% - $header-height - $header-top-height - $search-height - $statistics-height - $full-btn-height - $margin10 * 2);
		// z-index: 1;
	}

	.item {
		width: 100%;
		min-height: 314px;
		background: #FFFFFF;
		border-radius: 6px;
		margin-top: 10px;
	}

	.item-module {
		width: 100%;
		height: 42px;
		box-sizing: border-box;
		padding: 10px 10px 10px 10px;
		border-radius: 6px 6px 0px 0px;
		background: linear-gradient(270deg, #FFFFFF 0%, #8EBEFF 100%);

		&.tobeFilled {
			background: linear-gradient(270deg, #FFFFFF 0%, #FFF0F0 100%);
		}
		&.finished{
			background: linear-gradient( 270deg, #FFFFFF 0%, #9FECC3 100%);
		}
		&.ignore{
			background: linear-gradient(270deg, #FFFFFF 0%, #fdf6ec 100%);
		}
		.module-name{
			font-size: 32rpx;
		}

		.module-status {
			// min-width: 60px;
			min-width: fit-content;
			height: 23px;
			padding: 0 5px;
			border-radius: 3px;
			border: 1px solid #FFFFFF;
			text-align: center;
			font-weight: 500;
			font-size: 30rpx;
			line-height: 23px;
			background: #EBF5FF;
			color: #004098;
			&.pending{
				color: #E7000D;
				background: #FFEBEB;
			}
			&.finished{
				color: #00C888;
				background: #EBFFEC;
			}
			&.turn{
				background: #FFFBEB;
				color: #E4AB04;
			}
			&.ignore{
				color: #e6a23c;
				background: #F5F5F5;
			}
		}
	}

	.item-content {
		width: 100%;
		height: calc(100% - 42px - 32px - 15px);
		box-sizing: border-box;
		padding: 15px 20px 15px 10px;

		font-weight: 500;
		font-size: 14px;
		color: #333333;
		line-height: 20px;
	}

	.item-title {
		width: 100%;
		margin-bottom: 15px;
	}

	.item-title-width {
		min-width: 70px;
	}

	.item-btn {
		width: 100%;
		box-sizing: border-box;
		padding: 0px 20px 15px 10px;

		button {
			min-width: 60px;
			height: 32px;
			line-height: 32px;
			margin-left: 10px;
			margin-right: 0;
			font-size: 14px;
		}
		// 忽略按钮
		.btn-ignore{
			background: #e6a23c;
			color: #FFFFFF;
		}
	}