关于按用户注册类型设置最小订购尺寸及quantityForEntity函数的技术问询

咱们先把核心需求捋清楚：

• 实体（entity）注册用户：触发指定函数，显示最小订购尺寸为1米
• 个人（individual）用户/未注册用户：显示最小订购尺寸为10米

结合你提供的quantityForEntity()函数，我整理了一套完整的实现逻辑，确保不同用户类型都能正确触发对应的规则：

完整代码实现 #

// 辅助函数：统一获取当前用户类型
function getUserType() {
  // 这里假设customer是已有的全局用户对象，按需调整获取逻辑
  return customer?.note?.type || 'individual';
}

// 核心处理函数：根据用户类型设置最小订购尺寸
function setMinOrderSize() {
  const userType = getUserType();
  // 请根据页面实际元素ID调整以下选择器
  const productQtySelector = document.getElementById('productQtySelector');
  const orderSelection = document.getElementById('order_selection');
  const smv = orderSelection?.options[orderSelection.selectedIndex]?.value;
  const sampleOnlyText = document.getElementById('sampleOnlytext');
  const samplingPrice = document.getElementById('samplingPrice');

  if (userType === 'entity') {
    // 实体用户：运行指定函数处理最小尺寸逻辑
    quantityForEntity();
  } else {
    // 个人/未注册用户：设置最小订购尺寸为10米
    productQtySelector.setAttribute("min", "10");
    productQtySelector.setAttribute("value", "10");
    // 隐藏采样相关元素（如果存在）
    if (sampleOnlyText) {
      sampleOnlyText.style.display = "none";
      samplingPrice.style.display = "none";
    }
  }
}

// 原实体用户专属函数，补充非采样场景的逻辑
function quantityForEntity() { 
  const orderSelection = document.getElementById('order_selection');
  const smv = orderSelection.options[orderSelection.selectedIndex].value;
  const productQtySelector = document.getElementById('productQtySelector');
  const sampleOnlyText = document.getElementById('sampleOnlytext');
  const samplingPrice = document.getElementById('samplingPrice');
  
  if (customer?.note?.type) {
    if (smv === "Sampling") { 
      productQtySelector.setAttribute("value", "1"); 
      productQtySelector.setAttribute("min", "1"); 
      if (sampleOnlyText) { 
        sampleOnlyText.style.display = "block"; 
        samplingPrice.style.display = "block"; 
      } 
    } else {
      // 非采样的实体用户，最小尺寸同样设为1米
      productQtySelector.setAttribute("min", "1");
      productQtySelector.setAttribute("value", "1");
    }
  } else { 
    if (sampleOnlyText) { 
      sampleOnlyText.style.display = "none"; 
      samplingPrice.style.display = "none"; 
    } 
  }
}

// 触发时机：页面加载完成 + 订单类型切换时
window.addEventListener('load', setMinOrderSize);
document.getElementById('order_selection')?.addEventListener('change', setMinOrderSize);

关键逻辑说明 #

• 用户类型统一判断：用getUserType()集中处理用户类型获取，后续维护更方便
• 分支逻辑清晰：
  • 实体用户直接调用你指定的函数，同时补充了非采样场景下的最小尺寸设置（原函数只覆盖了Sampling情况）
  • 个人/未注册用户直接设置10米的最小尺寸，并隐藏采样相关元素
• 实时触发：页面加载和订单类型切换时都执行逻辑，确保用户操作时规则始终生效

注意事项 #

• 请根据页面实际元素ID调整代码中的productQtySelector、order_selection等选择器
• 确保全局customer对象已正确定义，能获取到用户的类型信息

内容的提问来源于stack exchange，提问作者Aman Singh