update ui

src/views/monitoring/equipmentProcessAmount/index.vue

@@ -33,7 +33,13 @@
 							:data-value="fc.id"
 							class="factory-list__item"
 							:class="{ 'is-current': fc.id == currentFactory?.id }">
-							{{ fc.label }}
+							<span>
+								{{ fc.label }}
+							</span>
+							<svg-icon
+								v-if="fc.id == currentFactory?.id"
+								icon-class="Confirm"
+								style="height: 14px; width: 14px" />
 						</li>
 					</ul>
 					<div v-else style="color: #0008; width: 128px; text-align: center">
@@ -499,9 +505,12 @@ li {
 .factory-list__item {
 	font-size: 16px;
 	line-height: 1;
-	padding: 8px 64px 8px 16px;
-	/* min-width: 64px; */
+	padding: 8px 16px 8px 16px;
+	min-width: 128px;
 	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
 }
 
 .factory-list__item:hover,
@@ -510,13 +519,13 @@ li {
 	color: #0b58ff;
 }
 
-.factory-list__item.is-current::after {
+/* .factory-list__item.is-current::after {
 	content: '√';
 	position: absolute;
 	top: 8px;
 	right: 16px;
 	font-weight: bold;
-}
+} */
 
 .custom-tree-class >>> .el-tree-node__content {
 	width: 100%;
@@ -543,8 +552,8 @@ li {
 .custom-icon-class {
 	margin-right: 8px;
 	width: 20px;
-	height: 24px;
-	background: url('../../../assets/images/tree-icon-1.png') 100% / contain
+	height: 20px;
+	background: url('../../../assets/images/Qian.png') center center / contain
 		no-repeat;
 }