新建任务机器人任务列表 预设路线列表
This commit is contained in:
422
package-lock.json
generated
422
package-lock.json
generated
@@ -28,6 +28,7 @@
|
||||
"lodash": "^4.18.1",
|
||||
"lucide-react": "^0.546.0",
|
||||
"motion": "^12.23.24",
|
||||
"mqtt": "^5.15.1",
|
||||
"nprogress": "^0.2.0",
|
||||
"qrcode": "^1.5.4",
|
||||
"react": "^19.0.0",
|
||||
@@ -2581,6 +2582,15 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/readable-stream": {
|
||||
"version": "4.0.23",
|
||||
"resolved": "https://registry.npmjs.org/@types/readable-stream/-/readable-stream-4.0.23.tgz",
|
||||
"integrity": "sha512-wwXrtQvbMHxCbBgjHaMGEmImFTQxxpfMOR/ZoQnXxB1woqkUbdLGFDgauo00Py9IudiaqSeiBiulSV9i6XIPig==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/send": {
|
||||
"version": "1.2.1",
|
||||
"resolved": "https://registry.npmjs.org/@types/send/-/send-1.2.1.tgz",
|
||||
@@ -2627,6 +2637,15 @@
|
||||
"integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/ws": {
|
||||
"version": "8.18.1",
|
||||
"resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
|
||||
"integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/@vitejs/plugin-react": {
|
||||
"version": "5.2.0",
|
||||
"resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.2.0.tgz",
|
||||
@@ -2673,6 +2692,18 @@
|
||||
"node": ">=18.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/abort-controller": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
|
||||
"integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"event-target-shim": "^5.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.5"
|
||||
}
|
||||
},
|
||||
"node_modules/accepts": {
|
||||
"version": "1.3.8",
|
||||
"resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
|
||||
@@ -2955,6 +2986,26 @@
|
||||
"node": ">= 0.6.0"
|
||||
}
|
||||
},
|
||||
"node_modules/base64-js": {
|
||||
"version": "1.5.1",
|
||||
"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
|
||||
"integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/feross"
|
||||
},
|
||||
{
|
||||
"type": "patreon",
|
||||
"url": "https://www.patreon.com/feross"
|
||||
},
|
||||
{
|
||||
"type": "consulting",
|
||||
"url": "https://feross.org/support"
|
||||
}
|
||||
],
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/baseline-browser-mapping": {
|
||||
"version": "2.10.19",
|
||||
"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.19.tgz",
|
||||
@@ -2985,6 +3036,18 @@
|
||||
"integrity": "sha512-1G3U4n5JE6RAiALMxu0p1XmeZkTeCwGKykzsLTCqVzfSDaN6S7fKnkIkfejogz+iwqBWc0UYAIKnKHNN7pSfDg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/bl": {
|
||||
"version": "6.1.6",
|
||||
"resolved": "https://registry.npmjs.org/bl/-/bl-6.1.6.tgz",
|
||||
"integrity": "sha512-jLsPgN/YSvPUg9UX0Kd73CXpm2Psg9FxMeCSXnk3WBO3CMT10JMwijubhGfHCnFu6TPn1ei3b975dxv7K2pWVg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/readable-stream": "^4.0.0",
|
||||
"buffer": "^6.0.3",
|
||||
"inherits": "^2.0.4",
|
||||
"readable-stream": "^4.2.0"
|
||||
}
|
||||
},
|
||||
"node_modules/body-parser": {
|
||||
"version": "1.20.4",
|
||||
"resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
|
||||
@@ -3036,6 +3099,18 @@
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/broker-factory": {
|
||||
"version": "3.1.14",
|
||||
"resolved": "https://registry.npmjs.org/broker-factory/-/broker-factory-3.1.14.tgz",
|
||||
"integrity": "sha512-L45k5HMbPIrMid0nTOZ/UPXG/c0aRuQKVrSDFIb1zOkvfiyHgYmIjc3cSiN1KwQIvRDOtKE0tfb3I9EZ3CmpQQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.29.2",
|
||||
"fast-unique-numbers": "^9.0.27",
|
||||
"tslib": "^2.8.1",
|
||||
"worker-factory": "^7.0.49"
|
||||
}
|
||||
},
|
||||
"node_modules/browserslist": {
|
||||
"version": "4.28.2",
|
||||
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
|
||||
@@ -3075,6 +3150,36 @@
|
||||
"integrity": "sha512-DyMjHmpkS2+xcFNtyN00apJYL3ESdp9fTrkDr5+9Qg/GPqFmcWgGsK1akZnttE1XFxJ/VMy4DNNGMGYtmFp1Sg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/buffer": {
|
||||
"version": "6.0.3",
|
||||
"resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
|
||||
"integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/feross"
|
||||
},
|
||||
{
|
||||
"type": "patreon",
|
||||
"url": "https://www.patreon.com/feross"
|
||||
},
|
||||
{
|
||||
"type": "consulting",
|
||||
"url": "https://feross.org/support"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"base64-js": "^1.3.1",
|
||||
"ieee754": "^1.2.1"
|
||||
}
|
||||
},
|
||||
"node_modules/buffer-from": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
|
||||
"integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/bytes": {
|
||||
"version": "3.1.2",
|
||||
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
|
||||
@@ -3274,12 +3379,47 @@
|
||||
"node": ">= 10"
|
||||
}
|
||||
},
|
||||
"node_modules/commist": {
|
||||
"version": "3.2.0",
|
||||
"resolved": "https://registry.npmjs.org/commist/-/commist-3.2.0.tgz",
|
||||
"integrity": "sha512-4PIMoPniho+LqXmpS5d3NuGYncG6XWlkBSVGiWycL22dd42OYdUGil2CWuzklaJoNxyxUSpO4MKIBU94viWNAw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/compute-scroll-into-view": {
|
||||
"version": "3.1.1",
|
||||
"resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.1.tgz",
|
||||
"integrity": "sha512-VRhuHOLoKYOy4UbilLbUzbYg93XLjv2PncJC50EuTWPA3gaja1UjBsUP/D/9/juV3vQFr6XBEzn9KCAHdUvOHw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/concat-stream": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-2.0.0.tgz",
|
||||
"integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
|
||||
"engines": [
|
||||
"node >= 6.0"
|
||||
],
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"buffer-from": "^1.0.0",
|
||||
"inherits": "^2.0.3",
|
||||
"readable-stream": "^3.0.2",
|
||||
"typedarray": "^0.0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/concat-stream/node_modules/readable-stream": {
|
||||
"version": "3.6.2",
|
||||
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
|
||||
"integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"inherits": "^2.0.3",
|
||||
"string_decoder": "^1.1.1",
|
||||
"util-deprecate": "^1.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/content-disposition": {
|
||||
"version": "0.5.4",
|
||||
"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
|
||||
@@ -4015,12 +4155,30 @@
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/event-target-shim": {
|
||||
"version": "5.0.1",
|
||||
"resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
|
||||
"integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/eventemitter3": {
|
||||
"version": "5.0.4",
|
||||
"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz",
|
||||
"integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/events": {
|
||||
"version": "3.3.0",
|
||||
"resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
|
||||
"integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.8.x"
|
||||
}
|
||||
},
|
||||
"node_modules/express": {
|
||||
"version": "4.22.1",
|
||||
"resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
|
||||
@@ -4088,6 +4246,19 @@
|
||||
"integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/fast-unique-numbers": {
|
||||
"version": "9.0.27",
|
||||
"resolved": "https://registry.npmjs.org/fast-unique-numbers/-/fast-unique-numbers-9.0.27.tgz",
|
||||
"integrity": "sha512-nDA9ADeINN8SA2u2wCtU+siWFTTDqQR37XvgPIDDmboWQeExz7X0mImxuaN+kJddliIqy2FpVRmnvRZ+j8i1/A==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.29.2",
|
||||
"tslib": "^2.8.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=18.2.0"
|
||||
}
|
||||
},
|
||||
"node_modules/fdir": {
|
||||
"version": "6.5.0",
|
||||
"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
|
||||
@@ -4504,6 +4675,12 @@
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/help-me": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/help-me/-/help-me-5.0.0.tgz",
|
||||
"integrity": "sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/html2canvas": {
|
||||
"version": "1.4.1",
|
||||
"resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
|
||||
@@ -4549,6 +4726,26 @@
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/ieee754": {
|
||||
"version": "1.2.1",
|
||||
"resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
|
||||
"integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/feross"
|
||||
},
|
||||
{
|
||||
"type": "patreon",
|
||||
"url": "https://www.patreon.com/feross"
|
||||
},
|
||||
{
|
||||
"type": "consulting",
|
||||
"url": "https://feross.org/support"
|
||||
}
|
||||
],
|
||||
"license": "BSD-3-Clause"
|
||||
},
|
||||
"node_modules/immer": {
|
||||
"version": "10.2.0",
|
||||
"resolved": "https://registry.npmjs.org/immer/-/immer-10.2.0.tgz",
|
||||
@@ -4574,6 +4771,15 @@
|
||||
"node": ">=12"
|
||||
}
|
||||
},
|
||||
"node_modules/ip-address": {
|
||||
"version": "10.2.0",
|
||||
"resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz",
|
||||
"integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 12"
|
||||
}
|
||||
},
|
||||
"node_modules/ipaddr.js": {
|
||||
"version": "1.9.1",
|
||||
"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
|
||||
@@ -4679,6 +4885,16 @@
|
||||
"node": ">=14"
|
||||
}
|
||||
},
|
||||
"node_modules/js-sdsl": {
|
||||
"version": "4.3.0",
|
||||
"resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.3.0.tgz",
|
||||
"integrity": "sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/js-sdsl"
|
||||
}
|
||||
},
|
||||
"node_modules/js-tokens": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||
@@ -5150,6 +5366,15 @@
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/minimist": {
|
||||
"version": "1.2.8",
|
||||
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
|
||||
"integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/ml-array-max": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/ml-array-max/-/ml-array-max-2.0.0.tgz",
|
||||
@@ -5230,6 +5455,55 @@
|
||||
"integrity": "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/mqtt": {
|
||||
"version": "5.15.1",
|
||||
"resolved": "https://registry.npmjs.org/mqtt/-/mqtt-5.15.1.tgz",
|
||||
"integrity": "sha512-V1WnkGuJh3ec9QXzy5Iylw8OOBK+Xu1WhxcQ9mMpLThG+/JZIMV1PgLNRgIiqXhZnvnVLsuyxHl5A/3bHHbcAA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/readable-stream": "^4.0.21",
|
||||
"@types/ws": "^8.18.1",
|
||||
"commist": "^3.2.0",
|
||||
"concat-stream": "^2.0.0",
|
||||
"debug": "^4.4.1",
|
||||
"help-me": "^5.0.0",
|
||||
"lru-cache": "^10.4.3",
|
||||
"minimist": "^1.2.8",
|
||||
"mqtt-packet": "^9.0.2",
|
||||
"number-allocator": "^1.0.14",
|
||||
"readable-stream": "^4.7.0",
|
||||
"rfdc": "^1.4.1",
|
||||
"socks": "^2.8.6",
|
||||
"split2": "^4.2.0",
|
||||
"worker-timers": "^8.0.23",
|
||||
"ws": "^8.18.3"
|
||||
},
|
||||
"bin": {
|
||||
"mqtt": "build/bin/mqtt.js",
|
||||
"mqtt_pub": "build/bin/pub.js",
|
||||
"mqtt_sub": "build/bin/sub.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=16.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/mqtt-packet": {
|
||||
"version": "9.0.2",
|
||||
"resolved": "https://registry.npmjs.org/mqtt-packet/-/mqtt-packet-9.0.2.tgz",
|
||||
"integrity": "sha512-MvIY0B8/qjq7bKxdN1eD+nrljoeaai+qjLJgfRn3TiMuz0pamsIWY2bFODPZMSNmabsLANXsLl4EMoWvlaTZWA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"bl": "^6.0.8",
|
||||
"debug": "^4.3.4",
|
||||
"process-nextick-args": "^2.0.1"
|
||||
}
|
||||
},
|
||||
"node_modules/mqtt/node_modules/lru-cache": {
|
||||
"version": "10.4.3",
|
||||
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
|
||||
"integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/ms": {
|
||||
"version": "2.1.3",
|
||||
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
|
||||
@@ -5310,6 +5584,16 @@
|
||||
"integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/number-allocator": {
|
||||
"version": "1.0.14",
|
||||
"resolved": "https://registry.npmjs.org/number-allocator/-/number-allocator-1.0.14.tgz",
|
||||
"integrity": "sha512-OrL44UTVAvkKdOdRQZIJpLkAdjXGTRda052sN4sO77bKEzYYqWKMBjQvrJFzqygI99gL6Z4u2xctPW1tB8ErvA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"debug": "^4.3.1",
|
||||
"js-sdsl": "4.3.0"
|
||||
}
|
||||
},
|
||||
"node_modules/object-assign": {
|
||||
"version": "4.1.1",
|
||||
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
|
||||
@@ -5488,6 +5772,21 @@
|
||||
"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/process": {
|
||||
"version": "0.11.10",
|
||||
"resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
|
||||
"integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 0.6.0"
|
||||
}
|
||||
},
|
||||
"node_modules/process-nextick-args": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
|
||||
"integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/prop-types": {
|
||||
"version": "15.8.1",
|
||||
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
|
||||
@@ -6349,6 +6648,22 @@
|
||||
"url": "https://opencollective.com/express"
|
||||
}
|
||||
},
|
||||
"node_modules/readable-stream": {
|
||||
"version": "4.7.0",
|
||||
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
|
||||
"integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"abort-controller": "^3.0.0",
|
||||
"buffer": "^6.0.3",
|
||||
"events": "^3.3.0",
|
||||
"process": "^0.11.10",
|
||||
"string_decoder": "^1.3.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/readdirp": {
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
|
||||
@@ -6455,6 +6770,12 @@
|
||||
"url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/rfdc": {
|
||||
"version": "1.4.1",
|
||||
"resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
|
||||
"integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/rollup": {
|
||||
"version": "4.60.1",
|
||||
"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.1.tgz",
|
||||
@@ -6714,6 +7035,16 @@
|
||||
"is-arrayish": "^0.3.1"
|
||||
}
|
||||
},
|
||||
"node_modules/smart-buffer": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
|
||||
"integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">= 6.0.0",
|
||||
"npm": ">= 3.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/socket.io-client": {
|
||||
"version": "4.8.3",
|
||||
"resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.8.3.tgz",
|
||||
@@ -6742,6 +7073,20 @@
|
||||
"node": ">=10.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/socks": {
|
||||
"version": "2.8.9",
|
||||
"resolved": "https://registry.npmjs.org/socks/-/socks-2.8.9.tgz",
|
||||
"integrity": "sha512-LJhUYUvItdQ0LkJTmPeaEObWXAqFyfmP85x0tch/ez9cahmhlBBLbIqDFnvBnUJGagb0JbIQrkBs1wJ+yRYpEw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"ip-address": "^10.1.1",
|
||||
"smart-buffer": "^4.2.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 10.0.0",
|
||||
"npm": ">= 3.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/source-map-js": {
|
||||
"version": "1.2.1",
|
||||
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
|
||||
@@ -6758,6 +7103,15 @@
|
||||
"deprecated": "Please use @jridgewell/sourcemap-codec instead",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/split2": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
|
||||
"integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
|
||||
"license": "ISC",
|
||||
"engines": {
|
||||
"node": ">= 10.x"
|
||||
}
|
||||
},
|
||||
"node_modules/statuses": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
|
||||
@@ -6767,6 +7121,15 @@
|
||||
"node": ">= 0.8"
|
||||
}
|
||||
},
|
||||
"node_modules/string_decoder": {
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
|
||||
"integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"safe-buffer": "~5.2.0"
|
||||
}
|
||||
},
|
||||
"node_modules/string-convert": {
|
||||
"version": "0.2.1",
|
||||
"resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
|
||||
@@ -7002,6 +7365,12 @@
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/typedarray": {
|
||||
"version": "0.0.6",
|
||||
"resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
|
||||
"integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/typescript": {
|
||||
"version": "5.8.3",
|
||||
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
|
||||
@@ -7111,6 +7480,12 @@
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/util-deprecate": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
|
||||
"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/utils-merge": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
|
||||
@@ -7796,6 +8171,53 @@
|
||||
"integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/worker-factory": {
|
||||
"version": "7.0.49",
|
||||
"resolved": "https://registry.npmjs.org/worker-factory/-/worker-factory-7.0.49.tgz",
|
||||
"integrity": "sha512-lW7tpgy6aUv2dFsQhv1yv+XFzdkCf/leoKRTGMPVK5/die6RrUjqgJHJf556qO+ZfytNG6wPXc17E8zzsOLUDw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.29.2",
|
||||
"fast-unique-numbers": "^9.0.27",
|
||||
"tslib": "^2.8.1"
|
||||
}
|
||||
},
|
||||
"node_modules/worker-timers": {
|
||||
"version": "8.0.31",
|
||||
"resolved": "https://registry.npmjs.org/worker-timers/-/worker-timers-8.0.31.tgz",
|
||||
"integrity": "sha512-ngkq5S6JuZyztom8tDgBzorLo9byhBMko/sXfgiUD945AuzKGg1GCgDMCC3NaYkicLpGKXutONM36wEX8UbBCA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.29.2",
|
||||
"tslib": "^2.8.1",
|
||||
"worker-timers-broker": "^8.0.16",
|
||||
"worker-timers-worker": "^9.0.14"
|
||||
}
|
||||
},
|
||||
"node_modules/worker-timers-broker": {
|
||||
"version": "8.0.16",
|
||||
"resolved": "https://registry.npmjs.org/worker-timers-broker/-/worker-timers-broker-8.0.16.tgz",
|
||||
"integrity": "sha512-JyP3AvUGyPGbBGW7XiUewm2+0pN/aYo1QpVf5kdXAfkDZcN3p7NbWrG6XnyDEpDIvfHk/+LCnOW/NsuiU9riYA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.29.2",
|
||||
"broker-factory": "^3.1.14",
|
||||
"fast-unique-numbers": "^9.0.27",
|
||||
"tslib": "^2.8.1",
|
||||
"worker-timers-worker": "^9.0.14"
|
||||
}
|
||||
},
|
||||
"node_modules/worker-timers-worker": {
|
||||
"version": "9.0.14",
|
||||
"resolved": "https://registry.npmjs.org/worker-timers-worker/-/worker-timers-worker-9.0.14.tgz",
|
||||
"integrity": "sha512-/qF06C60sXmSLfUl7WglvrDIbspmPOM8UrG63Dnn4bi2x4/DfqHS/+dxF5B+MdHnYO5tVuZYLHdAodrKdabTIg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.29.2",
|
||||
"tslib": "^2.8.1",
|
||||
"worker-factory": "^7.0.49"
|
||||
}
|
||||
},
|
||||
"node_modules/wrap-ansi": {
|
||||
"version": "6.2.0",
|
||||
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
|
||||
|
||||
@@ -31,6 +31,7 @@
|
||||
"lodash": "^4.18.1",
|
||||
"lucide-react": "^0.546.0",
|
||||
"motion": "^12.23.24",
|
||||
"mqtt": "^5.15.1",
|
||||
"nprogress": "^0.2.0",
|
||||
"qrcode": "^1.5.4",
|
||||
"react": "^19.0.0",
|
||||
|
||||
@@ -232,4 +232,39 @@ export function getPlaneDeviceListAll() {
|
||||
})
|
||||
}
|
||||
|
||||
export function getRobotTaskList(params) {
|
||||
return request({
|
||||
url: '/iot/deviceTask/getSiteDevicePlan',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
// 创建机器人任务
|
||||
export function getRobotTask(data) {
|
||||
return request({
|
||||
url: '/iot/deviceTask/deviceTaskPool',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
//路径规划列表/iot/workRecord/selectBySiteId
|
||||
|
||||
export function getRobotRouteList(params) {
|
||||
return request({
|
||||
url: '/iot/workRecord/selectBySiteId',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
}
|
||||
//新建任务
|
||||
export function saveDeviceTask(data) {
|
||||
return request({
|
||||
url: `/iot/deviceTask/save`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@ const message = utils.message; // 使用全局 message
|
||||
|
||||
const api = axios.create({
|
||||
baseURL: API_BASE_URL,
|
||||
timeout: 50000,
|
||||
timeout: 100000,
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
|
||||
@@ -2,29 +2,34 @@ import React, { useState, useEffect, useRef } from 'react';
|
||||
import {
|
||||
Row, Col, Card, Button, Space, Table, Tag, Typography, Progress, Badge,
|
||||
Tabs, Input, Switch, Divider, Tooltip, Timeline, Select, message, DatePicker,
|
||||
Modal, InputNumber
|
||||
Modal, InputNumber,
|
||||
TimePicker
|
||||
} from 'antd';
|
||||
import {
|
||||
PlusOutlined, ImportOutlined, NodeIndexOutlined,
|
||||
SaveOutlined, PlayCircleOutlined
|
||||
SaveOutlined, PlayCircleOutlined, EyeOutlined
|
||||
} from '@ant-design/icons';
|
||||
import {
|
||||
Car, Navigation, Wind, Thermometer, Droplets, Satellite,
|
||||
LayoutGrid, Clock, CheckCircle2, AlertCircle, Zap, Waves,
|
||||
Calendar, User, TrendingUp, Maximize2, Play, Square, X, MapPin, RotateCw
|
||||
} from 'lucide-react';
|
||||
|
||||
import {
|
||||
getWorkList, saveDeviceTask, getDeviceTask
|
||||
} from '../../api/api';
|
||||
getRobotRouteList,
|
||||
getPlaneDeviceListAll, saveDeviceTask, getRobotTaskList
|
||||
} from '../../api/device';
|
||||
import dayjs from 'dayjs';
|
||||
import utils from '../../lib/utils';
|
||||
import CesiumMap from '../Map';
|
||||
import { fix2, getVal } from '../../lib/utils';
|
||||
import { useSelector } from 'react-redux';
|
||||
import { RootState } from '@/src/store';
|
||||
|
||||
const { Text, Title } = Typography;
|
||||
const { RangePicker } = DatePicker;
|
||||
|
||||
export default function RobotTaskPage({ devices, onRefresh }) {
|
||||
export default function RobotTaskPage({ devices }) {
|
||||
const fontSmall = 'clamp(10px, 0.7vw, 11px)';
|
||||
const fontNormal = 'clamp(12px, 0.75vw, 13px)';
|
||||
const fontTitle = 'clamp(14px, 0.85vw, 16px)';
|
||||
@@ -49,36 +54,37 @@ export default function RobotTaskPage({ devices, onRefresh }) {
|
||||
const [createTaskModal, setCreateTaskModal] = useState(false);
|
||||
const [routeSearch, setRouteSearch] = useState('');
|
||||
const [routeList, setRouteList] = useState([]);
|
||||
const { stationId } = useSelector((state: RootState) => state.station);
|
||||
|
||||
// 新建任务弹窗状态
|
||||
const [isTaskModalOpen, setIsTaskModalOpen] = useState(false);
|
||||
const [selectedPathWork, setSelectedPathWork] = useState(null);
|
||||
|
||||
// 获取任务列表数据
|
||||
const getListTask = async () => {
|
||||
if (!devices?.length) return;
|
||||
const fetchTaskList = async () => {
|
||||
try {
|
||||
const userId = JSON.parse(localStorage.getItem("userInfo") || '{}')?.userId;
|
||||
const res = await getWorkList({ userId });
|
||||
if (res.code === 200) {
|
||||
setTaskList(res.data || []);
|
||||
}
|
||||
getRobotTaskList({ siteId: String(stationId) }).then(res => {
|
||||
if (res.code == 200) {
|
||||
setTaskList(res.data);
|
||||
}
|
||||
}).catch(() => setTaskList([]));
|
||||
} catch (err) {
|
||||
message.error('任务列表数据获取失败');
|
||||
message.error('任务列表刷新失败');
|
||||
}
|
||||
};
|
||||
|
||||
// 获取路线列表
|
||||
const fetchRouteList = async () => {
|
||||
// 这里假设有一个获取机器人路线的接口，或者从现有任务中提取
|
||||
setRouteList([
|
||||
{ id: 1, name: '区域 A 巡检路线', points: 12, length: '1.2km' },
|
||||
{ id: 2, name: 'B 阵列除草路线', points: 24, length: '2.5km' },
|
||||
{ id: 3, name: '边界防护路线', points: 8, length: '0.8km' },
|
||||
]);
|
||||
if (!stationId) return;
|
||||
getRobotRouteList({ siteId: stationId }).then(res => {
|
||||
if (res.code === 200 && res.data) {
|
||||
setRouteList(res.data);
|
||||
} else {
|
||||
setRouteList([]);
|
||||
}
|
||||
}).catch(() => setRouteList([]));
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
getListTask();
|
||||
fetchRouteList();
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
if (devices?.length) {
|
||||
setListRobot(devices[0]);
|
||||
@@ -86,6 +92,13 @@ export default function RobotTaskPage({ devices, onRefresh }) {
|
||||
}
|
||||
}, [devices]);
|
||||
|
||||
useEffect(() => {
|
||||
if (stationId) {
|
||||
fetchRouteList();
|
||||
fetchTaskList()
|
||||
}
|
||||
}, [stationId]);
|
||||
|
||||
const taskColumns = [
|
||||
{ title: '任务名称', dataIndex: 'workName', width: 200, ellipsis: true, fixed: "left" },
|
||||
{ title: '设备名称', dataIndex: 'deviceName', width: 140 },
|
||||
@@ -101,7 +114,6 @@ export default function RobotTaskPage({ devices, onRefresh }) {
|
||||
];
|
||||
|
||||
const handleRowClick = (record) => {
|
||||
// 定位到机器人位置或显示轨迹
|
||||
if (record.longitude && record.latitude) {
|
||||
setFocusLocation({
|
||||
lon: record.longitude,
|
||||
@@ -134,18 +146,63 @@ export default function RobotTaskPage({ devices, onRefresh }) {
|
||||
<Row gutter={[16, 16]} style={{ marginBottom: 8 }}>
|
||||
{topCards.map((item, index) => (
|
||||
<Col xs={12} sm={8} md={4} key={index}>
|
||||
<Card bordered={false} bodyStyle={{ padding: '12px 14px' }} style={cardStyle}>
|
||||
<div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
|
||||
<div style={{ width: 36, height: 36, background: 'rgba(22, 93, 255, 0.1)', borderRadius: 10, display: 'flex', justifyContent: 'center', alignItems: 'center', color: item.color }}>
|
||||
<Card
|
||||
bordered={false}
|
||||
bodyStyle={{
|
||||
padding: '12px 14px',
|
||||
height: '100%',
|
||||
display: 'flex',
|
||||
alignItems: 'center'
|
||||
}}
|
||||
style={{
|
||||
...cardStyle,
|
||||
height: '100%',
|
||||
minHeight: '84px'
|
||||
}}
|
||||
>
|
||||
<div style={{ display: 'flex', alignItems: 'center', gap: 10, width: '100%' }}>
|
||||
<div
|
||||
style={{
|
||||
width: 36,
|
||||
height: 36,
|
||||
background: 'rgba(22, 93, 255, 0.1)',
|
||||
borderRadius: 10,
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
color: item.color,
|
||||
flexShrink: 0
|
||||
}}
|
||||
>
|
||||
{React.cloneElement(item.icon as React.ReactElement, { size: 18 })}
|
||||
</div>
|
||||
<div style={{ flex: 1 }}>
|
||||
<div style={{ fontSize: 13, color: '#86909C' }}>{item.title}</div>
|
||||
<div style={{ display: 'flex', alignItems: 'baseline', gap: 4 }}>
|
||||
<span style={{ fontSize: 'clamp(16px, 1vw, 20px)', fontWeight: 700, color: '#1D2129' }}>{item.value}</span>
|
||||
<div style={{ flex: 1, minWidth: 0 }}>
|
||||
<div style={{ fontSize: 13, color: '#86909C', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
|
||||
{item.title}
|
||||
</div>
|
||||
<div style={{ display: 'flex', alignItems: 'baseline', gap: 4, margin: '2px 0' }}>
|
||||
<span
|
||||
style={{
|
||||
fontSize: 'clamp(16px, 1vw, 20px)',
|
||||
fontWeight: 700,
|
||||
color: '#1D2129',
|
||||
lineHeight: '1.2'
|
||||
}}
|
||||
>
|
||||
{item.value}
|
||||
</span>
|
||||
<span style={{ fontSize: 9, color: '#4E5969' }}>{item.unit}</span>
|
||||
</div>
|
||||
<div style={{ fontSize: 9, color: item.trendColor || '#86909C', fontWeight: 500 }}>
|
||||
<div
|
||||
style={{
|
||||
fontSize: 9,
|
||||
color: item.trendColor || '#86909C',
|
||||
fontWeight: 500,
|
||||
whiteSpace: 'nowrap',
|
||||
overflow: 'hidden',
|
||||
textOverflow: 'ellipsis'
|
||||
}}
|
||||
>
|
||||
{item.trend || item.desc}
|
||||
</div>
|
||||
</div>
|
||||
@@ -177,6 +234,7 @@ export default function RobotTaskPage({ devices, onRefresh }) {
|
||||
</div>
|
||||
</Card>
|
||||
|
||||
{/* 机器人任务列表 + 右侧 新建任务加号按钮 */}
|
||||
<Card
|
||||
title={
|
||||
<div className="flex justify-between w-full items-center">
|
||||
@@ -194,6 +252,14 @@ export default function RobotTaskPage({ devices, onRefresh }) {
|
||||
value={listRobot?.device_sn || listRobot?.serialNumber}
|
||||
onChange={(val) => setListRobot(devices.find(i => (i.device_sn || i.serialNumber) === val))}
|
||||
/>
|
||||
|
||||
{/* 🔥 新建任务按钮（加号） */}
|
||||
<Tooltip title="创建任务">
|
||||
<PlusOutlined
|
||||
style={{ cursor: 'pointer', color: '#165DFF', fontSize: 12, marginLeft: 10 }}
|
||||
onClick={() => setIsTaskModalOpen(true)}
|
||||
/>
|
||||
</Tooltip>
|
||||
</Space>
|
||||
</div>
|
||||
}
|
||||
@@ -299,7 +365,7 @@ export default function RobotTaskPage({ devices, onRefresh }) {
|
||||
bodyStyle={{ padding: '12px', height: 400, overflow: 'auto' }}
|
||||
style={cardStyle}
|
||||
>
|
||||
<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
|
||||
<div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
|
||||
{routeList.map(route => (
|
||||
<div
|
||||
key={route.id}
|
||||
@@ -308,17 +374,66 @@ export default function RobotTaskPage({ devices, onRefresh }) {
|
||||
borderRadius: 8,
|
||||
background: '#F7F8FA',
|
||||
cursor: 'pointer',
|
||||
border: '1px solid transparent'
|
||||
border: '1px solid transparent',
|
||||
display: 'flex',
|
||||
gap: 12,
|
||||
alignItems: 'center'
|
||||
}}
|
||||
onMouseEnter={e => e.currentTarget.style.borderColor = '#165DFF'}
|
||||
onMouseLeave={e => e.currentTarget.style.borderColor = 'transparent'}
|
||||
>
|
||||
<div style={{ fontWeight: 600, fontSize: 14 }}>{route.name}</div>
|
||||
<div style={{ display: 'flex', justifyContent: 'space-between', marginTop: 4, fontSize: 12, color: '#86909C' }}>
|
||||
<span>航点: {route.points}</span>
|
||||
<span>长度: {route.length}</span>
|
||||
{/* 路线预览图 */}
|
||||
<div style={{
|
||||
width: 40,
|
||||
height: 40,
|
||||
borderRadius: 6,
|
||||
background: '#e8f3ff',
|
||||
overflow: 'hidden',
|
||||
flexShrink: 0
|
||||
}}>
|
||||
{route.imgUrl ? (
|
||||
<img
|
||||
src={route.imgUrl}
|
||||
alt={route.workName || route.name}
|
||||
style={{ width: '100%', height: '100%', objectFit: 'cover' }}
|
||||
/>
|
||||
) : (
|
||||
<div style={{
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
color: '#165DFF'
|
||||
}}>
|
||||
<EyeOutlined />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<Button type="primary" size="small" block style={{ marginTop: 8, borderRadius: 4 }} icon={<PlayCircleOutlined />}>执行路线</Button>
|
||||
|
||||
{/* 路线信息 */}
|
||||
<div style={{ flex: 1, minWidth: 0 }}>
|
||||
<div style={{ fontWeight: 600, fontSize: 14, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
|
||||
{route.workName || route.name || '未命名路线'}
|
||||
</div>
|
||||
<div style={{ fontSize: 12, color: '#86909C', marginTop: 4 }}>
|
||||
ID: {route.id}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 执行按钮 */}
|
||||
<Tooltip title="执行航线">
|
||||
<Button
|
||||
type="text"
|
||||
icon={<PlayCircleOutlined style={{ color: '#165DFF', fontSize: 28 }} />}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
setSelectedPathWork(route);
|
||||
setIsTaskModalOpen(true);
|
||||
}}
|
||||
/>
|
||||
</Tooltip>
|
||||
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
@@ -369,6 +484,295 @@ export default function RobotTaskPage({ devices, onRefresh }) {
|
||||
</Card>
|
||||
</Col>
|
||||
</Row>
|
||||
|
||||
{/* 🔥 传递 routeList 给弹窗 */}
|
||||
<NewTaskModal
|
||||
isOpen={isTaskModalOpen}
|
||||
onClose={() => setIsTaskModalOpen(false)}
|
||||
robots={devices}
|
||||
selectedPathWork={selectedPathWork}
|
||||
handlGetTaskList={fetchTaskList}
|
||||
routeList={routeList}
|
||||
stationId={stationId}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const NewTaskModal = ({ isOpen, onClose, robots, selectedPathWork, handlGetTaskList, routeList, stationId }) => {
|
||||
const [formData, setFormData] = useState({
|
||||
path: selectedPathWork || null,
|
||||
device: null,
|
||||
repeatPlan: 'DAY',
|
||||
days: [],
|
||||
dayOfMonth: [],
|
||||
startDate: '',
|
||||
dayTime: '',
|
||||
planName: '',
|
||||
excuteDayStartTime: '',
|
||||
excuteDayEndTime: '',
|
||||
});
|
||||
|
||||
useEffect(() => {
|
||||
if (selectedPathWork) {
|
||||
setFormData(prev => ({ ...prev, path: selectedPathWork }));
|
||||
}
|
||||
}, [selectedPathWork]);
|
||||
|
||||
// ====================== 周/月选择 ======================
|
||||
const weekDays = [
|
||||
{ label: '日', value: 'SUNDAY' },
|
||||
{ label: '一', value: 'MONDAY' },
|
||||
{ label: '二', value: 'TUESDAY' },
|
||||
{ label: '三', value: 'WEDNESDAY' },
|
||||
{ label: '四', value: 'THURSDAY' },
|
||||
{ label: '五', value: 'FRIDAY' },
|
||||
{ label: '六', value: 'SATURDAY' },
|
||||
];
|
||||
|
||||
const monthDays = Array.from({ length: 31 }, (_, i) => (i + 1).toString());
|
||||
|
||||
const handleToggleDay = (val) => {
|
||||
setFormData(prev => {
|
||||
const exists = prev.days.includes(val);
|
||||
const newDays = exists ? prev.days.filter(d => d !== val) : [...prev.days, val];
|
||||
return { ...prev, days: newDays };
|
||||
});
|
||||
};
|
||||
|
||||
const handleToggleMonthDay = (val) => {
|
||||
setFormData(prev => {
|
||||
const exists = prev.dayOfMonth.includes(val);
|
||||
const newDays = exists ? prev.dayOfMonth.filter(d => d !== val) : [...prev.dayOfMonth, val];
|
||||
return { ...prev, dayOfMonth: newDays };
|
||||
});
|
||||
};
|
||||
|
||||
// ====================== 日期时间 ======================
|
||||
const handleDateChange = (date) => {
|
||||
if (!date) return;
|
||||
setFormData({ ...formData, startDate: date.format('YYYY-MM-DD') });
|
||||
};
|
||||
|
||||
const handleTimeChange = (time, timeString) => {
|
||||
setFormData({ ...formData, dayTime: timeString });
|
||||
};
|
||||
|
||||
const handleCycleChange = (dates) => {
|
||||
if (!dates || !dates[0] || !dates[1]) return;
|
||||
setFormData({
|
||||
...formData,
|
||||
excuteDayStartTime: dates[0].format('YYYY-MM-DD'),
|
||||
excuteDayEndTime: dates[1].format('YYYY-MM-DD')
|
||||
});
|
||||
};
|
||||
|
||||
// ====================== 保存 ======================
|
||||
const handleSave = () => {
|
||||
const missingFields = [];
|
||||
if (!formData.device?.serialNumber) missingFields.push('设备编号');
|
||||
if (!formData.planName) missingFields.push('任务名称');
|
||||
if (!formData.path?.id) missingFields.push('路线');
|
||||
if (!formData.excuteDayStartTime) missingFields.push('执行开始时间');
|
||||
if (!formData.excuteDayEndTime) missingFields.push('执行结束时间');
|
||||
|
||||
if (missingFields.length > 0) {
|
||||
utils.message.error({ title: '提示', content: `请填写：${missingFields.join('、')}` });
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
const finalData = {
|
||||
deviceId: formData.device.serialNumber,
|
||||
planName: formData.planName,
|
||||
routeId: formData.path.id,
|
||||
siteId: stationId,
|
||||
deviceTaskPlanRules: { type: formData.repeatPlan },
|
||||
endTime: formData.excuteDayEndTime,
|
||||
};
|
||||
|
||||
if (formData.repeatPlan === 'DAY') {
|
||||
finalData.deviceTaskPlanRules = {
|
||||
type: 'DAY',
|
||||
startDate: formData.startDate,
|
||||
dayTime: formData.dayTime
|
||||
};
|
||||
} else if (formData.repeatPlan === 'WEEK') {
|
||||
finalData.deviceTaskPlanRules = {
|
||||
type: 'WEEK',
|
||||
days: formData.days,
|
||||
dayTime: formData.dayTime
|
||||
};
|
||||
} else if (formData.repeatPlan === 'MONTH') {
|
||||
finalData.deviceTaskPlanRules = {
|
||||
type: 'MONTH',
|
||||
dayOfMonth: formData.dayOfMonth,
|
||||
dayTime: formData.dayTime
|
||||
};
|
||||
}
|
||||
|
||||
saveDeviceTask(finalData).then(res => {
|
||||
if (res.code === 200) {
|
||||
utils.message.success('任务创建成功');
|
||||
onClose();
|
||||
handlGetTaskList();
|
||||
|
||||
} else {
|
||||
utils.message.error(res.data.msg || '创建失败');
|
||||
}
|
||||
}).catch(() => utils.message.error('创建任务异常'));
|
||||
};
|
||||
|
||||
// ====================== 渲染 ======================
|
||||
return (
|
||||
<Modal
|
||||
title="新建任务"
|
||||
open={isOpen}
|
||||
onCancel={onClose}
|
||||
width={500}
|
||||
maskClosable={false}
|
||||
footer={null}
|
||||
>
|
||||
<div className="space-y-4">
|
||||
|
||||
{/* 任务名称 */}
|
||||
<div>
|
||||
<label className="block mb-2 font-medium">任务名称</label>
|
||||
<Input
|
||||
value={formData.planName}
|
||||
onChange={(e) => setFormData({ ...formData, planName: e.target.value })}
|
||||
placeholder="请输入任务名称"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* 执行路线 */}
|
||||
<div>
|
||||
<label className="block mb-2 font-medium">执行路线</label>
|
||||
<Select
|
||||
className="w-full"
|
||||
placeholder="选择路线"
|
||||
onSelect={(_, option) => {
|
||||
const route = routeList.find(r => r.id === option.value);
|
||||
setFormData(prev => ({ ...prev, path: route }));
|
||||
}}
|
||||
value={formData.path?.id}
|
||||
>
|
||||
{routeList.map(route => (
|
||||
<Select.Option
|
||||
key={route.id}
|
||||
value={route.id}
|
||||
>
|
||||
{route.workName || route.name}
|
||||
</Select.Option>
|
||||
))}
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
{/* 选择设备 */}
|
||||
<div className="relative">
|
||||
<label className="block mb-2 font-medium">选择设备</label>
|
||||
<Select
|
||||
className="w-full"
|
||||
placeholder="选择设备"
|
||||
onSelect={(_, option) => {
|
||||
const robot = robots.find(r => r.serialNumber === option.value);
|
||||
setFormData(prev => ({ ...prev, device: robot }));
|
||||
}}
|
||||
value={formData.device?.serialNumber}
|
||||
>
|
||||
{robots.map(robot => (
|
||||
<Select.Option
|
||||
key={robot.serialNumber}
|
||||
value={robot.serialNumber}
|
||||
>
|
||||
{robot.deviceAlias} ({robot.serialNumber})
|
||||
</Select.Option>
|
||||
))}
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
{/* 重复计划 */}
|
||||
<div>
|
||||
<label className="block mb-2 font-medium">重复计划</label>
|
||||
<Select
|
||||
value={formData.repeatPlan}
|
||||
onChange={(val) => setFormData({ ...formData, repeatPlan: val })}
|
||||
className="w-full"
|
||||
>
|
||||
<Select.Option value="DAY">天</Select.Option>
|
||||
<Select.Option value="WEEK">周</Select.Option>
|
||||
<Select.Option value="MONTH">月</Select.Option>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
{/* 周选择 */}
|
||||
{formData.repeatPlan === 'WEEK' && (
|
||||
<div className="flex gap-1 flex-wrap">
|
||||
{weekDays.map(day => (
|
||||
<Button
|
||||
key={day.value}
|
||||
type={formData.days.includes(day.value) ? 'primary' : 'default'}
|
||||
onClick={() => handleToggleDay(day.value)}
|
||||
size="small"
|
||||
shape="circle"
|
||||
>
|
||||
{day.label}
|
||||
</Button>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* 月选择 */}
|
||||
{formData.repeatPlan === 'MONTH' && (
|
||||
<div className="grid grid-cols-7 gap-1">
|
||||
{monthDays.map(day => (
|
||||
<Button
|
||||
key={day}
|
||||
type={formData.dayOfMonth.includes(day) ? 'primary' : 'default'}
|
||||
onClick={() => handleToggleMonthDay(day)}
|
||||
size="small"
|
||||
>
|
||||
{day}
|
||||
</Button>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* 按天：选择日期 */}
|
||||
{formData.repeatPlan === 'DAY' && (
|
||||
<>
|
||||
<label className="block mb-2 font-medium">执行日期</label>
|
||||
<DatePicker
|
||||
onChange={handleDateChange}
|
||||
className="w-full"
|
||||
placeholder="选择执行日期"
|
||||
/>
|
||||
</>
|
||||
)}
|
||||
|
||||
{/* 时间 */}
|
||||
<label className="block mb-2 font-medium">执行时间</label>
|
||||
<TimePicker
|
||||
format="HH:mm:ss"
|
||||
onChange={handleTimeChange}
|
||||
className="w-full"
|
||||
placeholder="选择执行时间"
|
||||
/>
|
||||
|
||||
{/* 执行周期 */}
|
||||
<label className="block mb-2 font-medium">执行周期</label>
|
||||
<RangePicker
|
||||
onChange={handleCycleChange}
|
||||
className="w-full"
|
||||
placeholder={['开始日期', '结束日期']}
|
||||
/>
|
||||
|
||||
{/* 底部按钮 */}
|
||||
<div className="flex justify-end gap-2 mt-6">
|
||||
<Button onClick={onClose}>取消</Button>
|
||||
<Button type="primary" onClick={handleSave}>保存任务</Button>
|
||||
</div>
|
||||
</div>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -8,6 +8,7 @@ import { useSelector } from 'react-redux';
|
||||
import { RootState } from '../store';
|
||||
import WayLinePage from '../components/devices/WayLinePage';
|
||||
import RobotTaskPage from '../components/devices/RobotTaskPage';
|
||||
import { useMqtt } from '../components/useMqtt';
|
||||
|
||||
const { Header, Content } = Layout;
|
||||
const { Text } = Typography;
|
||||
@@ -29,6 +30,24 @@ export default function DeviceIndexPage() {
|
||||
{ key: 'robotTask', label: '机器人任务', icon: <BranchesOutlined /> },
|
||||
];
|
||||
|
||||
//useMqtt({
|
||||
// url: "wss://mqtt.caasrobot.com:8084/mqtt",
|
||||
// topic: 'SQYTHD',
|
||||
// onMessage: (_, message) => {
|
||||
// try {
|
||||
// console.log('收到MQTT消息:', message);
|
||||
// //const parsedMessage = JSON.parse(message);
|
||||
// //setUpdateTime(parsedMessage['Time']);
|
||||
// //const mqttDeviceData = rawToNameValueArray(parsedMessage);
|
||||
// //const updatedDevices = updateIOTDeviceWithMqttData(mqttDeviceData);
|
||||
// //setAllDevices(updatedDevices);
|
||||
// } catch (error) {
|
||||
// console.error('解析消息失败:', error);
|
||||
// }
|
||||
// },
|
||||
//});
|
||||
|
||||
|
||||
// 👇 核心：给无人机补全 lastRunningStatus + type: 'plane'
|
||||
const fetchAllData = async () => {
|
||||
if (!stationId) return;
|
||||
@@ -62,6 +81,8 @@ export default function DeviceIndexPage() {
|
||||
setDevices(devData);
|
||||
setPlaneDevices(planeData);
|
||||
|
||||
|
||||
|
||||
// 合并所有设备
|
||||
const all = [...devData, ...planeData];
|
||||
setDevicesAll(all);
|
||||
@@ -104,7 +125,7 @@ export default function DeviceIndexPage() {
|
||||
/>;
|
||||
}
|
||||
if (activeTab === 'wayLineTask') return <WayLinePage planedevices={planedevices} onRefresh={fetchAllData} />;
|
||||
if (activeTab === 'robotTask') return <RobotTaskPage devices={devices} onRefresh={fetchAllData} />;
|
||||
if (activeTab === 'robotTask') return <RobotTaskPage devices={devices} />;
|
||||
return null;
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user