Merge branch 'master' of http://192.168.1.3:3000/LiLongLong/matrix_spraying_vue

src/App.vue

@@ -6,6 +6,8 @@ import { onMounted, ref } from "vue";
 import { getList } from "./services/matrix/manage";
 import { useSettingStore } from "./stores/setting";
 import Dialog, { type DialogParam } from "./components/Dialog.vue";
+import { pushOutTray } from "./services/globalCmd/globalCmd";
+import { ElMessage } from "element-plus";
 
 const equipmentStatusStore = useEquipmentStatusStore();
 const settingStore = useSettingStore();
@@ -40,9 +42,10 @@ wsClient.dataOb.subscribe(data => {
 			showDialog.value = true;
 		} else if (data.data.code === "spray_complete") {
 			dialogContent.value = {
-				desc: "喷涂结束，建议回首页清洗管道",
+				desc: "喷涂完成",
 				type: "confirm",
-				okText: "去清洗",
+				okText: "推出玻片",
+				cancelText: "确认完成",
 				_brand: "spray_complete",
 			};
 			showDialog.value = true;
@@ -76,7 +79,13 @@ function onOk() {
 	if (dialogContent.value._brand === "dehumidify_complete") {
 		router.push("/spray");
 	} else if (dialogContent.value._brand === "spray_complete") {
-		router.replace("/home");
+		pushOutTray({}).then(res => {
+			if (res.success) {
+				ElMessage.success("正在推出");
+			} else {
+				ElMessage.error(res.msg);
+			}
+		});
 	}
 }
 </script>

src/components/FooterBar.vue

@@ -65,6 +65,7 @@ function onPushTrayClick() {
 	if (isTrayOutside.value) {
 		pushInTray({}).then(res => {
 			if (res.success) {
+				ElMessage.success("正在推入");
 			} else {
 				ElMessage.error(res.msg);
 			}
@@ -72,6 +73,7 @@ function onPushTrayClick() {
 	} else if (isTrayInside.value) {
 		pushOutTray({}).then(res => {
 			if (res.success) {
+				ElMessage.success("正在推出");
 			} else {
 				ElMessage.error(res.msg);
 			}

src/components/Spray.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, useTemplateRef } from "vue";
+import { onMounted, useTemplateRef, watch } from "vue";
 import { BehaviorSubject, distinctUntilChanged, skip } from "rxjs";
 import gripper from "@/assets/gripper.png";
 
@@ -36,12 +36,19 @@ const props = defineProps<{
 	columns: number;
 	rows: number;
 	cellNum: number;
+	hideGripper?: boolean;
 }>();
 
 const emit = defineEmits<{
 	(e: "selectArea", area: GridArea): void;
 }>();
 
+watch(
+	() => props.hideGripper,
+	val => {
+		draw(selectArea);
+	}
+);
 const canvas = useTemplateRef("cnv");
 const primaryLineColor = "rgb(203,213,245)";
 const subLineColor = "rgb(226,231,232)";
@@ -204,6 +211,7 @@ function drawDragLayer(ctx: CanvasRenderingContext2D, area: GridArea) {
 
 function handleStart(event: MouseEvent | TouchEvent) {
 	event.stopPropagation();
+	if (!!props.hideGripper) return;
 	if ("touches" in event) {
 		const touchEvent = event.touches[0];
 		touchPoint.x = touchEvent.pageX - canvas.value!.offsetLeft;
@@ -268,12 +276,16 @@ function draw(area: GridArea) {
 		if (!imgLoaded) {
 			gripperImg.onload = () => {
 				imgLoaded = true;
+				if (!props.hideGripper) {
 					drawDragLayer(ctx, area);
+				}
 			};
 		} else {
+			if (!props.hideGripper) {
 				drawDragLayer(ctx, area);
 			}
 		}
+	}
 }
 
 onMounted(() => {

src/views/HomeView.vue

@@ -125,6 +125,7 @@ function onStartWash(type: WashType) {
 	showWashDialog.value = false;
 	startWash({ type }).then(res => {
 		if (res.success) {
+			ElMessage.success("已经开始清洗");
 		} else {
 			ElMessage.error(res.msg);
 		}

src/views/PreSpray.vue

@@ -171,6 +171,7 @@ function onOk() {
 	if (dialogContent.value._brand === "start_dehumidify") {
 		startDehumidify({ humidity: humidity.value! }).then(res => {
 			if (res.success) {
+				ElMessage.success("已经开始除湿");
 			} else {
 				ElMessage.error(res.msg);
 			}
@@ -191,6 +192,7 @@ function onGoSpray() {
 function onStartWash(type: WashType) {
 	startWash({ type }).then(res => {
 		if (res.success) {
+			ElMessage.success("已经开始清洗");
 		} else {
 			ElMessage.error(res.msg);
 		}
@@ -209,6 +211,7 @@ function onStopWash() {
 function onStartPrefill() {
 	startPrefill({}).then(res => {
 		if (res.success) {
+			ElMessage.success("已经开始预充");
 		} else {
 			ElMessage.error(res.msg);
 		}

src/views/SprayView.vue

@@ -63,6 +63,7 @@
 						:columns="1"
 						:rows="3"
 						:cell-num="25"
+						:hideGripper="!checked.find(c => c === '0')"
 						@select-area="area => onSelectArea(area, 0)" />
 					<Spray
 						:width="210"
@@ -74,6 +75,7 @@
 						:columns="1"
 						:rows="3"
 						:cell-num="25"
+						:hideGripper="!checked.find(c => c === '1')"
 						@select-area="area => onSelectArea(area, 1)" />
 					<Spray
 						:width="210"
@@ -85,6 +87,7 @@
 						:columns="1"
 						:rows="3"
 						:cell-num="25"
+						:hideGripper="!checked.find(c => c === '2')"
 						@select-area="area => onSelectArea(area, 2)" />
 					<Spray
 						:width="210"
@@ -96,6 +99,7 @@
 						:columns="1"
 						:rows="3"
 						:cell-num="25"
+						:hideGripper="!checked.find(c => c === '3')"
 						@select-area="area => onSelectArea(area, 3)" />
 				</section>
 
@@ -236,6 +240,7 @@ function onStartSpray() {
 		matrixCraftId: selectCraft.value.id || 0,
 	}).then(res => {
 		if (res.success) {
+			ElMessage.success("已经开始喷涂");
 		} else {
 			ElMessage.error(res.msg);
 		}