yuliang
/
yvan-rcs-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

性能测试渲染

master
修宁 6 months ago
parent
7fa7f4dab6
commit
f643194dbc
9 changed files with 1628 additions and 310 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 36
      package.json
  2. 854
      pnpm-lock.yaml
  3. 408
      src/components/FabricView.vue
  4. 6
      src/core/Theme.ts
  5. 19
      src/editor/menus/Model3DView.ts
  6. 77
      src/example/ExampleUtil.js
  7. 470
      src/example/example1.js
  8. 61
      src/router/index.ts
  9. 7
      src/types/fabricExtensions.d.ts

36
package.json
View File

@ -13,9 +13,13 @@
"format": "prettier --write src/"
},
"dependencies": {
"@vueuse/core": "^13.2.0"
"@types/fabric": "^5.3.10",
"@vueuse/core": "^13.2.0",
"fabric": "^6.7.0"
},
"devDependencies": {
"@ease-forge/runtime": "^1.0.12",
"@ease-forge/shared": "^1.0.12",
"@element-plus/icons-vue": "^2.3.1",
"@rolldown/pluginutils": "1.0.0-beta.8-commit.56abf23",
"@tsconfig/node22": "^22.0.1",
@ -28,23 +32,11 @@
"@vitejs/plugin-vue": "^5.2.3",
"@vitejs/plugin-vue-jsx": "^4.2.0",
"@vue/tsconfig": "^0.7.0",
"troika-three-text": "^0.52.4",
"mitt": "^3.0.1",
"tslib": "2.8.1",
"npm-run-all2": "^7.0.2",
"prettier": "3.5.3",
"rimraf": "^6.0.1",
"typescript": "~5.8.0",
"vite": "^6.2.4",
"vite-plugin-vue-devtools": "^7.7.2",
"vue-tsc": "^2.2.8",
"three": "^0.176.0",
"camera-controls": "2.10.1",
"three-mesh-bvh": "^0.9.0",
"ag-grid-community": "^28.2.1",
"ag-grid-enterprise": "^28.2.1",
"ag-grid-vue3": "^28.2.1",
"axios": "^1.9.0",
"camera-controls": "2.10.1",
"codemirror": "^5.65.19",
"dat.gui": "^0.7.9",
"decimal.js": "^10.5.0",
@ -55,14 +47,24 @@
"less": "^4.2.1",
"localforage": "^1.10.0",
"lodash": "^4.17.21",
"mitt": "^3.0.1",
"npm-run-all2": "^7.0.2",
"pinia": "^3.0.1",
"prettier": "3.5.3",
"rimraf": "^6.0.1",
"sortablejs": "1.15.6",
"split.js": "^1.6.4",
"three": "^0.176.0",
"three-mesh-bvh": "^0.9.0",
"troika-three-text": "^0.52.4",
"tslib": "2.8.1",
"typescript": "~5.8.0",
"vite": "^6.2.4",
"vite-plugin-vue-devtools": "^7.7.2",
"vue": "^3.5.13",
"vue-i18n": "9.2.2",
"vue-router": "^4.5.0",
"vue3-menus": "^1.1.2",
"@ease-forge/shared": "^1.0.12",
"@ease-forge/runtime": "^1.0.12"
"vue-tsc": "^2.2.8",
"vue3-menus": "^1.1.2"
}
}

854
pnpm-lock.yaml
View File

File diff suppressed because it is too large

408
src/components/FabricView.vue
View File

@ -0,0 +1,408 @@
<template>
<div class="fabric-view">
<el-space :gutter="10" class="toolbar">
<el-button @click="()=>performanceTest()">性能测试</el-button>
<el-button @click="selectAll">全选</el-button>
<div class="demo-color-block">
<span class="demonstration">物体数:<el-text type="danger">{{ restate.objects }}</el-text></span>
<span class="demonstration"> 顶点数:<el-text type="danger">{{ restate.vertices }}</el-text></span>
<span class="demonstration"> 三角形数:<el-text type="danger">{{ restate.faces }}</el-text></span>
</div>
</el-space>
<div class="main-content">
<div class="canvas-container" ref="canvasContainer" />
</div>
</div>
</template>
<script setup lang="ts">
import * as fabric from 'fabric'
import { nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
import Theme from '@/core/Theme.ts'
// DOM refs
const canvasContainer = ref(null)
const restate = reactive({
targetColor: '#ff0000',
loadScale: 1,
mode: 'translate',
objects: 0,
vertices: 0,
faces: 0
})
// 状态变量
const state = {
showAxesHelper: true,
showGridHelper: true,
camera: {
position: { x: 0, y: 5, z: 10 },
rotation: { x: 0, y: 0, z: 0 }
}
}
onMounted(() => {
nextTick(() => {
initCanvas()
drawOriginMarker()
drawHelpGrid()
addPanAndZoomHandlers()
})
})
onBeforeUnmount(() => {
disposeFabric()
})
let canvas: fabric.Canvas
let resizeObserver: ResizeObserver | null = null
function initCanvas() {
const container = canvasContainer.value
if (!container) return
// 创建 fabric.Canvas 实例
canvas = new fabric.Canvas(null, {
width: container.clientWidth,
height: container.clientHeight,
selection: true,
backgroundColor: Theme.backgroundColor
// preserveObjectStacking: true,
// renderOnAddRemove: false
})
container.appendChild(canvas.getElement())
canvas.enableMouseWheel = true
// 设置视口初始位置
// canvas.setViewportTransform([1, 0, 0, 1, 0, 0])
canvas.requestRenderAll()
canvas.zoomToPoint(new fabric.Point(0, 0), 36)
const viewerDom = canvasContainer.value
if (resizeObserver) {
resizeObserver.unobserve(viewerDom)
}
resizeObserver = new ResizeObserver(handleResize)
resizeObserver.observe(viewerDom)
}
const handleResize = _.debounce(() => {
const container = canvasContainer.value // 假设这是你的容器元素引用
if (container && canvas) {
const newWidth = container.clientWidth
const newHeight = container.clientHeight
// 更新 canvas 尺寸
canvas.setDimensions({
width: newWidth,
height: newHeight
})
canvas.requestRenderAll()
}
}, 200)
function addPanAndZoomHandlers() {
const lowerCanvas = canvas.getElement()
let isDragging = false
let lastPosX = 0
let lastPosY = 0
let dragStartTransform = []
// 🔥 阻止默认右键菜单弹出
lowerCanvas.addEventListener('contextmenu', (e) => e.preventDefault())
// ✅ 使用原生事件监听右键按下
lowerCanvas.addEventListener('mousedown', function(e) {
if (e.button === 2) { // 右键
isDragging = true
lastPosX = e.clientX
lastPosY = e.clientY
dragStartTransform = [...canvas.viewportTransform]
}
})
lowerCanvas.addEventListener('mousemove', function(e) {
if (isDragging) {
const deltaX = e.clientX - lastPosX
const deltaY = e.clientY - lastPosY
// 更新 viewport 平移部分
canvas.viewportTransform[4] = dragStartTransform[4] + deltaX
canvas.viewportTransform[5] = dragStartTransform[5] + deltaY
canvas.renderAll()
}
})
lowerCanvas.addEventListener('mouseup', function() {
isDragging = false
})
lowerCanvas.addEventListener('wheel', function(e) {
const delta = e.deltaY
let zoom = canvas.getZoom()
zoom *= 0.999 ** delta
if (zoom > 150) zoom = 150
if (zoom < 5) zoom = 5
canvas.zoomToPoint({ x: e.offsetX, y: e.offsetY }, zoom)
console.log('Zoom level:', zoom)
e.preventDefault()
e.stopPropagation()
}, { passive: false })
}
/**
* 绘制辅助网格线
*/
function drawHelpGrid() {
const step = 1
const xcount = 200
const ycount = 200
// 从 -xcount/2 到 xcount/2 画辅助线, 步长为 step
// 从 -ycount/2 到 ycount/2 画辅助线, 步长为 step
// 颜色为 Theme.helpGridLineColor
const halfWidth = (xcount / 2) * step
const halfHeight = (ycount / 2) * step
// 垂直线（X轴方向）
for (let x = -halfWidth; x <= halfWidth; x += step) {
const line = new fabric.Line([x, -halfHeight, x, halfHeight], {
stroke: Theme.helpGridLineColor,
selectable: false,
evented: false,
strokeWidth: 0.05,
hasControls: false,
hasBorders: false
})
canvas.add(line)
}
// 水平线（Y轴方向）
for (let y = -halfHeight; y <= halfHeight; y += step) {
const line = new fabric.Line([-halfWidth, y, halfWidth, y], {
stroke: Theme.helpGridLineColor,
selectable: false,
evented: false,
strokeWidth: 0.05,
hasControls: false,
hasBorders: false
})
canvas.add(line)
}
canvas.renderAll()
}
function drawOriginMarker() {
const marker = new fabric.Circle({
radius: 5,
fill: 'red',
left: 0,
top: 0,
hasControls: false,
hasBorders: false,
lockMovementX: true,
lockMovementY: true,
selectable: false,
excludeFromExport: true,
objectCaching: false
})
marker.render = function(ctx) {
ctx.save()
ctx.translate(this.left, this.top)
ctx.beginPath()
ctx.arc(0, 0, 0.5, 0, Math.PI * 2, true)
ctx.fillStyle = 'red'
ctx.fill()
ctx.restore()
}
canvas.add(marker)
canvas.requestRenderAll()
}
function selectAll() {
const objects = canvas.getObjects().filter(obj => obj.selectable !== false)
const group = new fabric.Group(objects, {
originX: 'center',
originY: 'center'
})
canvas.setActiveObject(group)
canvas.requestRenderAll()
}
function disposeFabric() {
}
function performanceTest(count = 10) {
const spacing = 0.3
const nodes = []
debugger
// 创建节点并加入画布
for (let y = 0; y < count; y++) {
for (let x = 0; x < count; x++) {
const node = new fabric.Rect({
left: x * spacing,
top: y * spacing,
width: 10,
height: 10,
fill: 'blue',
originX: 'center',
originY: 'center',
hasControls: false,
hasBorders: false
})
canvas.add(node)
nodes.push(node)
}
}
// 创建连线
for (let i = 0; i < nodes.length; i++) {
const node = nodes[i]
const col = i % count
const row = Math.floor(i / count)
// 连接右侧节点
if (col < count - 1) {
const rightNode = nodes[i + 1]
const line = new fabric.Line(
[node.left, node.top, rightNode.left, rightNode.top],
{
stroke: 'black',
strokeWidth: 0.5,
selectable: false
}
)
canvas.add(line)
}
// 连接下方节点
if (row < count - 1) {
const bottomNode = nodes[i + count]
const line = new fabric.Line(
[node.left, node.top, bottomNode.left, bottomNode.top],
{
stroke: 'black',
strokeWidth: 0.5,
selectable: false
}
)
canvas.add(line)
}
}
canvas.requestRenderAll()
}
function deleteSelected() {
const activeObj = canvas.getActiveObject()
if (!activeObj) return
if (activeObj.type === 'group') {
const g: fabric.Group = activeObj
g.getObjects().forEach(obj => canvas.remove(obj))
} else {
canvas.remove(activeObj)
}
canvas.discardActiveObject()
canvas.requestRenderAll()
}
fabric.Canvas.prototype.rateRule = 1
fabric.Canvas.prototype.toPixel = function(value) {
return value * this.rateRule
}
fabric.Canvas.prototype.toUnit = function(value, unit = 'cm') {
return value / this.rateRule
}
</script>
<style scoped lang="less">
.fabric-view {
display: flex;
flex-direction: column;
flex-grow: 1;
overflow: hidden;
.canvas-left-toolbar {
position: absolute;
left: 5px;
top: 5px;
width: 32px;
background: #eee;
text-align: center;
button {
color: #555;
background-color: #ddd;
border: 0;
margin: 0;
padding: 5px 8px;
font-size: 12px;
text-transform: uppercase;
cursor: pointer;
outline: none;
}
button.selected {
background-color: #fff;
}
}
.toolbar {
padding: 10px;
background: #f5f5f5;
border-bottom: 1px solid #ccc;
}
.dialog-container {
display: flex;
flex-direction: column;
height: 100vh;
}
.main-content {
display: flex;
flex: 1;
overflow: hidden;
.model3d-content {
height: 100%;
display: flex;
flex-direction: row;
}
}
.canvas-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.model3d-gui-wrap {
border-left: 1px solid #ccc;
background: #111;
width: 100%;
height: 100%;
overflow-y: auto;
}
.gui-panel {
:deep(.lil-gui.root) {
width: 100%;
}
}
}
</style>

6
src/core/Theme.ts
View File

@ -0,0 +1,6 @@
const Theme = {
backgroundColor: '#DDDDDD',
helpGridLineColor: '#F5F5F5'
}
export default Theme

19
src/editor/menus/Model3DView.ts
View File

@ -1,5 +1,6 @@
import { defineMenu } from '@/runtime/DefineMenu.ts'
import Model3DView from '@/components/Model3DView.vue'
import FabricView from '@/components/FabricView.vue'
export default defineMenu((menus) => {
menus.insertChildren('tool',
@ -21,7 +22,23 @@ export default defineMenu((menus) => {
dialogClass: 'model-3d-view-wrap'
})
}
},
{
name: 'fabricView', label: 'Fabric查看器', order: 2,
click: () => {
system.showDialog(FabricView, {
title: 'Fabric查看器',
width: 950,
height: 400,
showClose: true,
showMax: true,
showCancelButton: false,
showOkButton: false,
dialogClass: 'fabric-view-wrap',
propsData: { fabricView: true }
})
}
}
]
)
})
})

77
src/example/ExampleUtil.js
View File

@ -0,0 +1,77 @@
/**
* 构建AGV性能数据
* @param rows 行数
* @param cols 列数
*/
export function buildAgvPerformanceData(rows, cols) {
const spacingX = 1.25 // X轴间距
const spacingZ = 1.25 // Y轴间距
// 创建一个二维数组来存储点阵数据
const data = new Map()
for (let row = 0; row < rows; row++) {
for (let col = 0; col < cols; col++) {
// 计算每个点的坐标
const node = createAgvNode(row, col)
node.tf[0][0] = row * spacingX
node.tf[0][2] = col * spacingZ
data.set(node.id, node)
// 与前一个点进行连线
// if (row > 0 && col > 0) {
// const preXNode = data.get('wp_' + (row - 1) + '_' + (col))
// node.dt.center.push(preXNode.id)
// preXNode.dt.center.push(node.id)
//
// const preYNode = data.get('wp_' + (row) + '_' + (col - 1))
// node.dt.center.push(preYNode.id)
// preYNode.dt.center.push(node.id)
//
// } else if (row > 0) {
// const preXNode = data.get('wp_' + (row - 1) + '_' + (col))
// node.dt.center.push(preXNode.id)
// preXNode.dt.center.push(node.id)
//
// } else if (col > 0) {
// const preYNode = data.get('wp_' + (row) + '_' + (col - 1))
// node.dt.center.push(preYNode.id)
// preYNode.dt.center.push(node.id)
// }
}
}
data.get('wp_0_0').dt.center.push('wp_0_' + (cols - 1))
data.get('wp_0_' + (cols - 1)).dt.center.push('wp_0_0')
data.get('wp_' + (rows - 1) + '_0').dt.center.push('wp_' + (rows - 1) + '_' + (cols - 1))
data.get('wp_' + (rows - 1) + '_' + (cols - 1)).dt.center.push('wp_' + (rows - 1) + '_0')
data.get('wp_' + (rows - 1) + '_0').dt.center.push('wp_0_0')
data.get('wp_0_0').dt.center.push('wp_' + (rows - 1) + '_0')
data.get('wp_' + (rows - 1) + '_' + (cols - 1)).dt.center.push('wp_0_' + (cols - 1))
data.get('wp_0_' + (cols - 1)).dt.center.push('wp_' + (rows - 1) + '_' + (cols - 1))
return Array.from(data.values())
}
/**
*
* @returns {ItemJson}
*/
export function createAgvNode(x, z) {
return {
id: 'wp_' + x + '_' + z,
t: 'measure',
tf: [
[x, 0.01, z],
[90, 0, 0],
[0.25, 0.25, 0.1]
],
dt: {
in: [],
out: [],
center: []
}
}
}

470
src/example/example1.js
View File

@ -1,3 +1,5 @@
import { buildAgvPerformanceData } from '@/example/ExampleUtil.js'
export default {
project_uuid: 'example1',
Tool: {
@ -7,10 +9,10 @@ export default {
Dashboard: [], // 监控面板
DataTable: [], // 地图自带的数据
Trigger: [ // 触发器
{name: 'OnOpen', fn: ''}, // 打开
{name: 'OnReset', fn: ''}, // 仿真重置
{name: 'OnStart', fn: ''}, // 开始仿真
{name: 'OnStop', fn: ''} // 停止仿真
{ name: 'OnOpen', fn: '' }, // 打开
{ name: 'OnReset', fn: '' }, // 仿真重置
{ name: 'OnStart', fn: '' }, // 开始仿真
{ name: 'OnStop', fn: '' } // 停止仿真
],
gridHelper: { // 网格辅助线
axesEnabled: true, // 是否显示中心轴
@ -33,49 +35,6 @@ export default {
{
catalogCode: 'f1', t: 'floor', // 楼层
items: [
// {
// id: 'p1', // 物体ID, 唯一标识, 需保证唯一, three.js 中的 uuid
// t: 'measure', // 物体类型, measure表示测量, 需交给 itemType.name == 'measure' 的组件处理
// tf: [ // 变换矩阵, 3x3矩阵, 采用Y轴向上为正, X轴向右, Z轴向前的右手坐标系
// [-9.0, 0, -1.0], // 平移向量 position
// [0, 0, 0], // 旋转向量 rotation, 表示绕Y轴旋转的角度, 单位为度。对应 three.js 应进行"角度"转"弧度"的换算
// [0.25, 0.1, 0.25] // 缩放向量 scale
// ],
// dt: { // 用户数据, 可自定义, 一般用在 three.js 的 userData 中
// label: '测量1', // 标签名称, 显示用
// color: '#ff0000', // 颜色, 显示用. 十六进制颜色值, three.js 中的材质颜色
// center: ['p2'], // 用于 a='ln' 的测量线段, 关联的点对象(uuid)
// in: [], // 物流入方向关联的对象(id)
// out: [] // 物流出方向关联的对象(id)
// }
// },
// {
// id: 'p2',
// t: 'measure',
// tf: [[-9.0, 0, 3], [0, 0, 0], [0.25, 0.1, 0.25]],
// dt: {
// color: '#ff0000',
// label: '测量2',
// center: ['p1', 'p3', 'p4']
// }
// },
// {
// id: 'p3', t: 'measure',
// tf: [[-5.0, 0, 3], [0, 0, 0], [0.25, 0.1, 0.25]],
// dt: {
// label: '测量3',
// center: ['p2']
// }
// },
// {
// id: 'p4',
// t: 'measure',
// tf: [[-9.0, 0, 8], [0, 0, 0], [0.25, 0.1, 0.25]],
// dt: {
// label: '测量4',
// center: ['p2']
// }
// }
{
id: 'rack1',
t: 'rack',
@ -95,9 +54,9 @@ export default {
bayWidth: 1.4, // 列的宽度
levelHeight: [1.4, 1.4, 1.4] // 每层的高度
},
{bayWidth: 1.4, levelHeight: [1.4, 1.4, 1.4]},
{bayWidth: 1.4, levelHeight: [1.4, 1.4, 1.4]},
{bayWidth: 1.4, levelHeight: [1.4, 1.4, 1.4]},
{ bayWidth: 1.4, levelHeight: [1.4, 1.4, 1.4] },
{ bayWidth: 1.4, levelHeight: [1.4, 1.4, 1.4] },
{ bayWidth: 1.4, levelHeight: [1.4, 1.4, 1.4] }
]
}
},
@ -106,258 +65,263 @@ export default {
t: 'measure',
v: true,
tf: [[-4, 0.1, 4], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['P2']}
dt: { in: [], out: [], center: ['P2'] }
}, {
id: 'P2',
t: 'measure',
v: true,
tf: [[5, 0.1, 4], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['P1', 'P3']}
dt: { in: [], out: [], center: ['P1', 'P3'] }
}, {
id: 'P3',
t: 'measure',
v: true,
tf: [[5, 0.1, 6.25], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['P2']}
dt: { in: [], out: [], center: ['P2'] }
}, {
id: '39zML1rnSOOQGQYQ2YUMGy',
t: 'way',
v: true,
tf: [[-4, 0.1, 2], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['6wrGKiVJniwgKkoggOoEy6']}
dt: { in: [], out: [], center: ['6wrGKiVJniwgKkoggOoEy6'] }
}, {
id: '6wrGKiVJniwgKkoggOoEy6',
t: 'way',
v: true,
tf: [[5, 0.1, 2], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['39zML1rnSOOQGQYQ2YUMGy']}
dt: { in: [], out: [], center: ['39zML1rnSOOQGQYQ2YUMGy'] }
}, {
id: '6UhIIw9QPYh6acwyW8OSGs',
t: 'gstore',
v: true,
tf: [[-1, 0.1, 0.55], [0, 0, 0], [1.5, 1.2, 0.1]],
dt: {in: [], out: [], center: [], storeWidth: 1.4, storeDepth: 1.4}
dt: { in: [], out: [], center: [], storeWidth: 1.4, storeDepth: 1.4 }
}, {
id: '1D0WSRPj8JJJwIcmA0UMqG',
t: 'gstore',
v: true,
tf: [[0.75, 0.1, 0.55], [0, 0, 0], [1.5, 1.2, 0.1]],
dt: {in: [], out: [], center: [], storeWidth: 1.4, storeDepth: 1.4}
dt: { in: [], out: [], center: [], storeWidth: 1.4, storeDepth: 1.4 }
}, {
id: 'gstore3',
t: 'gstore',
v: true,
tf: [[3, 0.1, 0.55], [0, 0, 0], [1.5, 1.2, 0.1]],
dt: {in: [], out: [], center: [], storeWidth: 1.4, storeDepth: 1.4}
dt: { in: [], out: [], center: [], storeWidth: 1.4, storeDepth: 1.4 }
}, {
id: 'pallet1',
t: 'pallet',
v: true,
tf: [[0.75, 0.075, 0.55], [0, 0, 0], [1.5, 1.2, 0.1]],
dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
dt: { in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2 }
}, {
id: 'pallet2',
t: 'pallet',
v: true,
tf: [[3, 0.075, 0.55], [0, 0, 0], [1.5, 1.2, 0.1]],
dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
dt: { in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2 }
}, {
id: 'ptr1',
t: 'ptr',
v: true,
tf: [[0.75, 0.075, 2], [0, 0, 0], [1.5, 1.2, 0.1]],
dt: {in: [], out: [], center: [], ptrWidth: 1.5, ptrDepth: 1.5, ptrHeight: 1.98}
dt: { in: [], out: [], center: [], ptrWidth: 1.5, ptrDepth: 1.5, ptrHeight: 1.98 }
}, {
id: 'ptr2',
t: 'ptr',
v: true,
tf: [[3, 0.075, 2], [0, 0, 0], [1.5, 1.2, 0.1]],
dt: {in: [], out: [], center: [], ptrWidth: 1.5, ptrDepth: 1.5, ptrHeight: 1.98}
dt: { in: [], out: [], center: [], ptrWidth: 1.5, ptrDepth: 1.5, ptrHeight: 1.98 }
}, {
id: 'pallet3',
t: 'pallet',
v: true,
tf: [[3, 0.175, 1.88], [0, 0, 0], [1.5, 1.2, 0.1]],
dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
dt: { in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2 }
}, {
id: 'pallet4',
t: 'pallet',
v: true,
tf: [[0.75, 0.175, 3.5], [0, 0, 0], [1.5, 1.2, 0.1]],
dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
dt: { in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2 }
}
]
},
{
catalogCode: 'f2', t: 'floor', // 楼层
items: [{
id: 'rack1',
t: 'rack',
v: true,
tf: [[4.196, 0.1, 5.882], [0, 270, 0], [1, 1, 1]],
dt: {
rackDepth: 1,
rackWidth: 5.1,
rackHeight: 4.2,
levelCount: 3,
bayCount: 4,
hideFloor: false,
extendColumns: true,
columnSpacing: 1,
bays: [
{bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4]},
{bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4]},
{bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4]},
{bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4]}],
center: [],
in: [],
out: []
}
}, {id: '3ExXFSuV9WB2WMY2Quyq6L', t: 'measure', v: true, tf: [[0, 0.1, 0], [90, 0, 0], [0.1, 0.1, 0.1]], dt: {in: [], out: [], center: ['4YZKo6XtvL2migaIUmakAr', '7Ik2sRdDZy8Q6sC00AaqCv']}}, {
id: '3ExXFSuV9WB2WMY2Quyq6L',
t: 'measure',
v: true,
tf: [[0, 0.1, 0], [90, 0, 0], [0.1, 0.1, 0.1]],
dt: {in: [], out: [], center: ['4YZKo6XtvL2migaIUmakAr', '7Ik2sRdDZy8Q6sC00AaqCv']}
}, {id: '4YZKo6XtvL2migaIUmakAr', t: 'measure', v: true, tf: [[8.4, 0.1, 0], [90, 0, 0], [0.1, 0.1, 0.1]], dt: {in: [], out: [], center: ['3ExXFSuV9WB2WMY2Quyq6L', '3cdb6OHkp132soSsgW8McA']}}, {
id: '3cdb6OHkp132soSsgW8McA',
t: 'measure',
v: true,
tf: [[8.4, 0.1, 9], [90, 0, 0], [0.1, 0.1, 0.1]],
dt: {in: [], out: [], center: ['4YZKo6XtvL2migaIUmakAr', '7Ik2sRdDZy8Q6sC00AaqCv']}
}, {id: '7Ik2sRdDZy8Q6sC00AaqCv', t: 'measure', v: true, tf: [[0, 0.1, 9], [90, 0, 0], [0.1, 0.1, 0.1]], dt: {in: [], out: [], center: ['3cdb6OHkp132soSsgW8McA', '3ExXFSuV9WB2WMY2Quyq6L']}}, {
id: '6Vu3dX1V7Si0ISWIiCkoEh',
t: 'gstore',
v: true,
tf: [[1.5, 0.1, 0.63], [0, 0, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3}
}, {id: '592UY0EMScbwIyQqgs8aAs', t: 'gstore', v: true, tf: [[3.9, 0.1, 0.63], [0, 0, 0], [1, 1, 1]], dt: {in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3}}, {
id: '38TYyVWMGLf8OogQMIiSOz',
t: 'gstore',
v: true,
tf: [[7.1, 0.1, 2.865], [0, 90, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3}
}, {id: '1hAaZ1xtvukZowAKeWAcqs', t: 'gstore', v: true, tf: [[7.1, 0.1, 4.35], [0, 90, 0], [1, 1, 1]], dt: {in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3}}, {
id: '28GxDYUqDwZc2WsOgMU2wi',
t: 'gstore',
v: true,
tf: [[7.1, 0.1, 6.75], [0, 90, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3}
}, {id: '2fWOnUmFpvYyCWEqAyU0QC', t: 'way', v: true, tf: [[1.5, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['09PTEMUnACWY0MUG4qmk0r']}}, {
id: '09PTEMUnACWY0MUG4qmk0r',
t: 'way',
v: true,
tf: [[2.7, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['2fWOnUmFpvYyCWEqAyU0QC', '2CSDVrpqthaiQuyWUymCwy', '0mVU9FacN1fmCAmQqwWgIZ']}
}, {id: '2CSDVrpqthaiQuyWUymCwy', t: 'way', v: true, tf: [[3.9, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['09PTEMUnACWY0MUG4qmk0r']}}, {
id: '0mVU9FacN1fmCAmQqwWgIZ',
t: 'way',
v: true,
tf: [[2.7, 0.1, 2.832], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['09PTEMUnACWY0MUG4qmk0r', '7LuzEYQQI7OQcEUekEqWcm']}
}, {id: '7LuzEYQQI7OQcEUekEqWcm', t: 'way', v: true, tf: [[2.7, 0.1, 3.932], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['0mVU9FacN1fmCAmQqwWgIZ', '2RForJhOHXtcw0gq8mYAMh']}}, {
id: '2RForJhOHXtcw0gq8mYAMh',
t: 'way',
v: true,
tf: [[2.7, 0.1, 4.582], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['7LuzEYQQI7OQcEUekEqWcm', '32vDSCKBrgMWycW0ySIgsJ']}
}, {id: '32vDSCKBrgMWycW0ySIgsJ', t: 'way', v: true, tf: [[2.7, 0.1, 5.232], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['2RForJhOHXtcw0gq8mYAMh', '0wcYKcGQialFQCGkAa6aYB']}}, {
id: '0wcYKcGQialFQCGkAa6aYB',
t: 'way',
v: true,
tf: [[2.7, 0.1, 5.882], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['32vDSCKBrgMWycW0ySIgsJ', '55g6mUWBdozg4m2ueUEUsy']}
}, {id: '55g6mUWBdozg4m2ueUEUsy', t: 'way', v: true, tf: [[2.7, 0.1, 6.532], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['0wcYKcGQialFQCGkAa6aYB', '5iKoIUBhnU08EM0IsoyOSW']}}, {
id: '5iKoIUBhnU08EM0IsoyOSW',
t: 'way',
v: true,
tf: [[2.7, 0.1, 7.632], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['55g6mUWBdozg4m2ueUEUsy']}
}, {
id: '3ZP01pHXJRuyeg24oCaaMq',
t: 'way',
v: true,
tf: [[5.65, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['5onDSGuIKBpUQo6g0EIsuS']}
}, {id: '5onDSGuIKBpUQo6g0EIsuS', t: 'way', v: true, tf: [[5.65, 0.1, 2.865], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['3ZP01pHXJRuyeg24oCaaMq', '41A0CKR8cFW8wKkcSMQ4uk']}}, {
id: '41A0CKR8cFW8wKkcSMQ4uk',
t: 'way',
v: true,
tf: [[5.65, 0.1, 3.932], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['5onDSGuIKBpUQo6g0EIsuS', '4PunEz5C3Xk66EaOgMEuMq']}
}, {id: '4PunEz5C3Xk66EaOgMEuMq', t: 'way', v: true, tf: [[5.65, 0.1, 4.348], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['41A0CKR8cFW8wKkcSMQ4uk', '6oCW8i0dpRtuCEIWIaAcQi']}}, {
id: '6oCW8i0dpRtuCEIWIaAcQi',
t: 'way',
v: true,
tf: [[5.65, 0.1, 5.232], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['4PunEz5C3Xk66EaOgMEuMq', '3C9Z8c6oxQbWcS4uSGkC8b']}
}, {id: '3C9Z8c6oxQbWcS4uSGkC8b', t: 'way', v: true, tf: [[5.65, 0.1, 5.882], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['6oCW8i0dpRtuCEIWIaAcQi', '1jJX8KZLMPSSCwuCOU6AQz']}}, {
id: '1jJX8KZLMPSSCwuCOU6AQz',
t: 'way',
v: true,
tf: [[5.65, 0.1, 6.532], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['3C9Z8c6oxQbWcS4uSGkC8b', '0aJ81sOKqm9FYo60AIQmMG']}
}, {id: '0aJ81sOKqm9FYo60AIQmMG', t: 'way', v: true, tf: [[5.65, 0.1, 6.744], [90, 0, 0], [0.25, 0.25, 0.1]], dt: {in: [], out: [], center: ['1jJX8KZLMPSSCwuCOU6AQz', '2qtxSDVn30EcI2uY4W0CWf']}}, {
id: '2qtxSDVn30EcI2uY4W0CWf',
t: 'way',
v: true,
tf: [[5.65, 0.1, 7.632], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: {in: [], out: [], center: ['0aJ81sOKqm9FYo60AIQmMG']}
}, {
id: 'ptr1',
t: 'ptr',
v: true,
tf: [[5.65, 0.1, 2.865], [0, -90, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], ptrWidth: 1.5, ptrDepth: 1.5, ptrHeight: 1.98}
}, {
id: 'clx1',
t: 'clx',
v: true,
tf: [[1.5, 0.1, 2.13], [0, 0, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], clxWidth: 1.65, clxDepth: 1.65, clxHeight: 3.393}
}, {
id: 'charger1',
t: 'charger',
v: true,
tf: [[2.696, 0.1, 8.75], [0, 0, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], chargerWidth: 0.53, chargerDepth: 0.275, clxHeight: 0.3}
}, {
id: 'charger2',
t: 'charger',
v: true,
tf: [[5.655, 0.1, 8.75], [0, 0, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], chargerWidth: 0.53, chargerDepth: 0.275, clxHeight: 0.3}
}, {
id: 'pallet1122',
t: 'pallet',
v: true,
tf: [[1.5, 0.1, 0.63], [0, 0, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
}, {
id: 'pallet1123',
t: 'pallet',
v: true,
tf: [[7.100, 0.1, 4.35], [0, 90, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
}, {
id: 'pallet1124',
t: 'pallet',
v: true,
tf: [[4.196, 0.1, 3.95], [0, 90, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
}, {
id: 'pallet1125',
t: 'pallet',
v: true,
tf: [[4.196, 0.1, 5.225], [0, 90, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
}, {
id: 'pallet1126',
t: 'pallet',
v: true,
tf: [[4.196, 0.1, 7.775], [0, 90, 0], [1, 1, 1]],
dt: {in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2}
}]
catalogCode: 'f2', t: 'floor',
items: [
{
id: 'rack1',
t: 'rack',
v: true,
tf: [[4.196, 0.1, 5.882], [0, 270, 0], [1, 1, 1]],
dt: {
rackDepth: 1,
rackWidth: 5.1,
rackHeight: 4.2,
levelCount: 3,
bayCount: 4,
hideFloor: false,
extendColumns: true,
columnSpacing: 1,
bays: [
{ bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4] },
{ bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4] },
{ bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4] },
{ bayWidth: 1.275, levelHeight: [1.4, 1.4, 1.4] }],
center: [],
in: [],
out: []
}
}, { id: '3ExXFSuV9WB2WMY2Quyq6L', t: 'measure', v: true, tf: [[0, 0.1, 0], [90, 0, 0], [0.1, 0.1, 0.1]], dt: { in: [], out: [], center: ['4YZKo6XtvL2migaIUmakAr', '7Ik2sRdDZy8Q6sC00AaqCv'] } }, {
id: '3ExXFSuV9WB2WMY2Quyq6L',
t: 'measure',
v: true,
tf: [[0, 0.1, 0], [90, 0, 0], [0.1, 0.1, 0.1]],
dt: { in: [], out: [], center: ['4YZKo6XtvL2migaIUmakAr', '7Ik2sRdDZy8Q6sC00AaqCv'] }
}, { id: '4YZKo6XtvL2migaIUmakAr', t: 'measure', v: true, tf: [[8.4, 0.1, 0], [90, 0, 0], [0.1, 0.1, 0.1]], dt: { in: [], out: [], center: ['3ExXFSuV9WB2WMY2Quyq6L', '3cdb6OHkp132soSsgW8McA'] } }, {
id: '3cdb6OHkp132soSsgW8McA',
t: 'measure',
v: true,
tf: [[8.4, 0.1, 9], [90, 0, 0], [0.1, 0.1, 0.1]],
dt: { in: [], out: [], center: ['4YZKo6XtvL2migaIUmakAr', '7Ik2sRdDZy8Q6sC00AaqCv'] }
}, { id: '7Ik2sRdDZy8Q6sC00AaqCv', t: 'measure', v: true, tf: [[0, 0.1, 9], [90, 0, 0], [0.1, 0.1, 0.1]], dt: { in: [], out: [], center: ['3cdb6OHkp132soSsgW8McA', '3ExXFSuV9WB2WMY2Quyq6L'] } }, {
id: '6Vu3dX1V7Si0ISWIiCkoEh',
t: 'gstore',
v: true,
tf: [[1.5, 0.1, 0.63], [0, 0, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3 }
}, { id: '592UY0EMScbwIyQqgs8aAs', t: 'gstore', v: true, tf: [[3.9, 0.1, 0.63], [0, 0, 0], [1, 1, 1]], dt: { in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3 } }, {
id: '38TYyVWMGLf8OogQMIiSOz',
t: 'gstore',
v: true,
tf: [[7.1, 0.1, 2.865], [0, 90, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3 }
}, { id: '1hAaZ1xtvukZowAKeWAcqs', t: 'gstore', v: true, tf: [[7.1, 0.1, 4.35], [0, 90, 0], [1, 1, 1]], dt: { in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3 } }, {
id: '28GxDYUqDwZc2WsOgMU2wi',
t: 'gstore',
v: true,
tf: [[7.1, 0.1, 6.75], [0, 90, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], storeWidth: 1.1, storeDepth: 1.3 }
}, { id: '2fWOnUmFpvYyCWEqAyU0QC', t: 'way', v: true, tf: [[1.5, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]], dt: { in: [], out: [], center: ['09PTEMUnACWY0MUG4qmk0r'] } }, {
id: '09PTEMUnACWY0MUG4qmk0r',
t: 'way',
v: true,
tf: [[2.7, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: { in: [], out: [], center: ['2fWOnUmFpvYyCWEqAyU0QC', '2CSDVrpqthaiQuyWUymCwy', '0mVU9FacN1fmCAmQqwWgIZ'] }
}, { id: '2CSDVrpqthaiQuyWUymCwy', t: 'way', v: true, tf: [[3.9, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]], dt: { in: [], out: [], center: ['09PTEMUnACWY0MUG4qmk0r'] } }, {
id: '0mVU9FacN1fmCAmQqwWgIZ',
t: 'way',
v: true,
tf: [[2.7, 0.1, 2.832], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: { in: [], out: [], center: ['09PTEMUnACWY0MUG4qmk0r', '7LuzEYQQI7OQcEUekEqWcm'] }
}, { id: '7LuzEYQQI7OQcEUekEqWcm', t: 'way', v: true, tf: [[2.7, 0.1, 3.932], [90, 0, 0], [0.25, 0.25, 0.1]], dt: { in: [], out: [], center: ['0mVU9FacN1fmCAmQqwWgIZ', '2RForJhOHXtcw0gq8mYAMh'] } }, {
id: '2RForJhOHXtcw0gq8mYAMh',
t: 'way',
v: true,
tf: [[2.7, 0.1, 4.582], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: { in: [], out: [], center: ['7LuzEYQQI7OQcEUekEqWcm', '32vDSCKBrgMWycW0ySIgsJ'] }
}, { id: '32vDSCKBrgMWycW0ySIgsJ', t: 'way', v: true, tf: [[2.7, 0.1, 5.232], [90, 0, 0], [0.25, 0.25, 0.1]], dt: { in: [], out: [], center: ['2RForJhOHXtcw0gq8mYAMh', '0wcYKcGQialFQCGkAa6aYB'] } }, {
id: '0wcYKcGQialFQCGkAa6aYB',
t: 'way',
v: true,
tf: [[2.7, 0.1, 5.882], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: { in: [], out: [], center: ['32vDSCKBrgMWycW0ySIgsJ', '55g6mUWBdozg4m2ueUEUsy'] }
}, { id: '55g6mUWBdozg4m2ueUEUsy', t: 'way', v: true, tf: [[2.7, 0.1, 6.532], [90, 0, 0], [0.25, 0.25, 0.1]], dt: { in: [], out: [], center: ['0wcYKcGQialFQCGkAa6aYB', '5iKoIUBhnU08EM0IsoyOSW'] } }, {
id: '5iKoIUBhnU08EM0IsoyOSW',
t: 'way',
v: true,
tf: [[2.7, 0.1, 7.632], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: { in: [], out: [], center: ['55g6mUWBdozg4m2ueUEUsy'] }
}, {
id: '3ZP01pHXJRuyeg24oCaaMq',
t: 'way',
v: true,
tf: [[5.65, 0.1, 2.13], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: { in: [], out: [], center: ['5onDSGuIKBpUQo6g0EIsuS'] }
}, { id: '5onDSGuIKBpUQo6g0EIsuS', t: 'way', v: true, tf: [[5.65, 0.1, 2.865], [90, 0, 0], [0.25, 0.25, 0.1]], dt: { in: [], out: [], center: ['3ZP01pHXJRuyeg24oCaaMq', '41A0CKR8cFW8wKkcSMQ4uk'] } }, {
id: '41A0CKR8cFW8wKkcSMQ4uk',
t: 'way',
v: true,
tf: [[5.65, 0.1, 3.932], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: { in: [], out: [], center: ['5onDSGuIKBpUQo6g0EIsuS', '4PunEz5C3Xk66EaOgMEuMq'] }
}, { id: '4PunEz5C3Xk66EaOgMEuMq', t: 'way', v: true, tf: [[5.65, 0.1, 4.348], [90, 0, 0], [0.25, 0.25, 0.1]], dt: { in: [], out: [], center: ['41A0CKR8cFW8wKkcSMQ4uk', '6oCW8i0dpRtuCEIWIaAcQi'] } }, {
id: '6oCW8i0dpRtuCEIWIaAcQi',
t: 'way',
v: true,
tf: [[5.65, 0.1, 5.232], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: { in: [], out: [], center: ['4PunEz5C3Xk66EaOgMEuMq', '3C9Z8c6oxQbWcS4uSGkC8b'] }
}, { id: '3C9Z8c6oxQbWcS4uSGkC8b', t: 'way', v: true, tf: [[5.65, 0.1, 5.882], [90, 0, 0], [0.25, 0.25, 0.1]], dt: { in: [], out: [], center: ['6oCW8i0dpRtuCEIWIaAcQi', '1jJX8KZLMPSSCwuCOU6AQz'] } }, {
id: '1jJX8KZLMPSSCwuCOU6AQz',
t: 'way',
v: true,
tf: [[5.65, 0.1, 6.532], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: { in: [], out: [], center: ['3C9Z8c6oxQbWcS4uSGkC8b', '0aJ81sOKqm9FYo60AIQmMG'] }
}, { id: '0aJ81sOKqm9FYo60AIQmMG', t: 'way', v: true, tf: [[5.65, 0.1, 6.744], [90, 0, 0], [0.25, 0.25, 0.1]], dt: { in: [], out: [], center: ['1jJX8KZLMPSSCwuCOU6AQz', '2qtxSDVn30EcI2uY4W0CWf'] } }, {
id: '2qtxSDVn30EcI2uY4W0CWf',
t: 'way',
v: true,
tf: [[5.65, 0.1, 7.632], [90, 0, 0], [0.25, 0.25, 0.1]],
dt: { in: [], out: [], center: ['0aJ81sOKqm9FYo60AIQmMG'] }
}, {
id: 'ptr1',
t: 'ptr',
v: true,
tf: [[5.65, 0.1, 2.865], [0, -90, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], ptrWidth: 1.5, ptrDepth: 1.5, ptrHeight: 1.98 }
}, {
id: 'clx1',
t: 'clx',
v: true,
tf: [[1.5, 0.1, 2.13], [0, 0, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], clxWidth: 1.65, clxDepth: 1.65, clxHeight: 3.393 }
}, {
id: 'charger1',
t: 'charger',
v: true,
tf: [[2.696, 0.1, 8.75], [0, 0, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], chargerWidth: 0.53, chargerDepth: 0.275, clxHeight: 0.3 }
}, {
id: 'charger2',
t: 'charger',
v: true,
tf: [[5.655, 0.1, 8.75], [0, 0, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], chargerWidth: 0.53, chargerDepth: 0.275, clxHeight: 0.3 }
}, {
id: 'pallet1122',
t: 'pallet',
v: true,
tf: [[1.5, 0.1, 0.63], [0, 0, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2 }
}, {
id: 'pallet1123',
t: 'pallet',
v: true,
tf: [[7.100, 0.1, 4.35], [0, 90, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2 }
}, {
id: 'pallet1124',
t: 'pallet',
v: true,
tf: [[4.196, 0.1, 3.95], [0, 90, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2 }
}, {
id: 'pallet1125',
t: 'pallet',
v: true,
tf: [[4.196, 0.1, 5.225], [0, 90, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2 }
}, {
id: 'pallet1126',
t: 'pallet',
v: true,
tf: [[4.196, 0.1, 7.775], [0, 90, 0], [1, 1, 1]],
dt: { in: [], out: [], center: [], palletWidth: 1, palletDepth: 1.2 }
}]
},
{
catalogCode: '__f1', t: 'floor',
items: buildAgvPerformanceData(100, 100)
}
],
elevator: [], // 电梯
@ -367,41 +331,41 @@ export default {
{
label: '仓库楼层', // 目录分组名
items: [
{catalogCode: '-f1', label: '地下室 (-f1)'}, // 目录项
{catalogCode: 'f1', label: '一楼 (f1)'},
{catalogCode: 'f2', label: '二楼 (f2)'},
{catalogCode: 'OUT', label: '外场 (OUT)'},
{catalogCode: 'fe', label: '楼层电梯 (fe)'}
{ catalogCode: '__f1', label: '地下室 (-f1)' }, // 目录项
{ catalogCode: 'f1', label: '一楼 (f1)' },
{ catalogCode: 'f2', label: '二楼 (f2)' },
{ catalogCode: 'OUT', label: '外场 (OUT)' },
{ catalogCode: 'fe', label: '楼层电梯 (fe)' }
]
},
{
label: '密集库区域',
items: [
{catalogCode: 'm1', label: 'M1 (m1)'},
{catalogCode: 'm2', label: 'M2 (m2)'},
{catalogCode: 'm3', label: 'M3 (m3)'},
{catalogCode: 'm4', label: 'M4 (m4)'},
{catalogCode: 'me', label: '提升机 (me)'}
{ catalogCode: 'm1', label: 'M1 (m1)' },
{ catalogCode: 'm2', label: 'M2 (m2)' },
{ catalogCode: 'm3', label: 'M3 (m3)' },
{ catalogCode: 'm4', label: 'M4 (m4)' },
{ catalogCode: 'me', label: '提升机 (me)' }
]
},
{
label: '多穿库A',
items: [
{catalogCode: 'd1', label: 'D1 (d1)'},
{catalogCode: 'd2', label: 'D2 (d2)'},
{catalogCode: 'd3', label: 'D3 (d3)'},
{catalogCode: 'd4', label: 'D4 (d4)'},
{catalogCode: 'de1', label: '提升机 (de1)'}
{ catalogCode: 'd1', label: 'D1 (d1)' },
{ catalogCode: 'd2', label: 'D2 (d2)' },
{ catalogCode: 'd3', label: 'D3 (d3)' },
{ catalogCode: 'd4', label: 'D4 (d4)' },
{ catalogCode: 'de1', label: '提升机 (de1)' }
]
},
{
label: '多穿库B',
items: [
{catalogCode: 'e1', label: 'E1 (e1)'},
{catalogCode: 'e2', label: 'E2 (e2)'},
{catalogCode: 'e3', label: 'E3 (e3)'},
{catalogCode: 'e4', label: 'E4 (e4)'},
{catalogCode: 'ee1', label: '提升机 (ee1)'}
{ catalogCode: 'e1', label: 'E1 (e1)' },
{ catalogCode: 'e2', label: 'E2 (e2)' },
{ catalogCode: 'e3', label: 'E3 (e3)' },
{ catalogCode: 'e4', label: 'E4 (e4)' },
{ catalogCode: 'ee1', label: '提升机 (ee1)' }
]
}
]

61
src/router/index.ts
View File

@ -1,35 +1,40 @@
import { createRouter, createWebHashHistory } from 'vue-router'
const router = createRouter({
history: createWebHashHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
name: 'home',
// 自动引导到 /editor
redirect: '/editor'
},
{
path: '/editor',
name: 'editor',
// component: HomeView,
component: () => import('../editor/ModelMain.vue')
},
{
path: '/about',
name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import('../views/AboutView.vue')
},
history: createWebHashHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
name: 'home',
// 自动引导到 /editor
redirect: '/editor'
},
{
path: '/fabric',
name: 'fabric',
component: () => import('@/components/FabricView.vue')
},
{
path: '/editor',
name: 'editor',
// component: HomeView,
component: () => import('../editor/ModelMain.vue')
},
{
path: '/about',
name: 'about',
// route level code-splitting
// this generates a separate chunk (About.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import('../views/AboutView.vue')
},
{
path: '/DataForm01',
name: 'DataForm01',
component: () => import('@/pages/DataForm01.vue'),
},
]
{
path: '/DataForm01',
name: 'DataForm01',
component: () => import('@/pages/DataForm01.vue')
}
]
})
export default router

7
src/types/fabricExtensions.d.ts
View File

@ -0,0 +1,7 @@
import 'fabric'
declare module 'fabric' {
interface Canvas {
enableMouseWheel: boolean
}
}
Write Preview
Loading…
Cancel
Save