From 8fa5c45ca9761ae4b181f0921db615841b9aae15 Mon Sep 17 00:00:00 2001
From: Junjie <xjj@123>
Date: 星期三, 02 四月 2025 16:43:23 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/device/shuttle/index.jsx | 434 ++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 305 insertions(+), 129 deletions(-)
diff --git a/zy-asrs-flow/src/pages/device/shuttle/index.jsx b/zy-asrs-flow/src/pages/device/shuttle/index.jsx
index eff130e..dea6fef 100644
--- a/zy-asrs-flow/src/pages/device/shuttle/index.jsx
+++ b/zy-asrs-flow/src/pages/device/shuttle/index.jsx
@@ -1,70 +1,28 @@
import React, { useEffect, useRef, useState } from "react";
import { getToken } from '@/utils/token-util'
-import { Badge, Descriptions } from 'antd';
+import Http from '@/utils/http';
+import { Badge, Button, Descriptions, Drawer, Input, Card, Select, message } from 'antd';
import {
PageContainer,
} from '@ant-design/pro-components';
-
-let items = [
- {
- key: '1',
- label: '浠诲姟鍙�',
- children: '1',
- },
- {
- key: '2',
- label: '宸ヤ綔鐘舵��',
- children: <Badge status="processing" text="Running" />,
- },
- {
- key: '3',
- label: '璁惧鐘舵��',
- children: <Badge status="processing" text="Running" />,
- },
- {
- key: '4',
- label: '鍧愭爣鐮�',
- children: '1,2,3',
- },
- {
- key: '5',
- label: '鐢甸噺',
- children: '50%',
- },
- {
- key: '6',
- label: '閿欒鐮�',
- children: '0',
- },
- {
- key: '7',
- label: '椤跺崌鐘舵��',
- children: 'Y',
- },
- {
- key: '8',
- label: '鍏呯數鐘舵��',
- children: 'Y',
- },
- {
- key: '9',
- label: '浣滀笟鏍囪',
- children: 'Y',
- },
- {
- key: '10',
- label: '璺戝簱寮�鍏�',
- children: 'Y',
- },
-];
+import './index.less'
+import { WEBSOCKET_BASE_URL } from '@/config/setting';
const Main = () => {
const [deviceInfos, setDeviceInfos] = useState([]);
const [ws, setWs] = useState(null);
+ const [openOpera, setOpenOpera] = useState(false);
+ const [currentData, setCurrentData] = useState(null);
+ const [sourceLoc, setSourceLoc] = useState("");
+ const [targetLoc, setTargetLoc] = useState("");
+ const [xStart, setXStart] = useState(1);
+ const [xTarget, setXTarget] = useState(1);
+ const [yStart, setYStart] = useState(1);
+ const [yTarget, setYTarget] = useState(1);
+ const [moveLocType, setMoveLocType] = useState(1);
useEffect(() => {
- var newWs = new WebSocket("ws://127.0.0.1:9090/wcs/ws/shuttle/websocket");
- setWs(newWs);
+ connect();
return () => {
if (ws) {
@@ -74,7 +32,6 @@
}, [])
useEffect(() => {
-
if (ws) {
ws.onopen = function () {
console.log("open");
@@ -101,6 +58,7 @@
ws.onclose = function (e) {
console.log("close");
+ reconnect();
}
ws.onerror = function (e) {
@@ -108,6 +66,18 @@
}
}
}, [ws]);
+
+ const connect = () => {
+ var newWs = new WebSocket(WEBSOCKET_BASE_URL + "/ws/shuttle/websocket");
+ setWs(newWs);
+ }
+
+ const reconnect = () => {
+ setTimeout(() => {
+ console.log('WebSocketClient: Attempting to reconnect...');
+ connect();
+ }, 3000);
+ }
const sendWs = (message) => {
if (ws.readyState == WebSocket.OPEN) {
@@ -122,79 +92,285 @@
}))
}
- return (
- <PageContainer
- header={{
- breadcrumb: {},
- }}
- >
- <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'space-around' }}>
- {deviceInfos.map(item => {
- let tmpTitle = item.shuttleNo + "鍙峰洓鍚戣溅"
- let tmpData = [
- {
- key: '1',
- label: '浠诲姟鍙�',
- children: item.taskNo,
- },
- {
- key: '2',
- label: '宸ヤ綔鐘舵��',
- children: <Badge status="processing" text={item.protocolStatusType} />,
- },
- {
- key: '3',
- label: '璁惧鐘舵��',
- children: <Badge status="processing" text={item.deviceStatus$} />,
- },
- {
- key: '4',
- label: '鍧愭爣鐮�',
- children: item.currentCode,
- },
- {
- key: '5',
- label: '鐢甸噺',
- children: item.batteryPower,
- },
- {
- key: '6',
- label: '閿欒鐮�',
- children: '0',
- },
- {
- key: '7',
- label: '椤跺崌鐘舵��',
- children: item.hasLift ? 'Y' : 'N',
- },
- {
- key: '8',
- label: '鍏呯數鐘舵��',
- children: 'N',
- },
- {
- key: '9',
- label: '浣滀笟鏍囪',
- children: item.pakMk ? 'Y' : 'N',
- },
- {
- key: '10',
- label: '璺戝簱寮�鍏�',
- children: item.moveLoc ? 'Y' : 'N',
- },
- {
- key: '11',
- label: '杩愯鏂瑰悜',
- children: item.runDirection,
- },
- ];
- return <div key={item.id} style={{ width: '45%' }}>
- <Descriptions size="small" title={tmpTitle} bordered items={tmpData} />
+ const showOpera = (data) => {
+ setOpenOpera(true);
+ console.log(data);
+ setCurrentData(data);
+ };
+
+ const closeOpera = () => {
+ setOpenOpera(false);
+ };
+
+ const sourceLocChange = (e) => {
+ setSourceLoc(e.target.value)
+ }
+
+ const targetLocChange = (e) => {
+ setTargetLoc(e.target.value)
+ }
+
+ const shuttleOperator = async (type) => {
+ if (type == 'moveLoc') {
+ if (targetLoc == '') {
+ message.warning('璇疯緭鍏ョ洰鏍囦綅缃�');
+ return;
+ }
+ }else if(type == 'takeMove') {
+ if (targetLoc == '') {
+ message.warning('璇疯緭鍏ョ洰鏍囦綅缃�');
+ return;
+ }
+
+ if (sourceLoc == '') {
+ message.warning('璇疯緭鍏ヨ捣濮嬩綅缃�');
+ return;
+ }
+ }
+
+ try {
+ const resp = await Http.doPost('api/basShuttle/operator/shuttle', {
+ shuttleNo: currentData.shuttleNo,
+ shuttleTaskMode: type,
+ sourceLocNo: sourceLoc,
+ targetLocNo: targetLoc
+ });
+ if (resp.code === 200) {
+ message.success("璇锋眰鎴愬姛");
+ return true;
+ } else {
+ message.warning(resp.msg);
+ return false;
+ }
+ } catch (error) {
+ message.warning("璇锋眰澶辫触");
+ return false;
+ }
+ }
+
+ const shuttleMoveLoc = async () => {
+ if (xStart == '' || xTarget == '' || yStart == '' || yTarget == '') {
+ message.warning('璇疯緭鍏ュ弬鏁�');
+ return;
+ }
+
+ try {
+ const resp = await Http.doPost('api/basShuttle/moveLoc', {
+ shuttleNo: currentData.shuttleNo,
+ moveType: moveLocType,
+ startX: xStart,
+ targetX: xTarget,
+ startY: yStart,
+ targetY: yTarget,
+ });
+ if (resp.code === 200) {
+ message.success("璇锋眰鎴愬姛");
+ return true;
+ } else {
+ message.warning(resp.msg);
+ return false;
+ }
+ } catch (error) {
+ message.warning("璇锋眰澶辫触");
+ return false;
+ }
+ }
+
+ const shuttleMoveLocClose = async () => {
+ try {
+ const resp = await Http.doPost('api/basShuttle/moveLocClose', {
+ shuttleNo: currentData.shuttleNo,
+ });
+ if (resp.code === 200) {
+ message.success("璇锋眰鎴愬姛");
+ return true;
+ } else {
+ message.warning(resp.msg);
+ return false;
+ }
+ } catch (error) {
+ message.warning("璇锋眰澶辫触");
+ return false;
+ }
+ }
+
+
+ const xStartChange = (e) => {
+ setXStart(e.target.value)
+ }
+
+ const xTargetChange = (e) => {
+ setXTarget(e.target.value)
+ }
+
+ const yStartChange = (e) => {
+ setYStart(e.target.value)
+ }
+
+ const yTargetChange = (e) => {
+ setYTarget(e.target.value)
+ }
+
+ const moveLocTypeChange = (e) => {
+ setMoveLocType(e)
+ }
+
+ let codeContent = (<PageContainer
+ header={{
+ breadcrumb: {},
+ }}
+ >
+ <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'space-around' }}>
+ {deviceInfos.map(item => {
+ if (item == null) {
+ return;
+ }
+ let tmpTitle = item.shuttleNo + "鍙峰洓鍚戣溅"
+ let tmpData = [
+ {
+ key: '1',
+ label: '浠诲姟鍙�',
+ children: item.taskNo,
+ },
+ {
+ key: '2',
+ label: '宸ヤ綔鐘舵��',
+ children: <Badge status="processing" text={item.protocolStatusType} />,
+ },
+ {
+ key: '3',
+ label: '璁惧鐘舵��',
+ children: <Badge status="processing" text={item.deviceStatus$} />,
+ },
+ {
+ key: '4',
+ label: '鍧愭爣鐮�',
+ children: item.currentCode,
+ },
+ {
+ key: '5',
+ label: '鐢甸噺',
+ children: item.batteryPower,
+ },
+ {
+ key: '6',
+ label: '閿欒鐮�',
+ children: item.errorCode$,
+ },
+ {
+ key: '7',
+ label: '椤跺崌鐘舵��',
+ children: item.hasLift ? 'Y' : 'N',
+ },
+ {
+ key: '8',
+ label: '鍏呯數鐘舵��',
+ children: item.hasCharge ? 'Y' : 'N',
+ },
+ {
+ key: '9',
+ label: '浣滀笟鏍囪',
+ children: item.pakMk ? 'Y' : 'N',
+ },
+ {
+ key: '10',
+ label: '璺戝簱寮�鍏�',
+ children: item.moveLoc ? 'Y' : 'N',
+ },
+ {
+ key: '11',
+ label: '杩愯鏂瑰悜',
+ children: item.runDirection,
+ },
+ {
+ key: '12',
+ label: '鏄惁鏈夋墭鐩�',
+ children: item.hasPallet ? 'Y' : 'N',
+ },
+ {
+ key: '13',
+ label: '鑷姩',
+ children: item.mode ? 'Y' : 'N',
+ },
+ {
+ key: '14',
+ label: '搴撲綅鍙�',
+ children: item.currentLocNo,
+ },
+ ];
+ return <div key={item.id} style={{ width: '45%' }}>
+ <div style={{ marginBottom: '10px' }}>
+ <span style={{ marginRight: '10px' }}>{tmpTitle}</span>
+ <Button type="primary" onClick={() => showOpera(item)}>鎿嶄綔</Button>
</div>
- })}
- </div>
- </PageContainer>
- )
+ <Descriptions size="small" bordered items={tmpData} />
+ </div>
+ })}
+ </div>
+ </PageContainer>);
+
+ if (currentData) {
+ codeContent = (
+ <>
+ {codeContent}
+ <Drawer title="鎿嶄綔闈㈡澘" onClose={closeOpera} open={openOpera}>
+ <h2 style={{ marginBottom: '15px' }}>{currentData.shuttleNo}鍙峰洓鍚戣溅</h2>
+ <div style={{ marginBottom: '15px' }}>
+ <Card title="绉诲姩鎸囦护" style={{ width: 300 }}>
+ <p>
+ <Input addonBefore="璧峰浣嶇疆" onChange={sourceLocChange} />
+ </p>
+ <p>
+ <Input addonBefore="鐩爣浣嶇疆" onChange={targetLocChange} />
+ </p>
+ <p>
+ </p>
+ <div className="commandItem">
+ <Button onClick={() => shuttleOperator('moveLoc')}>绉诲姩鍒扮洰鏍囦綅缃�</Button>
+ <Button onClick={() => shuttleOperator('takeMove')}>鍙栨斁璐т綔涓�</Button>
+ </div>
+ </Card>
+ </div>
+
+ <div style={{ marginBottom: '15px' }}>
+ <Card title="鐩稿叧鎸囦护" style={{ width: 300 }}>
+ <div className="commandItem">
+ <Button onClick={() => shuttleOperator('palletLift')}>鎵樼洏椤跺崌</Button>
+ <Button onClick={() => shuttleOperator('palletDown')}>鎵樼洏涓嬮檷</Button>
+ <Button onClick={() => shuttleOperator('chargeOpen')}>鍏呯數寮�</Button>
+ <Button onClick={() => shuttleOperator('chargeClose')}>鍏呯數鍏�</Button>
+ <Button onClick={() => shuttleOperator('requestWaiting')}>鐢宠纭</Button>
+ <Button onClick={() => shuttleOperator('reset')}>澶嶄綅</Button>
+ </div>
+ </Card>
+ </div>
+
+ <div style={{ marginBottom: '15px' }}>
+ <Card title="璺戝簱绯荤粺" style={{ width: 300 }}>
+ <div className="commandItem">
+ <div><Input addonBefore="X璧风偣" defaultValue="1" onChange={xStartChange} /></div>
+ <div><Input addonBefore="X缁堢偣" defaultValue="1" onChange={xTargetChange} /></div>
+ <div><Input addonBefore="Y璧风偣" defaultValue="1" onChange={yStartChange} /></div>
+ <div><Input addonBefore="Y缁堢偣" defaultValue="1" onChange={yTargetChange} /></div>
+ <div>
+ <Select
+ defaultValue="0"
+ onChange={moveLocTypeChange}
+ style={{ width: 120 }}
+ options={[{ value: '0', label: '璺戣建閬�' }, { value: '1', label: '璺戝簱浣�' }, { value: '2', label: '姣嶈建閬撳惊鐜窇' }, { value: '3', label: '瀛愯建閬撳惊鐜窇' }, { value: '4', label: '鍙栨斁璐�' }]}
+ />
+ </div>
+ <Button onClick={() => shuttleMoveLoc()}>璺戝簱</Button>
+ <Button onClick={() => shuttleMoveLocClose()}>璺戝簱鍏抽棴</Button>
+ </div>
+ </Card>
+ </div>
+ </Drawer>
+ </>
+ )
+ }
+
+ return (codeContent);
}
export default Main;
\ No newline at end of file
--
Gitblit v1.9.1