Type de produit
D'autres motifs de surface sont disponibles sur demande personnalisée, mais ce configurateur est dédié aux marches de sécurité de type Grip Strut à mâchoires de crocodile.
914 mm est la longueur de référence standard. Les longueurs personnalisées sont soumises à validation par l'usine.
241 mm est la largeur de référence standard. Les largeurs personnalisées sont soumises à validation par l'usine.
38 mm est la hauteur standard du canal latéral. Les hauteurs personnalisées sont soumises à validation par l'usine.
La projection supérieure est déterminée par l'outillage et le processus de formage. Confirmée par l'usine pour les dimensions personnalisées.
L'aluminium de 3,0 mm est l'option principale. Les autres épaisseurs sont soumises à validation par l'usine.
L'aluminium a un poids unitaire inférieur à celui de l'acier et est recommandé pour les commandes de marches personnalisées sensibles au transport.
Ce configurateur est dédié aux marches de sécurité de type Grip Strut à mâchoires de crocodile. D'autres motifs de surface sont disponibles sur demande séparée à l'usine.
Comment ça marche
Configurerr
Set dimensions, material & quantity
Voir estimation
Estimation carton de référence
Envoyer spécifications
WhatsApp ou Email en un clic
Obtenir un devis
Prix confirmé sous 24h
Questions fréquentes
Le prix du configurateur est-il définitif ?
Non. Le configurateur affiche uniquement des estimations de référence par carton. Le devis final livré dépend du code postal, du matériau, du poids brut réel, de la quantité de cartons, de la disposition des trous, des frais de zone éloignée et de l'itinéraire de fret disponible.
Quelle est la configuration aluminium par défaut ?
La configuration de référence par défaut est de 914 mm de longueur × 241 mm de largeur × 38 mm de hauteur de canal latéral, avec environ 11 mm de projection supérieure et 3,0 mm d'épaisseur d'aluminium. L'emballage standard est de 5 pièces par carton.
Où se trouvent les trous de montage ?
Le produit standard a 4 trous de montage aux extrémités courtes au total. Chaque plaque d'extrémité courte a 1 trou rond et 1 trou oblong. Les canaux latéraux longs n'ont pas de trous sur le produit standard.
Peut-on ajouter des trous sur le côté long ?
Oui. Les trous latéraux longs, trous supplémentaires, espacements différents ou dispositions personnalisées peuvent être chiffrés en commande sur mesure / OEM. Envoyez votre dessin, taille de trou, espacement, matériau, quantité et code postal de destination pour examen en usine.
Quel matériau dois-je choisir ?
L'aluminium 3,0 mm est l'option principale pour les commandes de marches personnalisées sensibles au transport. Le lot d'échantillons actuel en acier galvanisé Q235B n'est disponible que par fret aérien rapide DDP. La version galvanisée à chaud et l'acier inoxydable 304/316 peuvent être chiffrés pour les environnements plus agressifs ou sensibles à la corrosion.
Puis-je utiliser le DXF directement pour la production ?
Non. Le DXF exporté n'est qu'un brouillon de référence. Le dessin de production final, la disposition des trous, les détails de pliage et la faisabilité de production doivent être confirmés par notre équipe d'usine avant la production.
Les bords sont-ils sûrs à manipuler ?
Les bords métalliques et les dents surélevées peuvent être tranchants. Portez des gants résistants aux coupures lors de la manipulation et de l'installation. L'acheteur doit confirmer l'adéquation à l'application finale et à la méthode d'installation.
Quel est le MOQ pour le sur-mesure / OEM ?
Les tailles personnalisées ou les dispositions de trous sur mesure commencent généralement à partir de 100 pièces, selon le dessin, la taille, le motif de trous, le matériau, la faisabilité de formage et les exigences d'emballage.
Ressources Ingénierie & BIM
Vous concevez une passerelle, une plateforme ou un escalier ? Obtenez les données d'ingénierie dont vous avez besoin pour intégrer la marche Grip Strut directement dans votre modèle et dossier d'appel d'offres — profondeur de canal, zone ouverte, disposition des trous de montage et orientation de charge, fournies pour votre configuration exacte.
Dessins cotés 2D
Plans d'atelier PDF / DWG avec largeur, longueur, profondeur de canal, pas de planche et espacement des trous de boulons dimensionnés selon votre spécification.
Modèles 3D / BIM
Modèles solides STEP / IGES et fichiers de référence 2D/3D sur demande, pour que la planche configurée arrive dans votre modèle structurel à la bonne taille et au bon poids.
Fiche technique & de soumission
Une fiche de soumission unique couvrant la nuance de matériau, la finition, le motif de surface et l'orientation de portée — peut être préparée après examen en usine ou dossier d'approbation.
Besoin de plans pour votre configuration ?
Configurerr 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.
Demander le pack de dessinsSpécifications en un coup d'œil
Faits de référence rapide pour marche de sécurité style Grip Strut, configurable et expédiée directement d'usine par Leading Top Union.
Plage de largeur
Référence standard : 241 mm. Les largeurs personnalisées sont chiffrées après examen en usine pour des applications spécifiques.
Plage de longueur
Référence standard : 914 mm. Les longueurs personnalisées sont chiffrées après examen en usine pour des applications spécifiques.
Profondeur du canal
Référence standard : 38 mm. Les profondeurs personnalisées sont chiffrées après examen en usine.
Épaisseur / Calibre
Calibres 16, 14, 13, 12, 10, 8. 12 ga (environ 2,7 mm) est le choix standard pour les marches industrielles.
Matériaux
Aluminium 3,0 mm (option principale), aluminium 5052/6061 (~35% du poids de l'acier), inox 304/316 pour environnements corrosifs.
Motif de surface
Serrated crocodile-mouth anti-slip. 3-diamond (7″) in-stock standard; 5-diamond (11¾″) and perforated made to order.
Packaging
5 pièces par carton, environ 20 kg brut par carton en spécification standard 11,75″ × 12 pieds, calibre 12 galvanisé.
Délai de livraison
En stock : production de 2-3 jours. Livraison aux USA Ouest 25-35 jours maritime ou 7-12 jours aérien DDP. Commande en gros à partir de 50 pièces, sur mesure/OEM à partir de 100 pièces.
Tarification
Galvanisé standard à partir de 329 USD/carton (5 pièces) DDP Côte Ouest USA — fret, douane, livraison finale inclus.
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²)'; })();