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

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

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

[mw_shl_code=html,true]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[0].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[len], currentTop})
},
radioChange(e) {
   const index = e.currentTarget.dataset.index.split("-")
   const lists = this.data.epxressLists[index[0]]
   const arr = lists.list[index[1]];
   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[val].length; j ++) {
            expressObj.push(arr[val][j])
         }
      }
      }

      this.setData({expressObj})

      for(let i = 0; i < arr.length; i ++) {
      for(let val in arr) {
         epxressLists = {key: val, list:arr[val]}
      }
      }
      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[0]
   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()
   })

}

})[/mw_shl_code]

游客，如果您要查看本帖隐藏内容请回复

随❤而至 · 发表于 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

啥也不说了，感谢楼主分享哇！

不会忘记你 · 发表于 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

了解了一下！表示感谢！

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源