parent
d16a7c08ae
commit
6577b3ac0c
@ -1,340 +1,342 @@
|
|||||||
<!--<template>-->
|
<!--
|
||||||
<!-- <div>-->
|
<template>
|
||||||
<!-- <div class="bottomBg">-->
|
<div>
|
||||||
<!-- <div class="item1F" @click="toggle1">1F</div>-->
|
<div class="bottomBg">
|
||||||
<!-- <div class="item2F" @click="toggle2">2F</div>-->
|
<div class="item1F" @click="toggle1">1F</div>
|
||||||
<!-- <div class="item3F" @click="toggle3">3F</div>-->
|
<div class="item2F" @click="toggle2">2F</div>
|
||||||
<!-- <div class="item4F" @click="toggle4">4F</div>-->
|
<div class="item3F" @click="toggle3">3F</div>
|
||||||
<!-- <div class="item5F" @click="toggle5">5F</div>-->
|
<div class="item4F" @click="toggle4">4F</div>
|
||||||
<!-- </div>-->
|
<div class="item5F" @click="toggle5">5F</div>
|
||||||
<!-- <div ref="threeJs" class="app-container">-->
|
</div>
|
||||||
<!-- </div>-->
|
<div ref="threeJs" class="app-container">
|
||||||
<!-- <div ref="modelInfo" class="model" style="display: inline-block">-->
|
</div>
|
||||||
<!-- <Demo ref="modelInfoData"/>-->
|
<div ref="modelInfo" class="model" style="display: inline-block">
|
||||||
<!-- </div>-->
|
<Demo ref="modelInfoData"/>
|
||||||
<!-- <div ref="modelInfo1" class="model">-->
|
</div>
|
||||||
<!-- <Demo ref="modelInfo1Data"/>-->
|
<div ref="modelInfo1" class="model">
|
||||||
<!-- </div>-->
|
<Demo ref="modelInfo1Data"/>
|
||||||
<!-- <div ref="modelInfo2" class="model">-->
|
</div>
|
||||||
<!-- <Demo ref="modelInfo2Data"/>-->
|
<div ref="modelInfo2" class="model">
|
||||||
<!-- </div>-->
|
<Demo ref="modelInfo2Data"/>
|
||||||
<!-- <div ref="modelInfo3" class="model">-->
|
</div>
|
||||||
<!-- <Demo ref="modelInfo3Data"/>-->
|
<div ref="modelInfo3" class="model">
|
||||||
<!-- </div>-->
|
<Demo ref="modelInfo3Data"/>
|
||||||
<!-- <div ref="modelInfo4" class="model">-->
|
</div>
|
||||||
<!-- <Demo ref="modelInfo4Data"/>-->
|
<div ref="modelInfo4" class="model">
|
||||||
<!-- </div>-->
|
<Demo ref="modelInfo4Data"/>
|
||||||
<!-- <div style="position:absolute;top: 0;left: 0;">-->
|
</div>
|
||||||
<!-- <el-input-number v-model="num" @change="handleChange" :step="0.1" label="描述文字"></el-input-number>-->
|
<div style="position:absolute;top: 0;left: 0;">
|
||||||
<!-- <el-select v-model="floor" placeholder="去几楼" @change="toFloor">-->
|
<el-input-number v-model="num" @change="handleChange" :step="0.1" label="描述文字"></el-input-number>
|
||||||
<!-- <el-option-->
|
<el-select v-model="floor" placeholder="去几楼" @change="toFloor">
|
||||||
<!-- label="1楼"-->
|
<el-option
|
||||||
<!-- :value="1"-->
|
label="1楼"
|
||||||
<!-- >-->
|
:value="1"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- <el-option-->
|
</el-option>
|
||||||
<!-- label="2楼"-->
|
<el-option
|
||||||
<!-- :value="2"-->
|
label="2楼"
|
||||||
<!-- >-->
|
:value="2"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- <el-option-->
|
</el-option>
|
||||||
<!-- label="3楼"-->
|
<el-option
|
||||||
<!-- :value="3"-->
|
label="3楼"
|
||||||
<!-- >-->
|
:value="3"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- <el-option-->
|
</el-option>
|
||||||
<!-- label="4楼"-->
|
<el-option
|
||||||
<!-- :value="4"-->
|
label="4楼"
|
||||||
<!-- >-->
|
:value="4"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- <el-option-->
|
</el-option>
|
||||||
<!-- label="5楼"-->
|
<el-option
|
||||||
<!-- :value="5"-->
|
label="5楼"
|
||||||
<!-- >-->
|
:value="5"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- </el-select>-->
|
</el-option>
|
||||||
<!-- <el-button type="primary" @click="tuopanReset">托盘复位</el-button>-->
|
</el-select>
|
||||||
<!-- <el-button type="primary" @click="tuopanOut">托盘推出</el-button>-->
|
<el-button type="primary" @click="tuopanReset">托盘复位</el-button>
|
||||||
<!-- <el-button type="primary" @click="removetuopan">删除托盘</el-button>-->
|
<el-button type="primary" @click="tuopanOut">托盘推出</el-button>
|
||||||
<!-- <el-button type="primary" @click="toggle">显示/隐藏</el-button>-->
|
<el-button type="primary" @click="removetuopan">删除托盘</el-button>
|
||||||
<!-- <el-select v-model="tuopanFloor" placeholder="去几楼">-->
|
<el-button type="primary" @click="toggle">显示/隐藏</el-button>
|
||||||
<!-- <el-option-->
|
<el-select v-model="tuopanFloor" placeholder="去几楼">
|
||||||
<!-- label="1楼"-->
|
<el-option
|
||||||
<!-- :value="1"-->
|
label="1楼"
|
||||||
<!-- >-->
|
:value="1"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- <el-option-->
|
</el-option>
|
||||||
<!-- label="2楼"-->
|
<el-option
|
||||||
<!-- :value="2"-->
|
label="2楼"
|
||||||
<!-- >-->
|
:value="2"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- <el-option-->
|
</el-option>
|
||||||
<!-- label="3楼"-->
|
<el-option
|
||||||
<!-- :value="3"-->
|
label="3楼"
|
||||||
<!-- >-->
|
:value="3"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- <el-option-->
|
</el-option>
|
||||||
<!-- label="4楼"-->
|
<el-option
|
||||||
<!-- :value="4"-->
|
label="4楼"
|
||||||
<!-- >-->
|
:value="4"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- <el-option-->
|
</el-option>
|
||||||
<!-- label="5楼"-->
|
<el-option
|
||||||
<!-- :value="5"-->
|
label="5楼"
|
||||||
<!-- >-->
|
:value="5"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- </el-select>-->
|
</el-option>
|
||||||
<!-- <el-button type="primary" @click="addtuopan">添加托盘</el-button>-->
|
</el-select>
|
||||||
<!-- <el-select v-model="fx" placeholder="方向">-->
|
<el-button type="primary" @click="addtuopan">添加托盘</el-button>
|
||||||
<!-- <el-option-->
|
<el-select v-model="fx" placeholder="方向">
|
||||||
<!-- label="x"-->
|
<el-option
|
||||||
<!-- value="x"-->
|
label="x"
|
||||||
<!-- >-->
|
value="x"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- <el-option-->
|
</el-option>
|
||||||
<!-- label="z"-->
|
<el-option
|
||||||
<!-- value="z"-->
|
label="z"
|
||||||
<!-- >-->
|
value="z"
|
||||||
<!-- </el-option>-->
|
>
|
||||||
<!-- </el-select>-->
|
</el-option>
|
||||||
<!-- <el-input-number v-model="num1" :step="0.1" label="描述文字"></el-input-number>-->
|
</el-select>
|
||||||
<!-- <el-button type="primary" @click="agvAn">移动agv</el-button>-->
|
<el-input-number v-model="num1" :step="0.1" label="描述文字"></el-input-number>
|
||||||
<!-- </div>-->
|
<el-button type="primary" @click="agvAn">移动agv</el-button>
|
||||||
<!-- </div>-->
|
</div>
|
||||||
<!--</template>-->
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
<!--<script>-->
|
<script>
|
||||||
|
|
||||||
<!--import * as THREE from 'three'-->
|
import * as THREE from 'three'
|
||||||
<!--import * as TWEEN from '@tweenjs/tween.js'-->
|
import * as TWEEN from '@tweenjs/tween.js'
|
||||||
<!--import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js'-->
|
import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js'
|
||||||
<!--import { MTLLoader } from 'three/examples/jsm/loaders/MTLLoader.js'-->
|
import { MTLLoader } from 'three/examples/jsm/loaders/MTLLoader.js'
|
||||||
<!--import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'-->
|
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
|
||||||
<!--import { CSS2DObject, CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer'-->
|
import { CSS2DObject, CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer'
|
||||||
<!--import Demo from '@/components/model/demo.vue'-->
|
import Demo from '@/components/model/demo.vue'
|
||||||
|
|
||||||
|
|
||||||
<!--import {-->
|
import {
|
||||||
<!-- tuopanInishengji,-->
|
tuopanInishengji,
|
||||||
<!-- tishengjiAnimation,-->
|
tishengjiAnimation,
|
||||||
<!-- tuopanXAnimation,-->
|
tuopanXAnimation,
|
||||||
<!-- tuopanYAnimation,-->
|
tuopanYAnimation,
|
||||||
<!-- addtuopan-->
|
addtuopan
|
||||||
<!--} from './animation'-->
|
} from './animation'
|
||||||
|
|
||||||
<!--import {-->
|
import {
|
||||||
<!-- keyidongModel,-->
|
keyidongModel,
|
||||||
<!-- tuopanModel,-->
|
tuopanModel,
|
||||||
<!-- scene,-->
|
scene,
|
||||||
<!-- camera,-->
|
camera,
|
||||||
<!-- renderer,-->
|
renderer,
|
||||||
<!-- loadF1,-->
|
loadF1,
|
||||||
<!-- loadF2,-->
|
loadF2,
|
||||||
<!-- loadF3,-->
|
loadF3,
|
||||||
<!-- loadF4,-->
|
loadF4,
|
||||||
<!-- loadF5,-->
|
loadF5,
|
||||||
<!-- storeyHeight,-->
|
storeyHeight,
|
||||||
<!-- storeyWidth,-->
|
storeyWidth,
|
||||||
<!-- tuopanLocation,-->
|
tuopanLocation,
|
||||||
<!-- animationLine, isLoading,-->
|
animationLine, isLoading,
|
||||||
<!-- floor1Model,-->
|
floor1Model,
|
||||||
<!-- floor2Model,-->
|
floor2Model,
|
||||||
<!-- floor3Model,-->
|
floor3Model,
|
||||||
<!-- floor4Model,-->
|
floor4Model,
|
||||||
<!-- floor5Model, loadFOther, otherModel-->
|
floor5Model, loadFOther, otherModel
|
||||||
<!--} from './setThree'-->
|
} from './setThree'
|
||||||
|
|
||||||
<!--/*import {-->
|
/*import {
|
||||||
<!-- AGVAnimation, agvData, floorOrigin, floorData1, isAGVLoading, agvLabel, loadAGV-->
|
AGVAnimation, agvData, floorOrigin, floorData1, isAGVLoading, agvLabel, loadAGV
|
||||||
<!--} from './agv'*/-->
|
} from './agv'*/
|
||||||
|
|
||||||
<!--const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100-->
|
const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100
|
||||||
<!--export default {-->
|
export default {
|
||||||
<!-- name: 'Model',-->
|
name: 'Model',
|
||||||
<!-- components: { Demo },-->
|
components: { Demo },
|
||||||
<!-- data() {-->
|
data() {
|
||||||
<!-- return {-->
|
return {
|
||||||
<!-- num: -60,-->
|
num: -60,
|
||||||
<!-- num1: 90,-->
|
num1: 90,
|
||||||
<!-- floor: 1,-->
|
floor: 1,
|
||||||
<!-- tuopanFloor: 1,-->
|
tuopanFloor: 1,
|
||||||
<!-- fx: '',-->
|
fx: '',
|
||||||
<!-- rotate: 0-->
|
rotate: 0
|
||||||
<!-- }-->
|
}
|
||||||
<!-- },-->
|
},
|
||||||
<!-- mounted() {-->
|
mounted() {
|
||||||
|
|
||||||
<!-- this.$refs.threeJs.appendChild(renderer.domElement)-->
|
this.$refs.threeJs.appendChild(renderer.domElement)
|
||||||
|
|
||||||
<!-- // controls.rotateSpeed = -controls.rotateSpeed;-->
|
// controls.rotateSpeed = -controls.rotateSpeed;
|
||||||
<!-- // controls.enableZoom = false-->
|
// controls.enableZoom = false
|
||||||
|
|
||||||
<!-- // loadF([ 'tishengji_tuopan'])-->
|
// loadF([ 'tishengji_tuopan'])
|
||||||
<!-- // loadF1([ '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',])-->
|
// loadF2(['2-1AGVchongdianzhuang005', '2-2AGVchongdianzhuang005', 'AGVchongdianzhuang002', 'AGVchongdianzhuang003', 'AGVchongdianzhuang005','changfang002', 'changfang003',])
|
||||||
|
|
||||||
<!-- loadF1([])-->
|
loadF1([])
|
||||||
<!-- loadF2(['AGVchongdianzhuang002', 'changfang002'])-->
|
loadF2(['AGVchongdianzhuang002', 'changfang002'])
|
||||||
<!-- loadF3(['AGVchongdianzhuang003', 'changfang003', 'quanzidongchaibaojizhaungpeixian003'])-->
|
loadF3(['AGVchongdianzhuang003', 'changfang003', 'quanzidongchaibaojizhaungpeixian003'])
|
||||||
<!-- loadF4([])-->
|
loadF4([])
|
||||||
<!-- loadF5(['AGVchongdianzhuang005', '2-1AGVchongdianzhuang005', '2-2AGVchongdianzhuang005', 'changfang005', 'liku005', 'Uxingxian'])-->
|
loadF5(['AGVchongdianzhuang005', '2-1AGVchongdianzhuang005', '2-2AGVchongdianzhuang005', 'changfang005', 'liku005', 'Uxingxian'])
|
||||||
<!-- loadFOther(['tishengji', 'tishengji_keyidongbufen', 'tishengji_tuopan'])-->
|
loadFOther(['tishengji', 'tishengji_keyidongbufen', 'tishengji_tuopan'])
|
||||||
<!-- // loadF(['changfang002', 'changfang003', 'changfang005'])-->
|
// loadF(['changfang002', 'changfang003', 'changfang005'])
|
||||||
|
|
||||||
<!--/*// 创建CSS2DObject-->
|
/*// 创建CSS2DObject
|
||||||
<!-- agvLabel['2AGV'] = new CSS2DObject(this.$refs.modelInfo)-->
|
agvLabel['2AGV'] = new CSS2DObject(this.$refs.modelInfo)
|
||||||
<!-- agvLabel['3AGV'] = new CSS2DObject(this.$refs.modelInfo1)-->
|
agvLabel['3AGV'] = new CSS2DObject(this.$refs.modelInfo1)
|
||||||
<!-- agvLabel['5CCAGV'] = new CSS2DObject(this.$refs.modelInfo2)-->
|
agvLabel['5CCAGV'] = new CSS2DObject(this.$refs.modelInfo2)
|
||||||
<!-- agvLabel['5BFAGV'] = new CSS2DObject(this.$refs.modelInfo3)-->
|
agvLabel['5BFAGV'] = new CSS2DObject(this.$refs.modelInfo3)
|
||||||
<!-- agvLabel['5CTU'] = new CSS2DObject(this.$refs.modelInfo4)-->
|
agvLabel['5CTU'] = new CSS2DObject(this.$refs.modelInfo4)
|
||||||
|
|
||||||
<!-- loadAGV(['chacheshiAGV002', 'chacheshiAGV003', 'chacheshiAGV005', 'beifushiAGV005', 'CTU005'])*/-->
|
loadAGV(['chacheshiAGV002', 'chacheshiAGV003', 'chacheshiAGV005', 'beifushiAGV005', 'CTU005'])*/
|
||||||
|
|
||||||
<!-- // setInterval(()=>{-->
|
// setInterval(()=>{
|
||||||
<!-- // labelObject2AGV.position.x +=0.1-->
|
// labelObject2AGV.position.x +=0.1
|
||||||
<!-- // labelObject2AGV.position.y +=0.1-->
|
// labelObject2AGV.position.y +=0.1
|
||||||
<!-- // labelObject2AGV.position.z +=0.1-->
|
// labelObject2AGV.position.z +=0.1
|
||||||
<!-- // },40)-->
|
// },40)
|
||||||
|
|
||||||
<!--// 渲染循环-->
|
// 渲染循环
|
||||||
|
|
||||||
<!-- },-->
|
},
|
||||||
<!-- methods: {-->
|
methods: {
|
||||||
<!-- handleChange() {-->
|
handleChange() {
|
||||||
<!--/* AGVAnimation('5CTU', '5CTU', 'x', this.num)*/-->
|
/* AGVAnimation('5CTU', '5CTU', 'x', this.num)*/
|
||||||
<!-- // tuopanModel.position.x = this.num-->
|
// tuopanModel.position.x = this.num
|
||||||
<!-- },-->
|
},
|
||||||
<!-- toFloor(e) {-->
|
toFloor(e) {
|
||||||
<!-- animationLine.push(() => {-->
|
animationLine.push(() => {
|
||||||
<!-- if (tuopanInishengji) {-->
|
if (tuopanInishengji) {
|
||||||
<!-- return Promise.all([tishengjiAnimation(keyidongModel, e, storeyHeight[e]), tuopanYAnimation(tuopanModel, e, storeyHeight[e])])-->
|
return Promise.all([tishengjiAnimation(keyidongModel, e, storeyHeight[e]), tuopanYAnimation(tuopanModel, e, storeyHeight[e])])
|
||||||
<!-- } else {-->
|
} else {
|
||||||
<!-- animationLine.push(() => tishengjiAnimation(keyidongModel, e, storeyHeight[e]))-->
|
animationLine.push(() => tishengjiAnimation(keyidongModel, e, storeyHeight[e]))
|
||||||
<!-- }-->
|
}
|
||||||
<!-- })-->
|
})
|
||||||
<!-- },-->
|
},
|
||||||
<!-- tuopanReset() {-->
|
tuopanReset() {
|
||||||
<!-- animationLine.push(() => tuopanXAnimation(tuopanModel, 0))-->
|
animationLine.push(() => tuopanXAnimation(tuopanModel, 0))
|
||||||
<!-- },-->
|
},
|
||||||
<!-- tuopanOut() {-->
|
tuopanOut() {
|
||||||
<!-- animationLine.push(() => tuopanXAnimation(tuopanModel, storeyWidth[tuopanLocation.floor]))-->
|
animationLine.push(() => tuopanXAnimation(tuopanModel, storeyWidth[tuopanLocation.floor]))
|
||||||
<!-- },-->
|
},
|
||||||
<!-- removetuopan() {-->
|
removetuopan() {
|
||||||
<!-- scene.remove(tuopanModel)-->
|
scene.remove(tuopanModel)
|
||||||
<!-- tuopanModel = null-->
|
tuopanModel = null
|
||||||
<!-- },-->
|
},
|
||||||
<!-- async addtuopan() {-->
|
async addtuopan() {
|
||||||
<!-- scene.remove(tuopanModel)-->
|
scene.remove(tuopanModel)
|
||||||
<!-- tuopanModel = null-->
|
tuopanModel = null
|
||||||
<!-- tuopanModel = await addtuopan({ scene })-->
|
tuopanModel = await addtuopan({ scene })
|
||||||
<!-- scene.add(tuopanModel)-->
|
scene.add(tuopanModel)
|
||||||
<!-- tuopanModel.position.x = storeyWidth[this.tuopanFloor]-->
|
tuopanModel.position.x = storeyWidth[this.tuopanFloor]
|
||||||
<!-- tuopanModel.position.y = storeyHeight[this.tuopanFloor]-->
|
tuopanModel.position.y = storeyHeight[this.tuopanFloor]
|
||||||
<!-- tuopanLocation.floor = this.tuopanFloor-->
|
tuopanLocation.floor = this.tuopanFloor
|
||||||
<!-- tuopanLocation.y = storeyHeight[this.tuopanFloor]-->
|
tuopanLocation.y = storeyHeight[this.tuopanFloor]
|
||||||
<!-- tuopanLocation.x = storeyWidth[this.tuopanFloor]-->
|
tuopanLocation.x = storeyWidth[this.tuopanFloor]
|
||||||
<!-- },-->
|
},
|
||||||
<!--/* agvAn() {-->
|
/* agvAn() {
|
||||||
<!-- this.rotate -= this.num1-->
|
this.rotate -= this.num1
|
||||||
<!-- AGVAnimation('3AGV', 'rotate', this.rotate)-->
|
AGVAnimation('3AGV', 'rotate', this.rotate)
|
||||||
<!-- },*/-->
|
},*/
|
||||||
<!-- toggle() {-->
|
toggle() {
|
||||||
<!-- console.log(agvData)-->
|
console.log(agvData)
|
||||||
<!-- floor1Model.visible = true-->
|
floor1Model.visible = true
|
||||||
<!-- floor2Model.visible = true-->
|
floor2Model.visible = true
|
||||||
<!-- floor3Model.visible = true-->
|
floor3Model.visible = true
|
||||||
<!-- floor4Model.visible = true-->
|
floor4Model.visible = true
|
||||||
<!-- floor5Model.visible = true-->
|
floor5Model.visible = true
|
||||||
<!-- otherModel.visible = true-->
|
otherModel.visible = true
|
||||||
<!--/* agvData.floor2AGVGroup.visible = true-->
|
/* agvData.floor2AGVGroup.visible = true
|
||||||
<!-- agvData.floor3AGVGroup.visible = true-->
|
agvData.floor3AGVGroup.visible = true
|
||||||
<!-- agvData.floor5BFAGVGroup.visible = true-->
|
agvData.floor5BFAGVGroup.visible = true
|
||||||
<!-- agvData.floor5CCAGVGroup.visible = true-->
|
agvData.floor5CCAGVGroup.visible = true
|
||||||
<!-- agvData.floor5CTUGroup.visible = true*/-->
|
agvData.floor5CTUGroup.visible = true*/
|
||||||
<!-- this.$refs.modelInfoData.$el.style.display = 'inline-block'-->
|
this.$refs.modelInfoData.$el.style.display = 'inline-block'
|
||||||
<!-- this.$refs.modelInfo1Data.$el.style.display = 'inline-block'-->
|
this.$refs.modelInfo1Data.$el.style.display = 'inline-block'
|
||||||
<!-- this.$refs.modelInfo2Data.$el.style.display = 'inline-block'-->
|
this.$refs.modelInfo2Data.$el.style.display = 'inline-block'
|
||||||
<!-- this.$refs.modelInfo3Data.$el.style.display = 'inline-block'-->
|
this.$refs.modelInfo3Data.$el.style.display = 'inline-block'
|
||||||
<!-- this.$refs.modelInfo4Data.$el.style.display = 'inline-block'-->
|
this.$refs.modelInfo4Data.$el.style.display = 'inline-block'
|
||||||
<!-- },-->
|
},
|
||||||
<!-- toggle1() {-->
|
toggle1() {
|
||||||
<!-- floor1Model.visible = true-->
|
floor1Model.visible = true
|
||||||
<!-- floor2Model.visible = false-->
|
floor2Model.visible = false
|
||||||
<!-- floor3Model.visible = false-->
|
floor3Model.visible = false
|
||||||
<!-- floor4Model.visible = false-->
|
floor4Model.visible = false
|
||||||
<!-- floor5Model.visible = false-->
|
floor5Model.visible = false
|
||||||
<!-- otherModel.visible = false-->
|
otherModel.visible = false
|
||||||
<!-- this.$refs.modelInfoData.$el.style.display = 'none'-->
|
this.$refs.modelInfoData.$el.style.display = 'none'
|
||||||
<!-- this.$refs.modelInfo1Data.$el.style.display = 'none'-->
|
this.$refs.modelInfo1Data.$el.style.display = 'none'
|
||||||
<!-- this.$refs.modelInfo2Data.$el.style.display = 'none'-->
|
this.$refs.modelInfo2Data.$el.style.display = 'none'
|
||||||
<!-- this.$refs.modelInfo3Data.$el.style.display = 'none'-->
|
this.$refs.modelInfo3Data.$el.style.display = 'none'
|
||||||
<!-- this.$refs.modelInfo4Data.$el.style.display = 'none'-->
|
this.$refs.modelInfo4Data.$el.style.display = 'none'
|
||||||
<!--/* agvData.floor2AGVGroup.visible = false-->
|
/* agvData.floor2AGVGroup.visible = false
|
||||||
<!-- agvData.floor3AGVGroup.visible = false-->
|
agvData.floor3AGVGroup.visible = false
|
||||||
<!-- agvData.floor5BFAGVGroup.visible = false-->
|
agvData.floor5BFAGVGroup.visible = false
|
||||||
<!-- agvData.floor5CCAGVGroup.visible = false-->
|
agvData.floor5CCAGVGroup.visible = false
|
||||||
<!-- agvData.floor5CTUGroup.visible = false*/-->
|
agvData.floor5CTUGroup.visible = false*/
|
||||||
<!-- },-->
|
},
|
||||||
|
|
||||||
<!-- }-->
|
}
|
||||||
<!--}-->
|
}
|
||||||
<!--</script>-->
|
</script>
|
||||||
<!--<style lang="less" scoped>-->
|
<style lang="less" scoped>
|
||||||
<!--.app-container {-->
|
.app-container {
|
||||||
<!-- padding: 0;-->
|
padding: 0;
|
||||||
<!--}-->
|
}
|
||||||
|
|
||||||
<!--.model {-->
|
.model {
|
||||||
<!-- position: relative;-->
|
position: relative;
|
||||||
<!--}-->
|
}
|
||||||
|
|
||||||
<!--.bottomBg {-->
|
.bottomBg {
|
||||||
<!-- position: absolute;-->
|
position: absolute;
|
||||||
<!-- bottom: 0;-->
|
bottom: 0;
|
||||||
<!-- left: 50%;-->
|
left: 50%;
|
||||||
<!-- transform: translateX(-50%);-->
|
transform: translateX(-50%);
|
||||||
<!-- width: 100vw;-->
|
width: 100vw;
|
||||||
<!-- height: 2.656vw;-->
|
height: 2.656vw;
|
||||||
<!-- background-image: url("~@/assets/model/bottomBg.png");-->
|
background-image: url("~@/assets/model/bottomBg.png");
|
||||||
<!-- background-size: 100% 100%;-->
|
background-size: 100% 100%;
|
||||||
<!-- background-repeat: no-repeat;-->
|
background-repeat: no-repeat;
|
||||||
|
|
||||||
<!-- //.item1F, .item2F, .item3F, .item4F, .item5F {-->
|
//.item1F, .item2F, .item3F, .item4F, .item5F {
|
||||||
<!-- // position: absolute;-->
|
// position: absolute;
|
||||||
<!-- // top: 45%;-->
|
// top: 45%;
|
||||||
<!-- // transform: translate(-50%, -50%);-->
|
// transform: translate(-50%, -50%);
|
||||||
<!-- // background-size: 100% 100%;-->
|
// background-size: 100% 100%;
|
||||||
<!-- // background-repeat: no-repeat;-->
|
// background-repeat: no-repeat;
|
||||||
<!-- // width: 4.6vw;-->
|
// width: 4.6vw;
|
||||||
<!-- // height: 1.32vw;-->
|
// height: 1.32vw;
|
||||||
<!-- // line-height: 1.32vw;-->
|
// line-height: 1.32vw;
|
||||||
<!-- // text-align: center;-->
|
// text-align: center;
|
||||||
<!-- // color: #fff;-->
|
// color: #fff;
|
||||||
<!-- //}-->
|
//}
|
||||||
<!-- //-->
|
//
|
||||||
<!-- //.item1F {-->
|
//.item1F {
|
||||||
<!-- // left: 39%;-->
|
// left: 39%;
|
||||||
<!-- // background-image: url("~@/assets/model/unselected.png");-->
|
// background-image: url("~@/assets/model/unselected.png");
|
||||||
<!-- //}-->
|
//}
|
||||||
<!-- //-->
|
//
|
||||||
<!-- //.item2F {-->
|
//.item2F {
|
||||||
<!-- // left: 44.5%;-->
|
// left: 44.5%;
|
||||||
<!-- // background-image: url("~@/assets/model/unselected.png");-->
|
// background-image: url("~@/assets/model/unselected.png");
|
||||||
<!-- //}-->
|
//}
|
||||||
<!-- //-->
|
//
|
||||||
<!-- //.item3F {-->
|
//.item3F {
|
||||||
<!-- // left: 50%;-->
|
// left: 50%;
|
||||||
<!-- // background-image: url("~@/assets/model/unselected.png");-->
|
// background-image: url("~@/assets/model/unselected.png");
|
||||||
<!-- //}-->
|
//}
|
||||||
<!-- //-->
|
//
|
||||||
<!-- //.item4F {-->
|
//.item4F {
|
||||||
<!-- // left: 55.5%;-->
|
// left: 55.5%;
|
||||||
<!-- // background-image: url("~@/assets/model/unselected.png");-->
|
// background-image: url("~@/assets/model/unselected.png");
|
||||||
<!-- //}-->
|
//}
|
||||||
<!-- //-->
|
//
|
||||||
<!-- //.item5F {-->
|
//.item5F {
|
||||||
<!-- // left: 61%;-->
|
// left: 61%;
|
||||||
<!-- // background-image: url("~@/assets/model/unselected.png");-->
|
// background-image: url("~@/assets/model/unselected.png");
|
||||||
<!-- //}-->
|
//}
|
||||||
<!--}-->
|
}
|
||||||
<!--</style>-->
|
</style>
|
||||||
|
-->
|
||||||
|
|||||||
Loading…
Reference in New Issue