AcidificationModel/shoping/Calculation/Calculation.js

Page({
  data: {
    result: '', // 用于存储计算结果
    OM: '', // 有机质含量
    CL: '', // 土壤粘粒重量
    CEC: '', // 阳离子交换量
    H: '', // 氢离子含量
    HN: '', // 铵离子含量
    Al: '', // 铝离子含量
    free_alumina: '', // 游离氧化铝含量
    free_iron_oxides: '', // 游离氧化铁含量
    delta_ph: '',
    showResultPopup: false, // 控制弹窗显示与否
  },

  // 更新有机质含量
  onOMChange: function(e) {
    this.setData({
      OM: e.detail.value
    });
  },
  
  // 更新土壤粘粒重量
  onCLChange: function(e) {
    this.setData({
      CL: e.detail.value
    });
  },
  
  // 更新阳离子交换量
  onCECChange: function(e) {
    this.setData({
      CEC: e.detail.value
    });
  },
  
  // 更新氢离子含量
  onHChange: function(e) {
    this.setData({
      H: e.detail.value
    });
  },
  
  // 更新铵离子含量
  onHNChange: function(e) {
    this.setData({
      HN: e.detail.value
    });
  },
  
  // 更新铝离子含量
  onAlChange: function(e) {
    this.setData({
      Al: e.detail.value
    });
  },
  
  // 更新游离氧化铝含量
  onFreeAluminaChange: function(e) {
    this.setData({
      free_alumina: e.detail.value
    });
  },
  
  // 更新游离氧化铁含量
  onFreeIronOxidesChange: function(e) {
    this.setData({
      free_iron_oxides: e.detail.value
    });
  },
  
  onDeltaPhChange: function(e) {
    this.setData({
      delta_ph: e.detail.value
    });
  },

  // 计算方法
  calculate: function() {
    console.log('开始计算...');
    const data = {
      model_id: 13,
      parameters: {
        organic_matter: this.data.OM,
        chloride: this.data.CL,
        cec: this.data.CEC,
        h_concentration: this.data.H,
        n: this.data.HN,
        al_concentration: this.data.Al,
      },
    };

    wx.request({
      url: 'http://127.0.0.1:5000/predict',
      method: 'POST',
      data: JSON.stringify(data),
      header: {
        'content-type': 'application/json' 
      },
      success: (res) => {
        console.log('预测结果:', res.data.predictions);

        // 直接更新页面的 result
        if (res.data.result && Array.isArray(res.data.result)) {
          const result = res.data.result[0] ? res.data.result[0].toString() : '无结果';
          this.setData({
            result: result,
            showResultPopup: true, // 显示弹窗
          });
        } else {
          console.error('返回数据格式错误');
          wx.showToast({
            title: '预测结果无效',
            icon: 'none'
          });
        }
      },
      fail: (error) => {
        console.error('请求失败:', error);
        wx.showToast({
          title: '请求失败，请重试',
          icon: 'none'
        });
      }
    });
  },

  // 关闭弹窗
  closePopup: function() {
    this.setData({
      showResultPopup: false, // 隐藏弹窗
    });
  },

  // 页面加载时
  onLoad: function(options) {
    // 页面加载时，不再处理解码
  },
});