AcidificationModel/pages/Calculation/Calculation.wxml

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">有机质含量 (OM g/kg)：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="请输入有机质含量" 
      value="{{OM}}" 
      bindinput="onOMChange" 
    />
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">土壤粘粒重量 (CL g/kg)：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="请输入土壤粘粒重量" 
      value="{{CL}}" 
      bindinput="onCLChange" 
    />
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">阳离子交换量 (CEC cmol/kg)：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="请输入阳离子交换量" 
      value="{{CEC}}" 
      bindinput="onCECChange" 
    />
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">氢离子含量 (H cmol/kg)：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="请输入氢离子含量" 
      value="{{H}}" 
      bindinput="onHChange" 
    />
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">铵离子含量 (HN mg/kg)：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="请输入铵离子含量" 
      value="{{HN}}" 
      bindinput="onHNChange" 
    />
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">铝离子含量 (Al cmol/kg)：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="请输入铝离子含量" 
      value="{{Al}}" 
      bindinput="onAlChange" 
    />
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">游离氧化铝 (free alumina g/kg)：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="请输入游离氧化铝含量" 
      value="{{free_alumina}}" 
      bindinput="onFreeAluminaChange" 
    />
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">游离氧化铁 (free iron oxides g/kg)：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="请输入游离氧化铁含量" 
      value="{{free_iron_oxides}}" 
      bindinput="onFreeIronOxidesChange" 
    />
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">采样地点：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="请输入采样地点" 
      value="{{collection_location}}" 
      bindinput="onCollectionLocationChange" 
    />
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <picker mode="date" header-text="选择时间" value="{{collection_date}}" bindchange="onBindDateChange">
      <view class="picker-container">
        <text class="page-section-title">采样时间：</text>
        <text class="color6">{{collection_date || '请选择日期'}}</text>
      </view>
    </picker>
  </view>
</view>


<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">土壤初始 pH：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="4.5~6.2" 
      value="{{initialPH}}" 
      bindinput="onInitialPHChange" 
    />
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">土壤目标 pH：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="4.5~7.0" 
      value="{{targetPH}}" 
      bindinput="onTargetPHChange" 
    />
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">碱性物料：</view>
    <picker mode="selector" range="{{materials}}" value="{{selectedMaterialIndex}}" bindchange="onSelectMaterial">
      <view class="input-field bold-text">
        {{selectedMaterial || '石灰石（粉）CaCO3'}}
      </view>
    </picker>
  </view>
</view>

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