no message
parent
8aaa373c91
commit
ba52fdfbd7
|
|
@ -70,7 +70,6 @@ import moment from "moment";
|
|||
import crudPoint from "@/api/point";
|
||||
import crudAgvTask from "@/api/agvTask"
|
||||
import CRUD from "@crud/crud";
|
||||
import 'echarts-gl';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
|
|
@ -135,7 +134,6 @@ export default {
|
|||
//初始化
|
||||
setInterval(this.updateTime, 1000);//自动读秒
|
||||
this.getInit()//树状图
|
||||
this.createEarth3D();
|
||||
this.queryAgvTaskInfo();//AGV任务列表
|
||||
this.queryListInfo(this.currentPage, this.pageSize)//库位图
|
||||
this.intervalId = setInterval(this.printNextItem, 5000);//定时分页调用
|
||||
|
|
@ -253,80 +251,6 @@ export default {
|
|||
clearInterval(this.intervalId);
|
||||
this.intervalId = null;
|
||||
}
|
||||
},
|
||||
createEarth3D() {
|
||||
var ROOT_PATH = 'https://echarts.apache.org/examples';
|
||||
var chartDom = document.getElementById('threeDEarth');
|
||||
var myChart = echarts.init(chartDom, 'dark');
|
||||
var option;
|
||||
option = {
|
||||
backgroundColor: '#000',
|
||||
globe: {
|
||||
baseTexture: ROOT_PATH + '/data-gl/asset/earth.jpg',
|
||||
heightTexture: ROOT_PATH + '/data-gl/asset/bathymetry_bw_composite_4k.jpg',
|
||||
displacementScale: 0.1,
|
||||
shading: 'lambert',
|
||||
environment: ROOT_PATH + '/data-gl/asset/starfield.jpg',
|
||||
light: {
|
||||
ambient: {
|
||||
intensity: 0.1
|
||||
},
|
||||
main: {
|
||||
intensity: 1.5
|
||||
}
|
||||
},
|
||||
layers: [
|
||||
{
|
||||
type: 'blend',
|
||||
blendTo: 'emission',
|
||||
texture: ROOT_PATH + '/data-gl/asset/night.jpg'
|
||||
},
|
||||
{
|
||||
type: 'overlay',
|
||||
texture: ROOT_PATH + '/data-gl/asset/clouds.png',
|
||||
shading: 'lambert',
|
||||
distance: 5
|
||||
}
|
||||
]
|
||||
},
|
||||
series: []
|
||||
};
|
||||
|
||||
option && myChart.setOption(option);
|
||||
|
||||
/*const scene = new THREE.Scene();
|
||||
const camera = new THREE.PerspectiveCamera(75, 30 / 30, 0.1, 1000);
|
||||
const renderer = new THREE.WebGLRenderer();
|
||||
renderer.setSize(30, 30);
|
||||
document.getElementById('container').appendChild(renderer.domElement);
|
||||
|
||||
// 创建地球几何体
|
||||
const earthGeometry = new THREE.SphereGeometry(15, 50, 50);
|
||||
// 加载地球材质(使用three.js内置的Earth材质,需要先加载纹理)
|
||||
const earthTextureLoader = new THREE.TextureLoader();
|
||||
const earthTexture = earthTextureLoader.load(imageFile);
|
||||
const earthMaterial = new THREE.MeshPhongMaterial({map: earthTexture});
|
||||
const earthMesh = new THREE.Mesh(earthGeometry, earthMaterial);
|
||||
scene.add(earthMesh);
|
||||
|
||||
// 添加灯光
|
||||
const ambientLight = new THREE.AmbientLight(0xffffff, 3);//0xcccccc
|
||||
scene.add(ambientLight);
|
||||
|
||||
// 设置相机位置并指向地球
|
||||
camera.position.z = 50;
|
||||
|
||||
// 渲染循环
|
||||
function animate() {
|
||||
requestAnimationFrame(animate);
|
||||
|
||||
// 旋转地球
|
||||
earthMesh.rotation.y += 0.01;
|
||||
|
||||
renderer.render(scene, camera);
|
||||
}
|
||||
|
||||
animate();*/
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -388,6 +312,5 @@ export default {
|
|||
position: absolute;
|
||||
left: 79%;
|
||||
top: 34px;
|
||||
border: 1px solid red;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue