人工智能研究中心快递柜——代码分析五

2021SC@SDUSC

目录

index.wxml

index.js

---

本次主要介绍订单方面内容。

index.wxml

关于订单只要分为未完成与已完成两种订单，另外对于每一个订单都会进行订单详情的展示，会进行订单编号、订单状态、柜子名称、使用模式、柜子位置、使用时间、开柜码等内容的展示，另外会有关于开柜记录的展示。

再程序设定中，将未完成订单设为order.status=0，已完成的订单状态为1，利用wx.if进行对状态的筛选，然后利用view进行视图容器的配置，text字段表示订单类型，tips字段表示小贴士。

<view class="pickuped-title" wx:elif="{{order.status == '1'}}">
    <image class="pickuped-icon" src="/img/icon/icon_finish.png"></image>
    <view class="pickuped-title-text">
      <view class="pickuped-text">已完成</view>
      <view class="pickuped-tips">这个订单已经完成啦</view>
    </view>
  </view>

关于其他的展示也是利用view进行视图的展示，柜子的实用模式定义字段order.mode来判断，不同数字对应不同柜子功能。

<view class="detail-tab">
          <text class="label">使用模式：</text>
          <text class="value" wx:if="{{order.mode == '1'}}">中转物品</text>
          <text class="value" wx:if="{{order.mode == '2'}}">收作业</text>
          <text class="value" wx:if="{{order.mode == '3'}}">暂存物品</text>
        </view>

关于柜子的定位实用order.location，该字段在其他方法中进行了定义会在后续分析，使用时间为order.start-order.end表示，本部分的表示主要就是通过不同的字段的定义，然后利用wx.if进行条件判断，选取需要的item，最后利用text和view进行视图层的实现。

index.js

在data中放置了一条订单的信息，以在index.wxml中调用。

onload页面加载函数中定义了获取订单信息的函数，通过输入ID参数，调用wx.getStorageSync获取缓存的手机号，调用request函数获取其他详细信息，最后将信息setData进data中。

getOrderInfo: function(id) {
    let params = {
      phone: wx.getStorageSync('phone'),
      orderId: id,
    };
    let that = this;
    request.request("/wechat/getOrderInfo", "GET", params, (data) => {
      console.log("--data--", data);
      that.setData({
        order: data,
      })
    }, (data) => {
      console.log("on fail ", data);
    })
  },