{"id":1276,"date":"2026-05-28T07:30:20","date_gmt":"2026-05-28T07:30:20","guid":{"rendered":"https:\/\/aubrikmc.com\/?page_id=1276"},"modified":"2026-05-28T07:41:28","modified_gmt":"2026-05-28T07:41:28","slug":"span-crane-workflow-selector","status":"publish","type":"page","link":"https:\/\/aubrikmc.com\/fr\/h-beam-steel-structure-production-line\/steel-structure-workshop\/span-crane-workflow-selector\/","title":{"rendered":"traversier-grue-s\u00e9lecteur de flux de travail"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-c920e89\" data-block-id=\"c920e89\"><style>.stk-c920e89 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-c920e89-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3d633c1\" data-v=\"4\" data-block-id=\"3d633c1\"><style>.stk-3d633c1-container{margin-top:var(--stk--preset--spacing--50, 1.5rem) !important;margin-right:var(--stk--preset--spacing--50, 1.5rem) !important;margin-bottom:var(--stk--preset--spacing--50, 1.5rem) !important;margin-left:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3d633c1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3d633c1-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-0f2f923\" data-block-id=\"0f2f923\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0f2f923-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8f8e072\" data-v=\"4\" data-block-id=\"8f8e072\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8f8e072-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8f8e072-inner-blocks\">\n<style>\n  .scw-tool { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 800px; margin: 24px auto; padding: 32px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; box-shadow: 0 4px 6px -1px rgba(0, 48, 96, 0.05); }\n  .scw-tool h1 { color: #003060; font-size: 26px; margin: 0 0 10px; font-weight: 700; line-height: 1.2; }\n  .scw-tool h2 { color: #0060A8; font-size: 18px; margin: 0 0 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px solid #f1f5f9; padding-bottom: 8px;}\n  .scw-tool > p { color: #475569; font-size: 14px; margin: 0 0 28px; line-height: 1.5; }\n  \n  .scw-axis { margin-bottom: 24px; padding: 18px 20px; background: #f8fafc; border-left: 4px solid #0060A8; border-radius: 0 6px 6px 0; transition: background 0.2s; }\n  .scw-axis:hover { background: #f1f5f9; }\n  .scw-axis-label { font-weight: 600; font-size: 14px; color: #003060; margin-bottom: 12px; }\n  \n  .scw-options { display: flex; flex-wrap: wrap; gap: 10px; }\n  .scw-option { padding: 10px 16px; border: 1px solid #cbd5e1; background: #fff; border-radius: 6px; cursor: pointer; font-size: 13px; font-weight: 500; color: #334155; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); user-select: none; }\n  .scw-option:hover { border-color: #1878C0; color: #1878C0; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(24, 120, 192, 0.1); }\n  .scw-option.active { background: #0060A8; color: #fff; border-color: #0060A8; transform: translateY(0); box-shadow: none; }\n  \n  .scw-result { margin-top: 32px; padding: 28px; background: linear-gradient(135deg, #003060 0%, #001a33 100%); color: #fff; border-radius: 8px; position: relative; overflow: hidden; }\n  .scw-result::before { content: \"\"; position: absolute; top: 0; right: 0; width: 100px; height: 100px; background: radial-gradient(circle, rgba(24, 120, 192, 0.2) 0%, transparent 70%); pointer-events: none; }\n  \n  .scw-result h3 { margin: 0 0 12px; font-size: 13px; color: #94a3b8; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; }\n  .scw-recommendation { font-size: 28px; font-weight: 700; margin-bottom: 20px; color: #fff; letter-spacing: -0.5px; }\n  \n  .scw-spec-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,0.1); }\n  .scw-spec-list li { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: center; font-size: 14px; }\n  .scw-spec-list li span { color: #cbd5e1; }\n  .scw-spec-list li strong { color: #f8fafc; font-weight: 600; text-align: right; max-width: 60%; }\n  \n  .scw-warning { background: rgba(217, 119, 6, 0.1); border-left: 4px solid #d97706; color: #fcd34d; padding: 14px 18px; border-radius: 0 4px 4px 0; font-size: 13px; margin-top: 20px; line-height: 1.5; }\n  \n  .scw-cta { text-align: center; margin-top: 24px; }\n  .scw-cta a { display: inline-block; background: #1878C0; color: #fff; padding: 14px 32px; font-weight: 600; text-decoration: none; border-radius: 6px; font-size: 15px; transition: background 0.2s, transform 0.2s; }\n  .scw-cta a:hover { background: #0060A8; transform: translateY(-2px); }\n<\/style>\n\n<div class=\"scw-tool\" id=\"abk-scw-module\">\n  <h1>ABOKE Facility Configuration Wizard<\/h1>\n  <p>Three core parameters dictate the structural engineering of your workshop. Select your requirements below to instantly generate the recommended architectural tier and material specifications.<\/p>\n\n  <h2>1. Define Parameters<\/h2>\n\n  <div class=\"scw-axis\">\n    <div class=\"scw-axis-label\">Axis 1 \u2014 Clear Span Required (Width without central columns)<\/div>\n    <div class=\"scw-options\" id=\"scw-span\">\n      <button type=\"button\" class=\"scw-option\" data-span=\"20\">15-24 m<\/button>\n      <button type=\"button\" class=\"scw-option active\" data-span=\"30\">24-36 m<\/button>\n      <button type=\"button\" class=\"scw-option\" data-span=\"48\">36-60 m<\/button>\n      <button type=\"button\" class=\"scw-option\" data-span=\"70\">60-80 m<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"scw-axis\">\n    <div class=\"scw-axis-label\">Axis 2 \u2014 Overhead Crane Capacity (Max dynamic load)<\/div>\n    <div class=\"scw-options\" id=\"scw-crane\">\n      <button type=\"button\" class=\"scw-option\" data-crane=\"0\">None<\/button>\n      <button type=\"button\" class=\"scw-option\" data-crane=\"5\">\u22645 t<\/button>\n      <button type=\"button\" class=\"scw-option active\" data-crane=\"20\">5-20 t Bridge<\/button>\n      <button type=\"button\" class=\"scw-option\" data-crane=\"100\">20-100 t Dual<\/button>\n      <button type=\"button\" class=\"scw-option\" data-crane=\"300\">100-500 t Gantry<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"scw-axis\">\n    <div class=\"scw-axis-label\">Axis 3 \u2014 Operational Workflow Layout<\/div>\n    <div class=\"scw-options\" id=\"scw-workflow\">\n      <button type=\"button\" class=\"scw-option\" data-flow=\"linear\">Linear (Raw \u2192 Finished)<\/button>\n      <button type=\"button\" class=\"scw-option active\" data-flow=\"cellular\">Cellular (Parallel Zones)<\/button>\n      <button type=\"button\" class=\"scw-option\" data-flow=\"360\">360\u00b0 (Assembly + Hub Loop)<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"scw-result\" id=\"scw-result\">\n    <h3>Engineering Recommendation<\/h3>\n    <div class=\"scw-recommendation\" id=\"scw-recommendation\">Standard Industrial Tier<\/div>\n    \n    <ul class=\"scw-spec-list\" id=\"scw-spec\">\n      <li><span>Primary Steel Grade:<\/span><strong>Q355B Beams + Q235B Columns<\/strong><\/li>\n      <li><span>Execution Class (EU):<\/span><strong>EN 1090 EXC3<\/strong><\/li>\n      <li><span>Crane Runway Standard:<\/span><strong>CMAA Spec #74<\/strong><\/li>\n      <li><span>Recommended Cladding:<\/span><strong>PU 75 mm \/ Rock Wool 75 mm<\/strong><\/li>\n      <li><span>Est. Fabrication Lead Time:<\/span><strong>8-10 weeks<\/strong><\/li>\n    <\/ul>\n    \n    <div class=\"scw-warning\" id=\"scw-warning\" style=\"display:none;\"><\/div>\n    \n    <div class=\"scw-cta\">\n      <a href=\"#ct-popup-790\">Lock In This Configuration \u2014 Request RFQ \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ Encapsulate and wait for DOM to prevent execution before elements exist.\n\/\/ This fixes the \"buttons not reacting\" issue common in WP blocks.\nfunction initABKSCWWizard() {\n\n  \/\/ Scope everything within the specific module ID to prevent conflicts\n  var moduleContainer = document.getElementById('abk-scw-module');\n  if (!moduleContainer) return;\n\n  \/\/ Initialize state\n  var state = { span: 30, crane: 20, flow: 'cellular' };\n\n  \/\/ Bind events within the module\n  moduleContainer.querySelectorAll('.scw-option').forEach(function (btn) {\n    btn.addEventListener('click', function (e) {\n      e.preventDefault(); \/\/ Prevent accidental form submissions if wrapped in a form\n\n      var parentGroup = this.closest('.scw-options');\n      var groupId = parentGroup.id;\n\n      \/\/ Update UI state for buttons\n      parentGroup.querySelectorAll('.scw-option').forEach(function (o) {\n        o.classList.remove('active');\n      });\n      this.classList.add('active');\n\n      \/\/ Update data state\n      if (groupId === 'scw-span') state.span = parseInt(this.getAttribute('data-span'), 10);\n      if (groupId === 'scw-crane') state.crane = parseInt(this.getAttribute('data-crane'), 10);\n      if (groupId === 'scw-workflow') state.flow = this.getAttribute('data-flow');\n\n      \/\/ Trigger recalculation\n      renderSpecs();\n    });\n  });\n\n  function renderSpecs() {\n    var recEl = moduleContainer.querySelector('#scw-recommendation');\n    var specEl = moduleContainer.querySelector('#scw-spec');\n    var warnEl = moduleContainer.querySelector('#scw-warning');\n\n    var tier, grade, exc, cladding, lead, warning = '';\n\n    \/\/ NOTE: \u7528\u6570\u7ec4 + .every(Boolean) \u53d6\u4ee3\u903b\u8f91\u4e0e\u8fd0\u7b97\u7b26\u3002\n    \/\/ \u539f\u56e0\uff1a\u5185\u8054\u811a\u672c\u91cc\u7684 \"&&\" \u4f1a\u5728\u524d\u53f0\u88ab WordPress \u5185\u5bb9\u8fc7\u6ee4 \/ FlyingPress \u538b\u7f29\n    \/\/ \u8f6c\u4e49\u4e3a \"&amp;&amp;\"\uff0c\u5bfc\u81f4\u6574\u4e2a <script> \u89e3\u6790\u5931\u8d25\u3001\u6309\u94ae\u65e0\u53cd\u5e94\n    \/\/ \uff08\u7f16\u8f91\u5668\u9884\u89c8\u4e0d\u7ecf\u8fc7\u8be5\u8fc7\u6ee4\u94fe\uff0c\u6240\u4ee5\u9884\u89c8\u6b63\u5e38\uff09\u3002\n    \/\/ .every(Boolean) \u4ec5\u5728\u6570\u7ec4\u4e2d\u6240\u6709\u9879\u5747\u4e3a true \u65f6\u8fd4\u56de true\uff0c\u4e0e\u539f && \u903b\u8f91\u5b8c\u5168\u7b49\u4ef7\u3002\n    var isBasic = [state.span <= 24, state.crane <= 5].every(Boolean);\n    var isStandard = [state.span <= 36, state.crane <= 20].every(Boolean);\n    var isHeavy = [state.span <= 60, state.crane <= 100].every(Boolean);\n\n    \/\/ Engineering Logic Matrix\n    if (isBasic) {\n      tier = 'Basic Industrial Tier';\n      grade = 'Q235B Columns + Beams';\n      exc = state.crane === 0 ? 'EN 1090 EXC2' : 'EN 1090 EXC3 (crane runway)';\n      cladding = 'PU 50 mm Panel';\n      lead = '6-7 weeks';\n    } else if (isStandard) {\n      tier = 'Standard Industrial Tier';\n      grade = 'Q355B Beams + Q235B Columns';\n      exc = 'EN 1090 EXC3 (crane runway)';\n      cladding = 'PU 75 mm \/ Rock Wool 75 mm';\n      lead = '8-10 weeks';\n    } else if (isHeavy) {\n      tier = 'Heavy Industrial Tier';\n      grade = 'Q355B \/ Q355C Throughout';\n      exc = 'EN 1090 EXC3 (mandatory for dynamic load)';\n      cladding = 'Rock Wool 100 mm (Fire-rated)';\n      lead = '10-12 weeks';\n    } else {\n      tier = 'Custom Engineered Tier';\n      grade = 'Q355C \/ Q420C + Engineered Welds';\n      exc = 'EN 1090 EXC3 \/ EXC4 (case-by-case)';\n      cladding = 'Engineered Insulation + Fire Spray';\n      lead = '14-16 weeks (post-engineering)';\n    }\n\n    \/\/ Edge Case Warnings (\u540c\u6837\u7528 .every(Boolean) \u53d6\u4ee3 &#038;&#038;)\n    if ([state.flow === '360', state.span < 36].every(Boolean)) {\n      warning = 'A 360\u00b0 workflow with a span under 36m may force column placements that disrupt material flow. Consider stepping up to the 36-60m span class for cleaner circulation.';\n    }\n    if ([state.crane >= 100, state.flow === 'linear'].every(Boolean)) {\n      warning = 'Heavy crane operations (\u2265100 t) on a strictly linear workflow require massive bridge access at every station. Confirm crane bay positioning during the early design phase.';\n    }\n\n    \/\/ Render Output\n    recEl.textContent = tier;\n    specEl.innerHTML =\n      '<li><span>Primary Steel Grade:<\/span><strong>' + grade + '<\/strong><\/li>' +\n      '<li><span>Execution Class (EU):<\/span><strong>' + exc + '<\/strong><\/li>' +\n      '<li><span>Crane Runway Standard:<\/span><strong>' + (state.crane > 0 ? 'CMAA Spec #74' : 'N\/A (No overhead crane)') + '<\/strong><\/li>' +\n      '<li><span>Recommended Cladding:<\/span><strong>' + cladding + '<\/strong><\/li>' +\n      '<li><span>Est. Fabrication Lead Time:<\/span><strong>' + lead + '<\/strong><\/li>';\n\n    if (warning) {\n      warnEl.style.display = 'block';\n      warnEl.innerHTML = '<strong>\u26a0 Layout Alert:<\/strong> ' + warning;\n    } else {\n      warnEl.style.display = 'none';\n    }\n  }\n\n  \/\/ Initial render to match default selected buttons\n  renderSpecs();\n}\n\n\/\/ Defensive execution: works on normal frontend load and inside WordPress Block Preview\nif (document.readyState === 'loading') {\n  document.addEventListener('DOMContentLoaded', initABKSCWWizard);\n} else {\n  initABKSCWWizard();\n}\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>ABOKE Facility Configuration Wizard Three core parameters dictate the structural engineering of your workshop. Select your requirements below to instantly generate the recommended architectural tier and material specifications. 1. Define Parameters Axis 1 \u2014 Clear Span Required (Width without central columns) 15-24 m 24-36 m 36-60 m 60-80 m Axis 2 \u2014 Overhead Crane Capacity [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":1262,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1276","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/aubrikmc.com\/fr\/wp-json\/wp\/v2\/pages\/1276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aubrikmc.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aubrikmc.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aubrikmc.com\/fr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/aubrikmc.com\/fr\/wp-json\/wp\/v2\/comments?post=1276"}],"version-history":[{"count":0,"href":"https:\/\/aubrikmc.com\/fr\/wp-json\/wp\/v2\/pages\/1276\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/aubrikmc.com\/fr\/wp-json\/wp\/v2\/pages\/1262"}],"wp:attachment":[{"href":"https:\/\/aubrikmc.com\/fr\/wp-json\/wp\/v2\/media?parent=1276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}