update 设备加工数量

src/views/equipment/analysis/efficiency/index.vue

@@ -369,7 +369,6 @@ export default {
 				params: this.queryParams,
 			});
 			if (code == 0) {
-				console.log('data', data);
 				this.list = data;
 			}
 		},

src/views/monitoring/equipmentProcessAmount/index.vue

@@ -10,7 +10,18 @@
 		<div
 			class="app-container"
 			style="margin-right: 12px; border-radius: 8px; background: #fff">
-			<div class="factory-list" style="background: #ccc; height: 36px"></div>
+			<div class="factory-list__selector" style="" title="点击切换工厂">
+				{{ currentFactory || '工厂名称' }}
+				<div class="factory-list__wrapper">
+					<ul class="factory-list">
+						<li
+							v-for="fc in factoryList"
+							:key="fc.id"
+							@click="factoryChangeHandler"
+							class="factory-list__item"></li>
+					</ul>
+				</div>
+			</div>
 			<!-- side bar  -->
 			<div
 				class="side-bar__left"
@@ -34,7 +45,7 @@
 				<el-row>
 					<el-col class="custom-tabs">
 						<el-tabs v-model="activeName" @tab-click="handleTabClick">
-							<el-tab-pane label="数据列表" name="table">
+							<el-tab-pane :label="'\u2002数据列表\u2002'" name="table">
 								<base-table
 									v-if="mode == 'table'"
 									:table-props="tableProps"
@@ -50,7 +61,7 @@
 						@clickBtn="handleTableBtnClick" /> -->
 								</base-table>
 							</el-tab-pane>
-							<el-tab-pane label="柱状图" name="graph">
+							<el-tab-pane :label="'\u3000柱状图\u3000'" name="graph">
 								<div class="graph" style="height: 56vh">
 									<!-- graph  -->
 									<Graph v-if="list.length" :equipment-list="list" />
@@ -369,9 +380,44 @@ export default {
 	transform: translateY(-12px);
 }
 .custom-tabs >>> .el-tabs__item {
-	padding-left: 8px !important;
-	padding-right: 8px !important;
+	padding-left: 0px !important;
+	padding-right: 0px !important;
 	line-height: 36px !important;
 	height: 36px;
 }
+
+.factory-list__selector {
+	position: relative;
+	height: 36px;
+	font-size: 16px;
+	line-height: 36px;
+	padding-left: 28px;
+	background: url(../../../assets/images/factory-icon.png) 0 / 10% no-repeat;
+}
+
+.factory-list__selector:hover {
+	cursor: pointer;
+	color: #0008;
+}
+
+.factory-list__selector::after {
+	content: '';
+	position: absolute;
+	top: 16px;
+	left: 100px;
+	display: inline-block;
+	width: 8px;
+	height: 8px;
+	/* background: #5c5c5c; */
+	border-color: #000;
+	border-width: 4px;
+	border-style: solid;
+	border-top-color: transparent;
+	border-right-color: transparent;
+	border-bottom-color: transparent;
+}
+.factory-list__selector:hover::after {
+	/* cursor: pointer; */
+	border-left-color: #0008;
+}
 </style>