<!-- pages/Calculation/Calculation.wxml -->
<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">土地质地：</view>
    <radio-group name="soilType" bindchange="onSoilTypeChange" class="radio-group">
      <label class="radio">
        <radio value="r1" /> <text class="radio-text">壤土/黏质土</text>
      </label>
      <label class="radio">
        <radio value="r2" /> <text class="radio-text">砂质土</text>
      </label>
    </radio-group>
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="page-section-title">有机质含量：</view>
    <radio-group name="soilType" bindchange="onSoilTypeChange" class="radio-group">
      <label class="radio">
        <radio value="r3" />大于3%
      </label>
      <label class="radio">
        <radio value="r4" />小于等于3%
      </label>
    </radio-group>
  </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>

<view class="description-box">
  <text class="bold-text">
   计算结果可以放在这里
  </text>
</view> 