From 419be36fced84974d08b31a62c7626cd24e6079d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com> Date: Fri, 27 Sep 2024 16:22:28 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=A5=BC=E5=B1=82=E5=88=87?= =?UTF-8?q?=E6=8D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- hw-ui/src/assets/model/bottomBg.png | Bin 0 -> 19482 bytes hw-ui/src/assets/model/selected.png | Bin 0 -> 859 bytes hw-ui/src/assets/model/unselected.png | Bin 0 -> 710 bytes hw-ui/src/views/board/model/index.vue | 230 +++++++++++++++++++++--- hw-ui/src/views/board/model/setThree.js | 204 ++++++++++++++++++++- 5 files changed, 408 insertions(+), 26 deletions(-) create mode 100644 hw-ui/src/assets/model/bottomBg.png create mode 100644 hw-ui/src/assets/model/selected.png create mode 100644 hw-ui/src/assets/model/unselected.png diff --git a/hw-ui/src/assets/model/bottomBg.png b/hw-ui/src/assets/model/bottomBg.png new file mode 100644 index 0000000000000000000000000000000000000000..b3a2717013a9268d1e6dd9d516c2097ffcef338b GIT binary patch literal 19482 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 P00000NkvXXu0mjfEJWd{ literal 0 HcmV?d00001 diff --git a/hw-ui/src/assets/model/selected.png b/hw-ui/src/assets/model/selected.png new file mode 100644 index 0000000000000000000000000000000000000000..bcbf5c2a74c1cffe06472bca77bda9ffd83516eb GIT binary patch literal 859 zcmV-h1ElX1^@s6M4Ga200009a7bBm000XU z000XU0RWnu7ytkR4M{{nRA_{$H)Nv3+0R!+HEZV*H!%eFD!%@H0OAD>+IRHqXBJ=C+-Wwqf>a zJ6!<_hQ7_zz9Sd;73VC_6^&a>vkGNruRuZM&zu@}6cj0#LnmwJ z<%M{{Tui-*iO?0pXT>pt0_0(Eqk3y5Tgg*$l#v+(O{8GKRegtHE}hk#&QXZX%;>6{ zV6qf3z4QA9b?!l`&vnhQi)d7WMV0FwR%7&KU%|!I0)%`jTNI>p&~4{E-gl>jaWN8{00$iysS39^?2LtP<yLbhIS74fF>>X1< zLqT^6mRh^gWByeZkxk1&2Vk%1G6?U;-m%}56}m$Q6}gUBSAhau`ow*dmleQD)-cCr z&c^6-U4z4U3JWX(6jdPOYD3PTpb|+4J9m0>Rs&{xj4<~4OlxnlnH_S)C~xrj83qNa z@Wr($4T;<L9jyeC-W6YRa^|-?> zwYOGO&WX;$h;;boie81L{`3aT&hI{Q@laI4UChp{_}OjiX1^@s6M4Ga200009a7bBm000XU z000XU0RWnu7ytkQcu7P-RA_fxG|D?`lYbX9`HUXC zH&2)%8_`1wCbtjmXne#o;**V2(9OP9CSnc;P-QX>nVcr*(Ww#8*l`4-MaI@<6aaay z7ve)fgxK#m|CtA-Z_^hZ(?i~Ep;fW#z0C|8*E5c`O8t@5Aho!v=`~7^ImZcd z)QreeV($1v-mD5=w<$7PeGgP(F6(>L?)#b5|s?jcE0C{PX{735(d zmXuZtqY$+&ea29iUDDe95 zZyiCA%BlrcRP8C2-!Le=l?*>F5?-uqq4$@V#@yX_`iL#26z=M@caE;UKRXyvoczs$ zz)G@RqhyPH5(=0c4!$_c2`#!eIJq=o
+
+
1F
+
2F
+
3F
+
4F
+
5F
+
-
- +
+
-
- +
+
-
- +
+
-
- +
+
-
- +
+
@@ -49,6 +56,7 @@ 托盘复位 托盘推出 删除托盘 + 显示/隐藏 { if (v.agvName === '2楼叉车') { - this.$refs.demoData.setData(v) + this.$refs.modelInfoData.setData(v) let x = (v.posX - floorOrigin.floor2Data.x) / floorData1.floor2Data.x let z = (v.posY - floorOrigin.floor2Data.y) / floorData1.floor2Data.z AGVAnimation('2AGV', '2AGV', 'xz', { x: x * 100, z: z * 100 }) } if (v.agvName === '3楼叉车') { - this.$refs.demo1Data.setData(v) + this.$refs.modelInfo1Data.setData(v) let x = (v.posX - floorOrigin.floor3Data.x) / floorData1.floor3Data.x let z = (v.posY - floorOrigin.floor3Data.y) / floorData1.floor3Data.z AGVAnimation('3AGV', '3AGV', 'xz', { x: x * 100, z: z * 100 }) } if (v.agvName === '5楼叉车') { - this.$refs.demo2Data.setData(v) + this.$refs.modelInfo2Data.setData(v) let x = (v.posX - floorOrigin.floor5Data.x) / floorData1.floor5Data.x let z = (v.posY - floorOrigin.floor5Data.y) / floorData1.floor5Data.z AGVAnimation('5CCAGV', '5CCAGV', 'xz', { x: x * 100, z: z * 100 }) } if (v.agvName === '5楼背负式') { - this.$refs.demo3Data.setData(v) + this.$refs.modelInfo3Data.setData(v) let x = (v.posX - floorOrigin.floor5Data.x) / floorData1.floor5Data.x let z = (v.posY - floorOrigin.floor5Data.y) / floorData1.floor5Data.z AGVAnimation('5BFAGV', '5BFAGV', 'xz', { x: x * 100, z: z * 100 }) } if (v.agvName === '5楼CTU') { - this.$refs.demo4Data.setData(v) + this.$refs.modelInfo4Data.setData(v) let x = (v.posX - floorOrigin.floor5Data.x) / floorData1.floor5Data.x let z = (v.posY - floorOrigin.floor5Data.y) / floorData1.floor5Data.z AGVAnimation('5CTU', '5CTU', 'x', { x: x * 100, z: z * 100 }) @@ -216,15 +233,23 @@ export default { // controls.enableZoom = false // loadF([ 'tishengji_tuopan']) - loadF(['2-1AGVchongdianzhuang005', '2-2AGVchongdianzhuang005', 'AGVchongdianzhuang002', 'AGVchongdianzhuang003', 'AGVchongdianzhuang005', 'changfang002', 'changfang003', 'changfang005', 'liku005', 'quanzidongchaibaojizhaungpeixian003', 'tishengji', 'tishengji_keyidongbufen', 'tishengji_tuopan', 'Uxingxian']) + // loadF1([ 'changfang005', 'liku005', 'quanzidongchaibaojizhaungpeixian003', 'tishengji', 'tishengji_keyidongbufen', 'tishengji_tuopan', 'Uxingxian']) + // loadF2(['2-1AGVchongdianzhuang005', '2-2AGVchongdianzhuang005', 'AGVchongdianzhuang002', 'AGVchongdianzhuang003', 'AGVchongdianzhuang005','changfang002', 'changfang003',]) + + loadF1([]) + loadF2(['AGVchongdianzhuang002', 'changfang002']) + loadF3(['AGVchongdianzhuang003', 'changfang003', 'quanzidongchaibaojizhaungpeixian003']) + loadF4([]) + loadF5(['AGVchongdianzhuang005', '2-1AGVchongdianzhuang005', '2-2AGVchongdianzhuang005', 'changfang005', 'liku005', 'Uxingxian']) + loadFOther(['tishengji', 'tishengji_keyidongbufen', 'tishengji_tuopan']) // loadF(['changfang002', 'changfang003', 'changfang005']) // 创建CSS2DObject - agvLabel['2AGV'] = new CSS2DObject(this.$refs.demo) - agvLabel['3AGV'] = new CSS2DObject(this.$refs.demo1) - agvLabel['5CCAGV'] = new CSS2DObject(this.$refs.demo2) - agvLabel['5BFAGV'] = new CSS2DObject(this.$refs.demo3) - agvLabel['5CTU'] = new CSS2DObject(this.$refs.demo4) + agvLabel['2AGV'] = new CSS2DObject(this.$refs.modelInfo) + agvLabel['3AGV'] = new CSS2DObject(this.$refs.modelInfo1) + agvLabel['5CCAGV'] = new CSS2DObject(this.$refs.modelInfo2) + agvLabel['5BFAGV'] = new CSS2DObject(this.$refs.modelInfo3) + agvLabel['5CTU'] = new CSS2DObject(this.$refs.modelInfo4) loadAGV(['chacheshiAGV002', 'chacheshiAGV003', 'chacheshiAGV005', 'beifushiAGV005', 'CTU005']) @@ -275,6 +300,115 @@ export default { agvAn() { this.rotate -= this.num1 AGVAnimation('3AGV', 'rotate', this.rotate) + }, + toggle() { + console.log(agvData) + floor1Model.visible = true + floor2Model.visible = true + floor3Model.visible = true + floor4Model.visible = true + floor5Model.visible = true + otherModel.visible = true + agvData.floor2AGVGroup.visible = true + agvData.floor3AGVGroup.visible = true + agvData.floor5BFAGVGroup.visible = true + agvData.floor5CCAGVGroup.visible = true + agvData.floor5CTUGroup.visible = true + this.$refs.modelInfoData.$el.style.display = 'inline-block' + this.$refs.modelInfo1Data.$el.style.display = 'inline-block' + this.$refs.modelInfo2Data.$el.style.display = 'inline-block' + this.$refs.modelInfo3Data.$el.style.display = 'inline-block' + this.$refs.modelInfo4Data.$el.style.display = 'inline-block' + }, + toggle1() { + floor1Model.visible = true + floor2Model.visible = false + floor3Model.visible = false + floor4Model.visible = false + floor5Model.visible = false + otherModel.visible = false + this.$refs.modelInfoData.$el.style.display = 'none' + this.$refs.modelInfo1Data.$el.style.display = 'none' + this.$refs.modelInfo2Data.$el.style.display = 'none' + this.$refs.modelInfo3Data.$el.style.display = 'none' + this.$refs.modelInfo4Data.$el.style.display = 'none' + agvData.floor2AGVGroup.visible = false + agvData.floor3AGVGroup.visible = false + agvData.floor5BFAGVGroup.visible = false + agvData.floor5CCAGVGroup.visible = false + agvData.floor5CTUGroup.visible = false + }, + toggle2() { + floor1Model.visible = false + floor2Model.visible = true + floor3Model.visible = false + floor4Model.visible = false + floor5Model.visible = false + otherModel.visible = false + agvData.floor2AGVGroup.visible = true + agvData.floor3AGVGroup.visible = false + agvData.floor5BFAGVGroup.visible = false + agvData.floor5CCAGVGroup.visible = false + agvData.floor5CTUGroup.visible = false + this.$refs.modelInfoData.$el.style.display = 'inline-block' + this.$refs.modelInfo1Data.$el.style.display = 'none' + this.$refs.modelInfo2Data.$el.style.display = 'none' + this.$refs.modelInfo3Data.$el.style.display = 'none' + this.$refs.modelInfo4Data.$el.style.display = 'none' + }, + toggle3() { + floor1Model.visible = false + floor2Model.visible = false + floor3Model.visible = true + floor4Model.visible = false + floor5Model.visible = false + otherModel.visible = false + agvData.floor2AGVGroup.visible = false + agvData.floor3AGVGroup.visible = true + agvData.floor5BFAGVGroup.visible = false + agvData.floor5CCAGVGroup.visible = false + agvData.floor5CTUGroup.visible = false + this.$refs.modelInfoData.$el.style.display = 'none' + this.$refs.modelInfo1Data.$el.style.display = 'inline-block' + this.$refs.modelInfo2Data.$el.style.display = 'none' + this.$refs.modelInfo3Data.$el.style.display = 'none' + this.$refs.modelInfo4Data.$el.style.display = 'none' + }, + toggle4() { + floor1Model.visible = false + floor2Model.visible = false + floor3Model.visible = false + floor4Model.visible = true + floor5Model.visible = false + otherModel.visible = false + this.$refs.modelInfoData.$el.style.display = 'none' + this.$refs.modelInfo1Data.$el.style.display = 'none' + this.$refs.modelInfo2Data.$el.style.display = 'none' + this.$refs.modelInfo3Data.$el.style.display = 'none' + this.$refs.modelInfo4Data.$el.style.display = 'none' + agvData.floor2AGVGroup.visible = false + agvData.floor3AGVGroup.visible = false + agvData.floor5BFAGVGroup.visible = false + agvData.floor5CCAGVGroup.visible = false + agvData.floor5CTUGroup.visible = false + }, + toggle5() { + floor1Model.visible = false + floor2Model.visible = false + floor3Model.visible = false + floor4Model.visible = false + floor5Model.visible = true + otherModel.visible = false + this.$refs.modelInfoData.$el.style.display = 'none' + this.$refs.modelInfo1Data.$el.style.display = 'none' + this.$refs.modelInfo2Data.$el.style.display = 'inline-block' + this.$refs.modelInfo3Data.$el.style.display = 'inline-block' + this.$refs.modelInfo4Data.$el.style.display = 'inline-block' + agvData.floor2AGVGroup.visible = false + agvData.floor3AGVGroup.visible = false + agvData.floor5BFAGVGroup.visible = true + agvData.floor5CCAGVGroup.visible = true + agvData.floor5CTUGroup.visible = true } } } @@ -287,4 +421,54 @@ export default { .model { position: relative; } + +.bottomBg { + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + width: 100vw; + height: 2.656vw; + background-image: url("~@/assets/model/bottomBg.png"); + background-size: 100% 100%; + background-repeat: no-repeat; + + .item1F, .item2F, .item3F, .item4F, .item5F { + position: absolute; + top: 45%; + transform: translate(-50%, -50%); + background-size: 100% 100%; + background-repeat: no-repeat; + width: 4.6vw; + height: 1.32vw; + line-height: 1.32vw; + text-align: center; + color: #fff; + } + + .item1F { + left: 39%; + background-image: url("~@/assets/model/unselected.png"); + } + + .item2F { + left: 44.5%; + background-image: url("~@/assets/model/unselected.png"); + } + + .item3F { + left: 50%; + background-image: url("~@/assets/model/unselected.png"); + } + + .item4F { + left: 55.5%; + background-image: url("~@/assets/model/unselected.png"); + } + + .item5F { + left: 61%; + background-image: url("~@/assets/model/unselected.png"); + } +} diff --git a/hw-ui/src/views/board/model/setThree.js b/hw-ui/src/views/board/model/setThree.js index ce45df8..ad2e45f 100644 --- a/hw-ui/src/views/board/model/setThree.js +++ b/hw-ui/src/views/board/model/setThree.js @@ -117,7 +117,193 @@ const loadingManager = new THREE.LoadingManager() loadingManager.onLoad = function() { isLoading = true } -const loadF = (e) => { + +let floor1Model = new THREE.Group() +let floor2Model = new THREE.Group() +let floor3Model = new THREE.Group() +let floor4Model = new THREE.Group() +let floor5Model = new THREE.Group() +let otherModel = new THREE.Group() +scene.add(floor1Model) +scene.add(floor2Model) +scene.add(floor3Model) +scene.add(floor4Model) +scene.add(floor5Model) +scene.add(otherModel) + + + +const loadF1 = (e) => { + e.forEach(v => { + let mtlLoader = new MTLLoader() + mtlLoader.load(`/model/${v}/${v}.mtl`, + materials => { + materials.preload() + let loader = new OBJLoader(loadingManager) + loader.setMaterials(materials) + loader.load( + `/model/${v}/${v}.obj`, + object => { + object.name = v + scene.add(object) + floor1Model.add(object) + + if (v === 'tishengji_keyidongbufen') { + keyidongModel = object + } + if (v === 'tishengji_tuopan') { + tuopanModel = object + } + // 更新渲染器 + renderer.render(scene, camera) + }, + xhr => { + + }, + (err) => { + loadF([e]) + } + ) + }) + }) +} +const loadF2 = (e) => { + e.forEach(v => { + let mtlLoader = new MTLLoader() + mtlLoader.load(`/model/${v}/${v}.mtl`, + materials => { + materials.preload() + let loader = new OBJLoader(loadingManager) + loader.setMaterials(materials) + loader.load( + `/model/${v}/${v}.obj`, + object => { + object.name = v + scene.add(object) + floor2Model.add(object) + + if (v === 'tishengji_keyidongbufen') { + keyidongModel = object + } + if (v === 'tishengji_tuopan') { + tuopanModel = object + } + // 更新渲染器 + renderer.render(scene, camera) + }, + xhr => { + + }, + (err) => { + loadF([e]) + } + ) + }) + }) +} +const loadF3 = (e) => { + e.forEach(v => { + let mtlLoader = new MTLLoader() + mtlLoader.load(`/model/${v}/${v}.mtl`, + materials => { + materials.preload() + let loader = new OBJLoader(loadingManager) + loader.setMaterials(materials) + loader.load( + `/model/${v}/${v}.obj`, + object => { + object.name = v + scene.add(object) + floor3Model.add(object) + + if (v === 'tishengji_keyidongbufen') { + keyidongModel = object + } + if (v === 'tishengji_tuopan') { + tuopanModel = object + } + // 更新渲染器 + renderer.render(scene, camera) + }, + xhr => { + + }, + (err) => { + loadF([e]) + } + ) + }) + }) +} +const loadF4 = (e) => { + e.forEach(v => { + let mtlLoader = new MTLLoader() + mtlLoader.load(`/model/${v}/${v}.mtl`, + materials => { + materials.preload() + let loader = new OBJLoader(loadingManager) + loader.setMaterials(materials) + loader.load( + `/model/${v}/${v}.obj`, + object => { + object.name = v + scene.add(object) + floor4Model.add(object) + + if (v === 'tishengji_keyidongbufen') { + keyidongModel = object + } + if (v === 'tishengji_tuopan') { + tuopanModel = object + } + // 更新渲染器 + renderer.render(scene, camera) + }, + xhr => { + + }, + (err) => { + loadF([e]) + } + ) + }) + }) +} +const loadF5 = (e) => { + e.forEach(v => { + let mtlLoader = new MTLLoader() + mtlLoader.load(`/model/${v}/${v}.mtl`, + materials => { + materials.preload() + let loader = new OBJLoader(loadingManager) + loader.setMaterials(materials) + loader.load( + `/model/${v}/${v}.obj`, + object => { + object.name = v + scene.add(object) + floor5Model.add(object) + + if (v === 'tishengji_keyidongbufen') { + keyidongModel = object + } + if (v === 'tishengji_tuopan') { + tuopanModel = object + } + // 更新渲染器 + renderer.render(scene, camera) + }, + xhr => { + + }, + (err) => { + loadF([e]) + } + ) + }) + }) +} +const loadFOther = (e) => { e.forEach(v => { let mtlLoader = new MTLLoader() mtlLoader.load(`/model/${v}/${v}.mtl`, @@ -130,6 +316,7 @@ const loadF = (e) => { object => { object.name = v scene.add(object) + otherModel.add(object) if (v === 'tishengji_keyidongbufen') { keyidongModel = object @@ -185,11 +372,22 @@ export { scene, camera, renderer, - loadF, + loadF1, + loadF2, + loadF3, + loadF4, + loadF5, + loadFOther, animationLine, labelRenderer, storeyHeight, storeyWidth, tuopanLocation, - tishengjiLocation + tishengjiLocation, + floor1Model, + floor2Model, + floor3Model, + floor4Model, + floor5Model, + otherModel, }