AcidificationModel/shoping/AcidNeutralizationModel/AcidNeutralizationModel.wxml

<view class="page-body">
  <view class="white-box">
    <view class="input-row">
      <view class="page-section-title">初始 pH：
      </view>
      <input 
        class="input-field"  
        placeholder="4~6" 
        value="{{init_pH}}" 
        bindinput="onInitPhChange" 
      />
    </view>
  </view>

  <view class="white-box">
    <view class="input-row">
      <view class="page-section-title">目标 pH：
      </view>
      <input 
        class="input-field"  
        placeholder="4~6" 
        value="{{target_pH}}" 
        bindinput="onTargetPhChange" 
      />
    </view>
  </view>

  <view class="white-box">
    <view class="input-row">
      <view class="page-section-title">有机质含量 OM：</view>
      <input 
        class="input-field" 
        type="text" 
        placeholder="4~6" 
        value="{{OM}}" 
        bindinput="onOMChange" 
      />
    </view>
  </view>

  <view class="white-box">
    <view class="input-row">
      <view class="page-section-title">土壤粘粒重量 CL：</view>
      <input 
        class="input-field" 
        type="text" 
        placeholder="4~6" 
        value="{{CL}}" 
        bindinput="onCLChange" 
      />
    </view>
  </view>

  <view class="white-box">
    <view class="input-row">
      <view class="page-section-title">氢离子含量 H：</view>
      <input 
        class="input-field" 
        type="text" 
        placeholder="4~6" 
        value="{{H}}" 
        bindinput="onHChange" 
      />
    </view>
  </view>

  <view class="white-box">
    <view class="input-row">
      <view class="page-section-title">铝离子含量 Al：</view>
      <input 
        class="input-field" 
        type="text" 
        placeholder="4~6" 
        value="{{Al}}" 
        bindinput="onAlChange" 
      />
    </view>
  </view>

  <!-- 弹窗部分 -->
  <view wx:if="{{showModal}}" class="modal-overlay">
    <view class="modal">
      <view class="modal-header">
        <text>计算结果</text>
        <button class="close-btn" bindtap="closeModal">×</button>
      </view>
      <view class="modal-body">
        <text>{{result}}</text>
      </view>
    </view>
  </view>

  <!-- 计算按钮 -->
  <view class="green-btn">
    <button class="btn" bindtap="calculate">计算</button>
  </view>

  <!-- 建议 -->
  <view class="description-box">
    <text class="bold-text">
      建议：\n1. 选用Ca0(生石灰)作为碱性物料，每季施用量不宜超过150 kg/亩，当计算用量超过150 kg/亩时，建议分多季施用;建议翻耕时施用，施加后与耕作层土壤混匀，避免苗期施用导致烧苗;施加过程注意防护，避免灼烧眼睛和皮肤;\n 2. 在改良时间富裕，石灰质材料充足的条件下，建议优先选用石灰石粉末、白云石等温和型碱性物料;\n3. 当其它碱性物料计算用量超过500 kg/亩，建议分2季施用;\n 4. 建议每隔3-5年，追踪土壤pH变化，可根据土壤pH变化，追施少量石灰质材料;
    </text>
  </view>
</view>