wxappb2b/GuangZuan/miniprogram/mHome/pages/cerserach/index.ts

import Toast from "../../../miniprogram_npm/@vant/weapp/toast/toast"
import { gzCertAddressConfig, gzCertAddressParam } from "../../../services/api/orders/index"

// mHome/pages/cerserach/index.ts
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.....
    Toast.loading({message: '加载中...'})
    /// 发送查询
    gzCertAddressConfig({
      success: (res) => {
        if (res.code != 200) {
          Toast.fail('参数加载失败，原因：'+res.msg)
          return
        }
        /// 设置数据
        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) => {
        Toast.fail('参数加载失败，原因：'+emsg)
      },
      complete: () => {}
    })
  },

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

  /**
   * 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()
  },

  /// 形状按钮点击事件
  onButtonPressed(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) {
      Toast.fail('请输入证书号！')
      return false
    }

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

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})