1

src/views/hard/hard-door-manager/index.vue

@@ -50,7 +50,7 @@
 				</template> -->
 			</el-descriptions>
 
-			<el-tabs type="border-card">
+			<el-tabs type="border-card" @tab-click="tabClick">
 				<el-tab-pane
 					v-if="state.deviceDetail.cabinetList?.length"
 					:label="state.deviceDetail.deviceCode + '-' + item.cabinetNo"
@@ -84,6 +84,8 @@
 						</div>
 					</div>
 				</el-tab-pane>
+
+				<el-tab-pane :label="111">111</el-tab-pane>
 			</el-tabs>
 		</div>
 
@@ -161,6 +163,21 @@ const refreshVolume = (data: { hardId: string; mediaVolume: number; systemVolume
 	state.deviceDetail.systemVolume = data.systemVolume
 }
 
+// 点击柜门tab
+const tabClick = async (tab: any) => {
+	// curActive = tab.index
+	await getCabinet(tab.index)
+}
+
+const doRefresh = async () => {
+	try {
+		loading.value = true
+		await getDetail()
+		await getCabinet()
+	} finally {
+		loading.value = false
+	}
+}
 // ========================================================================================
 // 绑定信息
 const doBind = async () => {
@@ -187,15 +204,6 @@ const deleteGoods = async (floorIndex: number, posIndex: number) => {
 		state.doorGoods[floorIndex][posIndex] = {}
 	})
 }
-
-const doRefresh = async () => {
-	try {
-		loading.value = true
-		await getDetail()
-	} finally {
-		loading.value = false
-	}
-}
 </script>
 
 <style lang="scss" scoped>