Тип изделия
Другие типы поверхности доступны по индивидуальному запросу, однако данный конфигуратор ориентирован на ступени безопасности с поверхностью «крокодилья пасть» в стиле Grip Strut.
914 мм — стандартная эталонная длина. Индивидуальные размеры рассчитываются после проверки на заводе.
241 мм — стандартная эталонная ширина. Индивидуальные размеры рассчитываются после проверки на заводе.
38 мм — стандартная высота бокового канала. Индивидуальные размеры рассчитываются после проверки на заводе.
Верхний выступ определяется оснасткой и процессом формовки. Подтверждается заводом для нестандартных размеров.
Алюминий 3.0 мм — основной вариант. Другие толщины рассчитываются после проверки на заводе.
Алюминий имеет меньший вес по сравнению со сталью и рекомендуется для заказов ступеней, чувствительных к стоимости доставки.
Данный конфигуратор ориентирован на ступени безопасности с поверхностью «крокодилья пасть» в стиле Grip Strut. Другие типы поверхности доступны по отдельному запросу на заводе.
Как это работает
Настроить
Set dimensions, material & quantity
Посмотреть оценку
Справочная оценка коробки
Отправить спецификацию
WhatsApp или Email в один клик
Получить цену
Подтвержденная цена в течение 24ч
Часто задаваемые вопросы
Окончательная ли цена в конфигураторе?
Нет. Конфигуратор показывает только справочные оценки за коробку. Окончательная цена доставки зависит от почтового индекса, материала, фактического веса брутто, количества коробок, расположения отверстий, надбавки за удаленный район и доступного маршрута перевозки.
Какова стандартная конфигурация алюминия?
Стандартная конфигурация: длина 914 мм × ширина 241 мм × высота бокового канала 38 мм, верхний выступ около 11 мм, толщина алюминия 3,0 мм. Стандартная упаковка: 5 шт. в коробке.
Где расположены монтажные отверстия?
Стандартное изделие имеет 4 монтажных отверстия на коротких концах. Каждая короткая торцевая пластина имеет 1 круглое и 1 продолговатое отверстие. Длинные боковые каналы не имеют отверстий в стандартном исполнении.
Можно ли добавить отверстия на длинной стороне?
Да. Отверстия на длинной стороне, дополнительные отверстия, другое расстояние или нестандартное расположение могут быть рассчитаны как индивидуальный / OEM заказ. Отправьте чертеж, размер отверстий, расстояние, материал, количество и почтовый индекс для проверки заводом.
Какой материал выбрать?
Алюминий 3,0 мм — основной вариант для заказов на ступени, чувствительных к доставке. Текущая партия образцов оцинкованной стали Q235B доступна только быстрой авиадоставкой DDP. Горячее цинкование и нержавеющая сталь 304/316 могут быть предложены для более агрессивных или коррозионно-чувствительных сред.
Можно ли использовать DXF напрямую для производства?
Нет. Экспортированный DXF — только черновой вариант. Окончательный производственный чертеж, расположение отверстий, детали гибки и технологичность должны быть подтверждены заводской командой перед производством.
Безопасны ли края при обращении?
Металлические края и выступающие зубья могут быть острыми. Надевайте устойчивые к порезам перчатки при обращении и установке. Покупатель должен подтвердить пригодность для конечного применения и метода установки.
Какой минимальный заказ для индивидуального / OEM?
Индивидуальные размеры или раскладка отверстий обычно начинаются от 100 шт., в зависимости от чертежа, размера, схемы отверстий, материала, возможности формовки и требований к упаковке.
Инженерные и BIM ресурсы
Проектируете проход, платформу или лестницу? Получите инженерные данные для прямой вставки ступени Grip Strut в вашу модель и тендерный пакет — глубина канала, открытая площадь, расположение монтажных отверстий и ориентация нагрузки под вашу точную конфигурацию.
2D размерные чертежи
PDF / DWG рабочие чертежи с размерами ширины, длины, глубины канала, шага планок и расстояния между отверстиями под болты в соответствии с выбранной спецификацией.
3D / BIM модели
Твердотельные модели STEP / IGES и 2D/3D справочные файлы по запросу, чтобы настроенная планка попала в вашу структурную модель с правильным размером и весом.
Спецификация и документация
Единый лист документации, охватывающий марку материала, отделку, рисунок поверхности и ориентацию пролета — может быть подготовлен после заводской проверки или пакета утверждения.
Нужны чертежи для вашей конфигурации?
Настроить your step tread above, then request the matching drawing pack. We prepare 2D/3D files and the submittal sheet for your exact width, length, gauge and material.
Запросить пакет чертежейХарактеристики на первый взгляд
Краткие справочные данные по безопасной ступени в стиле Grip Strut, настраиваемой и отправляемой напрямую с завода Leading Top Union.
Диапазон ширины
Стандартный размер: 241 мм. Индивидуальная ширина рассчитывается после заводской проверки для конкретных применений.
Диапазон длины
Стандартный размер: 914 мм. Индивидуальная длина рассчитывается после заводской проверки для конкретных применений.
Глубина канала
Стандартный размер: 38 мм. Индивидуальная глубина рассчитывается после заводской проверки.
Калибр / Толщина
Калибры 16, 14, 13, 12, 10, 8. 12 ga (около 2,7 мм) — стандартный выбор для промышленных ступеней.
Материалы
Алюминий 3,0 мм (основной вариант), алюминий 5052/6061 (~35% веса стали), нержавеющая сталь 304/316 для коррозионных сред.
Рисунок поверхности
Serrated crocodile-mouth anti-slip. 3-diamond (7″) in-stock standard; 5-diamond (11¾″) and perforated made to order.
Packaging
5 шт. в коробке, примерно 20 кг брутто за коробку при стандартной спецификации 11,75″ × 12 футов, калибр 12, оцинковка.
Срок выполнения
В наличии: производство 2-3 дня. Доставка в США (Запад) 25-35 дней морем или 7-12 дней авиа DDP. Опт от 50 шт., индивидуальный/OEM от 100 шт.
Цены
Стандартная оцинковка от 329 долл. США/коробка (5 шт.) DDP Западное побережье США — фрахт, таможня, доставка включены.
Get Quick QuoteFast Response // ── Imports ── import * as THREE from 'https://esm.sh/three@0.160.0'; import { OrbitControls } from 'https://esm.sh/three@0.160.0/examples/jsm/controls/OrbitControls.js?bundle'; // ── State ── let scene, camera, renderer, controls, plateMesh, plateGroup; let animId = null; let wIn = 9.5, lFt = 3, depthIn = 1.5, material = 'aluminum', hasFlange = true; const matColors = { 'steel': new THREE.Color('#a8b4bc'), 'aluminum': new THREE.Color('#d4d8dd'), '304': new THREE.Color('#ccd0d4'), 'stainless': new THREE.Color('#ccd0d4'), }; // ── AlphaMap Generator — surface-aware hole pattern ── // surface: 'serrated-3' | 'serrated' | 'perforated' | 'traction' // 缓存避免每次滑块变化都重新生成 const _alphaCache = {}; function generateAlphaMap(plateW, plateL, surface) { const cacheKey = plateW.toFixed(1) + "_" + plateL.toFixed(1) + "_" + surface; if (_alphaCache[cacheKey]) return _alphaCache[cacheKey]; const SIZE = 512; // 从2048降至512，速度提升16倍 const cv = document.createElement('canvas'); cv.width = SIZE; cv.height = SIZE; const ctx = cv.getContext('2d'); ctx.fillStyle = '#ffffff'; ctx.fillRect(0, 0, SIZE, SIZE); ctx.fillStyle = '#000000'; const MAX_CELLS = 50; // 限制最大网格数，防止超长板阻塞 const scale = SIZE / Math.max(plateW, plateL); const s = surface || 'serrated-3'; if (s.indexOf('perf') > -1) { const r = 0.35 * scale, gap = 0.7 * scale; let cols = Math.floor(plateW * scale / (r*2 + gap)); let rows = Math.floor(plateL * scale / (r*2 + gap)); if (cols * rows > MAX_CELLS * MAX_CELLS) { const ratio = Math.sqrt(MAX_CELLS*MAX_CELLS/(cols*rows)); cols = Math.max(2, Math.floor(cols*ratio)); rows = Math.max(2, Math.floor(rows*ratio)); } const ox = (SIZE - cols*(r*2+gap) + gap)/2, oy = (SIZE - rows*(r*2+gap) + gap)/2; for (let row = 0; row < rows; row++) { const stagger = (row % 2) * (r + gap/2); for (let col = 0; col < cols; col++) { ctx.beginPath(); ctx.arc(ox + col*(r*2+gap) + stagger + r, oy + row*(r*2+gap) + r, r, 0, Math.PI*2); ctx.fill(); } } } else if (s.indexOf('traction') > -1) { const r = 0.2 * scale, gap = 0.4 * scale; let cols = Math.floor(plateW * scale / (r*2 + gap)); let rows = Math.floor(plateL * scale / (r*2 + gap)); if (cols * rows > MAX_CELLS * MAX_CELLS) { const ratio = Math.sqrt(MAX_CELLS*MAX_CELLS/(cols*rows)); cols = Math.max(2, Math.floor(cols*ratio)); rows = Math.max(2, Math.floor(rows*ratio)); } const ox = (SIZE - cols*(r*2+gap) + gap)/2, oy = (SIZE - rows*(r*2+gap) + gap)/2; for (let row = 0; row < rows; row++) { for (let col = 0; col < cols; col++) { ctx.beginPath(); ctx.arc(ox + col*(r*2+gap) + r, oy + row*(r*2+gap) + r, r, 0, Math.PI*2); ctx.fill(); } } } else { const mw = 1.45 * scale, mh = 0.70 * scale; const hgap = 0.50 * scale, vgap = 1.55 * scale; let cols = Math.floor(plateW * scale / (mw + hgap)); let rows = Math.floor(plateL * scale / vgap); if (cols * rows > MAX_CELLS * MAX_CELLS) { const ratio = Math.sqrt(MAX_CELLS*MAX_CELLS/(cols*rows)); cols = Math.max(2, Math.floor(cols*ratio)); rows = Math.max(2, Math.floor(rows*ratio)); } const ox = (SIZE - (cols*(mw+hgap) - hgap))/2, oy = (SIZE - rows*vgap)/2; const nw = mw * 0.38; // width of narrow tip zone for (let row = 0; row < rows; row++) { const stagger = (row % 2) * (mw + hgap)/2; for (let col = 0; col < cols; col++) { const cx = ox + col*(mw+hgap) + stagger + mw/2; const cy = oy + row*vgap + mh/2; const lx = cx - mw/2, rx = cx + mw/2; const ty = cy - mh/2, by = cy + mh/2; // Stretched hexagon — pointed ends, tapered middle ctx.beginPath(); ctx.moveTo(lx + nw, ty); ctx.lineTo(rx - nw, ty); ctx.quadraticCurveTo(rx - nw*0.4, cy - mh*0.08, rx - nw*0.12, cy); ctx.quadraticCurveTo(rx - nw*0.4, cy + mh*0.08, rx - nw, by); ctx.lineTo(lx + nw, by); ctx.quadraticCurveTo(lx + nw*0.4, cy + mh*0.08, lx + nw*0.12, cy); ctx.quadraticCurveTo(lx + nw*0.4, cy - mh*0.08, lx + nw, ty); ctx.closePath(); ctx.fill(); // Tiny serration bumps along the tapered edges const bw = mw * 0.04; for (let b = 1; b <= 2; b++) { const frac = b / 3; // Left top serration ctx.beginPath(); ctx.ellipse(lx + nw*(1-frac), ty + mh*0.08, bw*0.6, bw, -Math.PI*0.3, 0, Math.PI*2); ctx.fill(); // Left bottom serration ctx.beginPath(); ctx.ellipse(lx + nw*(1-frac), by - mh*0.08, bw*0.6, bw, Math.PI*0.3, 0, Math.PI*2); ctx.fill(); // Right top serration ctx.beginPath(); ctx.ellipse(rx - nw*(1-frac), ty + mh*0.08, bw*0.6, bw, -Math.PI*1.3, 0, Math.PI*2); ctx.fill(); // Right bottom serration ctx.beginPath(); ctx.ellipse(rx - nw*(1-frac), by - mh*0.08, bw*0.6, bw, Math.PI*1.3, 0, Math.PI*2); ctx.fill(); } } } } const tex = new THREE.CanvasTexture(cv); tex.wrapS = THREE.ClampToEdgeWrapping; tex.wrapT = THREE.ClampToEdgeWrapping; tex.minFilter = THREE.LinearMipmapLinearFilter; tex.magFilter = THREE.LinearFilter; tex.generateMipmaps = true; _alphaCache[cacheKey] = tex; return tex; } // ── 3D Scene Init ── function init3D() { const canvas = document.getElementById('viewer-3d'); if (!canvas) return; // Renderer renderer = new THREE.WebGLRenderer({ canvas, antialias: true, alpha: false }); renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)); renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.1; // Scene scene = new THREE.Scene(); scene.background = new THREE.Color('#1e293b'); scene.fog = new THREE.Fog('#1e293b', 3, 12); // Camera camera = new THREE.PerspectiveCamera(40, 1, 0.1, 20); camera.position.set(2.2, 1.6, 2.4); // Lights — 4-point studio setup for metallic surfaces const amb = new THREE.AmbientLight('#8899bb', 0.4); scene.add(amb); const key = new THREE.DirectionalLight('#ffffff', 1.6); key.position.set(4, 6, 3); key.castShadow = true; key.shadow.mapSize.set(1024,1024); key.shadow.camera.near=0.5; key.shadow.camera.far=20; key.shadow.camera.left=-5; key.shadow.camera.right=5; key.shadow.camera.top=5; key.shadow.camera.bottom=-5; scene.add(key); const fill = new THREE.DirectionalLight('#aaccff', 0.4); fill.position.set(-3, 1, -1); scene.add(fill); const rim = new THREE.DirectionalLight('#ffffff', 0.5); rim.position.set(0, 0.5, -3); scene.add(rim); const hemi = new THREE.HemisphereLight('#8899cc', '#334455', 0.25); scene.add(hemi); // Controls controls = new OrbitControls(camera, renderer.domElement); controls.enableDamping = true; controls.dampingFactor = 0.08; controls.minDistance = 1; controls.maxDistance = 8; controls.target.set(0, 0.05, 0); controls.update(); // Ground shadow receiver const groundGeo = new THREE.PlaneGeometry(10, 10); const groundMat = new THREE.ShadowMaterial({ opacity: 0.25 }); const ground = new THREE.Mesh(groundGeo, groundMat); ground.rotation.x = -Math.PI/2; ground.position.y = -0.6; ground.receiveShadow = true; scene.add(ground); // Plate group plateGroup = new THREE.Group(); scene.add(plateGroup); // Initial build buildModel(11.75, 12, 2.0, 'steel'); window.__threeReady = true; resize3D(); // Animation loop function loop() { animId = requestAnimationFrame(loop); controls.update(); renderer.render(scene, camera); } loop(); } function resize3D() { const canvas = document.getElementById('viewer-3d'); if (!canvas || !renderer) return; const w = canvas.clientWidth, h = canvas.clientHeight || w; if (canvas.width !== w || canvas.height !== h) { renderer.setSize(w, h, false); camera.aspect = w / Math.max(h, 1); camera.updateProjectionMatrix(); } } window.addEventListener('resize', resize3D); // ── Build 3D Model ── function buildModel(w, l, d, mat, surf) { wIn = w; lFt = l; depthIn = d; material = mat; surf = surf || 'serrated-3'; if (!plateGroup) return; // Clear old while (plateGroup.children.length) plateGroup.remove(plateGroup.children[0]); // Convert inches/feet → meters const W = w * 0.0254; const L = l * 0.3048; const t = 0.003; // plate thickness ~12ga const D = d * 0.0254; // channel depth // AlphaMap for croc-mouth holes const alphaTex = generateAlphaMap(W * 39.37, L * 39.37, (typeof selSurface !== 'undefined' ? selSurface : 'serrated-3')); // Material const pMat = new THREE.MeshStandardMaterial({ color: matColors[mat] || matColors['steel'], metalness: 0.85, roughness: 0.35, alphaMap: alphaTex, alphaTest: 0.15, side: THREE.DoubleSide, transparent: true, envMapIntensity: 0.3, }); // Main plate (top surface) const plateGeo = new THREE.PlaneGeometry(L, W, 1, 1); const plate = new THREE.Mesh(plateGeo, pMat); plate.rotation.x = -Math.PI/2; plate.position.y = t/2; plate.castShadow = true; plate.receiveShadow = true; plateGroup.add(plate); // Bottom plate (closed back) const botGeo = new THREE.PlaneGeometry(L, W, 1, 1); const botMat = new THREE.MeshStandardMaterial({ color: matColors[mat] || matColors['steel'], metalness: 0.8, roughness: 0.55 }); const bot = new THREE.Mesh(botGeo, botMat); bot.rotation.x = -Math.PI/2; bot.position.y = -t/2; bot.receiveShadow = true; plateGroup.add(bot); // Side channels (U-bend edges) const chMat = new THREE.MeshStandardMaterial({ color: new THREE.Color('#8a9299'), metalness: 0.7, roughness: 0.5 }); const chT = 0.004; // Left + Right channels [[W/2, 0], [-W/2, Math.PI]].forEach(([zOff, ry]) => { const chGeo = new THREE.BoxGeometry(Math.max(0.01, L), Math.max(0.01, D), Math.max(0.001, chT)); const ch = new THREE.Mesh(chGeo, chMat); ch.position.set(0, -D/2, zOff); ch.castShadow = true; ch.receiveShadow = true; plateGroup.add(ch); }); // Front + Back channels [[L/2, 0], [-L/2, 0]].forEach(([xOff, _]) => { const chGeo = new THREE.BoxGeometry(Math.max(0.001, chT), Math.max(0.01, D), Math.max(0.01, W)); const ch = new THREE.Mesh(chGeo, chMat); ch.position.set(xOff, -D/2, 0); ch.castShadow = true; ch.receiveShadow = true; plateGroup.add(ch); }); // Wireframe overlay for grid feel const gridGeo = new THREE.PlaneGeometry(L*0.96, W*0.94, Math.max(2, Math.floor(L*6)), Math.max(2, Math.floor(W*3))); const gridMat = new THREE.MeshBasicMaterial({ color: '#667788', wireframe: true, transparent: true, opacity: 0.12 }); const grid = new THREE.Mesh(gridGeo, gridMat); grid.rotation.x = -Math.PI/2; grid.position.y = t/2 + 0.001; plateGroup.add(grid); } window.__rebuild3D = function() { const w = parseFloat((document.getElementById('cfg-w')||{}).value) || 241; const l = parseFloat((document.getElementById('cfg-l')||{}).value) || 914; const d = parseFloat((document.getElementById('cfg-d')||{}).value) || 38; const mat = ((document.getElementById('cfg-mat')||{}).value || 'steel').toLowerCase(); // Read surface from global selSurface for pattern switching if (typeof selSurface !== 'undefined') buildModel(w, l, d, mat, selSurface); else buildModel(w, l, d, mat); resize3D(); }; // ── DXF Export ── window.exportDXF = function() { const w = parseFloat((document.getElementById('cfg-w')||{}).value) || 241; const l = parseFloat((document.getElementById('cfg-l')||{}).value) || 914; // Convert to mm const mmW = Math.round(w * 25.4); const mmL = Math.round(l * 304.8); // Build DXF string manually (minimal valid DXF) const dxf = [ '0','SECTION','2','HEADER','0','ENDSEC', '0','SECTION','2','TABLES','0','ENDSEC', '0','SECTION','2','BLOCKS','0','ENDSEC', '0','SECTION','2','ENTITIES', // Outer rectangle (plate outline) '0','LWPOLYLINE','90','4','70','1','43','0.5', '10','0','20','0', '10', String(mmL), '20','0', '10', String(mmL), '20', String(mmW), '10','0','20', String(mmW), // Inner rectangle (bend line) '0','LWPOLYLINE','90','4','70','0','43','0.25', '10', String(Math.round(mmW*0.08)), '20', String(Math.round(mmW*0.08)), '10', String(mmL - Math.round(mmW*0.08)), '20', String(Math.round(mmW*0.08)), '10', String(mmL - Math.round(mmW*0.08)), '20', String(mmW - Math.round(mmW*0.08)), '10', String(Math.round(mmW*0.08)), '20', String(mmW - Math.round(mmW*0.08)), '0','ENDSEC', '0','EOF' ].join('\n'); const blob = new Blob([dxf], { type: 'application/dxf' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'LTU_Custom_Aluminum_Safety_Step_Tread_' + Math.round(l) + 'x' + Math.round(w) + 'x' + Math.round(d) + 'mm.dxf'; a.click(); URL.revokeObjectURL(url); }; // ── Area Calculator ── window.calcArea = function() { const w = parseFloat((document.getElementById('cfg-w')||{}).value) || 241; const l = parseFloat((document.getElementById('cfg-l')||{}).value) || 914; // Flat area in square meters: width(mm)*length(mm)/1000000 const areaSqM = (w * l) / 1000000; const areaSqFt = areaSqM * 10.764; return { sqm: areaSqM, sqft: areaSqFt }; }; // ── Start ── try { init3D(); } catch(e) { console.warn('3D viewer init failed (non-blocking):', e.message); } // Set initial area display (function(){ var a = window.calcArea(); if (a && document.getElementById('disp-area')) document.getElementById('disp-area').textContent = a.sqft.toFixed(2) + ' sq ft (' + a.sqm.toFixed(2) + ' m²)'; })();