AcidNeutralizationModel.wxml 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <view class="page-body">
  2. <view class="white-box">
  3. <view class="input-row">
  4. <view class="page-section-title">土壤初始 pH:
  5. </view>
  6. <input
  7. class="input-field"
  8. placeholder="3~6"
  9. value="{{init_pH}}"
  10. bindinput="onInitPhChange"
  11. />
  12. </view>
  13. </view>
  14. <view class="white-box">
  15. <view class="input-row">
  16. <view class="page-section-title">土壤目标 pH:
  17. </view>
  18. <input
  19. class="input-field"
  20. placeholder="3~6"
  21. value="{{target_pH}}"
  22. bindinput="onTargetPhChange"
  23. />
  24. </view>
  25. </view>
  26. <view class="white-box">
  27. <view class="input-row">
  28. <view class="page-section-title">土壤有机质(g/kg) OM:</view>
  29. <input
  30. class="input-field"
  31. type="text"
  32. placeholder="10~30"
  33. value="{{OM}}"
  34. bindinput="onOMChange"
  35. />
  36. </view>
  37. </view>
  38. <view class="white-box">
  39. <view class="input-row">
  40. <view class="page-section-title">土壤粘粒(g/kg) CL:</view>
  41. <input
  42. class="input-field"
  43. type="text"
  44. placeholder="50~600"
  45. value="{{CL}}"
  46. bindinput="onCLChange"
  47. />
  48. </view>
  49. </view>
  50. <view class="white-box">
  51. <view class="input-row">
  52. <view class="page-section-title">交换性氢(cmol/kg) H+:</view>
  53. <input
  54. class="input-field"
  55. type="text"
  56. placeholder="0~4"
  57. value="{{H}}"
  58. bindinput="onHChange"
  59. />
  60. </view>
  61. </view>
  62. <view class="white-box">
  63. <view class="input-row">
  64. <view class="page-section-title">交换性铝(cmol/kg) Al3+:</view>
  65. <input
  66. class="input-field"
  67. type="text"
  68. placeholder="0~4"
  69. value="{{Al}}"
  70. bindinput="onAlChange"
  71. />
  72. </view>
  73. </view>
  74. <!-- 弹窗部分 -->
  75. <view wx:if="{{showModal}}" class="modal-overlay">
  76. <view class="modal">
  77. <view class="modal-header">
  78. <text>100克土壤撒{{result}}克生石灰</text>
  79. <button class="close-btn" bindtap="closeModal">×</button>
  80. </view>
  81. <view class="modal-body">
  82. <text>{{result}}克</text>
  83. </view>
  84. </view>
  85. </view>
  86. <!-- 计算按钮 -->
  87. <view class="green-btn">
  88. <button class="btn" bindtap="calculate">计算</button>
  89. </view>
  90. </view>