柿霖不是林 发表于 2017-3-3 12:35:33

微信小程序学习用demo:我的快递,快递单号,扫一扫二维码


undefined终于有一个demo,使用扫一扫功能了,真机测试可用,推荐大家学习研究:




let req = require( '../../requests/request.js' );
let util = require( '../../utils/util.js' )

Page({
    data:{
      radioValue: "",
      radioName: "",
      epxressLists: [],
      saveExpressLists: [],
      words: ["#","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"],
      selectedWord: "top",
      wWidth: 0,
      wHeight: 0,
      isShowModal: false,
      currentTop: 0,
      obj: {},
      animationError: {},
      errorShow: false,
      scale: 1,
      expressObj: [],
      searchInput: ''
    },
    onLoad(obj){
      const wSize =util.getWindowSize();
      this.setData({wWidth: wSize.wWidth, wHeight: wSize.wHeight, scale: wSize.scale, obj});
      this.getExpressLsit();
    },
    showModal(e) {
      this.setDefault(e)
      this.setData({isShowModal: true})
    },
    changeModalText(e) {
      this.setDefault(e)
    },
    hideModal() {
      this.setData({isShowModal: false})
    },
    setDefault(e){
      const wWidth =parseFloat(this.data.wWidth)
      const currentTop = parseFloat(e.touches.clientY);
      const startTop = (wWidth / 750) * 200;
      const eachLen = (wWidth / 750) * 25;
      let len = currentTop - startTop;
      let selectedWord = [];
      len = len / eachLen
      len = parseInt(len)
      this.setData({selectedWord: this.data.words, currentTop})
    },
    radioChange(e) {
      const index = e.currentTarget.dataset.index.split("-")
      const lists = this.data.epxressLists]
      const arr = lists.list];
      const obj = this.data.obj
      this.setData({radioValue: arr.code, radioName: arr.name})
      obj.key = arr.code
      obj.name = arr.name
      this.setData({obj})
      this.goToDetails()
    },
    goToDetails(){
      const unixTime = new Date().getTime()
      const num =this.data.obj.num
      const key = this.data.radioValue
      const name = this.data.radioName

      const params = {
      data: {tid: unixTime, companyCode: key, logisticCode: num},
      method: 'GET'
      }

      util.showLoading("加载中...","loading", 10000)

      req.getEpxressData(params, data => {
      
      const status = parseInt(data.status)
      const msg = data.msg || '数据查询异常,请稍后再试'
      if(data.data === null) {
          this.showError(msg)
          return
      }
      const state = (data.data.state === null) ? data.data.state : parseInt(data.data.state)
      const traces = data.data.traces

      if(!data.data.success) {
          this.showError(msg)
          return
      }
      if(traces === null) {
          this.showError('无该单号信息, 请确认单号')
          return
      }
      if(state === null || state < 0) {
          this.showError('无该单号信息, 请确认单号')
          return
      }
      if(status !== 1){
          this.showError(data.details)
          return
      }

      if(status === 1 && !!data.data.success && !!traces && parseInt(state) > 0){
          wx.redirectTo({url: '../details/details?num=' + num + '&key=' + key + "&name=" + name})
      }
      }, data => {
      }, data => {
      util.hideToast()
      })
    },
    getExpressLsit() {
      const params = {
      data: {},
      method: 'GET'
      }

      req.getEpxressList(params, data => {
      const lists = data
      const arr = lists.data
      let epxressLists = []
      const expressObj = []

      for(let i = 0; i < arr.length; i ++) {
          for(let val in arr) {
            for(let j = 0; j < arr.length; j ++) {
            expressObj.push(arr)
            }
          }
      }

      this.setData({expressObj})

      for(let i = 0; i < arr.length; i ++) {
          for(let val in arr) {
            epxressLists = {key: val, list:arr}
          }
      }
      this.setData({epxressLists, saveExpressLists: epxressLists})
      })
    },
    inputChange(e) {
      let searchInput = e.detail.value;
      this.setData({searchInput})
    },
    clearNum() {
      this.setData({searchInput: ''})
    },
    inputConfirm(e) {
      let words = [];
      let firstWord = e.detail.value;
      let searchList = this.data.searchList;
      firstWord = firstWord.replace(/(^s*)|(s*$)/g, "");
      const expressObj = this.data.expressObj;

      if(firstWord.length >= 2) {
      firstWord = firstWord.substring(0,2);
      }

      for(let i = 0; i < expressObj.length; i ++) {
      if(expressObj.name.indexOf(firstWord) > -1) {
          this.setData({selectedWord: expressObj.code})
          break;
      }
      }
    },
    selectWord(e) {
      let firstWord = e.target.dataset.value
      this.getOneList(firstWord)
    },
    getOneList(firstWord) {
      if(!firstWord) return
      firstWord = firstWord
      firstWord = firstWord.toUpperCase()
      this.setData({selectedWord: firstWord})
    },
    showError(text) {
      this.animateError(1)
      this.setData({errorShow: true,errorText: text})
      setTimeout(() => {
      this.animateError(0)
      }, 2000)
      setTimeout(() => {
      this.setData({errorShow: false})
      }, 3000)
    },
    animateError(opacity) {
      let animation = wx.createAnimation({
          duration: 1000,
          timingFunction: 'ease'
      })
      animation.opacity(opacity).step()
      this.setData({
      animationError:animation.export()
      })

    }

})



**** Hidden Message *****

随❤而至 发表于 2017-4-28 11:43:41

啥也不说了,感谢楼主分享哇!

白首不分离 发表于 2017-5-5 16:40:30

啥也不说了,感谢楼主分享哇!

李泽 发表于 2017-5-6 16:35:37

确实是难得好帖啊,顶先

心随你远行 发表于 2017-5-9 14:56:47

确实是难得好帖啊

双木网络林玉标 发表于 2017-5-9 16:19:19

啥也不说了,感谢楼主分享哇!:lol

不会忘记你 发表于 2017-5-23 00:13:11

谢谢楼主的分享

瑞瑞爸 发表于 2017-5-23 03:44:13

啥也不说了,感谢楼主分享哇!

kaihuayanpen 发表于 2017-6-7 20:53:37

啥也不说了,感谢楼主分享哇!

1050489186 发表于 2017-6-7 22:39:20

了解了一下!表示感谢!
页: [1] 2 3 4
查看完整版本: 微信小程序学习用demo:我的快递,快递单号,扫一扫二维码