import { gzCertAddressConfig, gzCertAddressParam } from "../../../services/api/orders/index"
import { hideLoading, showLoading, showToast } from "../../../utils/message/index"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// tabs
    tabs: [{id: 0, name: '国内'}, {id: 1, name: '国际'}],
    /// tab索引
    active: 0,
    /// 参数配置信息
    configs: <GuangZuan.GzCertAddressConfig[]>[],
    /// 显示的数据
    datas: <GuangZuan.GzCertAddressConfig[]>[],
    /// 选中的证书类型
    config: <GuangZuan.GzCertAddressConfig>{},
    /// 证书参数信息
    params: <GuangZuan.GzCertAddressParam[]>[],
    /// 证书号
    certno: '',
    /// 防伪码
    securityCode: '',
    /// 查询地址
    paramAddress: ''
  },

  /**
   * 证书查询
   */
  certSearch() {
    /// 合规性校验
    if (!this.check()) { return }

    var param = ''
    /// 参数拼接
    var filters =  this.data.params.filter(itm => {
      return itm.certtype == this.data.config.certtype
    })
    /// 地址拼接
    filters.forEach(obj => {
      if (obj.orderindex == 1) {
        param = param.concat(obj.paramkey+'='+this.data.certno+(filters.length > 1 ? '&' : '')) 
      } else {
        param = param.concat(obj.paramkey+'='+this.data.securityCode) 
      }
    })
    /// 最终的查询地址
    this.setData({ paramAddress: this.data.config.queryaddress+(param != "" ? param : '') })
  },

  /**
   * 清空
   */
  clear() {
    /// 数据清空
    this.setData({
      certno: '',
      securityCode: '',
      paramAddress: ''
    })
  },

  /**
   * 获取证书地址参数查询
   */
  gzCertAddressConfig() {
    /// loding.....
    showLoading(()=>{
      /// 发送查询
      gzCertAddressConfig({
        success: (res) => {
          if (res.code != 200) {
            hideLoading(()=>{}, '参数加载失败，原因：'+res.msg)
            return
          }
          /// 加载成功
          hideLoading(()=>{
            /// 设置数据
            this.setData({ 
              /// 配置数据
              configs: res.data,
              /// 显示数据
              datas: res.data.filter(itm => {
                /// 默认选中第一个
                if (itm.orderindex == 1) { itm.isCheck = true }
                return itm.certregion == this.data.active+1
              }),
            })
            /// 默认选中第一个
            this.setData({ config: this.data.datas[0] })
          })
        },
        fail: (emsg) => {
          hideLoading(()=>{}, emsg)
        }
      })
    })
  },

  /**
   * 钻石证书地址参数
   */
  gzCertAddressParam() {
    /// showLoading
    showLoading(()=>{
      /// 发送查询
      gzCertAddressParam({
        success: (res) => {
          if (res.code != 200) {
            hideLoading(()=>{}, '证书地址参数加载失败，原因：'+res.msg)
            return
          }
          hideLoading(()=>{
            /// 设置数据
            this.setData({ 
              /// 配置数据
              params: res.data,
            })
          })
        },
        fail: (emsg) => {
          hideLoading(()=>{}, emsg)
        }
      })
    })
  },

  /**
   * tab触发事件
   */
  onTabChange(e: any) {
    /// 设置激活项
    this.setData({ 
      active: e.detail.index,
      /// 显示数据
      datas: this.data.configs.filter(itm => {
        return itm.certregion == e.detail.index+1
      })
    })
    /// 默认选中第一个
    this.setData({ config: this.data.datas[0] })
  },

  /**
   * 返回上层视图
   */
  backToParent() {
    /// 返回上层视图
    wx.navigateBack()
  },

  /// 形状按钮点击事件
  onButtonClick(e: any) {
    const index = e.target.id
    /// 设置数据
    this.setData({
      datas: this.data.datas.map(item => {
        item.isCheck = item.orderindex == index
        return item
      }),
    })
    this.setData({ config: this.data.datas.filter(itm => { return itm.orderindex == index })[0] })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    /// 获取参数配置信息
    this.gzCertAddressConfig()
    /// 获取钻石证书地址参数
    this.gzCertAddressParam()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /// 合规性校验
  check(): boolean {
    /// 请输入证书号
    if (this.data.certno.length == 0) {
      showToast('请输入证书号！')
      return false
    }

    /// 请输入防伪码
    if (this.data.securityCode.length == 0) {
      showToast('请输入防伪码！')
      return false
    }
    return true
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})