css文件

src/assets/fonts/font.scss

@@ -1,11 +1,13 @@
 @font-face {
-	font-family: "siyuan";
+	font-family: siyuan;
-	src: url("./SourceHanSansCN-Regular.otf");
+	font-style: normal;
+
 	// src: url("./");
 	font-weight: normal;
-	font-style: normal;
+	src: url("./SourceHanSansCN-Regular.otf");
 	font-display: auto;
 }
+
 // @font-face {
 // 	font-family: SourceHanSansCN-Regular_0;
 // 	src: url("./SourceHanSansCN-Regular_0.otf");

src/components/AMap/AMap.scss

@@ -1,24 +1,20 @@
 $primary: #409eff;
-
 .map-dialog {
 	.header {
 		h4 {
 			font-size: 1em;
 			font-weight: 600;
 		}
-
 		.search-container {
 			display: flex;
 			align-items: center;
-			// justify-content: start;
 
+			// justify-content: start;
 			.search-item {
 				display: flex;
-
 				&:not(:first-child) {
 					margin-left: 20px;
 				}
-
 				.search,
 				.address,
 				.lon,
@@ -26,15 +22,13 @@ $primary: #409eff;
 					display: flex;
 					align-items: center;
 					margin-left: 5px;
-
 					> span {
 						flex-shrink: 0;
 						font-size: 13px;
-						color: #666;
+						color: #666666;
 					}
 				}
 			}
-
 			.btn-search,
 			.btn-submit {
 				margin-left: 10px;
@@ -44,7 +38,6 @@ $primary: #409eff;
 		@media screen and (max-width: 720px) {
 			.search-container {
 				display: block;
-
 				.search-item {
 					&:not(:first-child) {
 						margin-top: 15px;
@@ -54,7 +47,6 @@ $primary: #409eff;
 			}
 		}
 	}
-
 	.map {
 		height: 60vh;
 	}

src/components/FilesUpload/FilesUplaod.scss

@@ -1,53 +1,46 @@
 $primary: #008bff;
-
 .files-uplaod {
-	display: flex;
 	position: absolute;
 	inset: 0;
-	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
-	border-radius: 8px;
+	left: 0;
+	display: flex;
 	overflow: hidden;
+	border-radius: 8px;
 }
-
 .header {
 	position: relative;
 	display: flex;
 	flex-shrink: 0;
-	justify-content: space-between;
 	align-items: flex-end;
-	font-size: 14px;
+	justify-content: space-between;
 	height: 45px;
-	color: #333333;
 	padding-bottom: 10px;
+	font-size: 14px;
+	color: #333333;
 	border-bottom: 1px solid #eff0f3;
 }
-
 .header > p {
-	padding: 0 10px;
 	display: flex;
 	align-items: center;
-	color: #606266;
+	padding: 0 10px;
 	margin-bottom: 0;
 	line-height: 0;
+	color: #606266;
 }
-
 .info,
 .error {
 	margin-right: 4px;
 	font-size: 18px;
 }
-
 .info {
 	color: $primary;
 }
-
 .error {
 	color: #c45656;
 }
-
 .close {
 	position: absolute;
 	right: 15px;
@@ -56,49 +49,44 @@ $primary: #008bff;
 	color: #a8abb2;
 	cursor: pointer;
 }
-
 .upload-side {
+	flex-basis: 1;
+	flex-grow: 0;
+	flex-shrink: 0;
 	width: 30%;
-	background-color: #eff0f3;
 	color: #333333;
 	user-select: none;
-	-webkit-user-select: none;
+	user-select: none;
-	-moz-user-select: none;
+	user-select: none;
-	flex-basis: 1;
+	background-color: #eff0f3;
-	flex-shrink: 0;
-	flex-grow: 0;
 }
-
 .upload-area {
 	flex-basis: 0;
-	flex-shrink: 0;
 	flex-grow: 1;
+	flex-shrink: 0;
 }
-
 .upload-title {
-	margin-top: 40px;
-	margin-bottom: 10px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	font-size: 24px;
 	height: 40px;
+	margin-top: 40px;
+	margin-bottom: 10px;
+	font-size: 24px;
 	font-weight: 400;
 }
-
 .upload-title::before {
-	content: "";
+	box-sizing: border-box;
-	margin-right: 6px;
 	width: 22px;
 	height: 22px;
-	border: 2px solid $primary;
+	margin-right: 6px;
-	box-sizing: border-box;
+	content: "";
-	border-radius: 50%;
-	background-clip: content-box;
 	background: linear-gradient($primary, $primary) no-repeat center / 14px 2px,
 		linear-gradient($primary, $primary) no-repeat center / 2px 14px;
+	background-clip: content-box;
+	border: 2px solid $primary;
+	border-radius: 50%;
 }
-
 .options-item {
 	display: flex;
 	align-items: center;
@@ -106,151 +94,131 @@ $primary: #008bff;
 	font-size: 14px;
 	cursor: pointer;
 }
-
 .options-item::before {
-	content: "";
+	box-sizing: border-box;
-	margin-left: 30px;
-	margin-right: 6px;
 	width: 14px;
 	height: 14px;
-	box-sizing: border-box;
+	margin-right: 6px;
-	border-radius: 50%;
+	margin-left: 30px;
+	content: "";
 	border: 1px solid #aeaeae;
+	border-radius: 50%;
 }
-
 .options-item:hover {
 	background-color: #dcdde0;
 }
-
 .options-item:hover::before {
 	border: 1px solid $primary;
 	box-shadow: inset 0 0 0 3px $primary;
 }
-
 .options-item.active {
 	background-color: #dcdde0;
 }
-
 .options-item.active::before {
 	border: 1px solid $primary;
 	box-shadow: inset 0 0 0 3px $primary;
 }
-
 .upload-area {
 	display: flex;
 	flex-direction: column;
 	height: 100%;
 }
-
 .upload-list {
-	padding: 10px;
-	padding-bottom: 0;
 	flex: 1;
 	height: calc(100% - 50px - 56px - 20px);
+	padding: 10px;
+	padding-bottom: 0;
+	user-select: none;
+	user-select: none;
 	user-select: none;
-	-webkit-user-select: none;
-	-moz-user-select: none;
 }
-
 .upload-footer {
 	display: flex;
 	flex-shrink: 0;
+	align-items: center;
 	justify-content: space-between;
-	align-items: center;
-	padding: 0 10px;
 	height: 50px;
+	padding: 0 10px;
 }
-
 .file-info {
-	margin-right: 10px;
-	flex: 1;
 	display: flex;
-	height: inherit;
+	flex: 1;
 	align-items: center;
-	color: #333333;
+	height: inherit;
+	margin-right: 10px;
 	font-size: 12px;
+	color: #333333;
 }
-
 .size,
 .uploaded {
-	width: 45px;
 	flex-shrink: 0;
-	white-space: nowrap;
+	width: 45px;
-	text-overflow: ellipsis;
 	overflow: hidden;
 	text-align: center;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
-
 .uploaded {
+	width: 110px;
 	opacity: 0;
 	transition: opacity 0.2s;
-	width: 110px;
 }
-
 .uploaded.active {
 	opacity: 1;
 }
-
 .progress {
-	margin: 0 4px;
 	flex: 1;
 	height: 8px;
-	border-radius: 8px;
+	margin: 0 4px;
 	background-color: #aeaeae;
 	background-image: linear-gradient(to right, $primary var(--progress), #aeaeae var(--progress));
+	border-radius: 8px;
 }
-
 .success,
 .uploading,
 .remove {
 	font-size: 16px;
-	cursor: pointer;
 	color: #a8abb2;
+	cursor: pointer;
 }
-
 .pictures {
 	display: flex;
-	align-items: flex-start;
 	flex-wrap: wrap;
+	align-items: flex-start;
 	height: 100%;
 	overflow: auto;
 }
-
 .picture {
 	position: relative;
-	margin: 4px 8px 4px 0;
+	flex-shrink: 0;
-	padding: 4px;
 	width: 130px;
 	height: 110px;
-	flex-shrink: 0;
+	padding: 4px;
+	margin: 4px 8px 4px 0;
 	background-color: #eff0f3;
 }
-
 .picture {
 	.success,
 	.uploading,
 	.remove {
 		position: absolute;
-		right: -6px;
 		top: -6px;
+		right: -6px;
 	}
 }
-
 .image {
 	display: block;
 	width: 100%;
 	height: 64px;
 	object-fit: cover;
 }
-
 .image-info {
 	font-size: 12px;
 }
-
 .image-info > p {
-	margin: 5px 0;
 	width: 100%;
-	text-overflow: ellipsis;
+	margin: 5px 0;
 	overflow-x: hidden;
+	text-overflow: ellipsis;
 	white-space: nowrap;
 }

src/components/FilesUpload/Page.scss

@@ -3,7 +3,6 @@
 	min-height: 100vh;
 	transform: scale(1);
 }
-
 .show-btn {
 	position: fixed;
 	bottom: 20px;

src/components/Map/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<!-- 坐标拾取 -->
-		<el-dialog @close="closeMap" title="坐标拾取" :visible.sync="dialogVisible" :modal-append-to-body="false" width="80%">
+		<el-dialog @close="closeMap" title="坐标拾取" v-model:visible="dialogVisible" :modal-append-to-body="false" width="80%">
 			<div slot="default" class="coordinate-picking">
 				<!-- 地址 -->
 				请输入地址:
@@ -25,12 +25,7 @@
 
 <script>
 export default {
-	name: "gd-map",
+	name: "GdMap",
-	mounted() {
-		this.$nextTick(() => {
-			this.initMap();
-		});
-	},
 	props: {
 		lng: {
 			type: [String, Number]
@@ -53,6 +48,11 @@ export default {
 			markerList: []
 		};
 	},
+	mounted() {
+		this.$nextTick(() => {
+			this.initMap();
+		});
+	},
 	methods: {
 		initMap() {
 			this.coordinateInfo.lng = this.lng;
@@ -72,7 +72,7 @@ export default {
 				center: markers
 			});
 			//输入提示
-			var autoOptions = {
+			let autoOptions = {
 				input: "tipinputMap_0"
 			};
 
@@ -109,7 +109,7 @@ export default {
 			let that = this;
 			let keywords = this.coordinateInfo.city;
 
-			var placeSearch = new AMap.PlaceSearch({
+			let placeSearch = new AMap.PlaceSearch({
 				// city 指定搜索所在城市，支持传入格式有：城市名、citycode和adcode
 				city: "全国"
 			});
@@ -118,10 +118,10 @@ export default {
 				// 查询成功时，result即对应匹配的POI信息
 				console.log(result);
 				if (result.info == "OK") {
-					var pois = result.poiList.pois;
+					let pois = result.poiList.pois;
-					for (var i = 0; i < pois.length; i++) {
+					for (let i = 0; i < pois.length; i++) {
-						var poi = pois[i];
+						let poi = pois[i];
-						var marker = [];
+						let marker = [];
 						marker[i] = new AMap.Marker({
 							position: poi.location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
 							title: poi.name

src/components/SelectIcon/index.scss

@@ -8,7 +8,7 @@
 		color: var(--el-text-color-regular);
 	}
 	:deep(.el-dialog__body) {
-		padding: 25px 20px 0 20px;
+		padding: 25px 20px 0;
 		.el-input {
 			margin-bottom: 10px;
 		}

src/components/Steps/steps-item.scss

@@ -1,47 +1,39 @@
-$gray: #ccc;
+$gray: #cccccc;
 $complete: #409eff;
-
 .steps-item {
 	display: flex;
 	flex-basis: 50%;
 	flex-shrink: 1;
-
 	&:nth-last-child(1) {
 		flex-basis: auto;
-		flex-shrink: 0;
 		flex-grow: 0;
+		flex-shrink: 0;
 		.icon {
 			display: none;
 		}
 	}
-
 	.title {
 		display: flex;
-		align-items: center;
 		flex-basis: auto;
-		color: #ccc;
+		align-items: center;
-
+		color: #cccccc;
 		.el-icon {
-			color: #ccc;
+			color: #cccccc;
 		}
 	}
-
 	.title span {
 		margin-left: 8px;
 	}
-
 	.icon {
 		display: flex;
 		flex: 1;
-		justify-content: center;
 		align-items: center;
-
+		justify-content: center;
 		.el-icon {
 			color: $gray;
 		}
 	}
 }
-
 .steps-item.complete {
 	.title {
 		color: $complete;

src/components/Steps/steps.scss

@@ -1,4 +1,4 @@
 .steps {
-	user-select: none;
 	padding: 15px 0;
+	user-select: none;
 }

src/layouts/LayoutClassic/index.scss

@@ -18,15 +18,17 @@
 			cursor: pointer;
 			.logo {
 				flex-shrink: 0;
+
 				// width: 210px;
 				margin-left: 16px;
 				span {
+					height: 36px;
 					font-size: 24px;
+					line-height: 36px;
+
 					// font-weight: bold;
 					color: #dadada;
 					white-space: nowrap;
-					height: 36px;
-					line-height: 36px;
 				}
 				img {
 					width: 28px;
@@ -56,8 +58,8 @@
 		}
 	}
 	.el-aside {
-		margin-top: 20px;
 		width: 200px;
+		margin-top: 20px;
 		overflow: inherit;
 		background-color: #ffffff;
 		border-right: 1px solid var(--el-border-color);

src/layouts/components/Main/index.scss

@@ -2,7 +2,7 @@
 	box-sizing: border-box;
 	padding: 10px 12px;
 	overflow-x: hidden;
-	background-color: #fff;
+	background-color: #ffffff;
 	&::-webkit-scrollbar {
 		background-color: #f0f2f5;
 	}

src/styles/common.scss

@@ -6,9 +6,9 @@
 }
 .flx-column {
 	display: flex;
+	flex-direction: column;
 	align-items: center;
 	justify-content: center;
-	flex-direction: column;
 }
 .flx-justify-between {
 	display: flex;
@@ -126,23 +126,23 @@
 		padding-left: #{$i}px !important;
 	}
 }
-
 .configureIcon {
-	vertical-align: middle;
 	margin: -2px 3px 0 10px;
+	vertical-align: middle;
 }
-
 .redText {
 	color: #fe003d;
 }
 .littleTitle {
-	border-left: 3px solid #008bff;
 	padding-left: 6px;
+	border-left: 3px solid #008bff;
 }
+
 // 地图的图标
 .mapIcon {
-	color: #fff;
 	width: 17px;
 	height: 23px;
+	color: #ffffff;
+
 	// font-size: 30px;
 }

src/styles/element.scss

@@ -90,11 +90,12 @@
 	width: 100%;
 	height: 100%;
 	border-radius: 8px;
+
 	// table-search 表格搜索样式
 	.table-search {
-		border-radius: 12px;
 		padding: 18px 18px 0;
 		margin-bottom: 10px;
+		border-radius: 12px;
 		.el-form {
 			.el-form-item__content > * {
 				// width: 160px;
@@ -135,12 +136,12 @@
 		table {
 			width: 100%;
 		}
-
 		.el-table__header th {
 			height: 45px;
 			font-size: 14px;
+
 			// font-weight: bold;
-			color: #333;
+			color: #333333;
 			background: var(--el-fill-color-light);
 		}
 		.el-table__row {
@@ -151,6 +152,7 @@
 		// 设置 el-table 中 header 文字不换行，并省略
 		.el-table__header .el-table__cell > .cell {
 			white-space: nowrap;
+
 			// height: 60px;
 		}
 
@@ -183,7 +185,7 @@
 }
 .el-table td.el-table__cell,
 .el-table th.el-table__cell.is-leaf {
-	border-bottom: #fff;
+	border-bottom: #ffffff;
 }
 
 // * el-table 组件大小切换样式
@@ -248,6 +250,7 @@
 	.el-dialog__header {
 		padding: 15px 20px;
 		margin: 0;
+
 		// display: flex;
 		// align-items: center;
 		// border-bottom: 1px solid var(--el-border-color-lighter);
@@ -257,34 +260,31 @@
 	}
 	.el-dialog__footer {
 		text-align: center;
+
 		// margin: -36px 0;
 	}
 }
-
 .addButtonStyle {
+	color: #ffffff;
 	background-color: #30ac7c;
-	color: #fff;
 }
-
 .cancelButtonStyle {
-	background: rgba(0, 0, 0, 0.1);
 	margin-right: 14%;
+	background: rgb(0 0 0 / 10%);
 }
-
 .el-dialog {
 	border-radius: 8px;
 }
-
 .el-table__body tr:hover > td {
 	// background-color: #008bff !important;
-	background-color: rgba(0, 139, 255, 0.1) !important;
+	background-color: rgb(0 139 255 / 10%) !important;
 }
-
 .el-input-group__append {
-	background-color: #008bff;
-	color: #fff;
-	cursor: pointer;
 	padding: 0 8px;
+	color: #ffffff;
+	cursor: pointer;
+	background-color: #008bff;
+
 	// height: 38px;
 }
 .el-message-box__btns {
@@ -299,10 +299,10 @@
 // .el-step__line {
 // 	background-color: #3e7bfa;
 // }
-
 .el-step__icon.is-text {
 	// background-color: #3E7BFA;
 	border-radius: 0;
+
 	// color: #3e7bfa;
 	// border: 2px solid #3e7bfa;
 }
@@ -313,15 +313,12 @@
 // 	color: pink;
 // 	// border: 2px solid #3e7bfa;
 // }
-
 .el-step__title.is-process {
 	color: #3e7bfa;
 }
-
 .el-steps--horizontal {
-	margin: 0 0 50px 0;
+	margin: 0 0 50px;
 }
-
 .el-step__head.is-process {
 	color: #3e7bfa;
 	border-color: #3e7bfa;

src/views/goverment/approve/company/components/unit-table.scss

@@ -1,8 +1,6 @@
 $primary: #409eff;
-
 .unit-table {
 	margin-top: 40px;
-
 	.form {
 		display: flex;
 		justify-content: space-between;
@@ -10,77 +8,68 @@ $primary: #409eff;
 			width: 45%;
 			.search {
 				position: absolute;
-				right: 0;
 				top: 0;
-				border-bottom-left-radius: 0;
+				right: 0;
 				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
 			}
-
 			&:not(:first-child) {
 				margin-right: 0;
 			}
 		}
 	}
-
 	.table {
 		margin-top: 15px;
-
 		.input {
 			display: flex;
 			align-items: center;
 			font-size: 12px;
 			.selectFile {
 				flex-shrink: 0;
-				outline: none;
-				border: 1px solid $primary;
-				color: $primary;
 				padding: 2px 6px;
 				font-size: 13px;
-				border-radius: 3px;
+				color: $primary;
-				background-color: transparent;
 				cursor: pointer;
+				background-color: transparent;
+				border: 1px solid $primary;
+				border-radius: 3px;
+				outline: none;
 			}
-
 			> span {
-				padding-top: 2px;
 				flex-shrink: 0;
 				width: 50%;
+				padding-top: 2px;
 				margin-left: 5px;
-				text-align: start;
-				color: #999;
-				text-overflow: ellipsis;
 				overflow: hidden;
+				color: #999999;
+				text-align: start;
+				text-overflow: ellipsis;
 				white-space: nowrap;
 			}
 		}
 	}
-
 	.position {
 		position: relative;
-
 		.divide {
-			display: flex;
 			position: absolute;
-			left: -136px;
 			top: 50%;
+			left: -136px;
+			display: flex;
+			color: #333333;
 			transform: translateY(-50%);
-			color: #333;
-
 			.index {
 				margin-right: 15px;
 			}
-
 			.line {
 				position: absolute;
-				left: 12px;
 				top: calc(100% + 6px);
+				left: 12px;
 				width: 1px;
 				height: 245px;
-				background-color: #999;
+				background-color: #999999;
 			}
 		}
 	}
-
 	&:last-child {
 		.line {
 			display: none;

src/views/login/CompanyLogon/basic-form.scss

@@ -1,79 +1,67 @@
 $primary: #409eff;
-
 .basic-form {
-	margin-top: 40px;
 	padding: 0 4%;
+	margin-top: 40px;
 	.items {
 		display: flex;
 		justify-content: space-around;
-
 		.left,
 		.right {
 			width: 42%;
 		}
-
 		.full-item {
 			width: 92%;
 		}
-
 		.placeholder {
-			user-select: none;
 			visibility: hidden;
+			user-select: none;
 		}
 	}
-
 	.input {
 		font-size: 12px;
 		.selectFile {
-			outline: none;
-			border: 1px solid $primary;
-			color: $primary;
 			padding: 2px 6px;
 			font-size: 13px;
-			border-radius: 3px;
+			color: $primary;
-			background-color: transparent;
 			cursor: pointer;
+			background-color: transparent;
+			border: 1px solid $primary;
+			border-radius: 3px;
+			outline: none;
 		}
-
 		> span {
 			margin-left: 5px;
-			color: #999;
+			color: #999999;
 		}
 	}
-
 	.footer {
 		height: 50px;
 		margin-bottom: 20px;
 	}
-
 	:deep(.el-input-group__append) {
 		padding: 0 8px;
-		background-color: $primary;
 		cursor: pointer;
+		background-color: $primary;
 	}
 
 	@media screen and (max-width: 780px) {
 		.items {
 			display: block;
-
 			.left,
 			.right {
 				width: inherit;
 			}
-
 			.full-item {
 				width: inherit;
 			}
-
 			.placeholder {
 				display: none;
 			}
 		}
-
 		:deep(.el-form-item__label) {
 			width: 120px !important;
-			text-overflow: ellipsis;
 			overflow: hidden;
+			text-overflow: ellipsis;
 			white-space: nowrap;
 		}
 	}

src/views/login/CompanyLogon/index.scss

@@ -1,9 +1,9 @@
 .basic-information {
-	background: url("@/assets/images/login/loginBackground.jpg") center center repeat;
-	background-size: 100% 100%;
 	width: 100%;
 	height: 100vh;
 	overflow: auto;
+	background: url("@/assets/images/login/loginBackground.jpg") center center repeat;
+	background-size: 100% 100%;
 
 	// background-attachment: scroll;
 	.middle {
@@ -12,36 +12,38 @@
 	.header-lf {
 		display: flex;
 		align-items: center;
+		justify-content: space-between;
+		width: 100%;
+		height: 10%;
 		overflow: hidden;
 		white-space: nowrap;
-		height: 10%;
-		width: 100%;
-		justify-content: space-between;
 		.logo {
+			display: flex;
 			flex-shrink: 0;
+			align-items: center;
+
 			// width: 210px;
 			margin-left: 16px;
-			display: flex;
-			align-items: center;
 			span {
+				height: 36px;
 				font-size: 24px;
+				line-height: 36px;
+
 				// font-weight: bold;
 				color: #dadada;
 				white-space: nowrap;
-				height: 36px;
-				line-height: 36px;
 			}
 			img {
 				width: 36px;
 				height: 39px;
-				border-radius: 0px 0px 0px 0px;
+				margin-right: 6px;
+				border-radius: 0;
 				opacity: 1;
 				object-fit: contain;
-				margin-right: 6px;
 			}
 		}
 		.header-rt {
-			color: #fff;
+			color: #ffffff;
 			cursor: pointer;
 			span {
 				font-size: 16px;
@@ -49,32 +51,28 @@
 		}
 	}
 	.container {
-		background-color: #fff;
 		width: 82%;
-		// margin-top: 10%;
-		overflow-y: auto;
 		height: 100%;
 		min-height: 500px;
 
+		// margin-top: 10%;
+		overflow-y: auto;
+		background-color: #ffffff;
 		.setps {
-			margin: 0 auto;
 			width: 64%;
+			margin: 0 auto;
 			margin: 2% 18%;
 		}
-
 		.overflow {
 			overflow: hidden;
 		}
-
 		.basic-enter-from {
 			transform: rotateZ(90deg);
 		}
-
 		.basic-enter-active {
 			// transition: all 0.7s;
 			transform-origin: center bottom;
 		}
-
 		.basic-enter-to {
 			transform: rotateZ(0deg);
 		}

src/views/login/CompanyLogon/registered.scss

@@ -5,41 +5,43 @@
 	// width: 100vw;
 	// height: 100vh;
 	position: relative;
+
 	// min-height: calc(100vh + 50px);
 	.backImg {
 		position: absolute;
-		left: 0;
 		position: relative;
-		right: 0;
 		top: 10%;
+		right: 0;
 		bottom: 0;
-		margin: auto;
+		left: 0;
 		width: 370px;
 		height: 268px;
-
+		margin: auto;
 		background: url("@/assets/images/login/mail11.png") no-repeat center center;
 		background-size: 100%;
 		.text1 {
-			// bottom: 0;
-			width: 100%;
 			position: absolute;
 			bottom: 21px;
+			// bottom: 0;
+			width: 100%;
+
 			// margin: 0 auto;
 			text-align: center;
 		}
 		.text2 {
-			width: 100%;
 			position: absolute;
-			text-align: center;
 			bottom: 0;
+			width: 100%;
 			margin-bottom: 0;
+			text-align: center;
 		}
 	}
 	.enter {
+		margin-top: 24%;
 		// position: absolute;
 		// bottom: 20%;
 		text-align: center;
-		margin-top: 24%;
+
 		// margin: 0 auto;
 	}
 }

src/views/login/CompanyLogon/unit-table.scss

@@ -1,8 +1,6 @@
 $primary: #409eff;
-
 .unit-table {
 	margin-top: 40px;
-
 	.form {
 		display: flex;
 		justify-content: space-between;
@@ -10,77 +8,68 @@ $primary: #409eff;
 			width: 45%;
 			.search {
 				position: absolute;
-				right: 0;
 				top: 0;
-				border-bottom-left-radius: 0;
+				right: 0;
 				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
 			}
-
 			&:not(:first-child) {
 				margin-right: 0;
 			}
 		}
 	}
-
 	.table {
 		margin-top: 15px;
-
 		.input {
 			display: flex;
 			align-items: center;
 			font-size: 12px;
 			.selectFile {
 				flex-shrink: 0;
-				outline: none;
-				border: 1px solid $primary;
-				color: $primary;
 				padding: 2px 6px;
 				font-size: 13px;
-				border-radius: 3px;
+				color: $primary;
-				background-color: transparent;
 				cursor: pointer;
+				background-color: transparent;
+				border: 1px solid $primary;
+				border-radius: 3px;
+				outline: none;
 			}
-
 			> span {
-				padding-top: 2px;
 				flex-shrink: 0;
 				width: 50%;
+				padding-top: 2px;
 				margin-left: 5px;
-				text-align: start;
-				color: #999;
-				text-overflow: ellipsis;
 				overflow: hidden;
+				color: #999999;
+				text-align: start;
+				text-overflow: ellipsis;
 				white-space: nowrap;
 			}
 		}
 	}
-
 	.position {
 		position: relative;
-
 		.divide {
-			display: flex;
 			position: absolute;
-			left: -136px;
 			top: 50%;
+			left: -136px;
+			display: flex;
+			color: #333333;
 			transform: translateY(-50%);
-			color: #333;
-
 			.index {
 				margin-right: 15px;
 			}
-
 			.line {
 				position: absolute;
-				left: 12px;
 				top: calc(100% + 6px);
+				left: 12px;
 				width: 1px;
 				height: 245px;
-				background-color: #999;
+				background-color: #999999;
 			}
 		}
 	}
-
 	&:last-child {
 		.line {
 			display: none;

src/views/login/index.scss

@@ -1,8 +1,8 @@
 .login-container {
 	height: 100%;
 	min-height: 550px;
-	background-color: #eeeeee;
 	background: url("@/assets/images/login/loginBackground.jpg") center center no-repeat;
+	background-color: #eeeeee;
 	background-size: 100% 100%;
 	background-size: cover;
 	.login-box {
@@ -14,6 +14,7 @@
 		width: 96%;
 		height: 94%;
 		padding: 0 50px;
+
 		// background-color: hsl(0deg 0% 100% / 80%);
 		border-radius: 10px;
 		.dark {
@@ -24,8 +25,9 @@
 		.login-left {
 			width: 515px;
 			height: 473px;
+
 			// margin: 0 10px 0 0;
-			background: url("@/assets/images/login/Group 2585.jpg") repeat-x 0px 0px;
+			background: url("@/assets/images/login/Group 2585.jpg") repeat-x 0 0;
 			background-size: 100%;
 			img {
 				// width: 100%;
@@ -35,8 +37,8 @@
 			span {
 				margin: 0 0 65px 88px;
 				font-size: 40px;
-				color: white;
 				font-weight: 600;
+				color: white;
 			}
 		}
 		.login-form {
@@ -44,6 +46,7 @@
 			height: 377px;
 			padding: 50px 40px 45px;
 			background-color: #ffffff;
+
 			// border-radius: 10px;
 			box-shadow: 2px 3px 7px rgb(0 0 0 / 20%);
 			.login-logo {
@@ -60,7 +63,7 @@
 					margin: 0;
 					font-size: 32px;
 					font-weight: 500;
-					color: #333;
+					color: #333333;
 					white-space: nowrap;
 				}
 			}
@@ -69,6 +72,7 @@
 			}
 			.login-btn {
 				display: flex;
+
 				// justify-content: space-between;
 				justify-content: center;
 				width: 100%;
@@ -77,12 +81,13 @@
 				.el-button {
 					width: 280px;
 					height: 42px;
+					color: #ffffff;
 					background-color: #2246b4;
-					color: #fff;
 				}
 			}
 			.logon {
 				display: flex;
+
 				// text-align: center;
 				margin-top: 48px;
 				margin-left: 29%;
@@ -90,7 +95,6 @@
 		}
 	}
 }
-
 .form {
 	padding: 0 17%;
 }

src/views/project/supervision/ProjectSupervision/annex.scss

@@ -1,13 +1,12 @@
 .annex {
 	.el-table {
-		margin: 0 auto;
 		width: 80%;
+		margin: 0 auto;
 	}
-
 	.footer {
-		margin-top:14%;
 		display: flex;
-		justify-content: center;
 		align-items: center;
+		justify-content: center;
+		margin-top:14%;
 	}
 }

src/views/project/supervision/ProjectSupervision/duty.scss

@@ -8,26 +8,22 @@
 			// 	background-color: #018bfe;
 			// }
 		}
-
 		.is-finish {
 			.el-step__line {
 				background-color: #018bfe;
 			}
 		}
-
 		.el-step__title {
 			font-weight: 400;
 		}
-
 		.is-text {
 			border-radius: 0;
 		}
 	}
-
 	.footer {
 		display: flex;
-		justify-content: center;
 		align-items: center;
+		justify-content: center;
 		margin-top: 40px;
 	}
 }

src/views/project/supervision/ProjectSupervision/dutyForm.scss

@@ -1,33 +1,29 @@
 .duty-form {
 	.row {
 		display: flex;
-		justify-content: space-between;
 		flex-wrap: wrap;
-
+		justify-content: space-between;
 		> .form-item {
 			width: 45%;
 		}
 	}
-
 	.search {
 		position: absolute;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		width: 45px;
 		inset-block: 1px;
-		inset-inline-end: 1px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 45px;
+		cursor: pointer;
+		background-color: #008dff;
 		border-top-right-radius: 2px;
 		border-bottom-right-radius: 2px;
-		background-color: #008dff;
+		inset-inline-end: 1px;
-		cursor: pointer;
-
 		.icon {
 			font-size: 20px;
-			color: #fff;
+			color: #ffffff;
 		}
 	}
-
 	.select {
 		width: -webkit-fill-avaiable;
 		width: -moz-avaiable;

src/views/project/supervision/ProjectSupervision/index.scss

@@ -1,15 +1,13 @@
 .report {
-	margin: auto;
 	width: 1240px;
 	min-height: 500px;
-
+	margin: auto;
 	.common {
 		padding-bottom: 30px;
 		margin-top: 6%;
 	}
-
 	.steps {
-		margin: 0 auto;
 		width: 70%;
+		margin: 0 auto;
 	}
 }

src/views/project/supervision/ProjectSupervision/overview.scss

@@ -3,104 +3,92 @@
 	width: -moz-available;
 	width: stretch;
 }
-
 .overview {
 	.form {
 		.row {
 			display: flex;
 			justify-content: space-between;
-
 			> :first-child,
 			> :last-child {
 				width: 45%;
 			}
 		}
-
 		:deep(.el-input--default) {
 			width: 100%;
 		}
-
 		.select {
 			width: 100%;
 		}
-
 		.continuous {
-			@include fullwidth();
+			@include fullwidth;
-			display: flex;
+
-			justify-content: space-around;
-			align-items: center;
-			padding-inline: 10px;
-			gap: 5px;
-			min-height: 40px;
 			box-sizing: border-box;
-			border: 1px solid #ddd;
+			display: flex;
-			border-radius: 5px;
+			gap: 5px;
+			align-items: center;
+			justify-content: space-around;
 			width: 90%;
+			min-height: 40px;
+			padding-inline: 10px;
+			border: 1px solid #dddddd;
+			border-radius: 5px;
 			.label {
 				display: flex;
-				align-items: center;
 				flex: 1;
-
+				align-items: center;
 				span {
+					flex-shrink: 0;
 					margin-right: 4px;
 					font-size: 12px;
-					flex-shrink: 0;
 				}
 			}
 		}
 		.calendar {
 			position: absolute;
-			right: 1px;
 			inset-block: 1px;
-			border-top-right-radius: 2px;
+			right: 1px;
-			border-bottom-right-radius: 2px;
 			display: flex;
 			align-items: center;
 			justify-content: center;
 			width: 41px;
 			height: 31px;
-			background-color: #008aff;
 			cursor: pointer;
-
+			background-color: #008aff;
+			border-top-right-radius: 2px;
+			border-bottom-right-radius: 2px;
 			.icon {
-				color: #fff;
 				font-size: 20px;
+				color: #ffffff;
 			}
 		}
-
 		v-deep {
 			.date {
-				@include fullwidth();
+				@include fullwidth;
 			}
-
 			.el-input__prefix {
 				display: none;
 			}
 		}
 	}
-
 	.table {
 		display: flex;
 		flex-direction: column;
-
 		h4 {
-			color: #333;
+			position: relative;
+			padding-left: 6px;
 			font-size: 20px;
 			font-weight: 500;
-			position: relative;
+			color: #333333;
 			border-left: 3px solid #008bff;
-			padding-left: 6px;
 		}
-
 		.el-table {
-			margin-left: 20px;
 			width: calc(100% - 20px);
+			margin-left: 20px;
 		}
 	}
-
 	.footer {
-		margin-top: 40px;
 		display: flex;
 		justify-content: center;
+		margin-top: 40px;
 	}
 }