94 lines
1.7 KiB
Vue
94 lines
1.7 KiB
Vue
|
<template>
|
||
|
|
<div id="jl3d" class="jl3ddraw">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import Vue from 'vue';
|
||
|
|
import { Jl3d } from '@/jlmap3d/jl3ddevice/jl3d.js';
|
||
|
|
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'devicemodel',
|
||
|
|
components: {
|
||
|
|
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
jl3d: null,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
// '$store.state.socket.device.code': {
|
||
|
|
// handler: function (newVal, oldVal) {
|
||
|
|
// if (newVal != oldVal) {
|
||
|
|
// this.jl3d.selectmodel(this.$store.state.socket.device);
|
||
|
|
//
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// },
|
||
|
|
// '$store.state.socket.device': {
|
||
|
|
// deep: true,
|
||
|
|
// handler: function (newVal, oldVal) {
|
||
|
|
// if (newVal.code == oldVal.code) {
|
||
|
|
// this.jl3d.updateaction(newVal);
|
||
|
|
// } else {
|
||
|
|
//
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// }
|
||
|
|
// },
|
||
|
|
// '$store.state.socket.simulationOverCount': function () {
|
||
|
|
// this.unsubscribe();
|
||
|
|
// }
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
code() {
|
||
|
|
return this.$route.query.code;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
let code = this.$route.query.code;
|
||
|
|
let group = this.$route.query.group;
|
||
|
|
let header = this.$route.query.token;
|
||
|
|
// if (group) {
|
||
|
|
// this.init(group,header);
|
||
|
|
// // this.subscribe(code,group,header);
|
||
|
|
// }
|
||
|
|
this.init(group,header);
|
||
|
|
},
|
||
|
|
beforeDestroy() {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
init: function (group,header) {
|
||
|
|
// let mapdata = this.$store.state.socket.device;
|
||
|
|
let dom = document.getElementById('jl3d');
|
||
|
|
this.jl3d = new Jl3d(dom,group,header);
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style scoped>
|
||
|
|
/* #jl3d {
|
||
|
|
width: 937px;
|
||
|
|
height: 937px;
|
||
|
|
} */
|
||
|
|
|
||
|
|
.jl3ddraw {
|
||
|
|
position: absolute;
|
||
|
|
float: right;
|
||
|
|
top:20%;
|
||
|
|
/* left: 0; */
|
||
|
|
width: 40%;
|
||
|
|
height: 60%;
|
||
|
|
z-index: 1500;
|
||
|
|
}
|
||
|
|
|
||
|
|
#canvastexture {
|
||
|
|
position: absolute;
|
||
|
|
float: left;
|
||
|
|
left: 0;
|
||
|
|
z-index: -12;
|
||
|
|
}
|
||
|
|
</style>
|