智能柜修改

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

@@ -67,7 +67,20 @@
 
 			<el-descriptions :column="3" title="货柜信息" border>
 				<template #extra>
-					<el-button icon="CircleCheck" type="primary" @click="checkOpenAccess">检修开门</el-button>
+					<el-space>
+						<el-button icon="CircleCheck" type="primary" @click="checkOpenAccess" :disabled="checkCloseLoading" :loading="checkOpenLoading">
+							检修开门
+						</el-button>
+						<el-button
+							icon="CircleClose"
+							type="primary"
+							@click="checkCloseAccess"
+							:disabled="checkOpenLoading"
+							:loading="checkCloseLoading"
+						>
+							检修关门
+						</el-button>
+					</el-space>
 				</template>
 			</el-descriptions>
 			<el-tabs type="border-card" @tab-click="doorTabClick">
@@ -174,7 +187,7 @@ import { displayPrice } from "/@/utils/formatMoney"
 import * as hardDoorManager from "/@/api/hard/hard-door-manager"
 import { ElMessageBox } from "element-plus"
 import { getByCabinetNo, unPutaway } from "/@/api/hard/hard-spu"
-import { openAccess } from "/@/api/hard/hard-door-manager"
+import { closeAccess, openAccess } from "/@/api/hard/hard-door-manager"
 
 const InfoSetting = defineAsyncComponent(() => import("./info-setting.vue"))
 const VolumeSetting = defineAsyncComponent(() => import("./volume-setting.vue"))
@@ -182,6 +195,8 @@ const GoodsPutaway = defineAsyncComponent(() => import("./goods-putaway.vue"))
 
 const { query } = useRoute()
 const loading = ref(false)
+const checkOpenLoading = ref(false)
+const checkCloseLoading = ref(false)
 const infoSettingRef = ref()
 const volumeSettingRef = ref()
 const goodsPutawayRef = ref()
@@ -245,15 +260,42 @@ const refreshVolume = (data: { hardId: string; mediaVolume: number; systemVolume
 
 // 检修开门
 const checkOpenAccess = async () => {
-	const res = await openAccess({
-		hardDoorId: state.hardId,
-		cabinetNo: state.deviceDetail.cabinetList[state.curActivedDoorTabIndex].cabinetNo,
-	})
-	if (res.code == 0) {
-		useMessage().success("操作成功")
-		return
+	try {
+		checkOpenLoading.value = true
+		const res = await openAccess({
+			hardDoorId: state.hardId,
+			cabinetNo: state.deviceDetail.cabinetList[state.curActivedDoorTabIndex].cabinetNo,
+		})
+		if (res.code == 0) {
+			useMessage().success("操作成功")
+			return
+		}
+		useMessage().error(res.msg || "操作失败")
+	} catch (error: any) {
+		useMessage().error(error)
+	} finally {
+		checkOpenLoading.value = false
+	}
+}
+
+// 检修关门
+const checkCloseAccess = async () => {
+	try {
+		checkCloseLoading.value = true
+		const res = await closeAccess({
+			hardDoorId: state.hardId,
+			cabinetNo: state.deviceDetail.cabinetList[state.curActivedDoorTabIndex].cabinetNo,
+		})
+		if (res.code == 0) {
+			useMessage().success("操作成功")
+			return
+		}
+		useMessage().error(res.msg || "操作失败")
+	} catch (error: any) {
+		useMessage().error(error)
+	} finally {
+		checkCloseLoading.value = false
 	}
-	useMessage().error(res.msg || "操作失败")
 }
 
 // 点击柜门tab