<view class="opinion_wrap">
    <view class="wrap">
        <form bindsubmit="formSubmit">
            <view class="contant_wrap">
                <view class="contant">
                    <textarea name="opinion"   value="{{contact}}" auto-height placeholder-class="placeholder" placeholder="为了带给您更好的体验,期待您的任何反馈,我们将会不断改进" />
                </view>
            </view>
            
            <view class="phone">
                <input name="contant" value="{{contant}}" placeholder-class="placeholder" placeholder="您的手机号或者邮箱,方便我们及时给您回复" />
            </view>
            <button formType="submit" hover-class="none" loading="{{loading}}">提交</button>
        </form>
    </view>
</view>

page{
    background-color: #efefef;
}
.opinion_wrap{
}
.contant_wrap{
    background-color: #fff;
}
.contant{
    width: 94%;
    margin: 0 auto
}
textarea{
    min-height: 300rpx;
    padding: 10rpx 0;
    width: 100%;
}
input{
    margin-top: 30rpx;
    height: 100rpx;
    padding-left: 20rpx;
    background-color: #fff;
}
button{
    margin-top: 60rpx;
    background-color: #e58026;
    color: #fff;
}
.placeholder{
    color: #999999;
    font-size: 12pt;
}

const url = require('../../utils/requireurl.js').url;
Page({
  data:{
    loading:false,
    contact:'',
    contant:''
  },
  
  formSubmit:function(e){
    let _that = this;
    let content = e.detail.value.opinion;
    let contact = e.detail.value.contant;
    let regPhone = /^1[3578]d{9}$/;
    let regEmail  = /^[a-zd_-.]+@[a-zd_-]+.[a-zd_-]+$/i;
    if( content == "" ){
      wx.showModal({
        title: '提示',
        content: '反馈内容不能为空!',
      })
      return false
    }
    if( contact == "" ){
      wx.showModal({
        title: '提示',
        content: '手机号或者邮箱不能为空!',
      })
      return false
    }
    if( contact == "" && content == "" ){
      wx.showModal({
        title: '提示',
        content: '反馈内容,手机号或者邮箱不能为空!',
      })
      return false
    }
    if( (!regPhone.test( contact ) && !regEmail.test( contact )) || (regPhone.test( contact ) && regEmail.test( contact )) ){ //验证手机号或者邮箱的其中一个对 这个关系饶了俩小时^_^
      wx.showModal({
        title: '提示',
        content: '您输入的手机号或者邮箱有误!',
      })
      return false
    }else {
      this.setData({
        loading:true
      })
      let model,system,platform;
      wx.getSystemInfo({
        success: function(res) {
           model = res.model;
           system = res.system;
           platform = res.platform;
        }
      })
      wx.request({
        url: url+'/util/feedback',
        header: {
            'content-type': 'application/x-www-form-urlencoded'
        },
        data: {
          'content':content,
          'contact':contact,
          'device_model':model, //手机型号
          'device_system ':system, //操作系统版本
          'app_version':platform  //客户端平台
        },
        method: 'POST',
        success: function(res){
          let status = res.data.status;
          if( status == 1 ){
             _that.setData({
                loading:false,
                contact:'',
                contant:''
              })
              wx.showToast({
                title:'成功',
                icon: 'success',
                duration: 1500
              })
            }
        },
        fail: function() {
          console.log( "意见反馈接口调用失败" )
        }
      })
    }
  }
})